/* Car rental (0013): "Before you collect" on the booking link. */
.hire-portal h2{margin:0 0 6px}
.hp-step{padding:16px 0;border-top:1px solid #edf0eb}
.hp-step:first-of-type{margin-top:12px}
.hp-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.hp-head b{font-size:16px}
.hp-pill{flex:none;padding:4px 10px;border-radius:99px;font-size:12px;font-weight:700;white-space:nowrap}
.hp-pill.todo{background:#fdf0dc;color:#8a5a12}.hp-pill.wait{background:#eaf1fb;color:#2c5282}
.hp-pill.done{background:#e4f0dc;color:#1f4a3a}.hp-pill.bad{background:#fbe9e5;color:#a1412f}
.hp-files{display:grid;gap:10px;margin-top:10px}
.hp-file{display:flex;align-items:center;gap:12px;min-height:60px;padding:12px 14px;border:1.5px dashed #c9d6c4;border-radius:14px;background:#fafcf8;cursor:pointer;margin:0}
.hp-file.is-done{border-style:solid;border-color:#bcd6a3;background:#f1f7e9}
.hp-file-icon{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#e4f0dc;color:#1f4a3a;font-weight:700;font-size:18px}
.hp-file b{display:block;font-size:15px}.hp-file small{display:block;font-size:13px;color:#6a776f;font-weight:400}
.hp-agreement{max-height:260px;overflow:auto;margin:10px 0;padding:14px;border-radius:12px;background:#f6f8f4;border:1px solid #e4e9e1;font-size:13.5px;line-height:1.6;color:#2f4a3e;-webkit-overflow-scrolling:touch}
.hp-sig-label{margin:14px 0 6px;font-size:13px;font-weight:650;color:#2b3f36}
.hp-sig{display:block;width:100%;height:150px;border:1.5px solid #c9d6c4;border-radius:14px;background:#fff;touch-action:none}
.hp-agree{display:flex;gap:10px;align-items:flex-start;margin-top:12px;font-size:14px;font-weight:400}
.hp-agree input{width:22px;height:22px;flex:none;min-height:0}
.hp-note{margin:10px 0;padding:12px 14px;border-radius:12px;background:#fbe9e5;color:#7a2f22;font-size:14px}
.hp-msg{margin:8px 0 0;font-size:14px;font-weight:600;min-height:1.4em}
.hp-msg.good{color:#2f6b55}.hp-msg.bad{color:#a1412f}