.macudp-ac-page{
  --ac-primary: #5E5800;
  --ac-accent: #BFA44C;
  --ac-bg: #FFFFFF;
  --ac-card: #FCFCFB;
  --ac-ink: #0E0F0C;
  --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: #0E0F0C;
  --ac-r: 13px;
  --ac-font-head: "Manrope", "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%;
max-width:none;
padding:var(--hero-pad) var(--gutter) var(--space-close);
background:var(--paper);
color:var(--ink);
font-family:var(--font-b);
font-size:var(--text-base);
line-height:var(--lh-body);
overflow-x:clip;
}
.macudp-ac-page [hidden]{display:none!important}
.macudp-ac-page :where(form,fieldset,menu,dl,dt,dd,article,aside,header,footer,nav,section){min-width:0}
.macudp-ac-page :where(h1,h2,h3,p,dl,dd,menu){margin:0}
.macudp-ac-page :where(button,input,textarea){font-family:var(--font-b)}
.macudp-ac-arrival{
width:min(100%,42rem);
margin-inline:auto;
padding-block:var(--space-6) var(--space-8);
display:grid;
gap:var(--space-5);
}
.macudp-ac-arrival-copy{display:grid;gap:var(--space-3)}
.macudp-ac-arrival-copy h1{
font-family:var(--font-h);
font-size:var(--text-section);
line-height:var(--lh-heading);
font-weight:500;
color:var(--ink);
}
.macudp-ac-arrival-lead{
max-width:100%;
font-size:var(--text-base);
line-height:var(--lh-lead);
color:var(--muted);
overflow-wrap:break-word;
}
.macudp-ac-entry-form{
display:grid;
align-content:start;
gap:var(--space-4);
width:100%;
}
.macudp-ac-identity-field{
display:grid;
gap:var(--field-gap);
align-content:start;
border:0;
padding:0;
margin:0;
}
.macudp-ac-field-caption{
float:left;
width:100%;
margin-bottom:var(--field-gap);
font-size:var(--text-sm);
line-height:var(--lh-body);
font-weight:500;
color:var(--ink);
}
.macudp-ac-identity-field .macudp-ac-input{grid-column:1/-1}
.macudp-ac-entry-submit{display:grid;width:100%;margin-top:var(--space-2)}
.macudp-ac-entry-submit .macudp-ac-btn{width:100%}
.macudp-ac-form-title{
font-family:var(--font-h);
font-size:var(--text-card);
font-weight:500;
line-height:var(--lh-card);
color:var(--ink);
overflow-wrap:break-word;
}
.macudp-ac-email-chip{
display:inline-flex;
align-items:center;
gap:.4em;
width:fit-content;
max-width:100%;
padding:.4em .9em;
border-radius:var(--pill);
background:var(--s-neutral);
color:var(--s-neutral-ink);
font-family:var(--font-m);
font-size:var(--text-sm);
line-height:1.4;
overflow-wrap:anywhere;
}
.macudp-ac-fieldbook{
display:grid;
grid-template-columns:minmax(0,1fr);
gap:var(--field-gap);
align-content:start;
width:100%;
}
.macudp-ac-fieldbook dt{
min-width:0;
font-size:var(--text-sm);
line-height:var(--lh-body);
color:var(--ink);
}
.macudp-ac-fieldbook dd{
min-width:0;
margin:0;
font-size:var(--text-sm);
line-height:var(--lh-body);
}
.macudp-ac-fieldbook dd:not(:last-child){margin-bottom:var(--space-3)}
.macudp-ac-field-label{
display:block;
font-size:var(--text-sm);
font-weight:500;
line-height:var(--lh-body);
color:var(--ink);
}
.macudp-ac-input,.macudp-ac-textarea{
display:block;
width:100%;
max-width:100%;
min-width:0;
min-height:46px;
padding:var(--space-2) var(--space-3);
border:1px solid var(--input-line);
border-radius:var(--r-m);
background:var(--paper);
color:var(--ink);
font-size:var(--text-sm);
line-height:var(--lh-body);
box-shadow:none;
}
.macudp-ac-input::placeholder,.macudp-ac-textarea::placeholder{color:var(--muted);opacity:1}
.macudp-ac-textarea{min-height:8rem;resize:vertical}
.macudp-ac-input:focus-visible,.macudp-ac-textarea:focus-visible{
outline:var(--focus);
outline-offset:3px;
}
.macudp-ac-input[aria-invalid="true"],.macudp-ac-textarea[aria-invalid="true"]{border-color:var(--error)}
.macudp-ac-verification{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:var(--space-2);
align-items:start;
}
.macudp-ac-verification .macudp-ac-btn{min-height:46px}
.macudp-ac-method-menu{
display:flex;
flex-wrap:wrap;
gap:var(--space-2);
padding:0;
list-style:none;
}
.macudp-ac-method-menu li{display:flex;min-width:0;flex:1 1 12rem}
.macudp-ac-tab{
display:flex;
align-items:center;
justify-content:flex-start;
width:100%;
min-height:46px;
padding:var(--space-2) var(--space-4);
border:1px solid var(--input-line);
border-radius:var(--r-m);
background:var(--paper);
color:var(--muted);
font-size:var(--text-sm);
line-height:var(--lh-body);
text-align:left;
overflow-wrap:break-word;
}
.macudp-ac-tab.is-on,.macudp-ac-tab[aria-selected="true"]{
background:var(--olive);
color:var(--paper);
border-color:var(--olive);
}
.macudp-ac-tab:hover{border-color:var(--olive)}
.macudp-ac-method-fields{display:grid;gap:var(--space-2);align-content:start}
.macudp-ac-link{
display:inline-flex;
align-items:center;
justify-self:start;
width:fit-content;
max-width:100%;
min-height:36px;
padding:var(--space-1) 0;
border:0;
border-radius:0;
background:transparent;
color:var(--olive);
font-size:var(--text-sm);
line-height:var(--lh-body);
text-align:left;
text-decoration:underline;
text-decoration-thickness:1px;
text-underline-offset:4px;
white-space:normal;
}
.macudp-ac-link:hover{color:var(--ink)}
.macudp-ac-form-actions,.macudp-ac-item-actions,.macudp-ac-item-actions-wrap,.macudp-ac-svc-actions,.macudp-ac-row{
display:flex;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
gap:var(--space-2);
min-width:0;
}
.macudp-ac-form-actions{margin-top:var(--space-3)}
.macudp-ac-btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:var(--space-2);
min-height:44px;
max-width:100%;
padding:10px var(--space-4);
border:1px solid var(--input-line);
border-radius:var(--pill);
background:var(--paper);
color:var(--ink);
font-size:var(--text-sm);
font-weight:500;
line-height:var(--lh-body);
text-align:center;
text-decoration:none;
white-space:normal;
overflow-wrap:break-word;
transition:background var(--duration),border-color var(--duration),color var(--duration);
}
.macudp-ac-btn-primary{
border-color:var(--ac-primary);
background:var(--ac-primary);
color:var(--ac-on-primary);
}
.macudp-ac-btn-primary:hover{
border-color:var(--ink);
background:var(--ink);
color:var(--paper);
}
.macudp-ac-btn-line{
border-color:color-mix(in srgb,currentColor 35%,transparent);
background:var(--paper);
color:var(--ink);
}
.macudp-ac-btn-line:hover{background:var(--s-neutral);color:var(--s-neutral-ink)}
.macudp-ac-btn-sm{min-height:36px;padding:6px var(--space-3);font-size:var(--text-xs)}
.macudp-ac-btn-danger{background:var(--error);color:var(--paper);border-color:var(--error)}
.macudp-ac-btn-danger:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.macudp-ac-btn:disabled,.macudp-ac-tab:disabled,.macudp-ac-copy:disabled{opacity:.6;cursor:wait}
.macudp-ac-btn:focus-visible,.macudp-ac-tab:focus-visible,.macudp-ac-dtab:focus-visible,.macudp-ac-copy:focus-visible,.macudp-ac-link:focus-visible{
outline:var(--focus);
outline-offset:4px;
}
.macudp-ac-dim,.macudp-ac-loading{
font-size:var(--text-sm);
line-height:var(--lh-body);
color:var(--muted);
overflow-wrap:break-word;
}
.macudp-ac-msg{
width:100%;
padding:var(--space-3) var(--space-4);
border-radius:var(--r-m);
background:var(--error-bg);
color:var(--error);
font-size:var(--text-sm);
line-height:var(--lh-body);
overflow-wrap:break-word;
}
.macudp-ac-msg.is-ok{
background:var(--s-mist);
color:var(--olive);
}
.macudp-ac-relay-desk{
width:min(100%,var(--container-wide));
max-width:none;
margin-inline:auto;
display:grid;
gap:var(--space-7);
}
.macudp-ac-desk-cover{
display:grid;
grid-template-columns:minmax(0,1fr);
gap:var(--space-5);
}
.macudp-ac-account-address{
display:flex;
align-items:baseline;
flex-wrap:wrap;
gap:var(--space-2) var(--space-3);
font-style:normal;
}
.macudp-ac-account-label{font-size:var(--text-xs);line-height:var(--lh-body);color:var(--muted)}
.macudp-ac-account-email{
font-family:var(--font-m);
font-size:var(--text-sm);
line-height:var(--lh-body);
font-weight:500;
color:var(--ink);
overflow-wrap:anywhere;
}
.macudp-ac-task-directory{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);
gap:var(--space-8);
align-items:start;
}
.macudp-ac-desk-title{
font-family:var(--font-h);
font-size:var(--text-section);
font-weight:500;
line-height:var(--lh-heading);
color:var(--ink);
}
.macudp-ac-directory{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-2);
align-items:stretch;
}
.macudp-ac-dtab{
display:flex;
align-items:center;
justify-content:flex-start;
gap:var(--space-3);
width:100%;
min-width:0;
padding:var(--space-3) var(--space-4);
border:0;
border-radius:var(--r-m);
background:var(--surface);
color:var(--muted);
font-size:var(--text-sm);
font-weight:500;
line-height:var(--lh-body);
text-align:left;
overflow-wrap:break-word;
}
.macudp-ac-directory-icon{width:20px;height:20px;flex:none}
.macudp-ac-directory-security{grid-column:1/-1}
.macudp-ac-dtab:hover{background:var(--s-neutral);color:var(--ink)}
.macudp-ac-dtab.is-on,.macudp-ac-dtab[aria-selected="true"]{
background:var(--olive);
color:var(--paper);
}
.macudp-ac-count{
display:inline-flex;
align-items:center;
justify-content:center;
flex:none;
min-width:24px;
height:24px;
padding:0 var(--space-1);
border-radius:var(--pill);
background:var(--paper);
color:var(--olive);
font-family:var(--font-m);
font-size:var(--text-xs);
font-variant-numeric:tabular-nums;
line-height:1;
}
.macudp-ac-dispatch{display:grid;gap:var(--space-4);min-width:0}
.macudp-ac-dispatch-tools{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:flex-start;
gap:var(--space-2);
}
.macudp-ac-panel{
display:grid;
grid-template-columns:minmax(0,1fr);
align-content:start;
gap:var(--space-4);
min-width:0;
width:100%;
}
.macudp-ac-panel-title{
font-size:var(--text-lg);
font-weight:500;
line-height:var(--lh-card);
color:var(--ink);
}
.macudp-ac-records{display:grid;gap:var(--space-3);width:100%;min-width:0}
.macudp-ac-loading{
padding:var(--space-5);
border-radius:var(--r-l);
background:var(--s-neutral);
color:var(--s-neutral-muted);
}
.macudp-ac-item{
display:flex;
flex-direction:column;
gap:var(--space-4);
width:100%;
min-width:0;
padding:var(--space-5);
border:1px solid var(--hair);
border-radius:var(--r-l);
background:var(--paper);
color:var(--ink);
}
.macudp-ac-item.is-open{
border-color:var(--input-line);
background:var(--surface);
color:var(--ink);
}
.macudp-ac-item-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
flex-wrap:wrap;
gap:var(--space-3) var(--space-5);
min-width:0;
}
.macudp-ac-item-head>div:first-child{flex:1 1 18rem;min-width:0}
.macudp-ac-item-head .macudp-ac-item-actions{flex:0 1 auto}
.macudp-ac-item-title{
font-family:var(--font-h);
font-size:var(--text-card);
font-weight:500;
line-height:var(--lh-card);
color:var(--ink);
overflow-wrap:break-word;
}
.macudp-ac-item-sub{
margin-top:var(--space-2);
font-size:var(--text-sm);
line-height:var(--lh-body);
color:var(--muted);
overflow-wrap:break-word;
}
.macudp-ac-item .macudp-ac-row{margin-top:var(--space-2)}
.macudp-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(--pill);
background:var(--s-neutral);
color:var(--s-neutral-ink);
font-size:var(--text-xs);
font-weight:500;
line-height:1;
}
.macudp-ac-chip-ok{background:var(--s-mist);color:var(--olive)}
.macudp-ac-chip-warn{background:var(--brass);color:var(--ink)}
.macudp-ac-chip-bad{background:var(--error-bg);color:var(--error)}
.macudp-ac-chip-idle{background:var(--s-cool);color:var(--s-cool-muted)}
.macudp-ac-creds{
display:grid;
grid-template-columns:minmax(0,1fr);
gap:var(--space-2);
width:100%;
margin:0;
}
.macudp-ac-cred{
display:grid;
grid-template-columns:minmax(7rem,10rem) minmax(0,1fr) auto;
align-items:start;
gap:var(--space-3);
min-width:0;
padding:var(--space-3) var(--space-4);
border-radius:var(--r-m);
background:var(--s-neutral);
color:var(--s-neutral-ink);
}
.macudp-ac-cred dt{
min-width:0;
font-size:var(--text-xs);
line-height:var(--lh-body);
color:var(--muted);
overflow-wrap:break-word;
}
.macudp-ac-cred dd{
min-width:0;
margin:0;
font-family:var(--font-m);
font-size:var(--text-sm);
font-variant-numeric:tabular-nums;
line-height:var(--lh-body);
color:var(--ink);
overflow-wrap:anywhere;
}
.macudp-ac-cred .macudp-ac-row{margin:0;align-items:flex-start}
.macudp-ac-copy{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:30px;
max-width:100%;
padding:var(--space-1) var(--space-2);
border:1px solid var(--input-line);
border-radius:var(--pill);
background:var(--paper);
color:var(--ink);
font-size:var(--text-xs);
line-height:var(--lh-body);
overflow-wrap:break-word;
}
.macudp-ac-copy:hover{background:var(--s-mist);color:var(--s-mist-ink)}
.macudp-ac-svc-actions{margin-top:var(--space-3)}
.macudp-ac-security-ledgers{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-4);
align-items:start;
}
.macudp-ac-security-form{
display:grid;
gap:var(--space-3);
padding:var(--space-5);
border:1px solid var(--hair);
border-radius:var(--r-l);
background:var(--paper);
color:var(--ink);
}
.macudp-ac-security-form .macudp-ac-fieldbook{margin-top:var(--space-3)}
.macudp-ac-ticket-tools{display:flex;flex-wrap:wrap;padding:0;list-style:none}
.macudp-ac-compose{
display:grid;
gap:var(--space-3);
padding:var(--space-5);
border:1px solid var(--hair);
border-radius:var(--r-l);
background:var(--paper);
color:var(--ink);
}
.macudp-ac-compose-fields{border:0;padding:0;margin:0}
.macudp-ac-compose-fields>.macudp-ac-form-title{margin-bottom:var(--space-4)}
.macudp-ac-conversation{
display:grid;
gap:var(--space-5);
min-width:0;
padding:var(--space-5);
border:1px solid var(--hair);
border-radius:var(--r-l);
background:var(--paper);
color:var(--ink);
}
.macudp-ac-conversation-head{display:grid;gap:var(--space-2);justify-items:start}
.macudp-ac-conversation-title{
margin-top:var(--space-3);
font-size:var(--text-card);
line-height:var(--lh-card);
color:var(--ink);
overflow-wrap:break-word;
}
.macudp-ac-thread{display:grid;gap:var(--space-4);min-width:0}
.macudp-ac-note{
display:grid;
gap:var(--space-2);
justify-self:start;
width:min(100%,54rem);
min-width:0;
padding:var(--space-4);
border-radius:var(--r-l);
background:var(--s-neutral);
color:var(--s-neutral-ink);
}
.macudp-ac-note.is-mine{
justify-self:end;
background:var(--s-cool);
color:var(--s-cool-ink);
}
.macudp-ac-note-meta{
font-family:var(--font-m);
font-size:var(--text-xs);
font-variant-numeric:tabular-nums;
line-height:var(--lh-body);
color:var(--muted);
overflow-wrap:break-word;
}
.macudp-ac-note.is-mine .macudp-ac-note-meta{color:var(--s-cool-muted)}
.macudp-ac-note-body{
font-size:var(--text-sm);
line-height:var(--lh-reading);
color:var(--ink);
white-space:pre-wrap;
overflow-wrap:break-word;
}
.macudp-ac-note.is-mine .macudp-ac-note-body{color:var(--s-cool-ink)}
.macudp-ac-reply{display:grid;gap:var(--field-gap);align-content:start}
.macudp-ac-dialog{
position:fixed;
inset:0;
z-index:100;
display:grid;
place-items:center;
padding:var(--space-4);
overflow-y:auto;
overscroll-behavior:contain;
}
.macudp-ac-dialog-backdrop{
position:fixed;
inset:0;
background:color-mix(in srgb,var(--ink) 55%,transparent);
color:var(--paper);
}
.macudp-ac-dialog-panel{
position:relative;
z-index:1;
display:grid;
gap:var(--space-4);
width:min(100%,32rem);
max-height:calc(100dvh - var(--space-7));
overflow-y:auto;
padding:var(--space-6);
border-radius:var(--r-l);
background:var(--paper);
color:var(--ink);
text-align:center;
}
.macudp-ac-dialog-title{
font-family:var(--font-h);
font-size:var(--text-lg);
font-weight:500;
line-height:var(--lh-card);
color:var(--ink);
}
.macudp-ac-dialog-body{
font-size:var(--text-sm);
line-height:var(--lh-lead);
color:var(--muted);
overflow-wrap:break-word;
}
.macudp-ac-dialog-actions{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:flex-start;
gap:var(--space-2);
margin-top:var(--space-3);
}
.macudp-ac-dialog-panel .macudp-ac-dialog-actions{justify-content:center}
.macudp-ac-dialog-panel .macudp-ac-btn-primary:hover{
background:var(--hover);
color:var(--paper);
border-color:var(--hover);
}
.macudp-ac-dialog-panel .macudp-ac-btn-danger:hover{
background:var(--ink);
color:var(--paper);
border-color:var(--ink);
}
.macudp-ac-page [aria-checked="true"]{outline:var(--focus);outline-offset:2px}
@media(max-width:1024px){
.macudp-ac-task-directory{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--space-5)}
.macudp-ac-security-ledgers{grid-template-columns:minmax(0,1fr)}
.macudp-ac-cred{grid-template-columns:minmax(6rem,8rem) minmax(0,1fr) auto}
.macudp-ac-item{padding:var(--space-4)}
}
@media(max-width:760px){
.macudp-ac-page{padding-top:var(--hero-pad);padding-bottom:var(--space-close)}
.macudp-ac-arrival{padding-block:var(--space-4) var(--space-6);gap:var(--space-4)}
.macudp-ac-arrival-copy{gap:var(--space-3)}
.macudp-ac-arrival-copy h1{font-size:var(--text-section)}
.macudp-ac-entry-form{gap:var(--space-3)}
.macudp-ac-verification{grid-template-columns:minmax(0,1fr)}
.macudp-ac-verification .macudp-ac-btn{justify-self:start}
.macudp-ac-method-menu li{flex-basis:100%}
.macudp-ac-entry-form .macudp-ac-form-actions>.macudp-ac-btn-primary{width:100%}
.macudp-ac-relay-desk{gap:var(--space-6)}
.macudp-ac-task-directory{grid-template-columns:minmax(0,1fr);gap:var(--space-4)}
.macudp-ac-desk-cover{gap:var(--space-3)}
.macudp-ac-directory{gap:var(--space-2)}
.macudp-ac-dtab{padding:var(--space-3);gap:var(--space-2);align-items:flex-start}
.macudp-ac-dtab .macudp-ac-directory-icon{margin-top:2px}
.macudp-ac-desk-title{font-size:var(--text-section)}
.macudp-ac-dispatch{gap:var(--space-4)}
.macudp-ac-panel{gap:var(--space-3)}
.macudp-ac-item-head{flex-direction:column;gap:var(--space-3)}
.macudp-ac-item-head>div:first-child{flex:0 1 auto;width:100%}
.macudp-ac-item-head .macudp-ac-item-actions{width:100%}
.macudp-ac-item{padding:var(--space-4);gap:var(--space-3)}
.macudp-ac-cred{grid-template-columns:minmax(0,1fr);gap:var(--space-2);padding:var(--space-3)}
.macudp-ac-cred .macudp-ac-row{justify-content:flex-start}
.macudp-ac-svc-actions{align-items:stretch}
.macudp-ac-svc-actions>.macudp-ac-btn{flex:1 1 8rem}
.macudp-ac-security-form,.macudp-ac-compose,.macudp-ac-conversation{padding:var(--space-4)}
.macudp-ac-security-ledgers{gap:var(--space-3)}
.macudp-ac-conversation{gap:var(--space-4)}
.macudp-ac-note{width:calc(100% - var(--space-3));padding:var(--space-3)}
.macudp-ac-reply .macudp-ac-form-actions{align-items:stretch}
.macudp-ac-reply .macudp-ac-btn{flex:1 1 10rem}
.macudp-ac-dialog{padding:var(--space-3)}
.macudp-ac-dialog-panel{padding:var(--space-4);max-height:calc(100dvh - var(--space-5))}
.macudp-ac-dialog-panel .macudp-ac-dialog-actions{justify-content:center}
}
@media(max-width:360px){
.macudp-ac-directory{grid-template-columns:minmax(0,1fr)}
.macudp-ac-directory-security{grid-column:auto}
.macudp-ac-form-actions>.macudp-ac-btn{width:100%}
.macudp-ac-dialog-actions>.macudp-ac-btn{width:100%}
}
@media(prefers-reduced-motion:reduce){
.macudp-ac-btn,.macudp-ac-tab,.macudp-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}