[data-tema="acik"] .ring-outer.ring-good {
--ringCol: #02c14a;
}
[data-tema="acik"] .ring-outer.ring-mid {
--ringCol: #f59e0b;
}
[data-tema="acik"] .ring-outer.ring-bad {
--ringCol: #eb4848;
}
[data-tema="acik"] .meter.band-good .meter-fill {
background: #02c14a;
}
[data-tema="acik"] .meter.band-bad .meter-fill {
background: #eb4848;
}
[data-tema="acik"] .meter.band-mid .meter-fill {
background: #f59e0b;
}
[data-tema="acik"] .skl {
background: #e0ecff;
}

section.ps-card.ps-form-card {margin-top: 20px;}
.ps-wrap{max-width:1200px;margin:0 auto;padding:28px}
.ps-head .ps-head-row{display:flex;align-items:baseline;gap:12px}
.ps-head h1{margin:0;font-size:28px}
.ps-head small{color:var(--not-yazi)}
.ps-row{display:flex;gap:14px;flex-wrap:wrap;align-items:stretch}
.row-between{justify-content:space-between;align-items:center}
.flex-1{flex:1 1 360px}

.ps-card{background:var(--kart);border:1px solid var(--kenarlik);border-radius:14px;box-shadow:var(--golge);padding:16px}
.ps-form-card .hp{position:absolute;left:-9999px;top:-9999px}
.ps-label{display:block;margin-bottom:6px;color:var(--not-yazi)}
.ps-input{flex:1;min-width:260px;padding:12px 14px;border-radius:12px;border:1px solid var(--kenarlik);outline:none;background:var(--kart);color:var(--yazi)}
.ps-input:focus{border-color:var(--birincil);box-shadow:0 0 0 3px color-mix(in srgb, var(--birincil) 20%, transparent)}
.ps-btn{padding:12px 16px;border:0;border-radius:12px;background:var(--birincil);color:var(--header-secim-yazi);font-weight:700;cursor:pointer;box-shadow:var(--golge)}
.ps-help{margin:6px 0 0;color:var(--not-yazi);font-size:13px}

.ps-progress{margin-top:14px}
.ps-progress-bar{height:10px;background:var(--yardimci);border-radius:999px;overflow:hidden;border:1px solid var(--kenarlik)}
.ps-progress-bar>span{display:block;height:100%;width:0%;background:linear-gradient(90deg, rgba(0,0,0,.06), rgba(0,0,0,0) 30%), var(--birincil)}
.ps-progress-text{margin-top:6px;color:var(--yazi);font-size:13px}

.ps-tabs{margin-top:18px}
.ps-tablist{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.ps-tab{background:var(--kart);border:1px solid var(--kenarlik);color:var(--yazi);padding:10px 14px;border-radius:12px;cursor:pointer;box-shadow:var(--golge)}
.ps-tab svg {float: left;}
.ps-tab.is-active{background:var(--birincil);border-color:var(--birincil);color:var(--header-secim-yazi)}
.ps-panel{display:none;margin-top:14px}
.ps-panel.is-active{display:block}
.ps-panel .ps-card{margin:15px 0 0 0}

.score-card .score-wrap{display:flex;gap:20px;align-items:center;justify-content:flex-start;flex-wrap:wrap}
.score-card .shot{flex:0 0 auto;border:1px solid var(--kenarlik);border-radius:12px;overflow:hidden;box-shadow:var(--golge);background:var(--kart)}
.score-card .shot img{display:block;width:220px;height:auto}

.ringbox{display:flex;flex-direction:column;align-items:center;justify-content:center}
.ring-row{display:flex;gap:30px;flex-wrap:wrap;align-items:center;justify-content:center}
.ring{display:flex;flex-direction:column;align-items:center;gap:8px}
.ring-outer{--p:0%;width:140px;height:140px;border-radius:50%;background:conic-gradient(var(--ringCol) 0%, var(--ringCol) var(--p), var(--kenarlik) var(--p));display:grid;place-items:center;transition:background 1s ease}
.ring-outer.ring-good{--ringCol:var(--basarili-kenar)}
.ring-outer.ring-mid{--ringCol:var(--sp2)}
.ring-outer.ring-bad{--ringCol:var(--hata-kenar)}
.ring-inner{width:122px;height:122px;border-radius:50%;background:var(--kart);display:grid;place-items:center;box-shadow:inset 0 0 0 9px var(--kart), var(--golge)}
.ring .num{font-weight:800;font-size:26px;color:var(--yazi)}
.ring-label{font-weight:700;color:var(--not-yazi)}
.ring-sub{font-size:15px;color:var(--not-yazi)}

.meter-col{display:flex;flex-wrap:wrap;gap:12px}
.meter{flex:1 1 calc(50% - 12px);min-width:280px;padding:10px;border:1px solid var(--kenarlik);border-radius:12px;background:var(--kart);box-shadow:var(--golge)}
@media (max-width:980px){
  .meter{flex-basis:100%; min-width:100%}
  .meter-name {font-size: 16px;}
  .meter-val {font-size: 14px;}
  .meter-pct {font-size: 14px;}
}
.meter-top{display:flex;gap:10px;align-items:center}
.meter-name{font-weight:700;flex:1 1 auto;min-width:180px;color:var(--yazi)}
.meter-val{color:var(--yazi)}
.meter-pct{margin-left:auto;font-variant-numeric:tabular-nums}
.meter-track{margin-top:8px;height:12px;background:var(--yardimci);border-radius:999px;overflow:hidden}
.meter-fill{height:100%;width:0%;background:var(--birincil);border-radius:999px}
.meter.band-good .meter-fill{background:var(--basarili-kenar)}
.meter.band-mid .meter-fill{background:var(--sp2)}
.meter.band-bad .meter-fill{background:var(--hata-kenar)}

.badge{display:inline-block;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800;border:1px solid transparent}
.badge-good{background:var(--basarili-arka);color:var(--basarili-yazi);border-color:var(--basarili-kenar)}
.badge-mid{background:var(--uyari-arka);color:var(--uyari-yazi);border-color:var(--uyari-kenar)}
.badge-bad{background:var(--hata-arka);color:var(--hata-yazi);border-color:var(--hata-kenar)}
.ps-note{margin:8px 0 0;color:var(--not-yazi);font-size:12px}

.ps-meta .ps-row>div{background:var(--kart);border:1px solid var(--kenarlik);border-radius:10px;padding:8px 10px;box-shadow:var(--golge);color:var(--yazi)}
.ps-row.row-between{margin-top:10px; font-size: 14px;}

.ps-crux .crux-row{display:flex;gap:10px;flex-wrap:wrap}
.ps-crux .crux-item{flex:1 1 180px;background:var(--kart);border:1px solid var(--kenarlik);border-radius:10px;padding:10px;box-shadow:var(--golge)}
.ps-crux .k{color:var(--not-yazi);font-size:12px}
.ps-crux .v{font-weight:800;color:var(--yazi)}

.ps-chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{border:1px solid var(--kenarlik);background:var(--kart);color:var(--yazi);border-radius:999px;padding:6px 12px;cursor:pointer}
.chip.is-active{background:var(--birincil);border-color:var(--birincil);color:var(--header-secim-yazi)}

.audit{border:1px solid var(--kenarlik);border-radius:12px;background:var(--kart);box-shadow:var(--golge);padding:10px;margin:10px 0}
.audit summary{cursor:pointer;display:flex;align-items:center;gap:10px}
.audit summary::-webkit-details-marker{display:none}
.audit .ttl{font-weight:700;flex:1 1 auto;color:var(--yazi); font-size: 15px;}
.audit .note{color:var(--not-yazi); font-size: 13px; font-weight: 400;}
.audit .desc{color:var(--yazi);margin:10px 0 6px; font-size: 13px; font-weight: 400;}

.tbl-wrap{overflow:auto}
.ps-table{width:100%;border-collapse:collapse}
.ps-table th{border-bottom:1px solid var(--kenarlik);padding:8px 10px;text-align:left;vertical-align:top;font-size:14px;color:var(--yazi)}
.ps-table td{border-bottom:1px solid var(--kenarlik);padding:8px 10px;text-align:left;vertical-align:top;font-size: 13px; font-weight: 400;color:var(--yazi)}
.ps-table td.url{max-width:520px;word-break:break-all}

.tree-wrap{border:1px dashed var(--kenarlik);border-radius:10px;padding:8px}
.tree-head{display:flex;gap:10px;font-weight:700;margin-bottom:6px;color:var(--yazi)}
.tree-head>span{flex:1 1 33%}
.tree{list-style:none;margin:0;padding-left:14px}
.tree.root{padding-left:0}
.tree-row{display:flex;gap:10px}
.tree-row .url{flex:1 1 60%}
.tree-row .s{flex:1 1 20%}

#ps-trend{width:100%;display:block;border:1px solid var(--kenarlik);border-radius:12px;background:var(--kart);box-shadow:var(--golge)}
#ps-trend-card{margin-top:16px}

.skl{position:relative;overflow:hidden;border-radius:10px;background:var(--yardimci)}
.skl::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.55), rgba(255,255,255,0));transform:translateX(-100%);animation:sh 1.2s infinite}
.skl-bar{height:14px;margin:8px 0}
.skl-line{height:10px;margin:6px 0}
@keyframes sh{to{transform:translateX(100%)}}

.ps-foot{margin:24px 0;color:var(--not-yazi);text-align:center}

@media (max-width:880px){
.score-card .shot img{width:180px}
.audit summary {
display: grid;
justify-items: start;
}
}
@media (prefers-reduced-motion:reduce){
*{animation:none!important;transition:none!important}
}