/* Tona Paperwork: dashboard. The fill-in screen has its own editor.css. */
.drop{display:flex;align-items:center;gap:18px;border:2px dashed var(--field);background:#fff;flex-wrap:wrap;transition:border-color .15s,background .15s}
.drop.over{border-color:var(--brand);background:var(--brand-soft)}
.drop.busy{opacity:.7}
.drop-art{flex:none;width:52px;height:52px;border-radius:14px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center}
.drop-art svg{width:26px;height:26px}
.drop-text{flex:1 1 320px;min-width:0}
.drop-text h2{margin-bottom:4px}
.drop-busy[hidden]{display:none}
.drop-busy{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--brand)}
.spin{width:18px;height:18px;border:2.5px solid var(--brand-soft);border-top-color:var(--brand);border-radius:50%;animation:pw-spin .8s linear infinite}
@keyframes pw-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.spin{animation:none}}