/* Deletion pages on top of ../site.css. delete.js, worker.js and followup.js own the ids
   and set #result / the first section's class to processing, delayed or completed. */
.warning{display:flex;gap:12px;align-items:flex-start;background:var(--danger-bg);color:var(--danger-bold);border-radius:16px;padding:14px 16px;margin:0 0 24px;font-size:15px;line-height:26px}
.warning svg{flex:none;width:20px;height:20px;margin-top:3px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.warning p{margin:0}
.warning p+p{margin-top:6px}
textarea{display:block;width:100%;min-height:96px;border:1px solid var(--border-input);border-radius:16px;margin:0;padding:14px 16px;background:var(--canvas);color:var(--ink);font:15px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical}
input[type=password],#username{display:block;width:100%;height:56px;border:1px solid var(--border-input);border-radius:16px;margin:0 0 20px;padding:0 16px;background:var(--canvas);color:var(--ink);font:inherit;font-size:16px}
#username{direction:ltr;text-align:right}
#form .btn+.btn{margin-top:12px}
#prepare{margin-top:20px}
main>section{background:var(--sunken);border-radius:20px;padding:20px;margin:0 0 24px}
main>section h2{margin:0 0 6px;font-size:20px;line-height:30px}
main>section p{color:var(--text-2);margin:0 0 12px}
#confirmation .btn{margin-top:4px}
#owner{margin-bottom:2px}
#station{margin-bottom:16px}
a#save,a#followup{display:inline-block;margin:12px 0 4px;color:var(--brand-text);font-weight:500}
.choice{display:flex;align-items:flex-start;gap:12px;margin:16px 0;font-size:15px;line-height:24px;font-weight:400}
.choice input{flex:none;width:22px;height:22px;margin:1px 0;accent-color:var(--brand-600)}
.destructive{background:var(--danger-bold)}
.destructive:hover{background:#6E1016}
main>section.completed{background:var(--success-bg)}
main>section.completed h2{color:var(--success-text)}
main>section.delayed{background:var(--warning-bg)}
main>section.delayed h2{color:var(--warning-text)}
#notice{color:var(--danger-text);font-weight:500;margin:0 0 16px}
#notice:empty{display:none}
#edit{margin-bottom:24px}
.symbol{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:var(--brand-subtle);color:var(--brand-600);font-size:26px;font-weight:600;margin:0 0 16px}
dl{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;margin:12px 0 0;font-size:14px;line-height:24px}
dt{color:var(--text-3)}
dd{margin:0}
.or{margin:0 0 24px;font-size:15px}
#form[hidden]+.or{display:none}
#refresh{margin-bottom:16px}