.metalvnc-ac-page{
    --ac-primary: #5E0F57;
  --ac-accent: #E0457B;
  --ac-bg: #FBFAFD;
  --ac-card: #FFFFFF;
  --ac-ink: #1B1030;
  --ac-on-primary: #ffffff;
  --ac-primary-text: color-mix(in srgb, var(--ac-primary) 42%, var(--ac-ink));
  --ac-ok: #1e8e5a;
  --ac-warn: #9a6b0f;
  --ac-danger: #c53939;
  --ac-shadow: #1B1030;
  --ac-r: 16px;
  --ac-font-head: "Inter", "PingFang SC", "Noto Sans CJK SC", system-ui, sans-serif;
  --ac-font-body: "Manrope", "PingFang SC", "Noto Sans CJK SC", system-ui, sans-serif;
  --ac-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  width:100%;
  max-width:none;
  padding:var(--hero-pad) var(--gutter) var(--space-close);
  background:var(--light);
  color:var(--ink);
  font-family:var(--fb);
  overflow-x:clip;
  font-variant-numeric:tabular-nums;
}
.metalvnc-ac-page [hidden]{display:none!important}
.metalvnc-ac-gate{
  width:min(100%,var(--container));
  margin-inline:auto;
  padding:var(--space-7);
  border-radius:var(--radius-band);
  background:var(--lav);
  color:var(--lav-ink);
  --ac-local-muted:#5A5084;
  --ac-local-line:#DDD8E7;
}
.metalvnc-ac-gate-intro{
  display:grid;
  align-content:start;
  gap:var(--space-2);
  max-width:var(--container-read);
  margin-bottom:var(--space-5);
  min-width:0;
}
.metalvnc-ac-gate-intro h1{
  font-family:var(--fh);
  font-size:clamp(2rem,3.5vw,3rem);
  font-weight:500;
  line-height:1.2;
  letter-spacing:-.8px;
}
.metalvnc-ac-gate-intro p{
  color:var(--lav-mute);
  max-width:64ch;
  overflow-wrap:break-word;
}
.metalvnc-ac-access-slot{width:100%;min-width:0}
.metalvnc-ac-start{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(12rem,.36fr);
  align-items:start;
  gap:var(--field-gap) var(--space-3);
  width:100%;
}
.metalvnc-ac-entry-label{
  grid-column:1/-1;
  font-size:var(--text-sm);
  font-weight:600;
}
.metalvnc-ac-entry-input{grid-column:1}
.metalvnc-ac-entry-submit{grid-column:2}
.metalvnc-ac-entry-message{grid-column:1/-1}
.metalvnc-ac-access{
  display:grid;
  align-content:start;
  gap:var(--space-4);
  width:100%;
  padding:var(--space-5);
  border-radius:var(--radius-card);
  background:var(--surface);
  color:var(--ink);
  --ac-local-muted:#5B5470;
  --ac-local-line:#DDD8E7;
}
.metalvnc-ac-form-group{
  display:grid;
  gap:var(--space-4);
  align-content:start;
  width:100%;
  min-width:0;
  border:0;
  margin:0;
  padding:0;
}
.metalvnc-ac-form-title{
  max-width:100%;
  padding:0;
  margin-bottom:var(--space-3);
  font-family:var(--fh);
  font-size:var(--text-card);
  font-weight:600;
  line-height:var(--lh-title);
  letter-spacing:-.3px;
  overflow-wrap:break-word;
}
.metalvnc-ac-form-lead{
  color:var(--mute);
  font-size:var(--text-sm);
  line-height:1.6;
  overflow-wrap:break-word;
}
.metalvnc-ac-email-chip{
  display:inline-flex;
  align-items:center;
  width:fit-content;
  max-width:100%;
  padding:.4em .9em;
  border-radius:var(--radius-chip);
  background:var(--sky);
  color:var(--sky-ink);
  font-family:var(--fm);
  font-size:var(--text-sm);
  line-height:1.5;
  overflow-wrap:anywhere;
}
.metalvnc-ac-field-map{
  display:grid;
  grid-template-columns:minmax(8rem,.28fr) minmax(0,1fr);
  align-items:start;
  gap:var(--space-4);
  width:100%;
  min-width:0;
}
.metalvnc-ac-field-map dt{
  min-width:0;
  padding-top:var(--space-2);
  font-size:var(--text-sm);
  font-weight:600;
}
.metalvnc-ac-field-map dd{min-width:0;margin:0}
.metalvnc-ac-field-map label{font-size:var(--text-sm);overflow-wrap:break-word}
.metalvnc-ac-field{
  display:grid;
  align-content:start;
  gap:var(--field-gap);
  min-width:0;
  font-size:var(--text-sm);
  font-weight:600;
}
.metalvnc-ac-field-label{font-size:var(--text-sm);font-weight:600}
.metalvnc-ac-input,.metalvnc-ac-textarea{
  display:block;
  width:100%;
  min-width:0;
  min-height:48px;
  margin:0;
  padding:var(--space-2) var(--space-3);
  border:1px solid var(--control-line);
  border-radius:var(--radius-cell);
  background:var(--surface);
  color:var(--ink);
  font-family:var(--fb);
  font-size:var(--text-base);
  font-weight:400;
  line-height:1.5;
  transition:border-color var(--duration),box-shadow var(--duration);
}
.metalvnc-ac-input::placeholder,.metalvnc-ac-textarea::placeholder{color:var(--soft);opacity:1}
.metalvnc-ac-input:focus,.metalvnc-ac-textarea:focus{
  border-color:var(--primary);
  outline:2px solid var(--primary);
  outline-offset:2px;
}
.metalvnc-ac-input[aria-invalid=true],.metalvnc-ac-textarea[aria-invalid=true]{border-color:var(--cream-ink)}
.metalvnc-ac-textarea{min-height:112px;resize:vertical;padding-block:var(--space-3)}
.metalvnc-ac-verification{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
  gap:var(--space-2);
  min-width:0;
}
.metalvnc-ac-method-picker{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-2);
  min-width:0;
}
.metalvnc-ac-tab{
  min-width:0;
  min-height:48px;
  padding:var(--space-2) var(--space-4);
  border:1px solid var(--control-line);
  border-radius:var(--radius-cell);
  background:var(--surface);
  color:var(--mute);
  font-family:var(--fh);
  font-size:var(--text-sm);
  font-weight:600;
  line-height:1.5;
  overflow-wrap:break-word;
}
.metalvnc-ac-tab.is-on,.metalvnc-ac-tab[aria-selected=true]{
  background:var(--primary);
  color:var(--ac-on-primary);
  border-color:var(--primary);
}
.metalvnc-ac-tab:hover{box-shadow:inset 0 0 0 1px var(--primary)}
.metalvnc-ac-login-method{display:grid;align-content:start;gap:var(--field-gap);min-width:0}
.metalvnc-ac-link{
  justify-self:start;
  width:fit-content;
  padding:var(--space-1) 0;
  border:0;
  background:transparent;
  color:var(--primary);
  font-size:var(--text-sm);
  text-decoration:underline;
  text-underline-offset:4px;
}
.metalvnc-ac-access-actions,.metalvnc-ac-compose-actions,.metalvnc-ac-reply-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  align-items:center;
  gap:var(--space-2);
  margin-top:var(--space-3);
}
.metalvnc-ac-access-actions .metalvnc-ac-btn-primary{flex:1 1 16rem}
.metalvnc-ac-access-facts{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-4);
  margin-top:var(--space-5);
}
.metalvnc-ac-access-fact{
  display:flex;
  align-items:baseline;
  gap:var(--space-3);
  min-width:0;
}
.metalvnc-ac-access-fact dt{
  flex:none;
  font-family:var(--fm);
  font-size:var(--text-xs);
  color:var(--lav-mute);
}
.metalvnc-ac-access-fact dd{
  min-width:0;
  color:var(--lav-ink);
  font-size:var(--text-sm);
  overflow-wrap:break-word;
}
.metalvnc-ac-btn{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:var(--space-2);
  max-width:100%;
  min-height:48px;
  padding:var(--space-2) var(--space-4);
  border:1px solid transparent;
  border-radius:var(--radius-cell);
  font-family:var(--fh);
  font-size:var(--text-sm);
  font-weight:600;
  line-height:1.5;
  text-align:center;
  text-decoration:none;
  white-space:normal;
  overflow-wrap:break-word;
  cursor:pointer;
  transition:background var(--duration),border-color var(--duration),box-shadow var(--duration);
}
.metalvnc-ac-btn-primary{
  background:var(--primary);
  color:var(--ac-on-primary);
  border-color:var(--primary);
}
.metalvnc-ac-btn-primary:hover{background:var(--primary-h);color:var(--ac-on-primary);border-color:var(--primary-h)}
.metalvnc-ac-btn-line{
  background:transparent;
  color:var(--primary);
  border-color:color-mix(in srgb,currentColor 35%,transparent);
}
.metalvnc-ac-btn-line:hover{background:var(--lav);color:var(--lav-ink);border-color:var(--control-line)}
.metalvnc-ac-btn-danger{
  background:var(--cream-ink);
  color:var(--surface);
  border-color:var(--cream-ink);
}
.metalvnc-ac-btn-danger:hover{background:var(--dark);color:var(--surface);border-color:var(--dark)}
.metalvnc-ac-btn-sm{min-height:36px;padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}
.metalvnc-ac-btn:disabled,.metalvnc-ac-tab:disabled,.metalvnc-ac-copy:disabled{opacity:.6;cursor:wait}
.metalvnc-ac-btn:focus-visible,.metalvnc-ac-dtab:focus-visible,.metalvnc-ac-tab:focus-visible,.metalvnc-ac-copy:focus-visible{
  outline:2px solid var(--primary);
  outline-offset:3px;
}
.metalvnc-ac-dash{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:var(--space-4);
  width:min(100%,var(--container-wide));
  max-width:none;
  margin-inline:auto;
}
.metalvnc-ac-dispatch{
  display:grid;
  grid-template-columns:minmax(12rem,.32fr) minmax(0,1fr);
  align-items:center;
  gap:var(--space-4);
  min-width:0;
  padding:var(--space-4);
  border-radius:var(--radius-card);
  background:var(--sky);
  color:var(--sky-ink);
  --ac-local-muted:#46627F;
  --ac-local-line:#DDD8E7;
}
.metalvnc-ac-account-stamp{display:grid;align-content:start;gap:var(--space-2);min-width:0}
.metalvnc-ac-account-stamp dt{font-size:var(--text-xs);color:var(--sky-mute)}
.metalvnc-ac-account-stamp dd{min-width:0;font-family:var(--fm);font-size:var(--text-sm);overflow-wrap:anywhere}
.metalvnc-ac-view-index{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  align-items:stretch;
  gap:var(--space-2);
  min-width:0;
}
.metalvnc-ac-dtab{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-2);
  min-width:0;
  min-height:56px;
  padding:var(--space-3);
  border-radius:var(--radius-cell);
  background:var(--surface);
  color:var(--sky-ink);
  font-family:var(--fh);
  font-size:var(--text-sm);
  font-weight:600;
  line-height:1.5;
  text-align:start;
  overflow-wrap:break-word;
}
.metalvnc-ac-dtab>span{min-width:0}
.metalvnc-ac-dtab.is-on,.metalvnc-ac-dtab[aria-selected=true]{
  background:var(--primary);
  color:var(--ac-on-primary);
}
.metalvnc-ac-dtab:hover{box-shadow:inset 0 0 0 1px var(--primary)}
.metalvnc-ac-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:24px;
  min-width:24px;
  padding-inline:var(--space-1);
  border-radius:var(--radius-chip);
  background:var(--cream);
  color:var(--cream-ink);
  font-family:var(--fm);
  font-size:var(--text-xs);
  line-height:1;
  vertical-align:middle;
}
.metalvnc-ac-work-surface{
  width:100%;
  min-width:0;
  padding:var(--space-5);
  border-radius:var(--radius-band);
  background:var(--lav);
  color:var(--lav-ink);
  --ac-local-muted:#5A5084;
  --ac-local-line:#DDD8E7;
}
.metalvnc-ac-panel{display:grid;align-content:start;gap:var(--space-4);min-width:0;width:100%}
.metalvnc-ac-panel-heading{
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:var(--space-3);
  min-width:0;
  margin-bottom:var(--space-2);
}
.metalvnc-ac-panel-heading h2,.metalvnc-ac-panel-title,.metalvnc-ac-panel-intro h2{
  font-size:clamp(1.5rem,2.2vw,2rem);
  line-height:var(--lh-title);
  letter-spacing:-.5px;
  min-width:0;
}
.metalvnc-ac-panel-title{margin-bottom:var(--space-2)}
.metalvnc-ac-panel-intro{display:grid;gap:var(--space-2);min-width:0}
.metalvnc-ac-panel-intro p{color:var(--lav-mute);font-size:var(--text-sm)}
.metalvnc-ac-records{display:grid;gap:var(--space-3);width:100%;min-width:0}
.metalvnc-ac-item{
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
  width:100%;
  min-width:0;
  padding:var(--space-4);
  border-radius:var(--radius-card);
  background:var(--surface);
  color:var(--ink);
  --ac-local-muted:#5B5470;
  --ac-local-line:#DDD8E7;
}
.metalvnc-ac-item.is-open{box-shadow:inset 4px 0 0 var(--primary)}
.metalvnc-ac-item-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  flex-wrap:wrap;
  gap:var(--space-3);
  min-width:0;
}
.metalvnc-ac-item-head>div{min-width:0}
.metalvnc-ac-item-head>div:first-child{flex:1 1 16rem}
.metalvnc-ac-item-title{font-family:var(--fh);font-size:var(--text-md);font-weight:600;line-height:1.4;overflow-wrap:break-word}
.metalvnc-ac-item-sub{margin-top:var(--space-2);color:var(--mute);font-size:var(--text-sm);overflow-wrap:break-word}
.metalvnc-ac-item-actions{
  display:flex;
  justify-content:flex-start;
  align-items:center;
  flex-wrap:wrap;
  gap:var(--space-2);
  min-width:0;
}
.metalvnc-ac-chip{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:.4em;
  width:fit-content;
  max-width:100%;
  padding:.4em .9em;
  border-radius:var(--radius-chip);
  background:var(--lav);
  color:var(--lav-ink);
  font-size:var(--text-xs);
  font-weight:600;
  line-height:1.3;
}
.metalvnc-ac-chip-ok{background:var(--mint);color:var(--mint-ink)}
.metalvnc-ac-chip-warn{background:var(--cream);color:var(--cream-ink)}
.metalvnc-ac-chip-bad{background:var(--primary);color:var(--ac-on-primary)}
.metalvnc-ac-chip-idle{background:var(--sky);color:var(--sky-ink)}
.metalvnc-ac-creds{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-2);
  min-width:0;
  margin-block:var(--space-3);
}
.metalvnc-ac-cred{
  display:grid;
  grid-template-columns:minmax(6rem,.4fr) minmax(0,1fr);
  align-items:baseline;
  gap:var(--space-2) var(--space-3);
  min-width:0;
  padding:var(--space-3);
  border-radius:var(--radius-cell);
  background:var(--sky);
  color:var(--sky-ink);
}
.metalvnc-ac-cred dt{min-width:0;font-size:var(--text-xs);color:var(--sky-mute);overflow-wrap:break-word}
.metalvnc-ac-cred dd{min-width:0;margin:0;font-family:var(--fm);font-size:var(--text-sm);overflow-wrap:anywhere}
.metalvnc-ac-cred>.metalvnc-ac-row{grid-column:2}
.metalvnc-ac-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-start;
  gap:var(--space-2);
  min-width:0;
}
.metalvnc-ac-item>p.metalvnc-ac-row{margin-top:var(--space-3)}
.metalvnc-ac-copy{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  min-height:32px;
  max-width:100%;
  padding:var(--space-1) var(--space-2);
  border:1px solid var(--control-line);
  border-radius:var(--radius-cell);
  background:var(--surface);
  color:var(--primary);
  font-family:var(--fh);
  font-size:var(--text-xs);
  line-height:1.5;
}
.metalvnc-ac-copy:hover{background:var(--lav);color:var(--lav-ink)}
.metalvnc-ac-svc-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  align-items:center;
  gap:var(--space-2);
  margin-top:var(--space-3);
}
.metalvnc-ac-dim{color:var(--mute);font-size:var(--text-sm);overflow-wrap:break-word}
.metalvnc-ac-msg{
  padding:var(--space-3) var(--space-4);
  border-radius:var(--radius-cell);
  background:var(--cream);
  color:var(--cream-ink);
  font-size:var(--text-sm);
  line-height:1.6;
  overflow-wrap:break-word;
}
.metalvnc-ac-msg.is-ok{background:var(--mint);color:var(--mint-ink)}
.metalvnc-ac-security-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;
  gap:var(--space-4);
  min-width:0;
}
.metalvnc-ac-security-form{
  display:grid;
  align-content:start;
  gap:var(--space-4);
  min-width:0;
  padding:var(--space-4);
  border-radius:var(--radius-card);
  background:var(--surface);
  color:var(--ink);
}
.metalvnc-ac-security-form-current{background:var(--sky);color:var(--sky-ink)}
.metalvnc-ac-security-form>.metalvnc-ac-btn{justify-self:start}
.metalvnc-ac-ticket-compose{
  display:grid;
  align-content:start;
  gap:var(--space-4);
  min-width:0;
  padding:var(--space-4);
  border-radius:var(--radius-card);
  background:var(--cream);
  color:var(--cream-ink);
}
.metalvnc-ac-conversation{
  display:grid;
  align-content:start;
  gap:var(--space-4);
  min-width:0;
  padding:var(--space-4);
  border-radius:var(--radius-card);
  background:var(--surface);
  color:var(--ink);
}
.metalvnc-ac-conversation-heading{display:grid;align-content:start;gap:var(--space-2);min-width:0}
.metalvnc-ac-conversation-heading>.metalvnc-ac-btn{justify-self:start;margin-bottom:var(--space-2)}
.metalvnc-ac-conversation-heading h3{font-size:var(--text-card);overflow-wrap:break-word}
.metalvnc-ac-thread{display:grid;gap:var(--space-3);min-width:0}
.metalvnc-ac-note{
  width:min(92%,56rem);
  min-width:0;
  padding:var(--space-4);
  border-radius:var(--radius-card);
  background:var(--sky);
  color:var(--sky-ink);
}
.metalvnc-ac-note.is-mine{justify-self:end;background:var(--mint);color:var(--mint-ink)}
.metalvnc-ac-note-meta{font-size:var(--text-xs);line-height:1.5;font-weight:600;opacity:.9;overflow-wrap:break-word}
.metalvnc-ac-note-body{margin-top:var(--space-2);font-size:var(--text-sm);line-height:1.65;white-space:pre-wrap;overflow-wrap:break-word}
.metalvnc-ac-reply{display:grid;align-content:start;gap:var(--space-3);min-width:0}
.metalvnc-ac-workbench-foot{
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:var(--space-3);
  padding:var(--space-3) var(--space-4);
  min-width:0;
}
.metalvnc-ac-workbench-foot h1{font-size:var(--text-md);line-height:1.4;letter-spacing:-.2px;color:var(--mute)}
.metalvnc-ac-workbench-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:var(--space-2);min-width:0}
.metalvnc-ac-dialog{
  position:fixed;
  inset:0;
  z-index:var(--z-dialog);
  display:grid;
  place-items:center;
  padding:var(--gutter);
}
.metalvnc-ac-dialog-backdrop{position:absolute;inset:0;background:var(--dark);color:var(--terminal-text);opacity:.76}
.metalvnc-ac-dialog-panel{
  position:relative;
  width:min(100%,32rem);
  max-height:calc(100dvh - var(--gutter)*2);
  overflow-y:auto;
  padding:var(--space-5);
  border-radius:var(--radius-card);
  background:var(--surface);
  color:var(--ink);
  box-shadow:var(--shadow-window);
  text-align:center;
}
.metalvnc-ac-dialog-mark{margin-inline:auto;margin-bottom:var(--space-3);color:var(--primary)}
.metalvnc-ac-dialog-panel h3{font-size:var(--text-card);line-height:var(--lh-title)}
.metalvnc-ac-dialog-panel p{margin-top:var(--space-2);color:var(--mute);font-size:var(--text-sm);overflow-wrap:break-word}
.metalvnc-ac-dialog-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}
.metalvnc-ac-dialog-panel .metalvnc-ac-dialog-actions{justify-content:center}
.metalvnc-ac-dialog-panel .metalvnc-ac-btn-primary:hover{background:var(--primary-h);color:var(--ac-on-primary);border-color:var(--primary-h)}
.metalvnc-ac-dialog-panel .metalvnc-ac-btn-danger:hover{background:var(--dark);color:var(--surface);border-color:var(--dark)}
.metalvnc-ac-dialog-panel .metalvnc-ac-btn-line:hover{background:var(--lav);color:var(--lav-ink);border-color:var(--control-line)}
@media(max-width:1100px){
  .metalvnc-ac-dispatch{grid-template-columns:minmax(0,1fr)}
  .metalvnc-ac-account-stamp{grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:var(--space-3)}
  .metalvnc-ac-gate{padding:var(--space-5)}
  .metalvnc-ac-security-grid{grid-template-columns:minmax(0,1fr)}
  .metalvnc-ac-creds{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:760px){
  .metalvnc-ac-page{padding-top:var(--hero-pad)}
  .metalvnc-ac-gate{padding:var(--space-4);border-radius:var(--radius-card)}
  .metalvnc-ac-gate-intro{margin-bottom:var(--space-4)}
  .metalvnc-ac-gate-intro h1{font-size:2rem;line-height:1.2}
  .metalvnc-ac-start{grid-template-columns:minmax(0,1fr)}
  .metalvnc-ac-entry-input,.metalvnc-ac-entry-submit{grid-column:1}
  .metalvnc-ac-entry-submit{margin-top:var(--space-2);width:100%}
  .metalvnc-ac-access{padding:var(--space-4)}
  .metalvnc-ac-field-map{grid-template-columns:minmax(0,1fr);gap:var(--field-gap)}
  .metalvnc-ac-field-map dt{padding-top:0}
  .metalvnc-ac-field-map dd{margin-bottom:var(--space-3)}
  .metalvnc-ac-verification{grid-template-columns:minmax(0,1fr)}
  .metalvnc-ac-verification>.metalvnc-ac-btn{width:100%}
  .metalvnc-ac-method-picker{grid-template-columns:minmax(0,1fr)}
  .metalvnc-ac-tab{padding-inline:var(--space-3)}
  .metalvnc-ac-access-actions>.metalvnc-ac-btn{width:100%;flex-basis:100%}
  .metalvnc-ac-access-facts{grid-template-columns:minmax(0,1fr);gap:var(--space-3);margin-top:var(--space-4)}
  .metalvnc-ac-dash{gap:var(--space-3)}
  .metalvnc-ac-dispatch{padding:var(--space-3);gap:var(--space-3)}
  .metalvnc-ac-account-stamp{grid-template-columns:minmax(0,1fr);gap:var(--space-1)}
  .metalvnc-ac-view-index{grid-template-columns:repeat(2,minmax(0,1fr))}
  .metalvnc-ac-dtab{min-height:48px;padding:var(--space-2) var(--space-3)}
  .metalvnc-ac-dtab:last-child{grid-column:1/-1}
  .metalvnc-ac-work-surface{padding:var(--space-3);border-radius:var(--radius-card)}
  .metalvnc-ac-panel-heading{align-items:flex-start}
  .metalvnc-ac-panel-heading h2,.metalvnc-ac-panel-title,.metalvnc-ac-panel-intro h2{font-size:1.5rem}
  .metalvnc-ac-panel-heading>.metalvnc-ac-btn{width:100%}
  .metalvnc-ac-item{padding:var(--space-4);gap:var(--space-3)}
  .metalvnc-ac-item-head{display:grid;grid-template-columns:minmax(0,1fr)}
  .metalvnc-ac-item-actions{width:100%}
  .metalvnc-ac-cred{grid-template-columns:minmax(0,1fr);gap:var(--space-2)}
  .metalvnc-ac-cred>.metalvnc-ac-row{grid-column:1}
  .metalvnc-ac-svc-actions>.metalvnc-ac-btn-primary{flex-basis:100%}
  .metalvnc-ac-security-form,.metalvnc-ac-ticket-compose,.metalvnc-ac-conversation{padding:var(--space-4)}
  .metalvnc-ac-security-form>.metalvnc-ac-btn{width:100%}
  .metalvnc-ac-compose-actions>.metalvnc-ac-btn,.metalvnc-ac-reply-actions>.metalvnc-ac-btn{flex:1 1 100%}
  .metalvnc-ac-note{width:100%;padding:var(--space-4)}
  .metalvnc-ac-note.is-mine{width:94%}
  .metalvnc-ac-workbench-foot{align-items:flex-start;padding:var(--space-3) 0}
  .metalvnc-ac-workbench-actions{width:100%}
  .metalvnc-ac-workbench-actions>.metalvnc-ac-btn{flex:1}
  .metalvnc-ac-dialog-panel{padding:var(--space-4)}
  .metalvnc-ac-dialog-panel .metalvnc-ac-dialog-actions{flex-direction:column;align-items:stretch}
}
@media(prefers-reduced-motion:reduce){
  .metalvnc-ac-btn,.metalvnc-ac-input,.metalvnc-ac-textarea{transition:none}
}
body:has(> main[data-shell]){display:flex;flex-direction:column;min-height:100vh}
body > main[data-shell]{flex:1 0 auto}
