*{box-sizing:border-box}body{margin:0;background:#fff;color:#000;font:15px/1.5 Arial,Helvetica,sans-serif}.shell{max-width:1180px;margin:auto;padding:0 44px}header{height:106px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:700;letter-spacing:-.6px;text-decoration:none;color:inherit}.mark{display:grid;place-items:center;background:#000;color:#fff;width:35px;height:35px;border-radius:50%;font-family:"Times New Roman",Times,serif;font-size:26px}.pill{border:1px solid #ccc;border-radius:30px;padding:6px 12px;font-size:10px;letter-spacing:1px}main{padding:55px 0 40px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#666;margin-bottom:16px}h1{font:58px/1.04 "Times New Roman",Times,serif;letter-spacing:-2px;margin:0}p{margin:8px 0 18px}.intro{color:#666;margin:20px 0 30px;font-size:16px}.notice{padding:13px 17px;background:#f3f3f3;border:1px solid #ddd;border-radius:8px;color:#333;font-size:13px;margin-bottom:22px}.notice.error{background:#fff0df;color:#8a3b21;border-color:#e6c8ad}.layout{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.panel{background:#fff;border:1px solid #ddd;border-radius:13px;padding:27px;margin-bottom:22px}.quiet{background:#f8f7f5}.section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.section-title h2{margin:0;font-size:19px;letter-spacing:-.5px}.section-title>span{font:13px "Times New Roman",Times,serif;color:#888}label{display:block;font-size:12px;font-weight:700;margin:18px 0 7px}.muted{color:#777;font-weight:400}input{width:100%;border:1px solid #ccc;border-radius:6px;background:white;color:#000;padding:12px;font:15px Arial;height:45px}input:focus{outline:2px solid #888;outline-offset:2px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.small{font-size:11px;color:#777;margin:8px 0 0}.total{border-top:1px solid #ddd;margin-top:25px;padding:23px 0;display:flex;justify-content:space-between;align-items:center;font-size:13px}.total strong{font:29px "Times New Roman",Times,serif;color:#000}button{cursor:pointer;font:inherit}button:disabled{opacity:.5;cursor:not-allowed}.primary{width:100%;padding:14px 18px;border:0;border-radius:6px;background:#000;color:#fff;text-align:left;display:flex;justify-content:space-between;gap:20px;font-size:13px}.primary:hover{background:#333}ol{list-style:none;margin:0;padding:0;counter-reset:steps}li{counter-increment:steps;position:relative;padding:0 0 23px 40px}li:before{content:counter(steps);position:absolute;left:0;top:0;width:24px;height:24px;border:1px solid #ccc;border-radius:50%;display:grid;place-items:center;font-size:11px;color:#666}li strong{font-size:13px}li p{font-size:12px;color:#666;margin:5px 0 0;max-width:280px}.connection{border-top:1px solid #ddd;padding-top:24px;display:flex;gap:12px;font-size:12px}.connection p{font-size:11px;color:#666;margin:4px 0 0}.dot{height:8px;width:8px;border-radius:50%;background:#000;margin-top:5px}.text-button{border:0;background:none;font-size:12px;color:#000;padding:0}.history-row{width:100%;text-align:left;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:14px;border:0;border-top:1px solid #ddd;padding:16px 0;background:white;font-size:12px}.history-row span{color:#666}.card-row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #eee;font-size:12px}.ok{color:#000}.track{background:#eee;height:7px;border-radius:20px;overflow:hidden;margin:18px 0}.track div{background:#000;height:100%;transition:width .2s}footer{border-top:1px solid #ddd;padding:24px 0 35px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#777}footer span{letter-spacing:0}dialog{max-width:510px;width:calc(100% - 36px);padding:32px;border:1px solid #ccc;border-radius:12px}dialog::backdrop{background:#0009}dialog h2{font:31px "Times New Roman",Times,serif;margin-top:0}.dialog-buttons{display:flex;gap:14px;margin-top:28px}.secondary{border:1px solid #ccc;background:white;border-radius:6px;padding:12px 20px;white-space:nowrap}.dialog-buttons .primary{width:auto;flex:1}#continue{margin-top:20px}@media(max-width:720px){.shell{padding:0 20px}header{height:80px}.brand{font-size:16px}main{padding-top:35px}h1{font-size:45px}.layout{grid-template-columns:1fr}.panel{padding:22px}.history-row{grid-template-columns:1fr 1fr}.history-row strong{grid-column:1/-1}.pill{font-size:8px}footer{gap:20px}.intro{font-size:14px}}
[hidden]{display:none!important}

.mark{background:transparent;border-radius:0;object-fit:contain;display:block;width:32px;height:32px}.batch-accordion{border-top:1px solid #ddd}.batch-accordion .history-row{border:0;grid-template-columns:2fr 1fr 1fr 1fr 20px;align-items:center;list-style:none}.batch-accordion summary::-webkit-details-marker{display:none}.batch-accordion summary:focus-visible{outline:2px solid #000;outline-offset:4px}.accordion-icon{text-align:right;font-size:20px;line-height:1;color:#000!important}.batch-accordion[open] .accordion-icon{transform:rotate(45deg)}.batch-detail{border-top:1px solid #eee;padding:8px 0 22px}.batch-progress{font-size:13px;margin-top:12px}.batch-expiry{font-size:12px;color:#666}.batch-actions{display:flex;align-items:center;gap:25px;margin:22px 0}.batch-actions .primary{width:auto}.history{padding-bottom:12px}@media(max-width:720px){.batch-accordion .history-row{grid-template-columns:1fr 1fr 24px}.batch-accordion .history-row strong{grid-column:1/3}.batch-accordion .accordion-icon{grid-column:3;grid-row:1}.batch-accordion .history-row>span:nth-child(4){grid-column:1/3}.batch-actions{flex-wrap:wrap}}

.quiet{font-size:18.75px}.quiet .section-title h2{font-size:23.75px}.quiet .section-title>span{font-size:16.25px}.quiet li:before{font-size:13.75px;width:30px;height:30px}.quiet li strong{font-size:16.25px}.quiet li p{font-size:15px}.quiet .connection{font-size:15px}.quiet .connection p{font-size:13.75px}

/* Shared typography matches the Before you create panel. */
.section-title h2{font-size:23.75px}.section-title>span{font-size:16.25px}
label{font-size:16.25px}input{font-size:15px}.small{font-size:13.75px}
.intro,.notice,.history-row,.card-row,.batch-progress,.total,.text-button{font-size:15px}
.primary,.secondary{font-size:16.25px}.batch-expiry,.pill,footer{font-size:13.75px}
.brand{font-size:23.75px}.total strong{font-size:29px}
@media(max-width:720px){.brand{font-size:23.75px}.pill{font-size:13.75px}.intro{font-size:15px}header{height:auto;min-height:100px;gap:16px;flex-wrap:wrap;padding:20px 0}.brand{letter-spacing:-.6px}.pill{letter-spacing:0}footer{flex-wrap:wrap}}

dialog h2{font-size:23.75px}.eyebrow{font-size:13.75px}

.batch-accordion summary{cursor:pointer}.batch-accordion .accordion-icon{font-size:30px;min-width:32px;min-height:32px;display:grid;place-items:center;cursor:pointer}.batch-accordion .history-row{grid-template-columns:2fr 1fr 1fr 1fr 32px}@media(max-width:720px){.batch-accordion .history-row{grid-template-columns:1fr 1fr 32px}}

.batch-actions{justify-content:flex-end;margin:12px 0 18px}.batch-actions .primary{order:-1;margin-right:auto}
