[hidden]{display:none !important}
.sorgualani_sol{
  float:left;
  width:calc(100% - 400px);
  margin-right:40px;
  display:block;
  box-sizing:border-box;
  height:auto;
  min-width:0;
}
.sorgualani_sag{
  float:left;
  width:360px;
  display:block;
  box-sizing:border-box;
  height:auto;
  overflow:hidden;
  min-width:0;
}
@media (max-width:980px){
  .sorgualani_sol,
  .sorgualani_sag{
    float:none;
    width:100%;
    margin-right:0;
  }
  .sorgualani_sag{ margin-top:16px; }
}
.alanlari_yanla{
  display:flex;
  align-items:center;
  gap:12px;
}
.topbar{
  border-bottom:1px solid var(--header-kenar);
  position:sticky; top:0;
  background:var(--header-arka);
  z-index:10;
}
.topbar .wrap{display:flex; align-items:center; justify-content:space-between; gap:16px}
.brand{font-weight:700; letter-spacing:.3px; color:var(--header-metin)}
.scorebox{display:flex; align-items:center; flex:0 0 auto}
.score{
  width:132px; height:132px; border-radius:50%;
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px;
  background:var(--yardimci); color:var(--yazi); text-align:center;
}
.score_beyaz{
  width:75%; height:75%;
  overflow:hidden; display:flex;
  background:var(--kart);
  flex-direction:column; align-items:center; justify-content:center;
  border-radius:50%;
}
.score-num{font-weight:800; font-size:32px; line-height:1}
.score-text{font-size:14px; letter-spacing:.3px}
.score.good{background:var(--basarili-kenar); color:var(--basarili-kenar)}
.score.mid {background:var(--sp2);    color:var(--sp2)}
.score.low {background:var(--hata-kenar);     color:var(--hata-kenar)}
.score-label{font-size:12px; color:var(--not-yazi)}
.form-panel{margin-top:16px; margin-bottom: 30px;}
.form .label{display:block; margin-bottom:8px; color:var(--not-yazi)}
.input-row{display:flex; gap:8px}
.url-input{
  flex:1; padding:12px 14px; border:1px solid var(--kenarlik); border-radius:10px; outline:none;
  background:var(--kart); color:var(--yazi);
}
.url-input:focus{
  border-color:var(--birincil);
  box-shadow:0 0 0 2px var(--birincil);
}
.btn{
  border:1px solid var(--kenarlik); background:var(--kart); color:var(--yazi);
  padding:12px 14px; border-radius:10px; cursor:pointer; transition:.15s;
}
.btn.primary{
  background:var(--birincil); color:var(--header-secim-yazi); border-color:var(--birincil);
}
.btn.primary:hover{filter:brightness(.95)}
.btn.small{padding:8px 10px; border-radius:8px; font-size:12px}
.btn.outline{background:var(--kart)}

.progress-area{margin-top:14px}
.progress-top{display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:6px}
.muted{color:var(--not-yazi); font-size:12px}
.progressbar{
  height:10px; background:var(--yardimci); border-radius:999px; overflow:hidden; border:1px solid var(--kenarlik)
}
.progressbar .bar{height:100%; width:0%; background:var(--birincil); transition:width .25s ease}
.serp-shot{display:grid; grid-template-columns:1.2fr .8fr; gap:16px}
.serp{
  padding:16px; border:1px solid var(--kenarlik); border-radius:12px;
  background:var(--kart); box-shadow:var(--golge);
}
.serp-title{color:var(--baglanti); font-size:18px; line-height:1.25; margin-bottom:6px}
.serp-url{color:var(--basarili-yazi); font-size:13px; margin-bottom:6px}
.serp-desc{color:var(--not-yazi); font-size:14px; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid var(--kenarlik)}
.shot{
  border:1px solid var(--kenarlik); box-shadow:var(--golge);
  border-radius:12px; overflow:hidden; display:flex; align-items:center; justify-content:center
}
.shot img{
  display:block; width:100%; height:auto; max-height:100%;
  object-fit:contain; background:var(--yardimci); border-radius:12px;
}
.serp-stats{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:0; min-width:0; width:100%}
.stat-item{
  display:flex; align-items:center; gap:8px; padding:6px 10px; border-radius:6px;
  border:1px solid var(--kenarlik); background:var(--kart); cursor:pointer; box-sizing:border-box; width:100%;
}
.stat-item:last-child{grid-column:1 / -1}
.stat-item .stat-bar{
  width:100%; height:6px; background:var(--yardimci); border-radius:99px; overflow:hidden; border:1px solid var(--kenarlik)
}
.stat-item .stat-bar i{display:block; height:100%; width:0}
.stat-item.ok   .stat-bar i{background:var(--basarili-yazi)}
.stat-item.warn .stat-bar i{background:var(--uyari-yazi)}
.stat-item.risk .stat-bar i{background:var(--hata-yazi)}
.stat-item.info .stat-bar i{background:var(--bilgi-yazi)}
.stat-item.all  .stat-bar i{background:var(--birincil)}
.stat-item.active{outline:2px solid var(--birincil)}
.stat-num{font-feature-settings:"tnum"; font-variant-numeric:tabular-nums}
.results{margin-top:18px; display:grid; gap:12px}
.card{
  padding:14px; border:1px solid var(--kenarlik); border-radius:12px;
  background:var(--kart); box-shadow:var(--golge)
}
.result.ok   {background:var(--basarili-arka); border-color:var(--basarili-kenar)}
.result.warn {background:var(--uyari-arka);    border-color:var(--uyari-kenar)}
.result.risk {background:var(--hata-arka);     border-color:var(--hata-kenar)}
.result.info {background:var(--bilgi-arka);    border-color:var(--bilgi-kenar)}
.result.hidden{display:none !important}

.r-head{display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:8px}
.r-head h3{margin:0; font-size:16px; color:var(--yazi)}
.badge{padding:4px 8px; font-size:12px; border-radius:8px; background:var(--yardimci); color:var(--not-yazi)}
.badge.ok   {background:var(--basarili-kenar); color:var(--basarili-yazi)}
.badge.warn {background:var(--uyari-kenar);    color:var(--uyari-yazi)}
.badge.risk {background:var(--hata-kenar);     color:var(--hata-yazi)}
.badge.info {background:var(--bilgi-kenar);    color:var(--bilgi-yazi)}
.r-body p{margin:0; color:var(--yazi); font-size: 14px;}
.r-body .list{margin:8px 0 0 0; padding-left:16px}
.r-body .list li{margin:4px 0; word-break:break-all; color:var(--yazi); font-size: 14px;}
.chip{padding:6px 10px; border-radius:999px; background:var(--yardimci); font-size:12px; color:var(--bilgi-yazi)}
.chip-row{display:flex; gap:6px; flex-wrap:wrap; margin-top:8px}
.chip.stat{background:var(--bilgi-arka); color:var(--bilgi-yazi)}
.toggle{margin-top:8px}
.toggle .toggle-box{margin-top:8px}
.toggle .toggle-box summary {cursor: pointer;}
.r-body a.buton.buton_yesil {
    float: right;
    font-size: 12px;
    padding: 6px 10px;
    margin-top: 5px;
}
.r-body button.buton.buton_ikincil {
    font-size: 12px;
    padding: 6px 10px;
}
.fix-link{display:inline-block; margin-top:10px; color:var(--baglanti); text-decoration:none; font-weight:600;font-size: 14px; float: right;}
.fix-link:hover{text-decoration:underline}
@media (max-width:960px){
  .serp-shot{grid-template-columns:1fr}
  .input-row{flex-direction:column}
  .btn{width:100%}
  .url-input{width:100%}
}
.server-panel{margin-top:32px}
.server-panel .section-title{font-size:1.25rem; margin:0 0 12px; color:var(--yazi)}

.server-body{
  position:relative;
}
.server-body.loading::after{
  content:'Yükleniyor…';
  position:absolute; inset:0;
  background:var(--arkaplan);
  opacity:.7;
  display:flex; align-items:center; justify-content:center;
  font-weight:600; letter-spacing:.2px;
  backdrop-filter:blur(1px);
  border-radius:10px;
}

.server-grid{display:grid; grid-template-columns:repeat(1,1fr); gap:10px 14px; font-size: 14px;}
.server-item{
  grid-column:span 6;
  display:flex; justify-content:space-between; align-items:center;
  padding:10px 12px;
  border:1px solid var(--kenarlik);
  border-radius:8px;
  background:var(--yardimci);
}
.server-item .lbl{color:var(--not-yazi)}
.server-item .val{font-weight:700; color:var(--yazi)}

.server-flags{display:grid; grid-template-columns:repeat(1,1fr); gap:10px 14px; margin-top:12px}
.flag{
  grid-column:span 4;
  padding:12px;
  border:1px solid var(--kenarlik);
  border-radius:8px;
  background:var(--kart);
  display:grid; gap:6px;
  position: relative;
}
.flag .lbl{font-weight:600; font-size:14px; color:var(--yazi); width: calc(100% - 100px);}
.flag .muted{color:var(--not-yazi); font-size:.85rem}
.flag .pill {position: absolute; top: 10px; right: 10px;}

.pill{
  display:inline-block; padding:4px 10px; border-radius:999px;
  font-size:.8rem; font-weight:700; letter-spacing:.3px; user-select:none; width:fit-content;
}
.pill.active {background:var(--basarili-arka); color:var(--basarili-yazi); border:1px solid var(--basarili-kenar)}
.pill.passive{background:var(--hata-arka);     color:var(--hata-yazi);     border:1px solid var(--hata-kenar)}

.extra-error{margin-top:10px; color:var(--hata-yazi); font-weight:600}

@media (max-width:1024px){
  .server-item{grid-column:span 12}
  .flag{grid-column:span 6}
}
@media (max-width:640px){
  .flag{grid-column:span 12}
}
.card.domain-card{
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:unset;
}
.domain-card .domain-title{
  margin:0 0 12px;
  font-size:clamp(16px,1.2rem,20px);
  font-weight:700;
  color:var(--yazi);
  letter-spacing:.2px;
}
.domain-grid{
  display:grid;
  grid-template-columns:minmax(0,130px) minmax(0,1fr);
  align-items:start;
  background:var(--basarili-arka);
  border:1px solid var(--basarili-kenar);
  border-radius:12px;
  overflow:hidden;
  font-size: 14px;
}
.domain-grid .k,
.domain-grid .v{
  padding:12px 15px;
  line-height:1.45;
  border-bottom:1px solid rgb(0 0 0 / 13%);
  word-break:break-word;
}
.domain-grid .k{
  background: rgb(0 0 0 / 13%);
  color:var(--not-yazi);
  font-weight:600;
  letter-spacing:.2px;
}
.domain-grid .v{
  min-width:0;
  color:var(--yazi);
  font-weight:600;
}
.domain-grid .k:nth-last-child(2),
.domain-grid .v:last-child{border-bottom:0}
.domain-grid .k:first-child{border-top-left-radius:12px}
.domain-grid .v:first-of-type{border-top-right-radius:12px}
.domain-grid .k:nth-last-child(2){border-bottom-left-radius:12px}
.domain-grid .v:last-child{border-bottom-right-radius:12px}
#domSrc{
  color:var(--basarili-yazi);
  text-decoration:none;
  border-bottom:1px dashed currentColor;
}
#domSrc:hover{text-decoration:underline}

@media (max-width:680px){
  .domain-grid .k{
    background: rgb(0 0 0 / 13%);
    color:var(--not-yazi);
    font-size:.92rem;
  }
  .domain-grid .v{
    background:transparent;
    border-bottom:1px solid rgb(0 0 0 / 13%);
  }
  .domain-grid .v:last-child{border-bottom:0}
}
@media (min-width:681px){
  .domain-grid .v{box-shadow:inset 0 -1px 0 rgb(0 0 0 / 13%)}
  .domain-grid .k{box-shadow:inset 0 -1px 0 rgb(0 0 0 / 13%)}
}