/* Scoped order preparation workspace and private customer delivery. */
.td-heading { display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin:20px 0; }
.td-heading h2 { margin:4px 0 8px;font-size:25px;line-height:1.3; }
.td-heading p { margin:4px 0; }
.td-tabs,.td-stepper { display:flex;flex-wrap:wrap;gap:8px;margin:22px 0; }
.td-tabs a { padding:10px 15px;border:1px solid var(--cc-border,#d8dce3);border-radius:10px;text-decoration:none;color:inherit;background:#fff;font-weight:650;font-size:14px; }
.td-tabs a[aria-current=page] { background:#252c35;color:#fff;border-color:#252c35; }
.td-stepper { list-style:none;padding:0;counter-reset:delivery; }
.td-stepper li { counter-increment:delivery;display:flex;align-items:center;gap:9px;padding:9px 12px;font-size:13px;color:#6b7280;background:#f4f5f7;border-radius:10px; }
.td-stepper li:before { content:counter(delivery);display:grid;place-items:center;border:1px solid #d8dce3;border-radius:50%;width:22px;height:22px;font-size:11px; }
.td-stepper li[aria-current=step] { background:#e8eee9;color:#2d6345;font-weight:700; }
.td-grid { display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px;align-items:start; }
.td-panel { padding:24px;border:1px solid #dde0e5;border-radius:14px;background:#fff;min-width:0;margin:18px 0; }
.td-panel h2,.td-panel h3 { margin:0 0 14px; }
.td-panel h3 { font-size:18px; }
.td-panel label { display:block;margin:15px 0;font-size:14px;font-weight:650; }
.td-panel :is(input:not([type=checkbox]),textarea,select) { display:block;width:100%;min-height:42px;padding:10px 12px;margin-top:7px;border:1px solid #d4d9e0;border-radius:9px;background:#fff;color:#252c35;font:inherit; }
.td-panel textarea { resize:vertical; }
.td-panel .td-checkbox { display:flex;align-items:flex-start;gap:10px;font-size:13px;font-weight:400;line-height:1.5; }
.td-checkbox input { flex:none;margin-top:4px; }
.td-release { border-color:#bbd2c3;background:#f6faf7; }
.td-cover { max-width:140px;max-height:205px;object-fit:cover;border-radius:10px;margin-bottom:15px; }
.td-upload { border:1px dashed #adb7c4;background:#f8fafc;border-radius:12px;padding:20px; }
.td-upload progress { width:100%;height:12px;margin-top:15px; }
.td-upload-status { margin:10px 0 0;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere; }
.td-tools { display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0; }
.td-tools form { margin:0; }
.td-inline { display:inline-flex!important;gap:6px!important;margin:0!important; }
.td-inline button { font-size:12px!important;padding:7px 10px!important;min-height:34px!important; }
.td-muted { color:#737b87;font-size:13px;line-height:1.55; }
.td-badge { display:inline-flex;align-items:center;padding:4px 8px;border-radius:7px;font-size:11px;font-weight:650;background:#edf0f4;color:#465268; }
.td-badge.ready { background:#e6f0e9;color:#2c6342; }.td-badge.error { background:#fbe9e6;color:#8a3830; }
.td-events { list-style:none;padding:0;margin:0; }
.td-events li { position:relative;padding:0 0 22px 22px;border-left:1px solid #dce1e7;margin-left:5px; }
.td-events li:before { content:'';position:absolute;left:-5px;top:5px;width:9px;height:9px;border-radius:50%;background:#8793a3; }
.td-events time { display:block;color:#77808d;font-size:12px;margin-bottom:5px; }
.td-events strong { display:block;font-size:14px; }
.td-events p { margin:7px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px; }
.td-events small { display:block;margin:5px 0;color:#77808d; }
.td-qr { background:#fff;border:1px solid #e2e5e9;border-radius:12px;padding:12px;max-width:200px; }
.td-qr img { display:block;width:100%;height:auto; }
.td-manifest-table { border-collapse:collapse;width:100%;font-size:14px; }
.td-manifest-table :is(th,td) { border-bottom:1px solid #e4e7ec;padding:12px;text-align:left; }
.td-title-row { display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap; }
/* Customer materials use the same warm surfaces as the account and storefront. */
.tq-public .td-panel { margin:0 0 20px;border-color:var(--va-border,#e2d8cc);border-radius:22px;background:var(--va-surface,#fffdf9);color:var(--va-text,#2e2925); }
.tq-public .td-stepper li { background:var(--va-surface-soft,#f2e9df);color:var(--va-muted,#746b63);font-size:12px; }
.tq-public .td-stepper li[aria-current=step] { background:var(--va-accent,#9b4a3c);color:#fff; }
.td-result-heading { display:flex;gap:20px;align-items:flex-start;margin:20px 0; }
.td-result-heading img { width:85px;max-height:128px;object-fit:cover;border-radius:9px; }
.td-result-heading h3 { margin:0 0 6px;font-size:23px;line-height:1.3; }
.td-result-heading p { margin:6px 0; }
.td-files { display:grid;gap:0;margin:20px 0; }
.td-file { padding:16px 0;border-top:1px solid var(--va-border,#e2d8cc); }
.td-file strong { display:block;overflow-wrap:anywhere;font-size:15px; }
.td-file small { display:block;margin:4px 0;color:var(--va-muted,#746b63);font-size:12px; }
.td-file-actions { display:flex;gap:10px;flex-wrap:wrap;margin-top:10px; }
.td-file-actions :is(a,button) { min-height:38px;padding:8px 13px;border:1px solid var(--va-border,#e2d8cc);border-radius:999px;background:var(--va-surface-soft,#f2e9df);color:var(--va-accent-strong,#71302f);font:650 12px/1.4 system-ui;cursor:pointer;text-decoration:none; }
.td-customer-player audio { display:block;width:100%;margin:14px 0; }
.tq-public .td-events li { border-color:var(--va-border,#e2d8cc); }.tq-public .td-events li:before { background:var(--va-accent,#9b4a3c); }
.td-reader { max-width:920px;margin:auto;padding:30px 22px 60px; }.td-reader pre { white-space:pre-wrap;overflow-wrap:anywhere;font:18px/1.9 Georgia,serif;background:var(--va-surface,#fffdf9);padding:28px;border:1px solid var(--va-border,#e2d8cc);border-radius:16px; }
.td-pager { display:flex;align-items:center;justify-content:center;gap:15px;margin:20px 0; }
@media(max-width:800px) { .td-grid { grid-template-columns:minmax(0,1fr);gap:0; }.td-heading { flex-direction:column; }.td-panel { padding:20px; }.td-stepper { gap:6px; }.td-stepper li { padding:8px; }.td-tabs { gap:6px; }.td-tabs a { padding:9px 11px;font-size:13px; }.td-reader pre { font-size:17px;padding:20px; } }