/* DZ_SEO_LAYOUT_V313 */
#pane-seo #dz313SeoLayout.dz313-seo-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:16px;
  align-items:stretch;
  margin-top:16px;
}
#pane-seo #dz313SeoLayout .dz313-seo-left{
  display:grid;
  grid-template-rows:auto auto minmax(0,1fr);
  gap:16px;
  min-width:0;
  height:100%;
}
#pane-seo #dz313SeoLayout .dz313-seo-right{
  display:flex;
  min-width:0;
  height:100%;
}
#pane-seo #dz313SeoLayout .card{
  margin:0 !important;
  min-width:0;
}
#pane-seo #dz313SeoLayout .dz313-pages-card{
  flex:1 1 auto;
  height:100%;
  min-height:100%;
}
#pane-seo #dz313SeoLayout .dz313-tech-card{
  height:100%;
}

/* Źródła ruchu nie są już sztucznie rozciągane do wysokości prawej karty. */
#pane-seo #dz313SeoLayout .dz313-source-card{
  align-self:start;
}
#pane-seo #dz313SeoLayout .dz313-source-card #seoSources{
  margin-top:8px !important;
}

/* Trend: 3 ostatnie dni + rozwinięcie historii. */
#pane-seo #dz313SeoLayout .dz313-trend-card #seoDaily{
  margin-top:8px !important;
}
#pane-seo .dz313-trend-toggle{
  width:100%;
  margin-top:10px;
  border:1px solid #cbd9e2;
  background:#fff;
  color:#173a58;
  border-radius:999px;
  padding:7px 11px;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}
#pane-seo .dz313-trend-toggle:hover{
  background:#f3f8fb;
}

/* Techniczne SEO domyka wysokość lewej kolumny bez rozciągania treści. */
#pane-seo #dz313SeoLayout .dz313-tech-card{
  display:flex;
  flex-direction:column;
}
#pane-seo #dz313SeoLayout .dz313-tech-card #seoStatus{
  margin-bottom:0;
}

/* Mobile: czytelny układ jednowierszowy, bez sztucznego wyrównywania wysokości. */
@media(max-width:900px){
  #pane-seo #dz313SeoLayout.dz313-seo-layout{
    grid-template-columns:1fr;
  }
  #pane-seo #dz313SeoLayout .dz313-seo-left{
    grid-template-rows:auto;
    height:auto;
  }
  #pane-seo #dz313SeoLayout .dz313-seo-right,
  #pane-seo #dz313SeoLayout .dz313-pages-card,
  #pane-seo #dz313SeoLayout .dz313-tech-card{
    height:auto;
    min-height:0;
  }
}