/* Skymax Living — sdílený poptávkový formulář (CRM endpoint) */
.sxf {
  --sxf-blue: #1B5EA8;
  --sxf-blue-dark: #14467a;
  --sxf-orange: #EB6634;
  --sxf-orange-dark: #d4521f;
  --sxf-text: #1f2937;
  --sxf-muted: #6b7280;
  --sxf-border: #d1d5db;
  --sxf-bg: #ffffff;
  --sxf-radius: 8px;
  max-width: 640px;
  margin: 0 auto;
  font-family: inherit;
  color: var(--sxf-text);
}
.sxf * { box-sizing: border-box; }
.sxf-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 14px; }
.sxf-row.full { grid-template-columns: 1fr; }
@media (max-width: 540px) { .sxf-row { grid-template-columns: 1fr; } }
.sxf-field { display: flex; flex-direction: column; gap: 6px; }
.sxf-field label { font-size: .9rem; font-weight: 600; color: var(--sxf-text); }
.sxf-field label .req { color: var(--sxf-orange); margin-left: 2px; }
.sxf-field input, .sxf-field select, .sxf-field textarea {
  width: 100%;
  padding: .65rem .8rem;
  border: 1px solid var(--sxf-border);
  border-radius: var(--sxf-radius);
  font: inherit; font-size: .95rem;
  background: var(--sxf-bg);
  color: var(--sxf-text);
  transition: border-color .15s, box-shadow .15s;
}
.sxf-field input:focus, .sxf-field select:focus, .sxf-field textarea:focus {
  outline: none;
  border-color: var(--sxf-blue);
  box-shadow: 0 0 0 3px rgba(27,94,168,.15);
}
.sxf-field textarea { resize: vertical; min-height: 100px; }
.sxf-field input[type=file] { padding: .5rem; font-size: .85rem; }
.sxf-field input[type=file]::file-selector-button {
  background: #f3f4f6; border: 1px solid var(--sxf-border);
  border-radius: 6px; padding: .35rem .7rem; margin-right: .6rem;
  cursor: pointer; font: inherit; font-size: .85rem;
}
.sxf-jiny-wrap { display: none; }
.sxf-jiny-wrap.show { display: flex; }
.sxf-btn {
  width: 100%;
  background: var(--sxf-orange); color: #fff;
  border: 0; padding: .9rem 1.5rem;
  border-radius: var(--sxf-radius);
  font: inherit; font-weight: 700; font-size: 1rem;
  cursor: pointer; transition: background .15s, transform .1s;
  margin-top: 6px;
}
.sxf-btn:hover { background: var(--sxf-orange-dark); }
.sxf-btn:active { transform: translateY(1px); }
.sxf-btn:disabled { opacity: .6; cursor: wait; }
.sxf-status {
  margin-top: 14px;
  padding: .85rem 1rem;
  border-radius: var(--sxf-radius);
  font-size: .92rem;
  line-height: 1.5;
}
.sxf-status[hidden] { display: none; }
.sxf-status.ok { background: #d1fae5; color: #065f46; border: 1px solid #6ee7b7; }
.sxf-status.ok a { color: #065f46; font-weight: 600; text-decoration: underline; }
.sxf-status.ok ul { margin: .25rem 0; padding-left: 1.2rem; line-height: 1.8; }
.sxf-status.err { background: #fee2e2; color: #991b1b; border: 1px solid #fca5a5; }
.sxf-status.err a { color: #991b1b; font-weight: 600; }
.sxf-status.loading {
  background: #eff6ff; color: #1e3a8a; border: 1px solid #bfdbfe;
}
.sxf-loading { display: flex; align-items: center; gap: .9rem; }
.sxf-loading-text { display: flex; flex-direction: column; gap: .15rem; }
.sxf-loading-title { font-weight: 700; font-size: .98rem; }
.sxf-loading-body  { font-size: .88rem; opacity: .85; line-height: 1.45; }
.sxf-spinner {
  width: 22px; height: 22px; flex-shrink: 0;
  border: 3px solid #bfdbfe; border-top-color: #1e3a8a;
  border-radius: 50%; animation: sxf-spin .8s linear infinite;
}
@keyframes sxf-spin { to { transform: rotate(360deg); } }
.sxf-disclaimer { font-size: .8rem; color: var(--sxf-muted); margin-top: 10px; text-align: center; line-height: 1.5; }
.sxf-disclaimer a { color: var(--sxf-blue); }