.ad{--acc:#d2562a;--ink:#151515;--mut:#66625a;--rule:#d9d4c9;--bg:#f6f4ef}
.ad .adtabs{display:flex;gap:0;border-bottom:1px solid var(--rule);margin:28px 0 0;flex-wrap:wrap}
.ad .adtabs button{background:none;border:0;padding:14px 22px 12px;font:600 .8rem/1.2 "Archivo",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);cursor:pointer;position:relative}
.ad .adtabs button b{color:var(--acc);margin-right:8px}
.ad .adtabs button.on{color:var(--ink)}
.ad .adtabs button.on:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--acc)}
.ad .adstage{display:grid;grid-template-columns:230px 1fr;gap:0;border:1px solid var(--rule);border-top:0;background:#fbfaf7;min-height:420px;height:auto}
.ad .adrail{border-right:1px solid var(--rule);padding:26px 22px;display:flex;flex-direction:column;gap:6px}
.ad .adrail .who{font:700 1.05rem/1.2 "Archivo";margin-bottom:14px;display:flex;align-items:center;gap:8px}
.ad .adrail .who i{width:9px;height:9px;background:var(--acc);transform:skewX(-12deg);display:inline-block}
.ad .adrail .who.busy i{animation:adpulse 1s infinite}
@keyframes adpulse{50%{opacity:.25}}
.ad .adrail ol{list-style:none;counter-reset:s;display:flex;flex-direction:column;gap:2px}
.ad .adrail li{counter-increment:s;display:flex;gap:10px;align-items:center;padding:9px 0;font-size:.9rem;color:#a9a397;border-bottom:1px dashed var(--rule);transition:color .3s}
.ad .adrail li:before{content:counter(s);width:22px;height:22px;flex:none;display:grid;place-items:center;border:1.5px solid currentColor;font:700 .7rem/1 "Archivo";transform:skewX(-8deg)}
.ad .adrail li.now{color:var(--ink);font-weight:700}
.ad .adrail li.now:before{background:var(--acc);border-color:var(--acc);color:#fff}
.ad .adrail li.done{color:var(--ink)}
.ad .adrail li.done:before{content:"✓";background:var(--ink);border-color:var(--ink);color:#fff}
.ad .adrail li.hum.now:before{background:#2f7d4f;border-color:#2f7d4f}
.ad .adbar{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--rule);padding:10px 16px;background:#fff}
.ad .adbar .ex{font:500 .78rem/1.4 "Archivo";color:var(--mut)}
.ad .adbar .ex b{display:inline-block;background:var(--ink);color:#fff;padding:2px 6px;margin-right:8px;font:700 .62rem/1.3 "Archivo";letter-spacing:.12em}
.ad .adbar .pp{flex:none;background:none;border:1px solid var(--rule);padding:6px 12px;font:600 .72rem "Archivo";letter-spacing:.1em;text-transform:uppercase;cursor:pointer;color:var(--ink)}
.ad .adbar .pp:hover{border-color:var(--ink)}
.ad .adtablab{display:none}
.ad .adcanvas{position:relative;padding:26px;display:grid;grid-template-columns:1fr 1fr;gap:18px;align-content:start;overflow:hidden}
.ad .card{background:#fff;border:1px solid var(--rule);box-shadow:0 1px 0 var(--rule),6px 6px 0 rgba(21,21,21,.04);padding:16px 18px;opacity:0;transform:translateY(14px);transition:opacity .45s,transform .45s;font-size:.86rem;line-height:1.45}
.ad .card.in{opacity:1;transform:none}
.ad .card .h{display:flex;justify-content:space-between;align-items:center;font:700 .66rem/1 "Archivo";letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin-bottom:10px}
.ad .card .h em{font-style:normal;color:var(--acc)}
.ad .card h4{font:700 1.08rem/1.2 "Archivo";margin-bottom:6px}
.ad .mail .from{color:var(--mut);font-size:.8rem}
.ad .mail p{margin:8px 0;color:#38352f;font:400 .86rem/1.45 "Archivo",sans-serif;font-style:normal}
.ad .att{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--rule);padding:6px 10px;font:600 .76rem "Archivo";background:var(--bg)}
.ad .att:before{content:"PDF";background:var(--acc);color:#fff;font-size:.6rem;padding:2px 4px}
.ad .wide{grid-column:1/-1}
.ad table{width:100%;border-collapse:collapse;font-size:.8rem}
.ad th{text-align:left;font:700 .62rem "Archivo";letter-spacing:.12em;text-transform:uppercase;color:var(--mut);border-bottom:1.5px solid var(--ink);padding:5px 6px}
.ad td{padding:6px;border-bottom:1px solid #eee9df;font-variant-numeric:tabular-nums}
.ad td.n,.ad th.n{text-align:right}
.ad tr.r{opacity:0;transition:opacity .3s,background .4s}
.ad tr.r.in{opacity:1}
.ad tr.bad.flag{background:#fbe6dc}
.ad tr.bad.flag td.k{color:var(--acc);font-weight:800}
.ad .chk{list-style:none;display:flex;flex-direction:column;gap:7px}
.ad .chk li{display:flex;gap:9px;align-items:flex-start;opacity:0;transition:opacity .3s}
.ad .chk li.in{opacity:1}
.ad .chk li:before{content:"✓";flex:none;width:18px;height:18px;display:grid;place-items:center;background:#2f7d4f;color:#fff;font-size:.7rem;font-weight:800}
.ad .chk li.warn:before{content:"!";background:var(--acc)}
.ad .res .big{font:700 1.5rem/1.1 "Archivo";margin:4px 0 8px}
.ad .res .big.o{color:var(--acc)}
.ad .res .draft{background:var(--bg);border-left:3px solid var(--acc);padding:8px 10px;color:#38352f;font-size:.8rem;white-space:pre-line}
.ad .ok{grid-column:1/-1;display:flex;align-items:center;gap:16px;justify-content:space-between;border:1.5px solid var(--ink)}
.ad .ok .p{display:flex;gap:12px;align-items:center}
.ad .ok .av{width:38px;height:38px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font:800 .8rem "Archivo"}
.ad .ok .btns{display:flex;gap:8px}
.ad .ok .btns span{padding:10px 16px;font:700 .78rem "Archivo";letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--rule)}
.ad .ok .btns .go{min-width:190px;text-align:center;background:var(--acc);color:#fff;border-color:var(--acc);transition:transform .15s,background .3s}
.ad .ok.pressed .btns .go{transform:scale(.94);background:#2f7d4f;border-color:#2f7d4f}
.ad .ok .saved{font:700 1rem "Archivo";color:#2f7d4f}
.ad .cur{position:absolute;width:22px;height:22px;pointer-events:none;opacity:0;transition:left 1s cubic-bezier(.5,0,.2,1),top 1s cubic-bezier(.5,0,.2,1),opacity .3s;z-index:5}
.ad .cur.in{opacity:1}
.ad .think{position:absolute;right:26px;top:10px;font:600 .66rem "Archivo";letter-spacing:.14em;text-transform:uppercase;color:var(--acc);opacity:0;transition:opacity .3s}
.ad .think.in{opacity:1}
.ad .think:after{content:"";display:inline-block;width:14px;animation:addots 1.2s steps(4) infinite;overflow:hidden;vertical-align:bottom;white-space:nowrap}
@keyframes addots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}
@media(max-width:900px){
 .ad .adstage{grid-template-columns:1fr;min-height:0}
 .ad .adtabs{flex-wrap:nowrap}
 .ad .adtabs button{padding:12px 16px 10px;font-size:.78rem}
 .ad .adtabs button span{display:none}
 .ad .adtabs button b{margin:0}
 .ad .adtablab{display:block;font:600 .74rem/1.4 "Archivo";letter-spacing:.14em;text-transform:uppercase;padding:10px 0 8px;color:var(--ink)}
 .ad .adrail{border-right:0;border-bottom:1px solid var(--rule);padding:12px 14px;flex-direction:row;align-items:center;gap:12px}
 .ad .adrail .who{margin:0;font-size:.85rem;white-space:nowrap}
 .ad .adrail ol{flex-direction:row;gap:6px;align-items:center;flex-wrap:nowrap;margin-left:auto}
 .ad .adrail li{border:0;padding:0;font-size:.74rem;gap:6px}
 .ad .adrail li span{display:none}
 .ad .adrail li.now span{display:inline;white-space:nowrap}
 .ad .adcanvas{grid-template-columns:1fr;padding:14px;gap:12px}
 .ad .think{position:static;display:block;margin:0 0 4px}
 .ad .wide,.ad .ok{grid-column:auto}
 .ad .ok{flex-direction:column;align-items:flex-start}
 .ad .ok .btns .go{min-width:0}
 .ad .adbar{padding:10px 14px;align-items:flex-start}
}
@media(max-width:420px){.ad .adrail .who{display:none}.ad .adrail ol{margin:0}}
@media(prefers-reduced-motion:reduce){.ad *{transition:none!important;animation:none!important}}