.errand-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.errand-head .button{flex-shrink:0;margin-bottom:16px;border:0;cursor:pointer}
.errand-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}
.errand-tabs{display:flex;gap:8px;margin:0 0 14px;flex-wrap:wrap}.errand-tabs button{padding:8px 16px;border-radius:999px;background:#fff;border:1px solid #eee;font-weight:600;cursor:pointer;color:inherit}.errand-tabs button[aria-current="page"]{background:#1d1d22;color:#fff;border-color:#1d1d22}
.errand{background:#fff;border:1px solid #eee;border-radius:16px;padding:16px 18px;margin-bottom:12px;cursor:pointer}.errand:hover{border-color:var(--accent,#c52c36)}.errand h2{font-size:18px;margin:6px 0}.errand p{margin:0 0 8px;color:#555;font-size:14px}
.errand-row{display:flex;justify-content:space-between;font-size:13px}.errand-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;color:#6a6f78;margin:8px 0}.errand-meta b{color:var(--accent-dark,#9f202c)}
.errand-status{display:inline-block;font-size:12px;border-radius:999px;padding:1px 9px;background:#eef2f6;color:#4a5560}.s-open{background:#e7f7ee;color:#127a43}.s-assigned{background:#fff4e0;color:#a05a00}.s-done{background:#eef2ff;color:#3446a8}.s-cancelled,.s-removed{background:#f2f2f2;color:#888}
.errand-empty{background:#fff;border:1px dashed #ddd;border-radius:16px;padding:32px;text-align:center}.errand-empty .button{border:0;cursor:pointer}
.errand-tip{background:#fffaf0;border:1px solid #f1e3c2;border-radius:10px;padding:8px 12px;font-size:14px}
.side-card.warn{border-color:#f1c27d;background:#fffaf2}.side-card ul{padding-left:1.1em;font-size:14px;line-height:1.8}
.how{padding-left:1.2em;font-size:14px;line-height:1.8}
#errand-dialog{max-width:640px;width:calc(100% - 32px);border:0;border-radius:18px;padding:24px 22px;max-height:88vh;overflow:auto}#errand-dialog::backdrop{background:rgba(0,0,0,.45)}#errand-dialog .close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:26px;cursor:pointer}
#errand-dialog .detail-body{white-space:pre-wrap;line-height:1.8;margin:12px 0}
.offer{border:1px solid #eee;border-radius:12px;padding:12px 14px;margin:8px 0}.offer.chosen{border-color:#7cc59b;background:#f3fbf6}.offer p{margin:6px 0;font-size:14px}.offer .primary{margin-top:6px}
.errand-contact{background:#f3fbf6;border:1px solid #bfe3cd;border-radius:12px;padding:12px 14px;margin:12px 0}.button.wa{display:inline-block;background:#25d366;color:#fff;border-radius:999px;padding:8px 16px;text-decoration:none;margin:4px 0}
.errand-actions{margin:14px 0}.review{border-top:1px solid #f2f2f2;padding:8px 0;font-size:14px}.review p{margin:4px 0}.stars{color:#f5a623;letter-spacing:1px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.form{display:grid;gap:10px;margin-top:12px}.form label{display:grid;gap:4px;font-size:14px}.form input,.form textarea,.form select{border:1px solid #ddd;border-radius:8px;padding:8px 10px;font:inherit}.form textarea{min-height:90px}.form .primary{background:var(--accent,#c52c36);color:#fff;border:0;border-radius:999px;padding:10px 18px;font-weight:700;cursor:pointer;justify-self:start}.form-error{color:#c0392b;font-size:14px;margin:0}.dialog-note{font-size:13px;color:#7b746b}
.link-del{border:0;background:none;color:#9a9ea6;font-size:13px;cursor:pointer;text-decoration:underline}
.deal-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#1d1d22;color:#fff;padding:10px 18px;border-radius:999px;z-index:1000;font-size:14px}
@media(max-width:900px){.errand-layout{grid-template-columns:1fr}}@media(max-width:560px){.errand-head{display:block}.errand-head .button{margin:0 0 12px}.grid2{grid-template-columns:1fr}}