.xcrent-ac-page{
  --ac-primary: #8A1670;
  --ac-accent: #E0457B;
  --ac-bg: #F8F6F3;
  --ac-card: #FFFFFF;
  --ac-ink: #1C1726;
  --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: #1C1726;
  --ac-r: 15px;
  --ac-font-head: "Outfit", "PingFang SC", "Noto Sans CJK SC", system-ui, sans-serif;
  --ac-font-body: "IBM Plex Sans", "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-8);
background:var(--paper);
color:var(--ink);
font-family:var(--font-body);
overflow-x:clip;
}
.xcrent-ac-page [hidden]{display:none!important}
.xcrent-ac-gate{
width:100%;
max-width:var(--width-narrow);
margin-inline:auto;
display:grid;
gap:var(--space-4);
}
.xcrent-ac-entry-copy{
display:grid;
gap:var(--field-gap);
min-width:0;
text-align:center;
}
.xcrent-ac-entry-copy h1{
font-size:clamp(2rem,4vw,3.2rem);
line-height:var(--lh-display);
font-weight:var(--weight-light);
}
.xcrent-ac-entry-copy p{
color:var(--muted);
font-size:var(--text-lead);
overflow-wrap:break-word;
}
.xcrent-ac-entry-canvas{
border-radius:var(--radius-lg);
overflow:hidden;
background:var(--canvas);
color:var(--canvas-ink);
--muted:#AAA1BB;
--line:rgba(255,255,255,.14);
box-shadow:var(--shadow-canvas);
}
.xcrent-ac-entry-form{
display:grid;
gap:var(--space-3);
padding:var(--space-5);
margin:var(--space-3);
border-radius:var(--radius-md);
background:var(--yellow);
color:var(--yellow-ink);
--muted:#5E5130;
--line:rgba(61,51,19,.14);
}
.xcrent-ac-entry-submit{width:100%}
.xcrent-ac-entry-facts{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-3);
padding:0 var(--space-5) var(--space-4);
color:var(--canvas-body);
}
.xcrent-ac-entry-facts p{
min-width:0;
font-size:var(--text-sm);
line-height:var(--lh-body);
overflow-wrap:break-word;
}
.xcrent-ac-form-heading{
display:grid;
gap:var(--field-gap);
min-width:0;
}
.xcrent-ac-form-heading h2{
font-size:var(--text-xl);
line-height:var(--lh-heading);
}
.xcrent-ac-form-heading h3{
font-size:var(--text-lg);
line-height:var(--lh-heading);
}
.xcrent-ac-form-heading p{
font-size:var(--text-sm);
overflow-wrap:break-word;
}
.xcrent-ac-email-chip{
display:inline-flex;
align-items:center;
width:fit-content;
max-width:100%;
padding:.4em .9em;
border-radius:var(--radius-pill);
background:var(--surface);
color:var(--ink);
font-family:var(--font-mono);
font-size:var(--text-sm);
line-height:var(--lh-body);
overflow-wrap:anywhere;
}
.xcrent-ac-field{
display:grid;
gap:var(--field-gap);
min-width:0;
font-size:var(--text-sm);
line-height:var(--lh-body);
}
.xcrent-ac-field span{min-width:0;overflow-wrap:break-word}
.xcrent-ac-input,
.xcrent-ac-textarea{
display:block;
width:100%;
min-width:0;
min-height:var(--space-5);
padding:.75rem var(--space-2);
border:var(--hairline) solid var(--input-line);
border-radius:var(--radius-md);
background:var(--surface);
color:var(--ink);
font-family:var(--font-body);
font-size:var(--text-base);
line-height:var(--lh-body);
}
.xcrent-ac-input::placeholder,
.xcrent-ac-textarea::placeholder{color:#625C6B;opacity:1}
.xcrent-ac-input:focus,
.xcrent-ac-textarea:focus{
outline:0;
border-color:var(--primary);
box-shadow:var(--focus-ring);
}
.xcrent-ac-textarea{resize:vertical;min-height:calc(var(--space-5)*3)}
.xcrent-ac-login-method,
.xcrent-ac-verification{
display:grid;
gap:var(--space-2);
min-width:0;
padding:0;
margin:0;
border:0;
}
.xcrent-ac-field-caption{
padding:0;
margin-bottom:var(--field-gap);
font-size:var(--text-xs);
line-height:var(--lh-body);
}
.xcrent-ac-verification{
grid-template-columns:minmax(0,1fr) auto;
align-items:end;
}
.xcrent-ac-method-controls{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--field-gap);
}
.xcrent-ac-tab{
display:flex;
align-items:center;
justify-content:center;
min-width:0;
min-height:var(--space-5);
padding:.75rem var(--space-2);
border:var(--hairline) solid color-mix(in srgb,currentColor 30%,transparent);
border-radius:var(--radius-md);
background:var(--surface);
color:var(--ink);
font-size:var(--text-sm);
line-height:var(--lh-tight);
overflow-wrap:break-word;
}
.xcrent-ac-tab.is-on,
.xcrent-ac-tab[aria-selected="true"]{
background:var(--primary);
color:var(--surface);
border-color:var(--primary);
}
.xcrent-ac-tab:hover{box-shadow:var(--focus-ring)}
.xcrent-ac-method-fields{
display:grid;
gap:var(--space-2);
min-width:0;
}
.xcrent-ac-method-fields .xcrent-ac-btn-line{justify-self:start}
.xcrent-ac-link{
display:inline-flex;
justify-self:start;
padding:0;
border:0;
background:transparent;
color:var(--primary);
font-size:var(--text-sm);
line-height:var(--lh-body);
text-decoration:underline;
text-underline-offset:.25em;
text-align:left;
}
.xcrent-ac-link:hover{color:var(--primary-hover)}
.xcrent-ac-btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:var(--space-1);
min-width:0;
max-width:100%;
min-height:var(--space-5);
padding:.875rem var(--space-3);
border:var(--hairline) solid color-mix(in srgb,currentColor 35%,transparent);
border-radius:var(--radius-md);
background:var(--surface);
color:var(--ink);
font-family:var(--font-body);
font-size:var(--text-button);
font-weight:var(--weight-medium);
line-height:var(--lh-tight);
text-align:center;
overflow-wrap:break-word;
transition:background var(--motion-fast),box-shadow var(--motion-fast);
}
.xcrent-ac-btn-primary{
background:var(--ac-primary);
color:var(--ac-on-primary);
border-color:var(--ac-primary);
}
.xcrent-ac-btn-primary:hover{
background:var(--primary-hover);
color:var(--ac-on-primary);
border-color:var(--primary-hover);
}
.xcrent-ac-btn-line{
background:transparent;
color:var(--ink);
border-color:color-mix(in srgb,currentColor 35%,transparent);
}
.xcrent-ac-btn-line:hover{background:var(--neutral);color:var(--neutral-ink)}
.xcrent-ac-btn-danger{
background:var(--ac-danger);
color:#FFFFFF;
border-color:var(--ac-danger);
}
.xcrent-ac-btn-danger:hover{background:var(--canvas);color:#FFFFFF;border-color:var(--canvas)}
.xcrent-ac-btn-sm{
min-height:var(--space-4);
padding:.5rem var(--space-2);
font-size:var(--text-sm);
}
.xcrent-ac-btn:focus-visible,
.xcrent-ac-tab:focus-visible,
.xcrent-ac-dtab:focus-visible{box-shadow:var(--focus-ring)}
.xcrent-ac-btn:disabled{opacity:.6;cursor:wait}
.xcrent-ac-msg{
padding:var(--space-2);
border-radius:var(--radius-md);
background:var(--peach);
color:var(--peach-ink);
font-size:var(--text-sm);
line-height:var(--lh-body);
overflow-wrap:break-word;
border-inline-start:3px solid var(--ac-danger);
}
.xcrent-ac-msg.is-ok{
background:var(--green);
color:var(--green-ink);
border-inline-start-color:var(--ok);
}
.xcrent-ac-dash{
display:flex;
flex-direction:column;
gap:var(--space-3);
width:100%;
max-width:var(--width-wide);
margin-inline:auto;
}
.xcrent-ac-inspection{
min-width:0;
padding:var(--space-4);
border-radius:var(--radius-lg);
background:var(--canvas);
color:var(--canvas-ink);
--muted:#AAA1BB;
--line:rgba(255,255,255,.14);
}
.xcrent-ac-view{
display:grid;
gap:var(--space-3);
min-width:0;
}
.xcrent-ac-view-heading{
display:flex;
align-items:center;
justify-content:space-between;
flex-wrap:wrap;
gap:var(--space-2);
min-width:0;
}
.xcrent-ac-view-heading h2{
min-width:0;
color:var(--canvas-ink);
font-size:var(--text-xl);
line-height:var(--lh-heading);
}
.xcrent-ac-results{
display:grid;
grid-template-columns:minmax(0,1fr);
gap:var(--space-2);
min-width:0;
}
.xcrent-ac-command-deck{
display:grid;
grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);
gap:var(--space-3);
align-items:stretch;
}
.xcrent-ac-view-selector{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));
gap:var(--field-gap);
min-width:0;
}
.xcrent-ac-dtab{
display:flex;
align-items:center;
justify-content:space-between;
gap:var(--space-1);
min-width:0;
padding:var(--space-3);
border:0;
border-radius:var(--radius-md);
background:var(--neutral);
color:var(--neutral-ink);
font-size:var(--text-sm);
line-height:var(--lh-body);
text-align:left;
overflow-wrap:break-word;
}
.xcrent-ac-dtab:hover{background:var(--blue);color:var(--blue-ink)}
.xcrent-ac-dtab.is-on,
.xcrent-ac-dtab[aria-selected="true"]{
background:var(--primary);
color:var(--surface);
box-shadow:var(--shadow-card);
}
.xcrent-ac-count{
display:inline-flex;
align-items:center;
justify-content:center;
flex:none;
height:var(--space-3);
min-width:var(--space-3);
padding-inline:.35rem;
border-radius:var(--radius-pill);
background:var(--yellow);
color:var(--yellow-ink);
font-family:var(--font-mono);
font-size:var(--text-xs);
line-height:1;
}
.xcrent-ac-workspace-identity{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:var(--space-2);
padding:var(--space-3);
border-radius:var(--radius-md);
background:var(--blue);
color:var(--blue-ink);
--muted:#3E5370;
--line:rgba(30,51,80,.14);
min-width:0;
align-content:start;
}
.xcrent-ac-workspace-identity h1{
font-size:var(--text-xl);
line-height:var(--lh-heading);
min-width:0;
}
.xcrent-ac-workspace-tools{
display:flex;
align-items:flex-start;
flex-wrap:wrap;
gap:var(--field-gap);
}
.xcrent-ac-workspace-tools .xcrent-ac-btn-line{
background:var(--surface);
color:var(--blue-ink);
border-color:color-mix(in srgb,var(--blue-ink) 30%,transparent);
}
.xcrent-ac-account-owner{
display:grid;
grid-column:1/-1;
gap:var(--field-gap);
min-width:0;
font-size:var(--text-xs);
color:var(--blue-muted);
}
.xcrent-ac-account-owner strong{
font-size:var(--text-sm);
font-family:var(--font-mono);
font-weight:var(--weight-normal);
color:var(--blue-ink);
overflow-wrap:anywhere;
}
.xcrent-ac-item{
display:grid;
gap:var(--space-2);
width:100%;
min-width:0;
padding:var(--space-3);
border-radius:var(--radius-md);
background:var(--surface);
color:#1C1726;
--muted:#625C6B;
--line:#ECE6DF;
}
.xcrent-ac-item.is-open{
background:var(--blue);
color:var(--blue-ink);
--muted:#3E5370;
--line:rgba(30,51,80,.14);
box-shadow:inset 3px 0 0 var(--primary);
}
.xcrent-ac-item-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
flex-wrap:wrap;
gap:var(--space-2);
min-width:0;
}
.xcrent-ac-item-head>div{min-width:0}
.xcrent-ac-item-title{
font-family:var(--font-heading);
font-size:var(--text-lg);
line-height:var(--lh-heading);
overflow-wrap:break-word;
}
.xcrent-ac-item-sub{
margin-top:var(--field-gap);
color:var(--muted);
font-size:var(--text-sm);
line-height:var(--lh-body);
overflow-wrap:break-word;
}
.xcrent-ac-item-actions,
.xcrent-ac-svc-actions,
.xcrent-ac-row{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:var(--field-gap);
justify-content:flex-start;
min-width:0;
}
.xcrent-ac-item-actions{margin-top:0}
.xcrent-ac-svc-actions,
.xcrent-ac-item .xcrent-ac-row{margin-top:var(--space-2)}
.xcrent-ac-chip{
display:inline-flex;
align-items:center;
justify-content:center;
width:fit-content;
max-width:100%;
gap:.4em;
padding:.4em .9em;
border-radius:var(--radius-pill);
background:var(--neutral);
color:var(--neutral-ink);
font-size:var(--text-xs);
line-height:1;
overflow-wrap:break-word;
}
.xcrent-ac-chip-ok{background:var(--green);color:var(--green-ink)}
.xcrent-ac-chip-warn{background:var(--yellow);color:var(--yellow-ink)}
.xcrent-ac-chip-bad{background:var(--peach);color:var(--peach-ink)}
.xcrent-ac-chip-idle{background:var(--blue);color:var(--blue-ink)}
.xcrent-ac-creds{
display:grid;
gap:0;
margin:0;
min-width:0;
padding-top:var(--space-2);
}
.xcrent-ac-cred{
display:grid;
grid-template-columns:minmax(7rem,10rem) minmax(0,1fr);
align-items:start;
gap:var(--space-2);
padding-block:var(--space-2);
border-top:var(--hairline) solid var(--line);
min-width:0;
}
.xcrent-ac-cred dt{
min-width:0;
color:var(--muted);
font-size:var(--text-sm);
overflow-wrap:break-word;
}
.xcrent-ac-cred dd{
min-width:0;
margin:0;
font-family:var(--font-mono);
font-size:var(--text-sm);
font-variant-numeric:tabular-nums;
overflow-wrap:anywhere;
}
.xcrent-ac-cred .xcrent-ac-row{margin-top:var(--field-gap)}
.xcrent-ac-copy{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:var(--space-4);
padding:.375rem .75rem;
border:var(--hairline) solid var(--input-line);
border-radius:var(--radius-pill);
background:var(--surface);
color:#1C1726;
font-family:var(--font-body);
font-size:var(--text-xs);
line-height:var(--lh-tight);
}
.xcrent-ac-copy:hover{background:var(--neutral);color:var(--neutral-ink)}
.xcrent-ac-dim{
color:var(--muted);
font-size:var(--text-sm);
line-height:var(--lh-body);
overflow-wrap:break-word;
}
.xcrent-ac-ticket-compose,
.xcrent-ac-ticket-detail{
display:grid;
gap:var(--space-3);
padding:var(--space-3);
border-radius:var(--radius-md);
background:var(--surface);
color:#1C1726;
--muted:#625C6B;
--line:#ECE6DF;
min-width:0;
}
.xcrent-ac-ticket-compose{
background:var(--yellow);
color:var(--yellow-ink);
--muted:#5E5130;
--line:rgba(61,51,19,.14);
}
.xcrent-ac-compose-actions,
.xcrent-ac-reply-actions{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:var(--space-2);
justify-content:flex-start;
margin-top:var(--space-2);
}
.xcrent-ac-thread-heading{
display:grid;
gap:var(--field-gap);
min-width:0;
}
.xcrent-ac-thread-heading .xcrent-ac-btn{justify-self:start;margin-bottom:var(--space-2)}
.xcrent-ac-thread-heading h3{font-size:var(--text-lg);overflow-wrap:break-word}
.xcrent-ac-thread{
display:grid;
gap:var(--space-2);
min-width:0;
}
.xcrent-ac-note{
display:grid;
gap:var(--field-gap);
width:92%;
min-width:0;
padding:var(--space-3);
border-radius:var(--radius-md);
background:var(--neutral);
color:var(--neutral-ink);
}
.xcrent-ac-note.is-mine{
justify-self:end;
background:var(--green);
color:var(--green-ink);
}
.xcrent-ac-note-meta{
font-family:var(--font-mono);
font-size:var(--text-xs);
line-height:var(--lh-body);
overflow-wrap:break-word;
}
.xcrent-ac-note-body{
font-size:var(--text-base);
line-height:var(--lh-body);
white-space:pre-wrap;
overflow-wrap:break-word;
}
.xcrent-ac-reply{
display:grid;
gap:var(--space-2);
padding-top:var(--space-3);
border-top:var(--hairline) solid var(--line);
}
.xcrent-ac-security-pair{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-3);
align-items:start;
}
.xcrent-ac-security-form{
display:grid;
gap:var(--space-3);
min-width:0;
padding:var(--space-3);
border-radius:var(--radius-md);
background:var(--surface);
color:#1C1726;
--muted:#625C6B;
--line:#ECE6DF;
}
.xcrent-ac-security-code{
background:var(--green);
color:var(--green-ink);
--muted:#3C5847;
--line:rgba(31,58,42,.14);
}
.xcrent-ac-security-lead{font-size:var(--text-sm);color:var(--muted)}
.xcrent-ac-dialog{
position:fixed;
inset:0;
z-index:calc(var(--z-menu) + 1);
display:grid;
place-items:center;
padding:var(--gutter);
}
.xcrent-ac-dialog-backdrop{
position:absolute;
inset:0;
background:rgba(28,23,38,.65);
color:var(--canvas-ink);
}
.xcrent-ac-dialog-panel{
position:relative;
display:grid;
gap:var(--space-2);
width:min(100%,32rem);
max-height:calc(100dvh - var(--gutter)*2);
overflow-y:auto;
padding:var(--space-4);
border-radius:var(--radius-lg);
background:var(--surface);
color:#1C1726;
--muted:#625C6B;
--line:#ECE6DF;
box-shadow:var(--shadow-popover);
text-align:center;
}
.xcrent-ac-dialog-panel h3{font-size:var(--text-lg);line-height:var(--lh-heading)}
.xcrent-ac-dialog-panel p{color:#625C6B;font-size:var(--text-base);overflow-wrap:break-word}
.xcrent-ac-dialog-actions{
display:flex;
flex-wrap:wrap;
gap:var(--space-2);
justify-content:flex-start;
margin-top:var(--space-3);
}
.xcrent-ac-dialog-panel .xcrent-ac-dialog-actions{justify-content:center}
.xcrent-ac-dialog-panel .xcrent-ac-btn-primary:hover{
background:var(--primary-hover);
color:var(--ac-on-primary);
border-color:var(--primary-hover);
}
.xcrent-ac-dialog-panel .xcrent-ac-btn-danger:hover{
background:var(--canvas);
color:#FFFFFF;
border-color:var(--canvas);
}
@media(max-width:760px){
.xcrent-ac-page{padding-bottom:var(--space-6)}
.xcrent-ac-gate{gap:var(--space-3)}
.xcrent-ac-entry-copy h1{font-size:2rem}
.xcrent-ac-entry-copy p{font-size:var(--text-base)}
.xcrent-ac-entry-form{margin:var(--space-2);padding:var(--space-3)}
.xcrent-ac-entry-facts{grid-template-columns:minmax(0,1fr);gap:var(--field-gap);padding:0 var(--space-3) var(--space-3)}
.xcrent-ac-verification{grid-template-columns:minmax(0,1fr)}
.xcrent-ac-verification .xcrent-ac-btn{justify-self:start}
.xcrent-ac-inspection{padding:var(--space-2)}
.xcrent-ac-command-deck{grid-template-columns:minmax(0,1fr)}
.xcrent-ac-view-selector{grid-template-columns:repeat(2,minmax(0,1fr))}
.xcrent-ac-dtab{padding:var(--space-3)}
.xcrent-ac-view-selector .xcrent-ac-dtab:last-child{grid-column:1/-1}
.xcrent-ac-workspace-identity{grid-template-columns:minmax(0,1fr)}
.xcrent-ac-workspace-tools{gap:var(--space-1)}
.xcrent-ac-item-head{flex-direction:column;align-items:stretch}
.xcrent-ac-item-actions{justify-content:flex-start}
.xcrent-ac-cred{grid-template-columns:minmax(0,1fr);gap:var(--field-gap)}
.xcrent-ac-security-pair{grid-template-columns:minmax(0,1fr)}
.xcrent-ac-note{width:96%;padding:var(--space-3)}
.xcrent-ac-dialog-panel{padding:var(--space-3)}
.xcrent-ac-compose-actions,
.xcrent-ac-reply-actions,
.xcrent-ac-svc-actions{align-items:stretch}
.xcrent-ac-svc-actions .xcrent-ac-btn{flex:1 1 8rem}
}
@media(max-width:390px){
.xcrent-ac-entry-form{padding:var(--space-2)}
.xcrent-ac-method-controls{grid-template-columns:minmax(0,1fr)}
.xcrent-ac-item,
.xcrent-ac-ticket-compose,
.xcrent-ac-ticket-detail,
.xcrent-ac-security-form{padding:var(--space-3)}
.xcrent-ac-dialog-actions .xcrent-ac-btn{width:100%}
}
@media(prefers-reduced-motion:reduce){
.xcrent-ac-btn,
.xcrent-ac-tab,
.xcrent-ac-dtab{transition:none}
}
body:has(> main[data-shell]){display:flex;flex-direction:column;min-height:100vh}
body > main[data-shell]{flex:1 0 auto}