.xcodevnc-ac-page{   --ac-primary: #7A4F00;
  --ac-accent: #F5A800;
  --ac-bg: #FFFFFF;
  --ac-card: #FFFFFF;
  --ac-ink: #1B1A18;
  --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: #1B1A18;
  --ac-r: 11px;
  --ac-font-head: "Inter", "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; min-width:0;background:var(--paper);color:var(--ink);font-family:var(--font-body)}
.xcodevnc-ac-page [hidden]{display:none!important}
.xcodevnc-ac-page button,.xcodevnc-ac-page input,.xcodevnc-ac-page textarea{font-family:inherit}
.xcodevnc-ac-page button:disabled{cursor:not-allowed;opacity:.6}
.xcodevnc-ac-gate{padding:var(--space-6) var(--gutter) var(--space-7);background:var(--paper);color:#1B1A18}
.xcodevnc-ac-gate-inner{width:min(100%,39rem);margin-inline:auto}
.xcodevnc-ac-gate-copy{text-align:center}
.xcodevnc-ac-gate-mark{display:grid;place-items:center;width:48px;height:48px;margin:0 auto var(--space-3);border-radius:var(--radius);background:var(--blue);color:var(--blue-ink)}
.xcodevnc-ac-gate-copy h1{color:#1B1A18}
.xcodevnc-ac-gate-copy>p{max-width:34rem;margin:var(--space-2) auto 0;color:#56534D;overflow-wrap:break-word}
.xcodevnc-ac-entry{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-xl);background:var(--soft);color:#1B1A18}
.xcodevnc-ac-form{display:grid;gap:var(--space-2);min-width:0}
.xcodevnc-ac-form-intro{display:grid;gap:var(--space-1);min-width:0}
.xcodevnc-ac-form-intro h2{font-size:var(--text-lg);color:#1B1A18}
.xcodevnc-ac-form-intro>p:not(.xcodevnc-ac-email-chip){color:#56534D;overflow-wrap:break-word}
.xcodevnc-ac-email-chip{width:fit-content;max-width:100%;padding:.4em .9em;border-radius:var(--radius-pill);background:#FFFFFF;color:#45423C;overflow-wrap:anywhere}
.xcodevnc-ac-field{display:grid;gap:var(--space-1);min-width:0}
.xcodevnc-ac-field label{font-size:var(--text-sm);font-weight:600;color:#45423C}
.xcodevnc-ac-field input,.xcodevnc-ac-field textarea{display:block;width:100%;min-width:0;min-height:48px;padding:11px 15px;border:1px solid #938C81;border-radius:var(--radius);outline:0;background:#FFFFFF;color:#1B1A18}
.xcodevnc-ac-field textarea{min-height:112px;resize:vertical}
.xcodevnc-ac-field input:focus-visible,.xcodevnc-ac-field textarea:focus-visible{border-color:var(--amber-deep);outline:2px solid var(--amber);outline-offset:2px}
.xcodevnc-ac-inline-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-1);align-items:center;min-width:0}
.xcodevnc-ac-inline-field .xcodevnc-ac-btn{min-height:48px}
.xcodevnc-ac-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);min-height:44px;max-width:100%;padding:9px 20px;border:1px solid transparent;border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:600;line-height:1.4;text-align:center;overflow-wrap:break-word;transition:background .2s,border-color .2s,transform .2s}
.xcodevnc-ac-btn:hover{transform:translateY(-1px)}
.xcodevnc-ac-btn-primary{background:#F5A800;color:#1B1A18;border-color:#F5A800}
.xcodevnc-ac-btn-primary:hover{background:var(--amber-hover);border-color:var(--amber-hover)}
.xcodevnc-ac-btn-line{background:#FFFFFF;color:#1B1A18;border-color:#938C81}
.xcodevnc-ac-btn-line:hover{border-color:#45423C;background:var(--soft)}
.xcodevnc-ac-btn-sm{min-height:36px;padding:7px 15px;font-size:var(--text-sm)}
.xcodevnc-ac-btn-danger{background:#872943;color:#FFFFFF;border-color:#872943}
.xcodevnc-ac-btn-danger:hover{background:#702039;border-color:#702039}
.xcodevnc-ac-submit{width:100%;min-height:48px}
.xcodevnc-ac-link{justify-self:start;padding:2px 0;border:0;background:transparent;color:#7A4F00;font-size:var(--text-sm);font-weight:600;text-align:left;text-decoration:underline;text-underline-offset:3px}
.xcodevnc-ac-restart{margin-top:0}
.xcodevnc-ac-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-1)}
.xcodevnc-ac-tab{min-width:0;min-height:42px;padding:8px 12px;border:1px solid #D8D4CB;border-radius:var(--radius);background:#FFFFFF;color:#45423C;font-size:var(--text-sm);font-weight:600;overflow-wrap:break-word}
.xcodevnc-ac-tab.is-on,.xcodevnc-ac-tab[aria-selected="true"]{border-color:#7A4F00;background:#F5A800;color:#1B1A18}
.xcodevnc-ac-msg{padding:12px 16px;border-radius:var(--radius);background:#FCE7EF;color:#7A2244;font-size:var(--text-sm);overflow-wrap:break-word}
.xcodevnc-ac-msg.is-ok{background:#E2F4EA;color:#14513A}
.xcodevnc-ac-gate-foot{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-1) var(--space-2);margin-top:var(--space-4);color:#56534D;text-align:center}
.xcodevnc-ac-gate-foot span{display:inline-flex;align-items:center;gap:8px;font-size:var(--text-xs)}
.xcodevnc-ac-gate-foot span::before{content:"";width:7px;height:7px;flex:none;border-radius:2px;background:var(--amber)}

.xcodevnc-ac-dash{padding:var(--space-5) var(--gutter) var(--space-7);background:var(--paper);color:#1B1A18}
.xcodevnc-ac-workspace{width:min(100%,var(--width-wide));margin-inline:auto}
.xcodevnc-ac-workspace-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-4);border-radius:var(--radius-xl);background:#1B1A18;color:#FFFFFF}
.xcodevnc-ac-identity{display:flex;align-items:center;gap:var(--space-2);min-width:0}
.xcodevnc-ac-workspace-icon{display:grid;place-items:center;flex:none;width:50px;height:50px;border-radius:var(--radius);background:#F5A800;color:#1B1A18}
.xcodevnc-ac-identity>div{min-width:0}
.xcodevnc-ac-identity p{color:#C8C2B8;font-size:var(--text-sm);overflow-wrap:break-word}
.xcodevnc-ac-identity strong{color:#FFFFFF;overflow-wrap:anywhere}
.xcodevnc-ac-identity h1{margin-top:var(--space-1);color:#FFFFFF}
.xcodevnc-ac-workspace-tools{display:flex;flex-wrap:wrap;gap:var(--space-1)}
.xcodevnc-ac-workspace-tools .xcodevnc-ac-btn-line{border-color:#908C85;background:#262421;color:#FFFFFF}
.xcodevnc-ac-workspace-tools .xcodevnc-ac-btn-line:hover{background:#45423C}
.xcodevnc-ac-worktop{margin-top:var(--space-3)}
.xcodevnc-ac-panel{min-width:0;padding:var(--space-4);border-radius:var(--radius-lg);background:#F6F5F2;color:#1B1A18}
.xcodevnc-ac-panel-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}
.xcodevnc-ac-panel-head>div{display:flex;align-items:center;gap:var(--space-2);min-width:0}
.xcodevnc-ac-panel-head h2{color:#1B1A18;font-size:var(--text-lg);overflow-wrap:break-word}
.xcodevnc-ac-panel-mark{flex:none;width:12px;height:32px;border-radius:var(--radius-pill)}
.xcodevnc-ac-panel-mark-blue{background:var(--blue-ink)}
.xcodevnc-ac-panel-mark-violet{background:var(--violet-ink)}
.xcodevnc-ac-panel-mark-green{background:var(--green-ink)}
.xcodevnc-ac-panel-mark-pink{background:var(--pink-ink)}
.xcodevnc-ac-panel-lead{margin-bottom:var(--space-3);color:#56534D}
.xcodevnc-ac-records{display:grid;gap:var(--space-2);min-width:0}
.xcodevnc-ac-panel>.xcodevnc-ac-msg{margin-bottom:var(--space-2)}
.xcodevnc-ac-dock{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-2);margin-top:var(--space-3)}
.xcodevnc-ac-dtab{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-1);min-width:0;min-height:64px;padding:12px 16px;border:1px solid #ECEAE5;border-radius:var(--radius);background:#FFFFFF;color:#45423C;font-weight:600;text-align:left;overflow-wrap:break-word}
.xcodevnc-ac-dtab.is-on,.xcodevnc-ac-dtab[aria-selected="true"]{border-color:#7A4F00;background:#F5A800;color:#1B1A18}
.xcodevnc-ac-dock-swatch{flex:none;width:22px;height:22px;border-radius:6px}
.xcodevnc-ac-dock-blue{background:var(--blue);box-shadow:inset 0 0 0 1px var(--blue-ink)}
.xcodevnc-ac-dock-violet{background:var(--violet);box-shadow:inset 0 0 0 1px var(--violet-ink)}
.xcodevnc-ac-dock-green{background:var(--green);box-shadow:inset 0 0 0 1px var(--green-ink)}
.xcodevnc-ac-dock-pink{background:var(--pink);box-shadow:inset 0 0 0 1px var(--pink-ink)}
.xcodevnc-ac-dock-dark{background:var(--dark)}
.xcodevnc-ac-count{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:22px;height:22px;padding:0 5px;border-radius:var(--radius-pill);background:#1B1A18;color:#FFFFFF;font-size:var(--text-xs);line-height:1}

.xcodevnc-ac-item{min-width:0;padding:var(--space-3);border:1px solid #DDD9D1;border-radius:var(--radius);background:#FFFFFF;color:#1B1A18}
.xcodevnc-ac-item.is-open{border-color:#7A4F00;box-shadow:inset 4px 0 0 #F5A800}
.xcodevnc-ac-item-head{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--space-2);min-width:0}
.xcodevnc-ac-item-head>div{min-width:0}
.xcodevnc-ac-item-title{color:#1B1A18;font-size:var(--text-base);font-weight:600;overflow-wrap:break-word}
.xcodevnc-ac-item-sub{margin-top:var(--space-1);color:#56534D;font-size:var(--text-sm);overflow-wrap:break-word}
.xcodevnc-ac-item-actions,.xcodevnc-ac-svc-actions,.xcodevnc-ac-row{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:var(--space-1);min-width:0}
.xcodevnc-ac-item-actions{margin-left:auto}
.xcodevnc-ac-item .xcodevnc-ac-row,.xcodevnc-ac-svc-actions{margin-top:var(--space-2)}
.xcodevnc-ac-dim{color:#45423C;overflow-wrap:break-word}
.xcodevnc-ac-chip{display:inline-flex;align-items:center;gap:6px;width:fit-content;max-width:100%;padding:.4em .9em;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:600;line-height:1;overflow-wrap:break-word}
.xcodevnc-ac-chip-ok{background:#E2F4EA;color:#14513A}
.xcodevnc-ac-chip-warn{background:#FFF1CC;color:#684300}
.xcodevnc-ac-chip-bad{background:#FCE7EF;color:#7A2244}
.xcodevnc-ac-chip-idle{background:#ECE8FB;color:#3D2C80}
.xcodevnc-ac-creds{display:grid;gap:0;min-width:0;margin-top:var(--space-3);border-top:1px solid #ECEAE5}
.xcodevnc-ac-cred{display:grid;grid-template-columns:minmax(7rem,10rem) minmax(0,1fr) auto;align-items:center;gap:var(--space-2);min-width:0;padding:var(--space-2) 0;border-bottom:1px solid #ECEAE5}
.xcodevnc-ac-cred dt{min-width:0;color:#56534D;font-size:var(--text-sm);overflow-wrap:break-word}
.xcodevnc-ac-cred dd{min-width:0;color:#1B1A18;font:500 var(--text-sm)/1.5 var(--font-mono);overflow-wrap:anywhere}
.xcodevnc-ac-cred .xcodevnc-ac-row{margin:0}
.xcodevnc-ac-copy{min-height:30px;padding:4px 12px;border:1px solid #938C81;border-radius:var(--radius-pill);background:#FFFFFF;color:#1B1A18;font-size:var(--text-xs);font-weight:600}
.xcodevnc-ac-copy:hover{background:var(--soft)}
.xcodevnc-ac-item .xcodevnc-ac-msg{margin-top:var(--space-2)}

.xcodevnc-ac-ticket-form,.xcodevnc-ac-ticket-detail,.xcodevnc-ac-security-form{display:grid;gap:var(--space-2);min-width:0;padding:var(--space-3);border:1px solid #DDD9D1;border-radius:var(--radius);background:#FFFFFF;color:#1B1A18}
.xcodevnc-ac-ticket-form{margin-bottom:var(--space-3)}
.xcodevnc-ac-ticket-detail{margin-top:var(--space-3)}
.xcodevnc-ac-detail-head{display:grid;gap:var(--space-1)}
.xcodevnc-ac-detail-head h3{color:#1B1A18;font-size:var(--text-card)}
.xcodevnc-ac-detail-head p{color:#56534D;font-size:var(--text-sm)}
.xcodevnc-ac-thread{display:grid;gap:var(--space-2);min-width:0}
.xcodevnc-ac-note{width:min(85%,42rem);min-width:0;padding:var(--space-2);border-radius:var(--radius);background:#E6F0FF;color:#173A66}
.xcodevnc-ac-note.is-mine{justify-self:end;background:#E2F4EA;color:#14513A}
.xcodevnc-ac-note-meta{margin-bottom:var(--space-1);font-size:var(--text-xs);font-weight:600;color:inherit}
.xcodevnc-ac-note-body{color:inherit;white-space:pre-wrap;overflow-wrap:break-word}
.xcodevnc-ac-reply-form{display:grid;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid #ECEAE5}
.xcodevnc-ac-form-actions{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-2)}
.xcodevnc-ac-security-forms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);align-items:start}
.xcodevnc-ac-security-form h3{color:#1B1A18;font-size:var(--text-card)}
.xcodevnc-ac-security-form>p:not(.xcodevnc-ac-msg){color:#56534D}
.xcodevnc-ac-security-form-code{background:#ECE8FB;color:#3D2C80;border-color:#D5CFEC}
.xcodevnc-ac-security-form-code h3{color:#3D2C80}
.xcodevnc-ac-security-form-code>p:not(.xcodevnc-ac-msg){color:#55468C}

.xcodevnc-ac-dialog{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:var(--gutter)}
.xcodevnc-ac-dialog-backdrop{position:absolute;inset:0;background:rgba(27,26,24,.72)}
.xcodevnc-ac-dialog-panel{position:relative;z-index:1;width:min(100%,30rem);max-height:calc(100dvh - 2 * var(--gutter));overflow-y:auto;padding:var(--space-4);border-radius:var(--radius-lg);background:#FFFFFF;color:#1B1A18;box-shadow:var(--shadow-lg);text-align:center}
.xcodevnc-ac-dialog-panel h3{color:#1B1A18}
.xcodevnc-ac-dialog-panel>p{margin-top:var(--space-2);color:#45423C;overflow-wrap:break-word}
.xcodevnc-ac-dialog-panel .xcodevnc-ac-dialog-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}

@media(max-width:760px){
  .xcodevnc-ac-gate{padding-block:var(--space-4) var(--space-6)}
  .xcodevnc-ac-dash{padding-block:var(--space-3) var(--space-6)}
  .xcodevnc-ac-workspace-head{align-items:flex-start;flex-direction:column;padding:var(--space-3)}
  .xcodevnc-ac-panel{padding:var(--space-3)}
  .xcodevnc-ac-dock{grid-template-columns:repeat(2,minmax(0,1fr))}
  .xcodevnc-ac-security-forms{grid-template-columns:minmax(0,1fr)}
  .xcodevnc-ac-cred{grid-template-columns:minmax(6rem,9rem) minmax(0,1fr)}
  .xcodevnc-ac-cred .xcodevnc-ac-row{grid-column:2}
}
@media(max-width:420px){
  .xcodevnc-ac-entry{padding:var(--space-3);border-radius:var(--radius-lg)}
  .xcodevnc-ac-gate-copy h1{font-size:clamp(1.75rem,7vw,2.25rem)}
  .xcodevnc-ac-gate-foot{justify-content:flex-start;text-align:left}
  .xcodevnc-ac-gate-foot span{width:100%}
  .xcodevnc-ac-inline-field{grid-template-columns:minmax(0,1fr)}
  .xcodevnc-ac-inline-field .xcodevnc-ac-btn{width:100%}
  .xcodevnc-ac-identity{align-items:flex-start}
  .xcodevnc-ac-workspace-icon{width:40px;height:40px}
  .xcodevnc-ac-identity h1{font-size:1.8rem}
  .xcodevnc-ac-workspace-tools{width:100%}
  .xcodevnc-ac-panel-head{align-items:flex-start}
  .xcodevnc-ac-panel-head>.xcodevnc-ac-btn{width:100%}
  .xcodevnc-ac-dock{gap:var(--space-1)}
  .xcodevnc-ac-dtab{min-height:56px;padding:10px;font-size:var(--text-sm)}
  .xcodevnc-ac-item{padding:var(--space-2)}
  .xcodevnc-ac-item-actions{width:100%;margin-left:0}
  .xcodevnc-ac-cred{grid-template-columns:minmax(0,1fr)}
  .xcodevnc-ac-cred .xcodevnc-ac-row{grid-column:1}
  .xcodevnc-ac-note{width:100%}
  .xcodevnc-ac-ticket-form,.xcodevnc-ac-ticket-detail,.xcodevnc-ac-security-form{padding:var(--space-3)}
  .xcodevnc-ac-dialog-panel{padding:var(--space-3)}
}
body:has(> main[data-shell]){display:flex;flex-direction:column;min-height:100vh}
body > main[data-shell]{flex:1 0 auto}