/* guest-request.css — request form, on the shared theme (tokens from _critical.css, components from theme.css) */

.form-card{padding:var(--sp-6)}
.form-card textarea{resize:vertical;min-height:96px}
.req{color:var(--gold)}
.hp{position:absolute;left:-9999px;width:1px;height:1px}

.btn-submit{width:100%;padding:13px 16px;font-size:15px;margin-top:4px}
.btn-submit:disabled{opacity:.5;cursor:not-allowed;filter:none}

.msg{display:none;margin:14px 0 0}
.msg.success{display:block;background:var(--success-soft);border-color:var(--success-line);color:var(--success-light)}
.msg.error{display:block;background:var(--danger-soft);border-color:var(--danger-line);color:var(--danger-light)}


/* Only two links: keep them inline on mobile instead of the app's slide-out drawer */

@media (max-width:600px){
  .form-card{padding:18px}
}

/* request submitted */
.rs-check{width:56px;height:56px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--success-soft);border:1px solid var(--success-line);color:var(--success-light);font-size:26px;font-weight:800}
.rs-must{text-align:left;display:grid;gap:6px;background:var(--danger-soft);border-color:var(--danger-line)}
.rs-must>b{color:var(--danger-light);font-size:15px}
.rs-must span{color:var(--text);font-size:14px;line-height:1.55}
.rs-tg{width:100%;padding:13px 16px;font-size:15px;background:linear-gradient(135deg,#37b7f0,#1f95d1);color:#fff}
.rs-tg{margin-top:18px}