.xczone-ac-page{
    --ac-primary: #362782;
  --ac-accent: #8373BA;
  --ac-bg: #FCFCFA;
  --ac-card: #FEFEFD;
  --ac-ink: #20232A;
  --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: #20232A;
  --ac-r: 16px;
  --ac-font-head: "Albert Sans", "PingFang SC", "Noto Sans CJK SC", system-ui, sans-serif;
  --ac-font-body: "Outfit", "PingFang SC", "Noto Sans CJK SC", system-ui, sans-serif;
  --ac-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  width:min(100% - 2*var(--gutter),1248px);
  margin-inline:auto;
  padding-block:var(--space-5) var(--space-6);
  color:var(--ink);
  font-family:"Outfit",-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Kaku Gothic ProN","Apple SD Gothic Neo",sans-serif;
}
.xczone-ac-page [hidden]{display:none!important}
.xczone-ac-page *{min-width:0}
.xczone-ac-gate{width:min(100%,46rem);margin-inline:auto}
.xczone-ac-gate-intro{padding:0 var(--space-1) var(--space-3)}
.xczone-ac-gate-intro h1{font-size:var(--text-section);margin:0 0 var(--space-2)}
.xczone-ac-gate-intro p{max-width:36rem;margin:0;color:var(--muted);overflow-wrap:break-word}
.xczone-ac-access{padding:var(--space-4);border-radius:var(--radius-lg);background:var(--blue);color:var(--blue-ink)}
.xczone-ac-form{display:grid;gap:var(--space-2)}
.xczone-ac-field{display:grid;gap:.45rem;min-width:0}
.xczone-ac-field label{font-weight:650;color:inherit}
.xczone-ac-field input,.xczone-ac-field textarea{
  display:block;width:100%;min-height:2.9rem;padding:.7rem .9rem;
  border:1px solid #858F9A;border-radius:var(--radius-sm);
  background:#fff;color:var(--ink);font-size:var(--text-base);
}
.xczone-ac-field textarea{min-height:7rem;resize:vertical;line-height:1.55}
.xczone-ac-field input:focus,.xczone-ac-field textarea:focus{outline:2px solid var(--accent);outline-offset:1px}
.xczone-ac-field input::placeholder,.xczone-ac-field textarea::placeholder{color:#59636D}
.xczone-ac-form-intro{display:grid;justify-items:start;gap:var(--space-1);margin-bottom:var(--space-1)}
.xczone-ac-form-intro h2{font-size:var(--text-card);margin:0}
.xczone-ac-form-intro p:not(.xczone-ac-email-chip){margin:0;color:var(--blue-ink)}
.xczone-ac-email-chip{
  display:inline-flex;align-items:center;max-width:100%;
  padding:.4em .9em;border-radius:999px;
  background:#fff;color:var(--blue-ink);
  font-size:var(--text-sm);line-height:1.3;
  overflow-wrap:anywhere;margin:0;
}
.xczone-ac-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  min-height:2.65rem;padding:.65rem 1.1rem;
  border:1px solid transparent;border-radius:999px;
  font-size:var(--text-sm);font-weight:650;line-height:1.35;text-align:center;
  text-decoration:none;cursor:pointer;transition:background .18s,border-color .18s,transform .18s;
}
.xczone-ac-btn:hover{transform:translateY(-1px)}
.xczone-ac-btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}
.xczone-ac-btn-primary:hover{background:#281B6D;border-color:#281B6D;color:#fff}
.xczone-ac-btn-line{
  background:#fff;color:var(--ink);
  border-color:color-mix(in srgb,var(--ink) 35%,transparent);
}
.xczone-ac-btn-line:hover{background:var(--surface);border-color:var(--primary)}
.xczone-ac-btn-danger{background:#9D262C;border-color:#9D262C;color:#fff}
.xczone-ac-btn-danger:hover{background:#801E24;border-color:#801E24;color:#fff}
.xczone-ac-btn-sm{min-height:2rem;padding:.35rem .8rem;font-size:var(--text-sm)}
.xczone-ac-submit{width:100%}
.xczone-ac-link{
  width:fit-content;padding:0;border:0;background:transparent;
  color:var(--primary);font-size:var(--text-sm);font-weight:650;
  text-decoration:underline;text-underline-offset:.2em;cursor:pointer;
}
.xczone-ac-link:hover{color:#281B6D}
.xczone-ac-field-link{justify-self:end}
.xczone-ac-code-pair{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-1);align-items:stretch}
.xczone-ac-code-pair .xczone-ac-btn{white-space:normal}
.xczone-ac-modes{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-1);padding:var(--space-1);
  border-radius:var(--radius-md);background:#fff;color:var(--ink);
}
.xczone-ac-tab{
  min-height:2.6rem;padding:.5rem .75rem;border:1px solid transparent;
  border-radius:var(--radius-sm);background:#fff;color:var(--muted);
  font-size:var(--text-sm);font-weight:650;cursor:pointer;
}
.xczone-ac-tab.is-on,.xczone-ac-tab[aria-selected="true"]{
  background:var(--primary);border-color:var(--primary);color:#fff;
}
.xczone-ac-form-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:var(--space-1);margin-top:var(--space-2)}
.xczone-ac-msg{
  width:100%;padding:.75rem 1rem;border-radius:var(--radius-sm);
  background:var(--rose);color:var(--rose-ink);
  font-size:var(--text-sm);line-height:1.5;margin:0;
}
.xczone-ac-msg.is-ok{background:var(--sage);color:var(--sage-ink)}
.xczone-ac-gate-index{
  display:grid;gap:var(--space-2);
  margin-top:var(--space-3);padding:var(--space-3);
  border-radius:var(--radius-md);background:var(--sand);color:var(--sand-ink);
}
.xczone-ac-gate-index strong{font-size:var(--text-sm)}
.xczone-ac-gate-index ul{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-2);list-style:none;padding:0;margin:0;
}
.xczone-ac-gate-index li{
  padding-top:var(--space-1);border-top:1px solid color-mix(in srgb,var(--sand-ink) 17%,transparent);
  font-size:var(--text-sm);overflow-wrap:break-word;
}
.xczone-ac-dash{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(13rem,16rem);
  gap:var(--space-4);align-items:start;width:100%;
}
.xczone-ac-workspace{min-width:0}
.xczone-ac-workspace-label{
  display:flex;align-items:baseline;justify-content:space-between;
  gap:var(--space-2);margin-bottom:var(--space-4);
}
.xczone-ac-workspace-label h1{margin:0;font-size:var(--text-section)}
.xczone-ac-workspace-mark{
  flex:none;color:var(--muted);font-size:var(--text-xs);
  font-family:"SFMono-Regular",Consolas,monospace;
}
.xczone-ac-directory{
  display:grid;gap:var(--space-3);position:sticky;top:6rem;
  padding:var(--space-3);border-radius:var(--radius-lg);
  background:var(--night);color:var(--night-ink);
}
.xczone-ac-identity{display:grid;gap:.35rem}
.xczone-ac-identity span{font-size:var(--text-xs);color:var(--night-muted)}
.xczone-ac-identity strong{font-size:var(--text-sm);font-weight:650;overflow-wrap:anywhere}
.xczone-ac-directory-list{display:grid;gap:.35rem}
.xczone-ac-dtab{
  display:flex;align-items:center;justify-content:space-between;
  gap:.5rem;width:100%;min-height:2.7rem;padding:.55rem .9rem;
  border:1px solid transparent;border-radius:var(--radius-md);
  background:transparent;color:var(--night-muted);
  text-align:left;font-size:var(--text-sm);font-weight:650;cursor:pointer;
}
.xczone-ac-dtab:hover{background:var(--night-card);color:var(--night-ink)}
.xczone-ac-dtab.is-on,.xczone-ac-dtab[aria-selected="true"]{
  background:#fff;border-color:#fff;color:var(--ink);
}
.xczone-ac-count{
  display:inline-flex;align-items:center;justify-content:center;
  flex:none;min-width:1.3rem;height:1.3rem;padding:0 .25rem;
  border-radius:999px;background:var(--rose);color:var(--rose-ink);
  font-size:var(--text-xs);line-height:1;
}
.xczone-ac-directory-tools{display:flex;flex-wrap:wrap;gap:var(--space-1)}
.xczone-ac-directory-tools .xczone-ac-btn-line{
  background:transparent;color:var(--night-ink);
  border-color:color-mix(in srgb,var(--night-ink) 42%,transparent);
}
.xczone-ac-directory-tools .xczone-ac-btn-line:hover{background:var(--night-card)}
.xczone-ac-panel{min-height:15rem}
.xczone-ac-panel-heading{
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3);
  padding-bottom:var(--space-2);border-bottom:1px solid var(--line);
}
.xczone-ac-panel-heading h2{margin:0;font-size:var(--text-card)}
.xczone-ac-panel-lead{margin:0 0 var(--space-3);color:var(--muted)}
.xczone-ac-collection{display:grid;gap:var(--space-2)}
.xczone-ac-item{
  width:100%;min-width:0;padding:var(--space-3);
  border:1px solid var(--line);border-radius:var(--radius-md);
  background:#fff;color:var(--ink);
}
.xczone-ac-item.is-open{border-color:var(--accent);background:var(--surface);color:var(--ink)}
.xczone-ac-item-head{
  display:flex;align-items:flex-start;justify-content:space-between;
  flex-wrap:wrap;gap:var(--space-2);
}
.xczone-ac-item-title{font-size:var(--text-lg);font-weight:700;overflow-wrap:break-word}
.xczone-ac-item-sub{margin-top:.4rem;color:var(--muted);font-size:var(--text-sm);overflow-wrap:break-word}
.xczone-ac-item-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-start;gap:var(--space-1)}
.xczone-ac-chip{
  display:inline-flex;align-items:center;gap:.4em;width:fit-content;
  padding:.4em .9em;border-radius:999px;line-height:1;
  font-size:var(--text-xs);font-weight:700;
  background:var(--blue);color:var(--blue-ink);
}
.xczone-ac-chip-ok{background:var(--sage);color:var(--sage-ink)}
.xczone-ac-chip-warn{background:var(--sand);color:var(--sand-ink)}
.xczone-ac-chip-bad{background:var(--rose);color:var(--rose-ink)}
.xczone-ac-chip-idle{background:#E7E9EC;color:#353C45}
.xczone-ac-dim{color:var(--muted);margin:0 0 var(--space-2);overflow-wrap:break-word}
.xczone-ac-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-1);margin:var(--space-2) 0 0}
.xczone-ac-creds{
  display:grid;gap:0;margin:var(--space-3) 0 0;
  border-top:1px solid var(--line);
}
.xczone-ac-cred{
  display:grid;grid-template-columns:minmax(6rem,9rem) minmax(0,1fr) auto;
  align-items:center;gap:var(--space-1);
  padding:var(--space-2) 0;border-bottom:1px solid var(--line);
}
.xczone-ac-cred dt{color:var(--muted);font-size:var(--text-sm);overflow-wrap:break-word}
.xczone-ac-cred dd{
  margin:0;font-size:var(--text-sm);
  font-family:"SFMono-Regular",Consolas,monospace;
  font-variant-numeric:tabular-nums;overflow-wrap:anywhere;
}
.xczone-ac-cred .xczone-ac-row{margin:0}
.xczone-ac-copy{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:1.9rem;padding:.3rem .65rem;
  border:1px solid #929AA3;border-radius:999px;
  background:#fff;color:var(--ink);
  font-size:var(--text-xs);cursor:pointer;
}
.xczone-ac-copy:hover{border-color:var(--primary);color:var(--primary)}
.xczone-ac-svc-actions{
  display:flex;flex-wrap:wrap;align-items:center;
  gap:var(--space-1);margin-top:var(--space-3);
}
.xczone-ac-svc-actions .xczone-ac-btn{white-space:normal}
.xczone-ac-editor,.xczone-ac-ticket-detail,.xczone-ac-security-form{
  display:grid;gap:var(--space-2);
  padding:var(--space-3);border-radius:var(--radius-md);
  background:var(--surface);color:var(--ink);
}
.xczone-ac-editor{margin-bottom:var(--space-3);border:1px solid var(--line)}
.xczone-ac-ticket-detail{margin-top:var(--space-3);border:1px solid var(--line)}
.xczone-ac-ticket-detail h3{margin:0;font-size:var(--text-card)}
.xczone-ac-detail-meta{margin:0;color:var(--muted);font-size:var(--text-sm)}
.xczone-ac-thread{display:grid;gap:var(--space-2);min-width:0}
.xczone-ac-note{
  width:min(85%,38rem);padding:var(--space-2);
  border-radius:var(--radius-md);background:var(--blue);color:var(--blue-ink);
}
.xczone-ac-note.is-mine{justify-self:end;background:var(--sage);color:var(--sage-ink)}
.xczone-ac-note-meta{margin-bottom:var(--space-1);font-size:var(--text-xs);font-weight:700}
.xczone-ac-note-body{font-size:var(--text-sm);line-height:1.6;white-space:pre-wrap;overflow-wrap:break-word}
.xczone-ac-reply{display:grid;gap:var(--space-2);margin-top:var(--space-3)}
.xczone-ac-security-forms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:var(--space-2)}
.xczone-ac-security-form{border:1px solid var(--line)}
.xczone-ac-security-form--code{background:var(--sand);color:var(--sand-ink);border-color:transparent}
.xczone-ac-security-form h3{font-size:var(--text-lg);margin:0}
.xczone-ac-security-form p:not(.xczone-ac-msg){margin:0;font-size:var(--text-sm)}
.xczone-ac-security-form .xczone-ac-btn-primary{justify-self:start}
.xczone-ac-dialog{
  position:fixed;inset:0;z-index:100;
  display:grid;place-items:center;padding:var(--gutter);
}
.xczone-ac-dialog-backdrop{position:absolute;inset:0;background:#161B25B8}
.xczone-ac-dialog-panel{
  position:relative;width:min(100%,28rem);max-height:calc(100vh - 2*var(--gutter));
  overflow-y:auto;padding:var(--space-4);
  border-radius:var(--radius-lg);background:#fff;color:var(--ink);
  box-shadow:var(--shadow);text-align:center;
}
.xczone-ac-dialog-panel h3{font-size:var(--text-card);margin:0 0 var(--space-2)}
.xczone-ac-dialog-panel p{margin:0;color:var(--muted)}
.xczone-ac-dialog-panel .xczone-ac-dialog-actions{
  display:flex;flex-wrap:wrap;justify-content:center;
  gap:var(--space-1);margin-top:var(--space-3);
}
@media(max-width:760px){
  .xczone-ac-page{padding-block:var(--space-4)}
  .xczone-ac-dash{display:flex;flex-direction:column;gap:var(--space-3)}
  .xczone-ac-directory{
    order:-1;position:static;width:100%;gap:var(--space-2);
    padding:var(--space-2);
  }
  .xczone-ac-directory-list{grid-template-columns:repeat(3,minmax(0,1fr))}
  .xczone-ac-dtab{justify-content:center;text-align:center;overflow-wrap:break-word}
  .xczone-ac-workspace{width:100%}
  .xczone-ac-workspace-label{margin-bottom:var(--space-3)}
  .xczone-ac-security-forms{grid-template-columns:minmax(0,1fr)}
  .xczone-ac-gate-index ul{grid-template-columns:minmax(0,1fr);gap:var(--space-1)}
}
@media(max-width:42rem){
  .xczone-ac-access{padding:var(--space-3)}
  .xczone-ac-gate-index{padding:var(--space-2)}
  .xczone-ac-item-head{flex-direction:column}
  .xczone-ac-item-actions{width:100%}
  .xczone-ac-cred{grid-template-columns:minmax(0,1fr) auto}
  .xczone-ac-cred dt{grid-column:1/-1}
  .xczone-ac-cred dd{grid-column:1}
  .xczone-ac-cred .xczone-ac-row{grid-column:2}
  .xczone-ac-note{width:min(92%,38rem)}
}
@media(max-width:350px){
  .xczone-ac-directory-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .xczone-ac-code-pair{grid-template-columns:minmax(0,1fr)}
  .xczone-ac-form-actions .xczone-ac-btn{width:100%}
}
body:has(> main[data-shell]){display:flex;flex-direction:column;min-height:100vh}
body > main[data-shell]{flex:1 0 auto}