/* Stage 38.1 - Open Visit Mode visibility and proof task polish */
.surf-mode-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(135deg,#eef6ff,#ffffff);border:1px solid #bfdbfe;border-radius:18px;padding:12px 14px;margin:0 0 10px;color:#0f172a;box-shadow:0 10px 24px rgba(15,23,42,.06)}
.surf-mode-banner strong{display:block;color:#0f172a;font-weight:950;font-size:15px}.surf-mode-banner small{display:block;color:#334155;font-weight:800;line-height:1.45;margin-top:3px}.mode-pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.03em;margin-bottom:5px}.iframe-mode{background:#e0f2fe;color:#075985;border:1px solid #bae6fd}.open-visit-mode-btn{white-space:nowrap;min-height:42px;box-shadow:0 12px 26px rgba(7,91,220,.18)}
.visit-mode-help{margin-top:12px;background:#f8fbff;border:1px solid #dbeafe;border-radius:16px;padding:12px;color:#0f172a}.visit-mode-help b{display:block;color:#075bdc;font-weight:950;margin-bottom:4px}.visit-mode-help span{display:block;color:#334155;font-weight:800;font-size:13px;line-height:1.45}.surf-frame-top:after{content:none!important}.surf-frame-top a{background:#eff6ff!important;color:#075bdc!important;border:1px solid #bfdbfe!important;border-radius:999px!important;padding:7px 12px!important;text-decoration:none!important;font-weight:950!important}.task-proof-upload{background:#f8fbff;border:1px solid #dbeafe;border-radius:18px;padding:12px;margin-top:12px;display:grid;gap:10px}.task-proof-upload:before{content:'Upload screenshot proof';display:block;color:#0f172a;font-weight:950;font-size:14px}.task-proof-upload .input,.task-proof-upload .textarea{border-color:#bfdbfe!important;color:#0f172a!important;background:#fff!important}.task-proof-upload .textarea::placeholder,.task-proof-upload .input::placeholder{color:#64748b!important}.task-live-card{border:1px solid #bfdbfe!important;box-shadow:0 16px 36px rgba(15,23,42,.08)!important}.proof-mode-note{background:#fff7ed;border:1px solid #fed7aa;border-radius:18px;padding:14px;color:#7c2d12;font-weight:800;line-height:1.5}.proof-mode-note b{display:block;color:#9a3412;font-weight:950;margin-bottom:4px}@media(max-width:760px){.surf-mode-banner{display:grid;gap:10px}.open-visit-mode-btn{width:100%;justify-content:center}.surf-frame-top{display:grid!important;grid-template-columns:1fr!important;height:auto!important;gap:8px!important}.surf-frame-top a{width:100%;text-align:center}.visit-mode-help{font-size:13px}}