.vmhalo-ac-page{
  --ac-primary: #1F7A4D;
  --ac-accent: #34B98A;
  --ac-bg: #F8FAFB;
  --ac-card: #FFFFFF;
  --ac-ink: #161A1E;
  --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: #161A1E;
  --ac-r: 17px;
  --ac-font-head: "Chivo", "PingFang SC", "Noto Sans CJK SC", system-ui, sans-serif;
  --ac-font-body: "Inter", "PingFang SC", "Noto Sans CJK SC", system-ui, sans-serif;
  --ac-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
width:100%;
padding:var(--hero-top) var(--gutter) var(--space-close);
background:var(--ice);
color:var(--text);
font-family:var(--fb);
overflow-x:clip;
font-variant-numeric:tabular-nums;
}
.vmhalo-ac-page [hidden]{display:none!important}
.vmhalo-ac-access{
width:100%;
max-width:var(--width-narrow);
margin-inline:auto;
}
.vmhalo-ac-access-heading{
display:grid;
gap:var(--space-2);
margin-bottom:var(--space-4);
min-width:0;
}
.vmhalo-ac-access-heading h1{
font-family:var(--fh);
font-size:clamp(2rem,3.6vw,3.2rem);
line-height:var(--lh-heading);
color:var(--ink);
}
.vmhalo-ac-access-heading p{
max-width:42rem;
color:var(--muted);
overflow-wrap:break-word;
}
.vmhalo-ac-access-surface{
padding:var(--space-5);
border-radius:var(--r-xl);
background:var(--s3);
color:var(--i3);
}
.vmhalo-ac-access-form{
display:grid;
align-content:start;
gap:var(--space-3);
min-width:0;
width:100%;
}
.vmhalo-ac-form-heading{
display:grid;
gap:var(--field-gap);
min-width:0;
}
.vmhalo-ac-form-heading h2,
.vmhalo-ac-form-title{
font-size:var(--fs-lg);
line-height:var(--lh-heading);
color:var(--i3);
}
.vmhalo-ac-form-heading p{
font-size:var(--fs-sm);
color:var(--m3);
}
.vmhalo-ac-field{
display:grid;
grid-template-columns:minmax(0,1fr);
align-content:start;
gap:var(--field-gap);
margin:0;
min-width:0;
width:100%;
}
.vmhalo-ac-field dt,
.vmhalo-ac-field dd{
margin:0;
min-width:0;
}
.vmhalo-ac-field label,
.vmhalo-ac-verification legend{
font-size:var(--fs-sm);
line-height:var(--lh-small);
font-weight:600;
color:var(--ink);
}
.vmhalo-ac-input,
.vmhalo-ac-textarea{
display:block;
width:100%;
min-width:0;
max-width:100%;
border:1px solid var(--input-line);
border-radius:var(--r-md);
padding:.75rem var(--space-2);
background:var(--white);
color:var(--text);
font-family:var(--fb);
font-size:var(--fs-base);
line-height:var(--lh-small);
transition:border-color var(--duration),box-shadow var(--duration);
}
.vmhalo-ac-input{height:3.25rem;min-height:3.25rem}
.vmhalo-ac-textarea{
min-height:7rem;
resize:vertical;
}
.vmhalo-ac-textarea[rows="5"]{min-height:10rem}
.vmhalo-ac-input::placeholder,
.vmhalo-ac-textarea::placeholder{
color:var(--muted);
opacity:1;
}
.vmhalo-ac-input:focus,
.vmhalo-ac-textarea:focus{
outline:2px solid var(--focus);
outline-offset:3px;
border-color:var(--focus);
}
.vmhalo-ac-input:disabled,
.vmhalo-ac-textarea:disabled{
background:var(--s1);
color:var(--muted);
}
.vmhalo-ac-btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:var(--space-1);
max-width:100%;
min-width:0;
min-height:3.25rem;
padding:.75rem var(--space-3);
border:1px solid transparent;
border-radius:var(--r-pill);
font-family:var(--fb);
font-size:var(--fs-base);
font-weight:600;
line-height:var(--lh-small);
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);
}
.vmhalo-ac-btn-primary{
background:var(--ac-primary);
color:var(--ac-on-primary);
}
.vmhalo-ac-btn-primary:hover{
background:var(--btn);
color:var(--on-dark);
}
.vmhalo-ac-btn-line{
background:var(--white);
color:var(--ink);
border-color:color-mix(in srgb,var(--ink) 32%,transparent);
}
.vmhalo-ac-btn-line:hover{
background:var(--s1);
color:var(--i1);
border-color:var(--input-line);
}
.vmhalo-ac-btn-danger{
background:var(--ac-danger);
color:var(--on-dark);
}
.vmhalo-ac-btn-danger:hover{
background:var(--btn);
color:var(--on-dark);
}
.vmhalo-ac-btn-sm{
min-height:2.5rem;
padding:.5rem var(--space-2);
font-size:var(--fs-sm);
}
.vmhalo-ac-btn:disabled{
opacity:.6;
cursor:not-allowed;
}
.vmhalo-ac-wide{width:100%}
.vmhalo-ac-link{
display:inline-flex;
align-items:center;
justify-content:flex-start;
justify-self:start;
min-height:2rem;
max-width:100%;
padding:0;
border:0;
background:transparent;
color:var(--g);
font-family:var(--fb);
font-size:var(--fs-sm);
line-height:var(--lh-small);
font-weight:600;
text-align:left;
text-decoration:underline;
text-decoration-thickness:1px;
text-underline-offset:.22em;
cursor:pointer;
}
.vmhalo-ac-link:hover{color:var(--ink)}
.vmhalo-ac-submit-line{
display:grid;
align-content:start;
justify-items:start;
gap:var(--space-2);
min-width:0;
}
.vmhalo-ac-email-chip{
display:inline-flex;
align-items:center;
width:fit-content;
max-width:100%;
padding:.4em .9em;
border-radius:var(--r-pill);
background:var(--white);
color:var(--i3);
font-family:var(--fm);
font-size:var(--fs-sm);
line-height:var(--lh-small);
overflow-wrap:anywhere;
}
.vmhalo-ac-verification{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
align-items:start;
gap:var(--field-gap);
width:100%;
min-width:0;
margin:0;
padding:0;
border:0;
}
.vmhalo-ac-verification legend{
width:100%;
padding:0 0 var(--field-gap);
}
.vmhalo-ac-verification .vmhalo-ac-btn{
min-height:3.25rem;
font-size:var(--fs-sm);
}
.vmhalo-ac-registration-fields{
display:grid;
gap:var(--space-3);
min-width:0;
padding:0;
margin:0;
list-style:none;
}
.vmhalo-ac-registration-fields>li{min-width:0}
.vmhalo-ac-methods{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-1);
list-style:none;
padding:0;
margin:0;
min-width:0;
}
.vmhalo-ac-methods>li{min-width:0}
.vmhalo-ac-tab{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
min-height:3rem;
padding:var(--space-1) var(--space-2);
border:1px solid var(--input-line);
border-radius:var(--r-md);
background:var(--white);
color:var(--i3);
font-size:var(--fs-sm);
line-height:var(--lh-small);
font-weight:600;
white-space:normal;
overflow-wrap:break-word;
}
.vmhalo-ac-tab.is-on,
.vmhalo-ac-tab[aria-selected="true"]{
background:var(--ink);
color:var(--on-dark);
border-color:var(--ink);
}
.vmhalo-ac-auth-content{
display:grid;
gap:var(--space-2);
min-width:0;
}
.vmhalo-ac-access-foot{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
gap:var(--space-2) var(--space-3);
padding-top:var(--space-3);
min-width:0;
}
.vmhalo-ac-access-fact{
display:flex;
align-items:center;
gap:var(--space-1);
min-width:0;
max-width:100%;
font-size:var(--fs-sm);
color:var(--muted);
overflow-wrap:break-word;
}
.vmhalo-ac-orbit,
.vmhalo-ac-index-orbit{
display:inline-block;
flex:none;
width:1rem;
height:1rem;
border:2px solid var(--g);
border-radius:50%;
box-shadow:0 0 0 3px color-mix(in srgb,var(--g2) 18%,transparent);
}
.vmhalo-ac-msg{
padding:var(--space-2);
border-radius:var(--r-md);
border-inline-start:3px solid var(--ac-danger);
background:var(--white);
color:var(--ac-danger);
font-size:var(--fs-sm);
line-height:var(--lh-small);
overflow-wrap:break-word;
}
.vmhalo-ac-msg.is-ok{
background:var(--white);
color:var(--g);
border-inline-start-color:var(--g);
}
.vmhalo-ac-register{
display:grid;
gap:var(--space-4);
width:100%;
max-width:var(--width-standard);
margin-inline:auto;
min-width:0;
}
.vmhalo-ac-record-volume{
display:grid;
align-content:start;
gap:var(--space-3);
min-width:0;
}
.vmhalo-ac-panel-well{min-width:0}
.vmhalo-ac-panel{
display:grid;
align-content:start;
gap:var(--space-3);
min-width:0;
}
.vmhalo-ac-panel-title,
.vmhalo-ac-panel-heading h2,
.vmhalo-ac-ticket-heading h2{
font-family:var(--fh);
font-size:var(--fs-xl);
line-height:var(--lh-heading);
color:var(--ink);
}
.vmhalo-ac-panel-heading{
display:grid;
gap:var(--field-gap);
min-width:0;
}
.vmhalo-ac-panel-heading p{
max-width:52rem;
color:var(--muted);
font-size:var(--fs-sm);
}
.vmhalo-ac-records{
display:grid;
align-content:start;
gap:var(--space-2);
min-width:0;
}
.vmhalo-ac-volume-tools{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:flex-start;
gap:var(--space-2);
padding-top:var(--space-1);
}
.vmhalo-ac-account-binding{
display:grid;
grid-template-columns:minmax(12rem,.7fr) minmax(0,2fr);
gap:var(--space-4);
align-items:start;
padding:var(--space-4);
border-radius:var(--r-xl);
background:var(--s1);
color:var(--i1);
}
.vmhalo-ac-owner{
display:grid;
align-content:start;
justify-items:start;
gap:var(--space-2);
min-width:0;
font-style:normal;
}
.vmhalo-ac-owner-caption{
font-size:var(--fs-xs);
line-height:var(--lh-small);
color:var(--m1);
}
.vmhalo-ac-owner-email{
max-width:100%;
font-family:var(--fm);
font-size:var(--fs-sm);
line-height:var(--lh-small);
font-weight:600;
color:var(--i1);
overflow-wrap:anywhere;
}
.vmhalo-ac-index-leaf{
display:grid;
gap:var(--space-3);
min-width:0;
}
.vmhalo-ac-record-index{min-width:0}
.vmhalo-ac-index-entries{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:var(--space-1);
padding:0;
margin:0;
list-style:none;
align-items:stretch;
}
.vmhalo-ac-index-entries>li{min-width:0}
.vmhalo-ac-dtab{
display:flex;
flex-wrap:wrap;
align-content:flex-start;
align-items:center;
justify-content:flex-start;
gap:var(--space-2);
width:100%;
height:100%;
min-width:0;
padding:var(--space-3);
border:0;
border-radius:var(--r-md);
background:var(--white);
color:var(--ink);
text-align:left;
font-family:var(--fb);
font-size:var(--fs-sm);
line-height:var(--lh-small);
font-weight:600;
overflow-wrap:break-word;
}
.vmhalo-ac-dtab:hover{
box-shadow:inset 0 0 0 1px var(--input-line);
}
.vmhalo-ac-dtab.is-on,
.vmhalo-ac-dtab[aria-selected="true"]{
background:var(--g);
color:var(--on-dark);
}
.vmhalo-ac-index-orbit{
width:.75rem;
height:.75rem;
border-color:var(--input-line);
box-shadow:none;
}
.vmhalo-ac-dtab.is-on .vmhalo-ac-index-orbit,
.vmhalo-ac-dtab[aria-selected="true"] .vmhalo-ac-index-orbit{
border-color:var(--white);
box-shadow:inset 0 0 0 2px var(--g);
background:var(--white);
color:var(--g);
}
.vmhalo-ac-register-title{
font-family:var(--fh);
font-size:var(--fs-lg);
line-height:var(--lh-heading);
color:var(--i1);
}
.vmhalo-ac-count{
display:inline-flex;
align-items:center;
justify-content:center;
flex:0 0 auto;
min-width:1.5rem;
height:1.5rem;
padding-inline:.3rem;
border-radius:var(--r-pill);
background:var(--ink);
color:var(--on-dark);
font-family:var(--fm);
font-size:var(--fs-xs);
line-height:1;
}
.vmhalo-ac-item{
display:grid;
align-content:start;
gap:var(--space-3);
width:100%;
min-width:0;
padding:var(--space-4);
border-radius:var(--r-lg);
background:var(--white);
color:var(--text);
box-shadow:var(--shadow-s);
}
.vmhalo-ac-item.is-open{
background:var(--white);
color:var(--text);
box-shadow:inset 0 0 0 2px var(--g),var(--shadow-s);
}
.vmhalo-ac-item-head{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:flex-start;
gap:var(--space-2) var(--space-3);
min-width:0;
}
.vmhalo-ac-item-head>div{min-width:0}
.vmhalo-ac-item-head>div:first-child{flex:1 1 16rem}
.vmhalo-ac-item-title{
font-family:var(--fh);
font-size:var(--fs-lg);
font-weight:800;
line-height:var(--lh-heading);
color:var(--ink);
overflow-wrap:break-word;
}
.vmhalo-ac-item-sub{
margin-top:var(--space-1);
font-size:var(--fs-sm);
line-height:var(--lh-small);
color:var(--muted);
overflow-wrap:break-word;
}
.vmhalo-ac-item-actions,
.vmhalo-ac-svc-actions,
.vmhalo-ac-row{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:flex-start;
gap:var(--space-1);
min-width:0;
}
.vmhalo-ac-item-actions{flex:0 1 auto}
.vmhalo-ac-svc-actions,
.vmhalo-ac-item>.vmhalo-ac-row{margin-top:var(--space-2)}
.vmhalo-ac-chip{
display:inline-flex;
align-items:center;
justify-content:center;
gap:.4em;
width:fit-content;
max-width:100%;
padding:.4em .9em;
border-radius:var(--r-pill);
font-size:var(--fs-xs);
line-height:1;
font-weight:600;
background:var(--s1);
color:var(--i1);
}
.vmhalo-ac-chip-ok{
background:var(--g);
color:var(--on-dark);
}
.vmhalo-ac-chip-warn{
background:var(--s2);
color:var(--i2);
box-shadow:inset 0 0 0 1px var(--input-line);
}
.vmhalo-ac-chip-bad{
background:var(--ac-danger);
color:var(--on-dark);
}
.vmhalo-ac-chip-idle{
background:var(--s3);
color:var(--i3);
}
.vmhalo-ac-creds{
display:grid;
min-width:0;
gap:0;
padding:var(--space-3);
border-radius:var(--r-md);
background:var(--s1);
color:var(--i1);
}
.vmhalo-ac-cred{
display:grid;
grid-template-columns:minmax(7rem,.7fr) minmax(0,1.6fr) auto;
align-items:start;
gap:var(--space-2);
min-width:0;
padding-block:var(--space-2);
border-bottom:1px solid var(--line);
}
.vmhalo-ac-cred:last-child{border-bottom:0}
.vmhalo-ac-cred dt{
min-width:0;
font-size:var(--fs-sm);
color:var(--m1);
overflow-wrap:break-word;
}
.vmhalo-ac-cred dd{
min-width:0;
margin:0;
font-family:var(--fm);
font-size:var(--fs-sm);
color:var(--i1);
overflow-wrap:anywhere;
}
.vmhalo-ac-cred .vmhalo-ac-row{align-items:flex-start}
.vmhalo-ac-copy{
display:inline-flex;
align-items:center;
justify-content:center;
gap:var(--space-1);
min-height:2rem;
max-width:100%;
padding:.3rem .75rem;
border:1px solid var(--input-line);
border-radius:var(--r-pill);
background:var(--white);
color:var(--ink);
font-family:var(--fb);
font-size:var(--fs-xs);
line-height:var(--lh-small);
white-space:normal;
}
.vmhalo-ac-copy:hover{
background:var(--s3);
color:var(--i3);
}
.vmhalo-ac-dim{
font-size:var(--fs-base);
line-height:var(--lh-body);
color:var(--muted);
overflow-wrap:break-word;
}
.vmhalo-ac-ticket-heading{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;
gap:var(--space-2);
min-width:0;
}
.vmhalo-ac-request-form,
.vmhalo-ac-conversation{
display:grid;
align-content:start;
gap:var(--space-3);
min-width:0;
padding:var(--space-4);
border-radius:var(--r-lg);
background:var(--s3);
color:var(--i3);
}
.vmhalo-ac-request-fields,
.vmhalo-ac-security-fields{
display:grid;
align-content:start;
gap:var(--space-3);
min-width:0;
margin:0;
padding:0;
border:0;
}
.vmhalo-ac-section-label{
display:block;
width:100%;
padding:0 0 var(--space-3);
font-family:var(--fh);
font-size:var(--fs-lg);
line-height:var(--lh-heading);
font-weight:800;
color:var(--ink);
}
.vmhalo-ac-form-actions{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:flex-start;
gap:var(--space-2);
margin-top:var(--space-3);
min-width:0;
}
.vmhalo-ac-return{justify-self:start}
.vmhalo-ac-conversation-heading{
display:grid;
gap:var(--field-gap);
min-width:0;
}
.vmhalo-ac-conversation-heading h3{
font-size:var(--fs-lg);
color:var(--i3);
}
.vmhalo-ac-conversation-heading p{
color:var(--m3);
font-size:var(--fs-sm);
overflow-wrap:break-word;
}
.vmhalo-ac-thread{
display:grid;
align-content:start;
gap:var(--space-2);
min-width:0;
}
.vmhalo-ac-note{
justify-self:start;
display:grid;
gap:var(--space-1);
width:min(100%,48rem);
min-width:0;
padding:var(--space-3);
border-radius:var(--r-lg);
background:var(--white);
color:var(--text);
}
.vmhalo-ac-note.is-mine{
justify-self:end;
background:var(--s2);
color:var(--i2);
}
.vmhalo-ac-note-meta{
font-size:var(--fs-xs);
line-height:var(--lh-small);
color:var(--muted);
overflow-wrap:break-word;
}
.vmhalo-ac-note.is-mine .vmhalo-ac-note-meta{color:var(--m2)}
.vmhalo-ac-note-body{
font-size:var(--fs-base);
line-height:var(--lh-body);
white-space:pre-wrap;
overflow-wrap:break-word;
}
.vmhalo-ac-reply-form{
display:grid;
align-content:start;
gap:var(--space-1);
min-width:0;
}
.vmhalo-ac-security-fold{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
align-items:start;
gap:var(--space-3);
min-width:0;
}
.vmhalo-ac-security-form{
display:grid;
align-content:start;
gap:var(--space-2);
min-width:0;
padding:var(--space-4);
border-radius:var(--r-lg);
background:var(--white);
color:var(--text);
}
.vmhalo-ac-form-explanation{
font-size:var(--fs-sm);
line-height:var(--lh-small);
color:var(--muted);
}
.vmhalo-ac-dialog{
position:fixed;
inset:0;
z-index:250;
display:grid;
place-items:center;
padding:var(--space-3);
isolation:isolate;
overflow-y:auto;
}
.vmhalo-ac-dialog-backdrop{
position:absolute;
inset:0;
z-index:-1;
background:color-mix(in srgb,var(--ink) 62%,transparent);
color:var(--on-dark);
}
.vmhalo-ac-dialog-panel{
display:grid;
justify-items:center;
align-content:start;
gap:var(--space-2);
width:min(100%,32rem);
max-height:calc(100dvh - var(--space-6));
padding:var(--space-5);
border-radius:var(--r-xl);
background:var(--white);
color:var(--text);
box-shadow:var(--shadow);
text-align:center;
overflow-y:auto;
position:relative;
}
.vmhalo-ac-dialog-orbit{
display:block;
width:2rem;
height:2rem;
margin:0 auto var(--space-1);
border:2px solid var(--input-line);
border-radius:50%;
box-shadow:inset 0 0 0 6px var(--white),inset 0 0 0 8px var(--input-line);
}
.vmhalo-ac-dialog-title{
font-family:var(--fh);
font-size:var(--fs-lg);
line-height:var(--lh-heading);
color:var(--ink);
}
.vmhalo-ac-dialog-body{
max-width:100%;
color:var(--muted);
font-size:var(--fs-base);
line-height:var(--lh-body);
overflow-wrap:break-word;
}
.vmhalo-ac-dialog-actions{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:flex-start;
gap:var(--space-2);
margin-top:var(--space-3);
min-width:0;
max-width:100%;
}
.vmhalo-ac-dialog-panel .vmhalo-ac-dialog-actions{justify-content:center}
.vmhalo-ac-dialog-panel .vmhalo-ac-btn-primary:hover{
background:var(--btn-h);
color:var(--on-dark);
}
.vmhalo-ac-dialog-panel .vmhalo-ac-btn-danger:hover{
background:var(--ink);
color:var(--on-dark);
}
.vmhalo-ac-dialog-panel .vmhalo-ac-btn-line:hover{
background:var(--s1);
color:var(--i1);
}
.vmhalo-ac-btn:focus-visible,
.vmhalo-ac-link:focus-visible,
.vmhalo-ac-tab:focus-visible,
.vmhalo-ac-dtab:focus-visible,
.vmhalo-ac-copy:focus-visible{
outline:2px solid var(--focus);
outline-offset:4px;
}
@media(max-width:64rem){
.vmhalo-ac-account-binding{
grid-template-columns:minmax(0,1fr);
gap:var(--space-3);
}
.vmhalo-ac-owner{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:var(--space-2);
}
.vmhalo-ac-owner-email{flex:1 1 16rem}
.vmhalo-ac-index-entries{
grid-template-columns:repeat(5,minmax(0,1fr));
}
.vmhalo-ac-dtab{padding:var(--space-2);gap:var(--space-1)}
.vmhalo-ac-security-fold{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:760px){
.vmhalo-ac-page{
padding-top:var(--hero-top);
padding-bottom:var(--space-close);
}
.vmhalo-ac-access-heading h1{
font-size:clamp(1.8rem,6vw,2.5rem);
}
.vmhalo-ac-access-surface{padding:var(--space-3)}
.vmhalo-ac-access-heading{margin-bottom:var(--space-3)}
.vmhalo-ac-access-foot{
align-items:flex-start;
flex-direction:column;
}
.vmhalo-ac-register{gap:var(--space-3)}
.vmhalo-ac-item,
.vmhalo-ac-request-form,
.vmhalo-ac-conversation,
.vmhalo-ac-security-form,
.vmhalo-ac-account-binding{
padding:var(--space-3);
}
.vmhalo-ac-panel-title,
.vmhalo-ac-panel-heading h2,
.vmhalo-ac-ticket-heading h2{
font-size:1.65rem;
}
.vmhalo-ac-index-entries{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.vmhalo-ac-index-entries>li:last-child{grid-column:1/-1}
.vmhalo-ac-dtab{padding:var(--space-3)}
.vmhalo-ac-owner{display:grid;justify-items:start}
.vmhalo-ac-item-head{
display:grid;
grid-template-columns:minmax(0,1fr);
}
.vmhalo-ac-item-actions{width:100%}
.vmhalo-ac-creds{padding:var(--space-2)}
.vmhalo-ac-cred{
grid-template-columns:minmax(0,1fr);
gap:var(--field-gap);
}
.vmhalo-ac-cred .vmhalo-ac-row{justify-content:flex-start}
.vmhalo-ac-svc-actions{gap:var(--space-2)}
.vmhalo-ac-svc-actions .vmhalo-ac-btn{flex:1 1 8rem}
.vmhalo-ac-dialog{padding:var(--space-2)}
.vmhalo-ac-dialog-panel{
padding:var(--space-3);
max-height:calc(100dvh - var(--space-4));
}
.vmhalo-ac-dialog-actions{width:100%}
.vmhalo-ac-dialog-actions .vmhalo-ac-btn{flex:1 1 10rem}
.vmhalo-ac-note{width:100%}
.vmhalo-ac-note.is-mine{width:calc(100% - var(--space-2))}
}
@media(max-width:390px){
.vmhalo-ac-verification{grid-template-columns:minmax(0,1fr)}
.vmhalo-ac-verification .vmhalo-ac-btn{justify-self:start;min-height:2.5rem}
.vmhalo-ac-methods{grid-template-columns:minmax(0,1fr)}
.vmhalo-ac-form-actions .vmhalo-ac-btn{flex:1 1 100%}
.vmhalo-ac-volume-tools .vmhalo-ac-btn{flex:1 1 7rem}
.vmhalo-ac-index-entries{grid-template-columns:minmax(0,1fr)}
.vmhalo-ac-index-entries>li:last-child{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){
.vmhalo-ac-btn,
.vmhalo-ac-input,
.vmhalo-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}