/* Sensis account kit (1.33.31 redesign) - light service-page chrome, flat, borders only.
   Loads only on template-account. */
.ac-wrap{padding-bottom:96px;}

/* ---- shared form bits ---- */
.ac-form label{display:block;font-size:12.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--sm-navy);margin:0 0 7px;}
.ac-form input{width:100%;border:1px solid #DADADA;background:#fff;padding:12px 14px;font:inherit;font-size:14px;color:var(--sm-dark);margin:0 0 18px;}
.ac-form input:focus{outline:none;border-color:var(--sm-cyan);}
.ac-btn-full{width:100%;}
.ac-msg{font-size:13.5px;line-height:22px;padding:10px 14px;border:1px solid #DADADA;margin:14px 0 0;}
.ac-msg.ok{border-color:#BFE3D9;background:#F2FAF7;color:#1B6E58;}
.ac-msg.err{border-color:#EAC8C8;background:#FBF3F3;color:#9A3B3B;}
.ac-note{font-size:13.5px;line-height:22px;color:var(--sm-text-soft);}
.ac-dim{color:#9a9a9a;}
.ac-sub{font-size:13.5px;color:var(--sm-text-soft);margin:0 0 22px;}

/* ---- guest gate: navy pitch panel + login panel ---- */
.ac-gate{display:grid;grid-template-columns:1fr 1fr;max-width:960px;margin:0 auto;border:1px solid #E8E8E8;}
.ac-gate-side{background-color:var(--sm-navy);background-image:radial-gradient(ellipse 60% 52% at 10% 102%,rgba(1,119,168,.46),transparent 72%),radial-gradient(ellipse 52% 46% at 90% 100%,rgba(84,169,230,.18),transparent 70%);padding:48px 44px;}/* 1.39.79 (owner: "deploy site-wide"): footer glow recipe VERBATIM (1.38.50), approved on .sm-quotes/.sm-recent at 1.39.78. Post-deploy DOM contrast sweep in CHANGELOG. */
.ac-gate-side h2{font-family:var(--sm-font-title);font-weight:700;text-transform:uppercase;font-size:21px;line-height:1.35;letter-spacing:.5px;color:#fff;margin:0 0 30px;}
.ac-gate-row{display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:start;padding:16px 0;}
.ac-gate-row .n{font-family:var(--sm-font-title);font-weight:700;font-size:30px;line-height:1.15;color:var(--sm-cyan);}
.ac-gate-row h3{font-family:var(--sm-font-title);font-weight:700;text-transform:uppercase;font-size:14px;letter-spacing:.5px;color:#fff;margin:0 0 6px;}
.ac-gate-row p{font-size:13px;line-height:21px;color:rgba(255,255,255,.72);margin:0;}
.ac-gate-form{background:#fff;padding:48px 44px;}
.ac-gate-form h2{font-family:var(--sm-font-title);font-weight:700;text-transform:uppercase;font-size:21px;letter-spacing:.5px;color:var(--sm-navy);margin:0 0 26px;}
.ac-gate-form .ac-msg{margin:0 0 18px;}
.ac-alt{margin-top:26px;border-top:1px solid #E8E8E8;padding-top:18px;}
.ac-alt summary{cursor:pointer;font-size:13px;font-weight:700;color:var(--sm-blue);}
.ac-alt summary:hover{color:var(--sm-navy);}
.ac-alt[open] summary{margin-bottom:14px;}
.ac-note--closed{margin:24px 0 0;font-size:13px;}

/* ---- client: identity bar ---- */
.ac-id{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:6px 0 24px;border-bottom:1px solid #E8E8E8;margin:0 0 26px;}
.ac-id h1{font-family:var(--sm-font-title);font-weight:700;text-transform:uppercase;font-size:28px;line-height:1.2;letter-spacing:.5px;color:var(--sm-dark);margin:0 0 6px;}
.ac-id p{font-size:13.5px;color:var(--sm-text-soft);margin:0;}
.ac-out{flex:0 0 auto;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--sm-navy);border:1px solid var(--sm-navy);padding:10px 18px;transition:background .25s ease,color .25s ease;}
.ac-out:hover{background:var(--sm-navy);color:#fff;}

/* ---- overview tiles ---- */
.ac-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 34px;}
.ac-tile{display:block;border:1px solid #E8E8E8;background:#fff;padding:22px 26px 18px;transition:border-color .25s ease;}
.ac-tile:hover{border-color:var(--sm-navy);}
.ac-tile .v{display:block;font-family:var(--sm-font-title);font-weight:700;font-size:38px;line-height:1.1;color:var(--sm-cyan);}
.ac-tile .l{display:block;margin-top:6px;font-size:12.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--sm-text-soft);}

/* ---- body: section nav + cards ---- */
.ac-body{display:grid;grid-template-columns:200px 1fr;gap:36px;align-items:start;}
.ac-nav{position:sticky;top:calc(var(--sm-header-h) + 24px);display:flex;flex-direction:column;border-left:1px solid #E8E8E8;}
.ac-nav a{font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--sm-text-soft);padding:10px 0 10px 18px;margin-left:-1px;border-left:1px solid transparent;transition:color .2s ease,border-color .2s ease;}
.ac-nav a:hover{color:var(--sm-navy);border-left-color:var(--sm-navy);}
.ac-main{display:flex;flex-direction:column;gap:26px;min-width:0;}
.ac-card{border:1px solid #E8E8E8;background:#fff;scroll-margin-top:calc(var(--sm-header-h) + 24px);}
.ac-card-h{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 28px;background:var(--sm-blue);}
.ac-card-h h2{font-family:var(--sm-font-title);font-weight:700;text-transform:uppercase;font-size:16px;letter-spacing:.5px;color:#fff;margin:0;}
.ac-chip{font-family:var(--sm-font-title);font-weight:700;font-size:13px;color:var(--sm-blue);background:#fff;border:1px solid #fff;padding:3px 12px;}
.ac-chip--ok{color:#1B6E58;border-color:#BFE3D9;background:#F2FAF7;}
.ac-card-b{padding:26px 28px 30px;}

/* orders */
.ac-orders{border:1px solid #E8E8E8;}
.ac-orow{display:grid;grid-template-columns:110px 1fr 110px 170px;gap:14px;align-items:center;padding:13px 18px;border-top:1px solid #E8E8E8;font-size:13.5px;color:var(--sm-text-soft);}
.ac-orow:first-child{border-top:0;}
.ac-ohead{background:#F7F7F7;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--sm-navy);}
.ac-orow a{font-weight:700;}
/* 1.38.41 (Sol P2-03-R2): orders pager + domains load-more. Flat, hairline-only, no shadows. */
.ac-pager{display:flex;align-items:center;justify-content:center;gap:16px;padding:14px 18px;border-top:1px solid #E8E8E8;font-size:13px;}
.ac-pager-a{font-weight:700;color:var(--sm-blue);text-decoration:none;}
.ac-pager-a:hover{text-decoration:underline;}
.ac-pager-n{color:var(--sm-text-soft);letter-spacing:1px;}
.ac-more{border:1px solid var(--sm-blue);background:transparent;color:var(--sm-blue);font:700 12px/1 inherit;letter-spacing:1px;padding:9px 14px;cursor:pointer;}
.ac-more:hover{background:var(--sm-blue);color:#fff;}
.ac-more[disabled]{opacity:.55;cursor:default;}

/* vault */
.ac-vault{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.ac-file{display:flex;flex-direction:column;border:1px solid #E8E8E8;background:#fff;padding:0 0 14px;color:var(--sm-text-soft);transition:border-color .25s ease;}
.ac-file:hover{border-color:var(--sm-navy);}
.ac-file-th{display:block;height:140px;background:#F7F7F7;overflow:hidden;position:relative;}
.ac-file-th img{width:100%;height:100%;object-fit:cover;display:block;}
.ac-file-ext{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--sm-font-title);font-weight:700;font-size:24px;color:var(--sm-cyan);}
.ac-file-nm{font-family:var(--sm-font-title);font-weight:700;font-size:14px;color:var(--sm-navy);padding:12px 16px 2px;}
.ac-file-mt{font-size:12px;letter-spacing:1px;text-transform:uppercase;padding:0 16px;}

/* billing + password */
.ac-form--grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;max-width:760px;}
.ac-f--full{grid-column:1/-1;}
.ac-vatrow{display:flex;gap:10px;align-items:flex-start;}
.ac-vatrow input{flex:1;margin-bottom:0;}
.ac-vatrow .sm-btn-blue{flex:0 0 auto;}
#ac-vat-msg{margin-bottom:18px;}
.ac-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:6px;}
.ac-actions .ac-msg{margin:0;}
.ac-form--narrow{max-width:360px;}

@media(max-width:1023px){
 .ac-body{grid-template-columns:1fr;}
 .ac-nav{position:static;flex-direction:row;flex-wrap:wrap;gap:2px 20px;border-left:0;border-bottom:1px solid #E8E8E8;padding-bottom:10px;}
 .ac-nav a{padding:6px 0;border-left:0;}
}
@media(max-width:860px){
 .ac-gate{grid-template-columns:1fr;}
 .ac-gate-side,.ac-gate-form{padding:36px 28px;}
 .ac-vault{grid-template-columns:1fr 1fr;}
 .ac-form--grid{grid-template-columns:1fr;}
 .ac-orow{grid-template-columns:90px 1fr;}
 .ac-ohead{display:none;}
}
@media(max-width:767px){.ac-wrap{padding-left:15px;padding-right:15px;}} /* 1.39.25: same as the checkout column - .sm-page-content zeroes the .sm-container gutter, so the login card and every tab panel ran edge to edge on a phone. */
@media(max-width:560px){
 .ac-wrap{padding-bottom:64px;}
 .ac-vault{grid-template-columns:1fr;}
 .ac-tiles{grid-template-columns:1fr;}
 .ac-id{flex-direction:column;align-items:flex-start;}
 .ac-card-b,.ac-card-h{padding-left:18px;padding-right:18px;}
}

/* ================================================================== *
 *  Sensis DOMAIN CONTROL PANEL (1.36.73) - extends the .ac-* kit.
 *  Flat, borders-only: no shadow, no gradient, no eyebrow, no amber.
 *  Palette via --sm-* vars + brand hexes. SQUARE everywhere except
 *  .ac-chip-btn (the one rounded element). Reuses .sm-btn-blue /
 *  .ac-out / .ac-form / .ac-msg / .ac-note / .ac-actions from above.
 *  Every class here is emitted by assets/js/account.js (domain panel).
 * ================================================================== */

/* ---- shared .35s ease on interactive chrome (DRY) ---- */
.ac-tab,.ac-subnav-a,.ac-drow,.ac-drow .go,.ac-chip-btn,.ac-seg-btn,
.ac-btn-danger,.ac-icon-x,.ac-dnsadd,.ac-lockico{
 transition:color .35s cubic-bezier(.22,.9,.3,1),background-color .35s cubic-bezier(.22,.9,.3,1),border-color .35s cubic-bezier(.22,.9,.3,1);
}

/* ================= top tab strip (server-rendered) ================= */
.ac-tabs{display:flex;gap:28px;border-bottom:1px solid #E8E8E8;margin:0 0 30px;}
.ac-tab{position:relative;background:none;border:0;font:inherit;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--sm-text-soft);padding:14px 2px;cursor:pointer;text-decoration:none;}
.ac-tab:hover,.ac-tab.is-active{color:var(--sm-navy);}
.ac-tab.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--sm-blue);}

/* ================= list ledger ================= */
.ac-ledger{border-bottom:1px solid #E8E8E8;}
.ac-drow{display:flex;align-items:center;gap:6px 16px;padding:14px 2px;border-top:1px solid #E8E8E8;}
.ac-drow:hover:not(.is-skel){background:#F7F7F7;}
.ac-drow .idx{flex:0 0 auto;width:26px;font-family:var(--sm-font-title);font-weight:700;font-size:18px;line-height:1;color:var(--sm-cyan);}
.ac-drow .nm{flex:1 1 220px;min-width:0;}
.ac-drow .nm-t{font-family:var(--sm-font-title);font-weight:700;font-size:16px;letter-spacing:.3px;color:var(--sm-navy);word-break:break-all;}
.ac-drow .exp{flex:0 0 auto;display:flex;flex-direction:column;text-align:right;}
.ac-drow .exp-l{font-size:10.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--sm-text-soft);}
.ac-drow .exp-v{font-size:13px;color:var(--sm-dark);}
.ac-drow .go{flex:0 0 auto;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--sm-blue);text-decoration:none;white-space:nowrap;}
.ac-drow .go:hover{color:var(--sm-navy);}

/* skeleton rows (list + loadingBox; the latter carries no inline bg) */
.ac-drow.is-skel{min-height:52px;background:#F7F7F7;border-top:0;pointer-events:none;}
.ac-loading{display:block;}
.ac-empty{padding:26px 0;border-top:1px solid #E8E8E8;}
.ac-empty a{color:var(--sm-blue);font-weight:700;}

/* registrar-lock glyph */
.ac-lock{display:inline-flex;align-items:center;flex:0 0 auto;color:var(--sm-navy);}
.ac-lock.is-unknown{color:#C9C9C9;}
.ac-lockico.is-open{color:#696969;}

/* ================= status pills ================= */
.ac-stat{display:inline-block;flex:0 0 auto;font-size:12px;font-weight:700;letter-spacing:.3px;line-height:1.4;padding:3px 9px;border:1px solid;border-radius:2px;white-space:nowrap;}
.ac-stat--ok{color:#0E8C74;background:#F4F9F7;border-color:#BFE3D9;}
.ac-stat--soon{color:#C0392B;background:#FBF0EE;border-color:#EAC8C8;}
.ac-stat--exp{color:#A62F22;background:#FBF0EE;border-color:#EAC8C8;}
.ac-stat--info{color:#0177A8;background:#EFF6FB;border-color:#CFE3F0;}

/* ================= detail header + subnav + body ================= */
.ac-id--dom{border-bottom:0;margin-bottom:18px;}
.ac-id--dom h1{font-size:24px;word-break:break-word;}
.ac-id-sub{display:flex;align-items:center;flex-wrap:wrap;gap:10px;}
.ac-subnav{display:flex;flex-wrap:wrap;gap:6px 24px;border-bottom:1px solid #E8E8E8;margin:0 0 26px;}
.ac-subnav-a{position:relative;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--sm-text-soft);text-decoration:none;padding:12px 2px;}
.ac-subnav-a:hover,.ac-subnav-a.is-active{color:var(--sm-navy);}
.ac-subnav-a.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--sm-blue);}
.ac-secbody{min-width:0;}

/* ================= overview key/value ledger ================= */
.ac-kv{margin:0 0 18px;}
.ac-krow{display:grid;grid-template-columns:220px 1fr;gap:16px;align-items:baseline;padding:13px 2px;border-top:1px solid #E8E8E8;}
.ac-krow .k{font-size:12.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--sm-navy);}
.ac-krow .v{font-size:14px;color:var(--sm-dark);}
.ac-nslist{display:flex;flex-direction:column;gap:2px;}
.ac-nsitem{font-size:13.5px;color:var(--sm-dark);}
.ac-tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.5px;padding:3px 10px;border:1px solid #DADADA;background:#fff;color:var(--sm-text-soft);}
.ac-tag--on{border-color:var(--sm-navy);background:var(--sm-navy);color:#fff;}

/* ================= rounded filter/role chips (the one exception) === */
.ac-chipset{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px;}
.ac-chip-btn{border:1px solid #DADADA;border-radius:999px;background:#fff;font-family:var(--sm-font-title);font-weight:700;font-size:13px;letter-spacing:.5px;color:var(--sm-navy);padding:7px 16px;cursor:pointer;}
.ac-chip-btn:hover{border-color:var(--sm-navy);}
.ac-chip-btn.is-on{background:var(--sm-navy);border-color:var(--sm-navy);color:#fff;}

/* ================= DNS ledger editor ================= */
.ac-dns{border:1px solid #E8E8E8;background:#fff;}
.ac-dnsrow{display:grid;grid-template-columns:100px 1fr 1.5fr 110px auto;gap:12px;align-items:center;padding:12px 16px;border-top:1px solid #E8E8E8;}
.ac-dnshead{border-top:0;background:#F7F7F7;padding:10px 16px;}
.ac-dnshead span{font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--sm-navy);}
.ac-dnsrows{display:block;}
.ac-dnsrows .ac-note{margin:0;padding:16px;}
.ac-dns-type,.ac-dns-name,.ac-dns-val,.ac-dns-prioin{width:100%;border:1px solid #DADADA;background:#fff;padding:9px 11px;font:inherit;font-size:13.5px;color:var(--sm-dark);}
.ac-dns-type:focus,.ac-dns-name:focus,.ac-dns-val:focus,.ac-dns-prioin:focus{outline:none;border-color:var(--sm-cyan);}
.ac-dns-prio{display:block;min-width:0;}
/* 1.38.92 (judges R2 N9): each DNS control now sits in a <label> carrying its own text. The header
   row does the naming at desktop, so the per-field label is hidden there and revealed only where the
   header is dropped - see the <=860px block. */
.ac-dnsf{display:block;min-width:0;}
.ac-dnsf-l{display:none;}
.ac-dns-acts{display:flex;align-items:center;gap:8px;}
.ac-dns-save{padding:9px 14px;font-size:12px;letter-spacing:.5px;}
.ac-dnsrow.has-err .ac-dns-name,.ac-dnsrow.has-err .ac-dns-val{border-color:#EAC8C8;}
.ac-rowerr{grid-column:1/-1;margin:2px 0 0;font-size:12.5px;line-height:19px;color:#C0392B;}
.ac-dnsghost{display:block;border-top:1px solid #E8E8E8;padding:12px 16px;}
.ac-dnsadd{background:none;border:0;padding:0;font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--sm-blue);cursor:pointer;}
.ac-dnsadd:hover{color:var(--sm-navy);}

/* small × icon button (DNS delete / reused as close affordance) */
.ac-icon-x{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #DADADA;background:#fff;color:#696969;font-size:18px;line-height:1;cursor:pointer;}
.ac-icon-x:hover{border-color:#C0392B;color:#C0392B;}

/* ================= WHOIS form ================= */
.ac-whois-form{min-width:0;}
.ac-fld{min-width:0;}

/* ================= security blocks + segmented toggle + EPP ======== */
.ac-secblock{border:1px solid #E8E8E8;background:#fff;padding:24px 26px;}
.ac-secblock+.ac-secblock{margin-top:22px;}
.ac-secblock-t{font-family:var(--sm-font-title);font-weight:700;font-size:15px;letter-spacing:.5px;text-transform:uppercase;color:var(--sm-navy);margin:0 0 8px;}
.ac-secblock .ac-seg,.ac-secblock .ac-epprow{margin-top:16px;}

.ac-seg{display:inline-flex;border:1px solid #DADADA;}
.ac-seg-btn{border:0;border-right:1px solid #DADADA;background:#fff;font:inherit;font-size:13px;font-weight:700;letter-spacing:.3px;color:var(--sm-navy);padding:10px 20px;cursor:pointer;}
.ac-seg-btn:last-child{border-right:0;}
.ac-seg-btn:hover{background:#F7F7F7;}
.ac-seg-btn.is-on{background:var(--sm-navy);color:#fff;}
.ac-seg-btn.is-on:hover{background:var(--sm-navy);}

.ac-epprow{display:flex;flex-wrap:wrap;align-items:center;gap:10px;}
.ac-mask{display:inline-flex;align-items:center;min-width:180px;border:1px solid #DADADA;background:#F7F7F7;padding:10px 14px;font-family:"Courier New",monospace;font-size:14px;letter-spacing:2px;color:var(--sm-text-soft);}
.ac-mask.is-shown{background:#fff;color:var(--sm-dark);letter-spacing:1px;user-select:all;}

/* ================= renew ================= */
.ac-numwrap{text-align:center;padding:20px 0 8px;}
.ac-num{font-family:var(--sm-font-title);font-weight:700;font-size:64px;line-height:1;letter-spacing:1px;color:var(--sm-cyan);}
.ac-num-l{margin-top:8px;font-size:12.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--sm-text-soft);}
.ac-numwrap.is-exp .ac-num{color:#C0392B;}
.ac-money{max-width:320px;margin:26px auto 0;background:#fff;border:1px solid #E8E8E8;border-top:4px solid var(--sm-blue);padding:24px 26px;text-align:center;}
.ac-money-l{display:block;font-size:12.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--sm-text-soft);}
.ac-money-v{display:block;margin-top:6px;font-family:var(--sm-font-title);font-weight:700;font-size:40px;line-height:1.1;color:var(--sm-blue);}
.ac-money-x{display:block;margin-top:4px;font-size:12px;color:var(--sm-text-soft);}
.ac-secbody .ac-btn-full{margin-top:20px;}

/* ================= danger button (delete / unlock confirm) ========= */
.ac-btn-danger{font:inherit;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#C0392B;background:#fff;border:1px solid #EAC8C8;padding:10px 18px;cursor:pointer;}
.ac-btn-danger:hover{background:#C0392B;border-color:#C0392B;color:#fff;}

/* ================= modal (flat overlay, no shadow) ================= */
.ac-modal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:20px;}
.ac-modal.is-open{display:flex;}
.ac-modal-ov{position:absolute;inset:0;background:rgba(15,40,56,.5);}
.ac-modal-panel{position:relative;width:100%;max-width:440px;background:#fff;border:1px solid #E8E8E8;padding:28px 30px;}
.ac-modal-t{font-family:var(--sm-font-title);font-weight:700;font-size:18px;letter-spacing:.5px;text-transform:uppercase;color:var(--sm-navy);margin:0 0 12px;}
.ac-modal-b{margin:0 0 20px;}
.ac-modal-actions{display:flex;justify-content:flex-end;gap:12px;}

/* ================= busy state (owned controls) ================= */
.ac-seg-btn.is-busy,.ac-btn-danger.is-busy,.ac-chip-btn.is-busy,
.ac-icon-x.is-busy,.ac-dnsadd.is-busy,.ac-secbody .sm-btn-blue.is-busy{opacity:.55;pointer-events:none;}

/* ================= non-essential motion (opt-in only) ============= */
@media (prefers-reduced-motion:no-preference){
 .ac-drow.is-skel{animation:ac-pulse 1.1s ease-in-out infinite;}
 @keyframes ac-pulse{0%,100%{opacity:1;}50%{opacity:.55;}}
 .ac-modal.is-open .ac-modal-panel{animation:ac-pop .35s cubic-bezier(.22,.9,.3,1);}
 @keyframes ac-pop{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}
}
@media (prefers-reduced-motion:reduce){
 .ac-tab,.ac-subnav-a,.ac-drow,.ac-drow .go,.ac-chip-btn,.ac-seg-btn,
 .ac-btn-danger,.ac-icon-x,.ac-dnsadd,.ac-lockico{transition:none;}
 .ac-drow.is-skel{animation:none;}
 .ac-modal.is-open .ac-modal-panel{animation:none;}
}

/* ================= responsive (matches account.css breakpoints) === */
@media(max-width:1023px){
 .ac-subnav{gap:4px 18px;}
 .ac-dnsrow{grid-template-columns:90px 1fr 1.3fr 90px auto;gap:10px;}
}
@media(max-width:860px){
 .ac-drow{flex-wrap:wrap;row-gap:8px;}
 .ac-drow .nm{flex-basis:calc(100% - 42px);}
 .ac-drow .exp{flex-direction:row;gap:6px;align-items:baseline;text-align:left;}
 .ac-drow .go{margin-left:auto;}
 .ac-krow{grid-template-columns:1fr;gap:4px;}
 /* 1.38.92 (judges R2 N22): the orders header is hidden here, so each cell names itself. */
 .ac-orow{grid-template-columns:1fr;gap:2px;}
 .ac-orow:not(.ac-ohead) span[data-l]::before{content:attr(data-l) ": ";font-weight:700;letter-spacing:.5px;text-transform:uppercase;font-size:11px;color:var(--sm-navy);}
 .ac-dnshead{display:none;}
 .ac-dnsrow{grid-template-columns:1fr;gap:8px;}
 /* 1.38.92 (judges R2 N9): the header is gone here, so the field must name itself. */
 .ac-dnsf-l{display:block;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--sm-navy);margin:0 0 5px;}
 .ac-dns-prio{display:block;}
 .ac-dns-acts{justify-content:flex-start;}
}
@media(max-width:560px){
 .ac-tabs{flex-wrap:nowrap;overflow-x:auto;gap:16px;-webkit-overflow-scrolling:touch;}
 .ac-tab{white-space:nowrap;}
 .ac-modal{align-items:flex-end;padding:0;}
 .ac-modal-panel{max-width:none;}
 .ac-num{font-size:52px;}
 .ac-money-v{font-size:34px;}
}