/* FEUERwetter.de – Benachrichtigung v3.3.6
   Ergänzende Styles, nutzt vorhandene Karten-/Button-Optik und verändert keine bestehenden Layouts. */
.fw-watch-modal-box{width:min(920px,100%);}
#fw-tool-benachrichtigung.fw-watch-panel{margin-top:0;box-shadow:none;}
#fw-tool-benachrichtigung .fw-watch-status,
#fw-tool-benachrichtigung .fw-watch-capability,
#fw-tool-benachrichtigung .fw-watch-current{
  margin:10px 0 12px;
  padding:10px 12px;
  border-radius:14px;
  background:rgba(15,23,42,.05);
  border:1px solid rgba(148,163,184,.35);
  font-weight:800;
}
#fw-tool-benachrichtigung .fw-watch-capability{font-weight:750;color:#475569;background:#f8fafc;}
#fw-tool-benachrichtigung .fw-watch-current{color:#1e3a8a;background:#eff6ff;border-color:#bfdbfe;}
#fw-tool-benachrichtigung .fw-watch-actions,
#fw-tool-benachrichtigung .fw-watch-form-grid{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:flex-end;
  margin:10px 0;
}
#fw-tool-benachrichtigung .fw-watch-form{
  margin:12px 0;
  padding:12px;
  border-radius:16px;
  border:1px solid rgba(148,163,184,.35);
  background:rgba(255,255,255,.65);
}
#fw-tool-benachrichtigung label{
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:160px;
  font-weight:850;
  font-size:.92rem;
}
#fw-tool-benachrichtigung select,
#fw-tool-benachrichtigung input{
  min-height:42px;
  border-radius:12px;
  border:1px solid rgba(148,163,184,.55);
  padding:8px 10px;
  font:inherit;
  background:#fff;
  color:#0f172a;
}
.fw-watch-list{display:grid;gap:10px;margin-top:12px;}
.fw-watch-rule{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:12px;border-radius:16px;border:1px solid rgba(148,163,184,.35);background:rgba(255,255,255,.72);}
.fw-watch-rule strong{display:block;}
.fw-watch-rule small{display:block;opacity:.8;margin-top:3px;}
.fw-watch-rule button{border:0;border-radius:999px;padding:8px 12px;cursor:pointer;font-weight:900;}
.fw-watch-ok{color:#166534;}
.fw-watch-warn{color:#b45309;}
.fw-watch-danger{color:#b91c1c;}
.fw-widget.fw-firemode #fw-tool-benachrichtigung .fw-watch-status,
.fw-widget.fw-firemode #fw-tool-benachrichtigung .fw-watch-capability,
.fw-widget.fw-firemode #fw-tool-benachrichtigung .fw-watch-current,
.fw-widget.fw-firemode #fw-tool-benachrichtigung .fw-watch-form,
.fw-widget.fw-firemode .fw-watch-rule{background:rgba(15,23,42,.78);border-color:rgba(148,163,184,.28);color:#f8fafc;}
.fw-widget.fw-firemode #fw-tool-benachrichtigung select,
.fw-widget.fw-firemode #fw-tool-benachrichtigung input{background:#0f172a;color:#f8fafc;border-color:rgba(148,163,184,.4);}
@media (max-width: 760px){
  #fw-tool-benachrichtigung .fw-watch-form-grid,
  #fw-tool-benachrichtigung .fw-watch-actions{display:grid;grid-template-columns:1fr;}
  #fw-tool-benachrichtigung label{min-width:0;}
  .fw-watch-rule{grid-template-columns:1fr;}
  .fw-watch-modal-box{max-height:92dvh!important;}
}

/* v3.3.6 – mobile Kompaktkopf: Ort, Koordinaten, Sonnenzeiten und Min/Max enger darstellen */
@media (max-width: 760px){
  #fw-details.fw-details-grid,
  #fw-day-values.fw-details-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    margin-top:8px!important;
  }
  #fw-details .fw-mini,
  #fw-day-values .fw-mini{
    min-height:0!important;
    padding:8px 9px!important;
    border-radius:14px!important;
  }
  #fw-details .fw-mini span,
  #fw-day-values .fw-mini span{
    font-size:10.5px!important;
    line-height:1.1!important;
    margin-bottom:3px!important;
  }
  #fw-details .fw-mini strong,
  #fw-day-values .fw-mini strong{
    font-size:12.5px!important;
    line-height:1.18!important;
    overflow-wrap:anywhere!important;
  }
  #fw-details .fw-tile-hint,
  #fw-details .fw-countdown-inline,
  #fw-details .fw-coords-note{display:none!important;}
  #fw-details .fw-coord-select{display:none!important;}
  #fw-details .fw-coord-head{display:block!important;}
  #fw-details .fw-measure-tile{grid-column:1 / -1!important;}
  #fw-day-values .fw-mini strong{font-size:12.5px!important;}
}
.fw-mobile-meta-compact{display:none;}
@media (max-width: 760px){
  #fw-details,
  #fw-day-values{display:none!important;}
  .fw-mobile-meta-compact{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
    margin-top:8px!important;
  }
  .fw-mobile-meta-card{
    width:100%;
    text-align:left;
    border:0;
    cursor:pointer;
    display:block;
    min-height:0!important;
    padding:8px 9px!important;
    border-radius:14px!important;
  }
  .fw-mobile-meta-card:first-child{grid-column:1 / -1!important;}
  .fw-mobile-meta-card span{display:block;font-size:10.5px!important;line-height:1.1!important;margin-bottom:3px!important;}
  .fw-mobile-meta-card strong{display:block;font-size:12.5px!important;line-height:1.18!important;overflow-wrap:anywhere!important;}
  .fw-mobile-meta-card small{display:block;font-size:10.5px!important;line-height:1.18!important;opacity:.78;overflow-wrap:anywhere!important;margin-top:2px;}
}

/* v3.3.6 – iPhone-Fix: alte Standort-/Sonnen-/Temperaturkacheln in der mobilen Kompaktansicht sicher ausblenden.
   Die IDs und Klassennamen bleiben aus Kompatibilitätsgründen unverändert. */
@media (max-width: 760px){
  #fw-details.fw-details-grid,
  #fw-day-values.fw-details-grid,
  div#fw-details.fw-details-grid,
  div#fw-day-values.fw-details-grid{
    display:none!important;
  }
  #fw-mobile-meta-compact.fw-mobile-meta-compact{
    display:grid!important;
  }
}