.prayer-widget {font-family: system-ui, -apple-system, Segoe UI, Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif; max-width:520px; margin:auto; padding:20px; border-radius:16px; box-shadow:0 4px 16px rgba(0,0,0,0.08); background:var(--bg, #ffffff); color:var(--text, #0f172a);}
.widget-title{text-align:center;margin:0 0 12px 0;font-weight:700;}
.search-box{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px;}
.city-combo{position:relative;flex:1;}
.city-input{padding:10px 12px;border-radius:10px;border:1px solid #d1d5db;width:100%;outline:none;}
.btn{padding:10px 14px;border:none;border-radius:10px;cursor:pointer;background:#0f766e;color:#fff;font-weight:600;white-space:nowrap;}
.btn:hover{filter:brightness(1.02);}
.suggestions{position:absolute;top:44px;left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,0.08);max-height:240px;overflow:auto;list-style:none;margin:6px 0 0 0;padding:6px;z-index:50;display:none;}
.suggestions.show{display:block;}
.suggestions li{padding:10px;border-radius:8px;cursor:pointer;}
.suggestions li[aria-selected="true"], .suggestions li:hover{background:#f3f4f6;}
.selected-location{font-size:12px;color:#6b7280;margin:6px 0 12px 2px;}
.times-grid{display:grid;grid-template-columns:repeat(2, minmax(0,1fr));gap:10px;}
.time-item{padding:10px;border-radius:12px;background:#f8fafc;border:1px solid #e5e7eb;text-align:center;}
.time-item strong{display:block;margin-bottom:4px;}
.next-prayer{text-align:center;margin-top:14px;font-weight:700;}
@media (prefers-color-scheme: dark){
  .prayer-widget{--bg:#0b1220; --text:#e5e7eb;}
  .city-input{border-color:#334155;background:#0f172a;color:#e5e7eb;}
  .suggestions{background:#0f172a;border-color:#1f2937;}
  .suggestions li:hover{background:#111827;}
  .time-item{background:#0f172a;border-color:#1f2937;}
  .btn{background:#14b8a6;}
}