/* Base */
:root {
  --bg: #fffbea;
  --card: #ffffff;
  --accent: #ffd633;
  --accent-2: #fff3b0;
  --text: #333;
  --muted: #777;
  --border: #e9e1a5;
  --title: #e6b800;
}
* { box-sizing: border-box; }
body { font-family: "Prompt", system-ui, -apple-system, sans-serif; background:var(--bg); margin:0; color:var(--text); }
.container { max-width:620px; margin:auto; padding:20px; }
h1 { text-align:center; color:var(--title); margin:8px 0 18px; letter-spacing:.2px; }

/* Card */
.parcel-card { border:1px solid var(--border); background:#fffdf0; border-radius:14px; padding:14px; margin:16px 0; }
.parcel-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:8px; }
.parcel-title { color:#6f5a00; font-weight:700; }
.remove-btn { border:0; background:var(--accent-2); border-radius:10px; padding:8px 12px; cursor:pointer; }
.remove-btn:hover { filter: brightness(0.98); }

/* Inputs */
label { display:block; font-weight:600; margin:10px 0 6px; }
.req { color:#d00; }
input, textarea, select { width:100%; padding:14px; border:1px solid #ddd; border-radius:12px; font-size:16px; background:#fff; outline:none; transition: box-shadow .15s, border-color .15s; }
input:focus, textarea:focus { border-color:#e6b800; box-shadow:0 0 0 4px rgba(230,184,0,.15); }
.error { color:#d00; font-size:12px; min-height:16px; margin-top:6px; }
.hint { font-size:12px; color:#666; margin-top:6px; }

/* Actions */
.actions { display:flex; gap:12px; margin-top:16px; }
.btn { padding:12px 16px; border-radius:12px; border:1px solid #f0e19a; background:var(--accent-2); cursor:pointer; font-weight:700; }
.btn.primary { background:var(--accent); border-color:var(--accent); }
.btn.primary[disabled] { background:#f3e6a6; border-color:#f3e6a6; cursor:not-allowed; }
.btn.primary:not([disabled]):hover { filter: brightness(0.98); }

#status { text-align:center; margin-top:12px; font-size:14px; }
.foot { text-align:center; color:var(--muted); font-size:12px; margin-top:18px; }