/* Passagens bloqueadas: complementa atlas.css / regions.css. */
.pass-swatch { background: repeating-linear-gradient(135deg, #c8505a 0 4px, #3a1c22 4px 8px); }
.pass-swatch.is-new { background: transparent; }

.pass-howto { margin: 10px 0; padding: 10px 12px; border: 1px solid #ffffff1a; border-radius: 8px; background: #0d1519aa; font-size: 12.5px; line-height: 1.45; }
.pass-howto summary { cursor: pointer; font-weight: 600; margin-bottom: 6px; }
.pass-howto ol { margin: 4px 0 6px 18px; padding: 0; }
.pass-howto li { margin: 3px 0; }
.pass-howto code { font-size: 11.5px; padding: 1px 4px; border-radius: 4px; background: #ffffff14; }
.pass-howto p { margin: 4px 0 0; opacity: .75; }

.pass-match { display: flex; gap: 14px; margin: 4px 0 8px; font-size: 13px; }
.region-form .pass-match label { display: inline-flex; align-items: center; gap: 6px; margin: 0; white-space: nowrap; }
.region-form .pass-match input { width: auto; }

.cond-row { display: grid; grid-template-columns: 112px 1fr 30px; gap: 6px; align-items: start; margin-bottom: 8px; padding: 8px; border-radius: 8px; background: #ffffff0a; border: 1px solid #ffffff12; }
.cond-row select, .cond-row input { width: 100%; min-width: 0; }
.cond-row .cond-value { display: flex; gap: 6px; flex-wrap: wrap; }
.cond-row .cond-value > * { flex: 1 1 120px; }
.cond-row .cond-value .narrow { flex: 0 0 64px; }
.region-form .cond-row .cond-value label.inline { margin: 0; flex: 0 0 auto; display: flex; flex-direction: row; align-items: center; gap: 4px; font-size: 12px; }
.region-form .cond-row .cond-label { grid-column: 1 / -1; margin: 0; font-size: 12px; opacity: .85; }
.cond-row .cond-remove { padding: 4px 0; }
.cond-row .cond-hint { grid-column: 1 / -1; font-size: 11.5px; opacity: .7; margin: 0; }

#pass-message, #pass-allowed { width: 100%; resize: vertical; font: inherit; }
.thought-preview { position: relative; margin: 8px 0 10px; min-height: 64px; display: grid; place-items: center; padding: 14px 16px; border-radius: 10px;
  background: radial-gradient(ellipse at center, #1d2a33 0%, #0b1014 75%); overflow: hidden; text-align: center; }
.thought-preview span { font-family: "RegionDTM", Georgia, serif; font-size: 16px; letter-spacing: .02em; color: var(--thought-text, #eee4d1);
  text-shadow: 0 0 6px var(--thought-smoke, #b993f2), 0 0 16px var(--thought-smoke, #b993f2), 0 0 28px color-mix(in srgb, var(--thought-smoke, #b993f2) 50%, transparent);
  animation: thought-drift 6s ease-in-out infinite; }
@keyframes thought-drift { 0%, 100% { transform: translateY(0); opacity: .95; } 50% { transform: translateY(-3px); opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .thought-preview span { animation: none; } }
.region-form input[type=color] { height: 38px; padding: 3px; cursor: pointer; }