.location-search-card{padding:22px;margin-bottom:22px}
.location-search-form{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;gap:12px;align-items:end}
.location-search-form label{display:grid;gap:7px}
.location-search-form input{padding:13px 14px;border-radius:10px;border:1px solid rgba(82,157,236,.45);background:#06192f;color:#fff;font:inherit}
.location-message{margin-top:14px;color:#9ebee4}
.location-message.success{color:#72dfa2}.location-message.warning{color:#f5d76e}.location-message.error{color:#ff8277}
.location-results{display:grid;gap:8px;margin-top:14px}
.location-result{display:flex;justify-content:space-between;gap:20px;text-align:left;padding:13px 15px;border:1px solid rgba(82,157,236,.25);border-radius:9px;background:rgba(8,31,58,.8);color:#fff}
.location-result span{color:#9ebee4}
.location-current-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}
.location-main-card{grid-column:span 2;grid-row:span 2;padding:24px;display:flex;flex-direction:column;justify-content:space-between}
.location-current-main{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 18px;margin:20px 0}
.location-weather-icon{font-size:4.4rem;grid-row:span 2}
.location-current-main strong{font-size:clamp(2.4rem,5vw,4.5rem);line-height:1}
.location-current-main>span:last-child{color:#bdd5ef;font-size:1.05rem}
.location-metric{padding:20px;display:flex;flex-direction:column;justify-content:center;min-height:120px}
.location-metric span{color:#9ebee4}.location-metric strong{font-size:1.45rem;margin-top:8px}
.location-forecast-card{padding:22px;margin-bottom:22px}
.location-forecast-grid{display:grid;grid-template-columns:repeat(7,minmax(130px,1fr));gap:12px;overflow-x:auto}
.location-day{min-width:130px;padding:15px;border:1px solid rgba(82,157,236,.2);border-radius:11px;background:rgba(6,25,47,.72);display:grid;gap:7px}
.location-day-icon{font-size:2.3rem}.location-day-condition{min-height:38px;color:#bad1eb;font-size:.88rem}
.location-day small{color:#9ebee4}.source-card{padding:18px 22px}
@media(max-width:900px){
 .location-search-form{grid-template-columns:1fr 1fr}.location-search-form label{grid-column:1/-1}
 .location-current-grid{grid-template-columns:1fr 1fr}.location-main-card{grid-column:1/-1}
}
@media(max-width:580px){
 .location-search-form{grid-template-columns:1fr}.location-search-form label{grid-column:auto}
 .location-current-grid{grid-template-columns:1fr}.location-main-card{grid-column:auto}
 .location-result{flex-direction:column;gap:4px}
}