.pushmac-ac-page{
  --ac-primary: #2C6E7F;
  --ac-accent: #4FB3A9;
  --ac-bg: #F6F4EE;
  --ac-card: #FFFFFF;
  --ac-ink: #0F1416;
  --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: #0F1416;
  --ac-r: 17px;
  --ac-font-head: "Bricolage Grotesque", "PingFang SC", "Noto Sans CJK SC", system-ui, sans-serif;
  --ac-font-body: "Chivo", "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-top) var(--gutter) var(--space-close);
background:var(--paper);
color:#0F1416;
font-family:var(--f-body);
font-variant-numeric:tabular-nums;
overflow-x:clip;
}
.pushmac-ac-page [hidden]{display:none!important}
.pushmac-ac-page :where(form,fieldset,menu,article,section,aside,nav,header,footer,div,label){min-width:0}
.pushmac-ac-page :where(h1,h2,h3,p,menu,dl,dd){margin:0}
.pushmac-ac-page :where(button,input,textarea){font:inherit}
.pushmac-ac-page :where(button,a,input,textarea):focus-visible{outline:2px solid var(--focus);outline-offset:4px}
.pushmac-ac-page :where(p,h1,h2,h3,span,strong,dt,dd){overflow-wrap:break-word}
.pushmac-ac-entry{
width:min(100%,44rem);
margin-inline:auto;
padding:var(--space-5);
border-radius:var(--radius-lg);
background:var(--stone);
color:#1C1A15;
}
.pushmac-ac-entry-title{
font-family:var(--f-head);
font-size:clamp(2rem,3.4vw,3rem);
line-height:var(--lh-tight);
letter-spacing:-.035em;
}
.pushmac-ac-entry-lead{
margin-top:var(--space-2);
color:#5E594C;
max-width:38rem;
}
.pushmac-ac-intake{
display:grid;
gap:var(--space-3);
margin-top:var(--space-4);
align-content:start;
}
.pushmac-ac-form-title{
font-family:var(--f-head);
font-size:var(--text-read);
line-height:var(--lh-title);
color:#1C1A15;
}
.pushmac-ac-field{
display:grid;
align-content:start;
gap:var(--field-gap);
min-width:0;
}
.pushmac-ac-label{
display:block;
font-size:var(--text-sm);
font-weight:600;
line-height:var(--lh-body);
}
.pushmac-ac-input,.pushmac-ac-textarea{
display:block;
width:100%;
max-width:100%;
min-width:0;
padding:12px var(--space-2);
border:1px solid var(--input-line);
border-radius:var(--radius-md);
background:var(--white);
color:#0F1416;
font-size:var(--text-base);
line-height:1.5;
appearance:none;
}
.pushmac-ac-input{height:50px}
.pushmac-ac-textarea{min-height:8rem;resize:vertical}
.pushmac-ac-textarea[rows="5"]{min-height:11rem}
.pushmac-ac-input::placeholder,.pushmac-ac-textarea::placeholder{color:#5F5B50;opacity:1}
.pushmac-ac-input:focus,.pushmac-ac-textarea:focus{outline:2px solid var(--focus);outline-offset:2px}
.pushmac-ac-input[aria-invalid="true"],.pushmac-ac-textarea[aria-invalid="true"]{border-color:var(--ac-danger)}
.pushmac-ac-input:disabled,.pushmac-ac-textarea:disabled{background:var(--fog);color:#545E6E;cursor:not-allowed}
.pushmac-ac-submit-strip{display:grid;gap:var(--space-2)}
.pushmac-ac-intake>.pushmac-ac-submit-strip>.pushmac-ac-btn{width:100%}
.pushmac-ac-btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:var(--space-1);
min-height:48px;
max-width:100%;
padding:12px var(--space-3);
border:0;
border-radius:var(--radius-pill);
background:var(--stone);
color:#1C1A15;
font-family:var(--f-body);
font-size:var(--text-base);
line-height:1.4;
font-weight:600;
text-align:center;
white-space:normal;
overflow-wrap:break-word;
cursor:pointer;
transition:background var(--duration) var(--ease),box-shadow var(--duration) var(--ease);
}
.pushmac-ac-btn-primary{background:var(--ac-primary);color:var(--ac-on-primary)}
.pushmac-ac-btn-primary:hover{background:var(--primary-deep);color:var(--ac-on-primary)}
.pushmac-ac-btn-line{
background:transparent;
color:#1C1A15;
box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 35%,transparent);
}
.pushmac-ac-btn-line:hover{background:var(--white);color:#0F1416}
.pushmac-ac-btn-danger{background:var(--ac-danger);color:#FFFFFF}
.pushmac-ac-btn-danger:hover{background:color-mix(in srgb,var(--ac-danger) 86%,#0F1416);color:#FFFFFF}
.pushmac-ac-btn-sm{min-height:38px;padding:var(--space-1) var(--space-2);font-size:var(--text-sm)}
.pushmac-ac-btn:disabled{opacity:.6;cursor:wait}
.pushmac-ac-link{
display:inline-flex;
align-items:center;
justify-content:flex-start;
justify-self:start;
max-width:100%;
min-height:32px;
padding:0;
border:0;
border-radius:0;
background:transparent;
color:var(--primary-deep);
font-size:var(--text-sm);
text-decoration:underline;
text-underline-offset:.25em;
white-space:normal;
cursor:pointer;
}
.pushmac-ac-link:hover{color:#0F1416}
.pushmac-ac-entry-after{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
gap:var(--space-2);
margin-top:var(--space-3);
}
.pushmac-ac-entry-fact{font-size:var(--text-xs);color:#5E594C}
.pushmac-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(--fog);
color:#1B2330;
font-family:var(--f-mono);
font-size:var(--text-sm);
line-height:1.5;
overflow-wrap:anywhere;
}
.pushmac-ac-method{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
list-style:none;
gap:var(--space-1);
padding:0;
}
.pushmac-ac-method>li{min-width:0;list-style:none}
.pushmac-ac-tab{
display:flex;
align-items:center;
justify-content:center;
width:100%;
min-height:48px;
padding:var(--space-2);
border:0;
border-radius:var(--radius-md);
background:var(--paper);
color:#5E594C;
font-size:var(--text-sm);
line-height:1.4;
white-space:normal;
cursor:pointer;
}
.pushmac-ac-tab.is-on,.pushmac-ac-tab[aria-selected="true"]{background:var(--night);color:#F6F4EE}
.pushmac-ac-tab:not(.is-on):hover{box-shadow:inset 0 0 0 1px var(--input-line)}
.pushmac-ac-access-block{display:grid;align-content:start;gap:var(--field-gap)}
.pushmac-ac-code-field{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
align-items:start;
gap:var(--space-1);
margin:0;
padding:0;
border:0;
}
.pushmac-ac-code-field>.pushmac-ac-label{padding:0;margin-bottom:var(--field-gap)}
.pushmac-ac-code-field>.pushmac-ac-btn{min-height:50px}
.pushmac-ac-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.pushmac-ac-msg{
width:100%;
padding:var(--space-2) var(--space-3);
border-radius:var(--radius-md);
background:var(--clay);
color:#8C302C;
font-size:var(--text-sm);
line-height:var(--lh-body);
overflow-wrap:break-word;
}
.pushmac-ac-msg.is-ok{background:var(--stone);color:#245A49}
.pushmac-ac-dim{font-size:var(--text-sm);line-height:var(--lh-body);color:#5F5B50}
.pushmac-ac-workspace{
display:grid;
gap:var(--space-3);
width:100%;
max-width:var(--width-standard);
margin-inline:auto;
}
.pushmac-ac-owner{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:var(--space-1) var(--space-2);
padding-inline:var(--space-1);
}
.pushmac-ac-owner-label{font-size:var(--text-xs);color:#5F5B50}
.pushmac-ac-owner-email{
flex:1;
min-width:0;
font-family:var(--f-mono);
font-size:var(--text-sm);
font-weight:500;
overflow-wrap:anywhere;
}
.pushmac-ac-routing{
display:grid;
grid-template-columns:auto minmax(0,1fr);
align-items:stretch;
gap:var(--space-2);
}
.pushmac-ac-refresh{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:var(--space-1);
padding:var(--space-3);
min-width:0;
border:0;
border-radius:var(--radius-md);
background:var(--sand);
color:#2A2218;
font-size:var(--text-xs);
line-height:1.5;
cursor:pointer;
}
.pushmac-ac-refresh:hover{background:var(--stone);color:#1C1A15}
.pushmac-ac-refresh:disabled{opacity:.6;cursor:wait}
.pushmac-ac-route-menu{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:var(--space-1);
list-style:none;
padding:0;
}
.pushmac-ac-route-menu>li{min-width:0;list-style:none}
.pushmac-ac-dtab{
display:flex;
align-items:center;
justify-content:space-between;
gap:var(--space-1);
width:100%;
height:100%;
min-height:84px;
padding:var(--space-3);
border:0;
border-radius:var(--radius-md);
background:var(--fog);
color:#1B2330;
font-size:var(--text-sm);
font-weight:600;
line-height:1.5;
text-align:left;
white-space:normal;
cursor:pointer;
}
.pushmac-ac-dtab.is-on,.pushmac-ac-dtab[aria-selected="true"]{background:var(--ac-primary);color:var(--ac-on-primary)}
.pushmac-ac-dtab:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 35%,transparent)}
.pushmac-ac-route-arrow{flex:none;font-size:var(--text-lg);font-weight:400}
.pushmac-ac-count{
display:inline-flex;
align-items:center;
justify-content:center;
height:22px;
min-width:22px;
padding-inline:6px;
border-radius:var(--radius-pill);
background:var(--night);
color:#F6F4EE;
font-family:var(--f-mono);
font-size:var(--text-xs);
line-height:1;
vertical-align:middle;
}
.pushmac-ac-receipt{display:grid;gap:var(--space-3);padding-top:var(--space-2)}
.pushmac-ac-workspace-title{
font-size:var(--text-sm);
line-height:var(--lh-title);
font-family:var(--f-mono);
font-weight:500;
letter-spacing:.04em;
color:#5F5B50;
}
.pushmac-ac-view{display:grid;gap:var(--space-3);align-content:start}
.pushmac-ac-view-title{
font-family:var(--f-head);
font-size:var(--text-xl);
line-height:var(--lh-title);
color:#0F1416;
}
.pushmac-ac-records{display:grid;gap:var(--space-2)}
.pushmac-ac-item{
display:grid;
align-content:start;
gap:var(--space-3);
width:100%;
padding:var(--space-3);
border-radius:var(--radius-lg);
background:var(--stone);
color:#1C1A15;
}
.pushmac-ac-item.is-open{background:var(--white);color:#0F1416;box-shadow:inset 4px 0 0 var(--primary)}
.pushmac-ac-item-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
flex-wrap:wrap;
gap:var(--space-2) var(--space-3);
}
.pushmac-ac-item-head>div:first-child{flex:1 1 16rem;min-width:0}
.pushmac-ac-item-title{font-family:var(--f-head);font-weight:600;font-size:var(--text-lg);line-height:var(--lh-title)}
.pushmac-ac-item-sub{margin-top:var(--space-1);font-size:var(--text-sm);line-height:var(--lh-body);color:#5E594C}
.pushmac-ac-item-actions,.pushmac-ac-svc-actions,.pushmac-ac-row{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:flex-start;
gap:var(--space-1);
min-width:0;
}
.pushmac-ac-item-actions{flex:0 1 auto}
.pushmac-ac-svc-actions{margin-top:var(--space-3)}
.pushmac-ac-item>.pushmac-ac-row{margin-top:var(--space-1)}
.pushmac-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(--radius-pill);
font-size:var(--text-xs);
font-weight:600;
line-height:1.3;
text-align:center;
background:var(--fog);
color:#1B2330;
}
.pushmac-ac-chip-ok{background:var(--stone);color:#245A49;box-shadow:inset 0 0 0 1px color-mix(in srgb,#245A49 25%,transparent)}
.pushmac-ac-chip-warn{background:var(--sand);color:#70501F}
.pushmac-ac-chip-bad{background:var(--clay);color:#8C302C}
.pushmac-ac-chip-idle{background:var(--fog);color:#545E6E}
.pushmac-ac-creds{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-2);
padding-top:var(--space-3);
border-top:1px solid var(--line);
}
.pushmac-ac-cred{
display:grid;
grid-template-columns:minmax(6rem,.7fr) minmax(0,1fr);
gap:var(--space-1) var(--space-2);
align-items:start;
padding:var(--space-2);
border-radius:var(--radius-md);
background:var(--paper);
color:#0F1416;
}
.pushmac-ac-cred>dt{min-width:0;font-size:var(--text-xs);color:#5F5B50}
.pushmac-ac-cred>dd{min-width:0;margin:0;font-family:var(--f-mono);font-size:var(--text-sm);overflow-wrap:anywhere}
.pushmac-ac-cred>.pushmac-ac-row{grid-column:2}
.pushmac-ac-cred .pushmac-ac-row{margin-top:var(--space-1)}
.pushmac-ac-copy{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:30px;
max-width:100%;
padding:4px var(--space-2);
border:0;
border-radius:var(--radius-pill);
background:var(--fog);
color:#1B2330;
font-size:var(--text-xs);
line-height:1.4;
white-space:normal;
cursor:pointer;
}
.pushmac-ac-copy:hover{background:var(--sand);color:#2A2218}
.pushmac-ac-copy.is-ok{background:var(--stone);color:#245A49}
.pushmac-ac-ticket-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2)}
.pushmac-ac-ticket-compose,.pushmac-ac-conversation,.pushmac-ac-security-form{
display:grid;
align-content:start;
gap:var(--space-3);
padding:var(--space-4);
border-radius:var(--radius-lg);
background:var(--stone);
color:#1C1A15;
}
.pushmac-ac-compose-fields{display:grid;align-content:start;gap:var(--space-3);margin:0;padding:0;border:0}
.pushmac-ac-form-legend{padding:0;margin-bottom:var(--space-2);font-family:var(--f-head);font-size:var(--text-lg);font-weight:600;line-height:var(--lh-title)}
.pushmac-ac-conversation{background:var(--white);color:#0F1416}
.pushmac-ac-conversation>.pushmac-ac-btn{justify-self:start}
.pushmac-ac-conversation-caption{display:grid;gap:var(--field-gap)}
.pushmac-ac-conversation-title{font-size:var(--text-lg);line-height:var(--lh-title)}
.pushmac-ac-thread{display:grid;gap:var(--space-2)}
.pushmac-ac-note{
display:grid;
gap:var(--field-gap);
width:90%;
justify-self:start;
padding:var(--space-3);
border-radius:var(--radius-md);
background:var(--fog);
color:#1B2330;
}
.pushmac-ac-note.is-mine{justify-self:end;background:var(--sand);color:#2A2218}
.pushmac-ac-note-meta{font-family:var(--f-mono);font-size:var(--text-xs);line-height:var(--lh-body);color:#545E6E}
.pushmac-ac-note.is-mine .pushmac-ac-note-meta{color:#65594A}
.pushmac-ac-note-body{font-size:var(--text-base);line-height:var(--lh-body);white-space:pre-wrap;overflow-wrap:break-word}
.pushmac-ac-reply{display:grid;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--line)}
.pushmac-ac-security-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);align-items:start}
.pushmac-ac-security-code{background:var(--fog);color:#1B2330}
.pushmac-ac-security-code .pushmac-ac-dim{color:#545E6E}
.pushmac-ac-dialog{
position:fixed;
inset:0;
z-index:180;
display:grid;
place-items:center;
padding:var(--space-3);
isolation:isolate;
}
.pushmac-ac-dialog-backdrop{position:absolute;inset:0;background:rgba(15,20,22,.68);color:#F6F4EE;z-index:-1}
.pushmac-ac-dialog-panel{
display:grid;
gap:var(--space-3);
width:min(100%,34rem);
max-height:calc(100dvh - var(--space-6));
overflow:auto;
padding:var(--space-5);
border-radius:var(--radius-lg);
background:var(--paper);
color:#0F1416;
text-align:center;
}
.pushmac-ac-dialog-title{font-family:var(--f-head);font-size:var(--text-read);line-height:var(--lh-title)}
.pushmac-ac-dialog-body{font-size:var(--text-base);line-height:var(--lh-body);color:#5F5B50}
.pushmac-ac-dialog-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}
.pushmac-ac-dialog-panel .pushmac-ac-dialog-actions{justify-content:center}
.pushmac-ac-dialog-panel .pushmac-ac-btn-primary:hover{background:var(--primary-deep);color:#FFFFFF}
.pushmac-ac-dialog-panel .pushmac-ac-btn-danger:hover{background:color-mix(in srgb,var(--ac-danger) 86%,#0F1416);color:#FFFFFF}
.pushmac-ac-dialog-panel .pushmac-ac-btn-line:hover{background:var(--stone);color:#1C1A15}
@media(max-width:1100px){
.pushmac-ac-dtab{padding:var(--space-2);min-height:80px}
.pushmac-ac-refresh{padding:var(--space-2)}
.pushmac-ac-route-arrow{display:none}
.pushmac-ac-creds{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:760px){
.pushmac-ac-page{padding-inline:var(--gutter)}
.pushmac-ac-entry{padding:var(--space-3)}
.pushmac-ac-entry-title{font-size:var(--text-xl)}
.pushmac-ac-entry-lead{font-size:var(--text-sm)}
.pushmac-ac-entry-after{align-items:flex-start;flex-direction:column}
.pushmac-ac-owner{padding-inline:0}
.pushmac-ac-owner-label{flex-basis:100%}
.pushmac-ac-owner-email{flex-basis:calc(100% - 8rem)}
.pushmac-ac-routing{grid-template-columns:minmax(0,1fr);gap:var(--space-1)}
.pushmac-ac-refresh{flex-direction:row;justify-content:flex-start;min-height:44px;padding:var(--space-1) var(--space-2)}
.pushmac-ac-route-menu{grid-template-columns:repeat(2,minmax(0,1fr))}
.pushmac-ac-route-menu>li:last-child{grid-column:1/-1}
.pushmac-ac-dtab{min-height:56px;padding:var(--space-2);border-radius:var(--radius-md)}
.pushmac-ac-route-arrow{display:block}
.pushmac-ac-workspace-title{font-size:var(--text-xs)}
.pushmac-ac-view-title{font-size:var(--text-read)}
.pushmac-ac-item{padding:var(--space-3)}
.pushmac-ac-item-head{flex-direction:column;align-items:stretch}
.pushmac-ac-item-head>div:first-child{flex:auto}
.pushmac-ac-item-actions{width:100%}
.pushmac-ac-item-title{font-size:var(--text-lg)}
.pushmac-ac-cred{grid-template-columns:minmax(0,1fr)}
.pushmac-ac-cred>.pushmac-ac-row{grid-column:1}
.pushmac-ac-svc-actions{align-items:stretch}
.pushmac-ac-svc-actions>.pushmac-ac-btn{flex:1 1 auto}
.pushmac-ac-ticket-compose,.pushmac-ac-conversation,.pushmac-ac-security-form{padding:var(--space-3)}
.pushmac-ac-security-pair{grid-template-columns:minmax(0,1fr)}
.pushmac-ac-note{width:96%;padding:var(--space-3)}
.pushmac-ac-dialog{padding:var(--space-2)}
.pushmac-ac-dialog-panel{padding:var(--space-3);max-height:calc(100dvh - var(--space-4))}
.pushmac-ac-dialog-actions>.pushmac-ac-btn{flex:1 1 9rem}
}
@media(max-width:420px){
.pushmac-ac-code-field{grid-template-columns:minmax(0,1fr)}
.pushmac-ac-code-field>.pushmac-ac-btn{justify-self:stretch;min-height:44px}
.pushmac-ac-method{grid-template-columns:minmax(0,1fr)}
.pushmac-ac-msg{padding:var(--space-2)}
.pushmac-ac-owner>.pushmac-ac-btn{padding-inline:var(--space-2)}
.pushmac-ac-item>.pushmac-ac-row{align-items:stretch}
.pushmac-ac-item>.pushmac-ac-row>.pushmac-ac-btn{flex:1 1 7rem}
}
@media(prefers-reduced-motion:reduce){
.pushmac-ac-btn{transition:none}
}
body:has(> main[data-shell]){display:flex;flex-direction:column;min-height:100vh}
body > main[data-shell]{flex:1 0 auto}