.agreement-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}.agreement-box{border:1px solid var(--line);border-radius:14px;padding:14px;background:#fffaf6}.agreement-box h3{margin:0 0 10px;color:#6f1118}.agreement-camera{width:100%;aspect-ratio:4/3;background:#251719;border-radius:12px;object-fit:cover;transform:scaleX(-1)}.agreement-signature{width:100%;height:180px;background:#fff;border:2px dashed #d8b8ba;border-radius:12px;touch-action:none}.agreement-summary{padding:13px;border-radius:11px;background:#fff0e4;color:#624144;font-size:13px;margin-bottom:14px}.agreement-saved{color:var(--green);font-weight:800}@media(max-width:700px){.agreement-layout{grid-template-columns:1fr}}
.agreement-brand{display:flex;align-items:center;gap:14px;padding:10px 14px;margin:0 0 16px;border-radius:14px;background:linear-gradient(135deg,#fff6f0,#fff);border:1px solid #f0d8d1}.agreement-brand img{width:82px;height:70px;object-fit:contain}.agreement-brand strong,.agreement-brand small{display:block}.agreement-brand strong{font-size:17px;color:#701219}.agreement-brand small{margin-top:4px;color:#64748b}
.agreement-layout>.agreement-box:first-child{grid-column:1/-1}.agreement-required{display:inline-block;margin-left:5px;padding:3px 7px;border-radius:999px;background:#fee2e2;color:#b42318;font-size:10px;vertical-align:middle}.agreement-staff-box{border-color:#e7b9bc;background:#fff5f5}.agreement-staff-box .maphelp{margin:-4px 0 10px}