.detail-page{background:#050505}
.detail-shell{padding-bottom:0}
.detail-topbar{min-height:132px}
.detail-main{padding:0 18px 24px}

.detail-hero{
  display:grid;grid-template-columns:minmax(360px,.85fr) minmax(520px,1.15fr);
  gap:32px;align-items:center;padding:28px 36px 32px;min-height:390px;
  background:radial-gradient(circle at 18% 45%,rgba(105,129,71,.10),transparent 30%),linear-gradient(110deg,#0b0e0a,#040604);
  border-top:1px solid #65501f;border-bottom:1px solid #6f5724
}
.hero-image-button,.zoomable{border:0;padding:0;background:transparent;cursor:zoom-in}
.hero-image-button{width:100%}
.hero-image-button img{width:100%;max-height:335px;object-fit:contain;border:1px solid #5d4b24;border-radius:6px;background:#080a08;padding:10px;box-shadow:inset 0 0 30px #000,0 16px 38px rgba(0,0,0,.3)}
.breadcrumb{display:flex;gap:8px;color:#928b78;font-size:12px;margin-bottom:12px}.breadcrumb a{color:#d2b35c;text-decoration:none}
.detail-product-copy h1{font-size:50px;line-height:1;margin:8px 0 14px;color:#f0ead8}
.detail-lead{color:#c4bca8;line-height:1.5}
.headline-badges{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}
.headline-badges span{border:1px solid #735d2b;background:#11140f;color:#ddd5bf;padding:7px 10px;border-radius:4px;font-size:12px}
.headline-badges .hero-tier{background:#395b38;border-color:#82a97a;color:white;font-size:19px;font-weight:bold}
.quick-verdict{border-left:3px solid #78905a;background:rgba(43,55,36,.32);padding:11px 14px}.quick-verdict strong{color:#d1b863}.quick-verdict p{margin:5px 0 0;color:#c2baa5;line-height:1.45}

.detail-subnav{position:sticky;top:0;z-index:30;display:flex;justify-content:center;gap:2px;flex-wrap:wrap;background:#090b08;border-bottom:1px solid #5d4921;box-shadow:0 8px 20px rgba(0,0,0,.28)}
.detail-subnav a{padding:10px 12px;color:#cfc6ae;text-decoration:none;font-size:12px;border-bottom:2px solid transparent}.detail-subnav a:hover{color:#f0cd68;border-color:#caa346}

.detail-section{padding:28px 30px 32px;background:#080a08;border-bottom:1px solid #312b1b;position:relative}
.detail-section:nth-of-type(even){background:#0a0c09}
.section-heading{display:flex;align-items:center;gap:12px;margin-bottom:18px}.section-kicker{width:36px;height:36px;border-radius:50%;border:1px solid #8b6e30;display:grid;place-items:center;color:#d5b355;background:#0d100c;font-size:12px}
.section-heading h2{margin:2px 0 0;color:#ece4d0;font-size:24px}.section-heading .eyebrow{font-size:10px;letter-spacing:1.2px;color:#caa750}

.summary-columns,.protection-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.compact-data-table{width:100%;border-collapse:collapse;border:1px solid #4d4020;background:#0c0e0b}
.compact-data-table th,.compact-data-table td{padding:9px 11px;border-bottom:1px solid #2e2a1d;font-size:12px}
.compact-data-table th{width:44%;text-align:left;color:#9f9786;font-weight:500}.compact-data-table td{color:#e5dcc6;font-weight:bold}
.compact-data-table tr:last-child th,.compact-data-table tr:last-child td{border-bottom:0}.tier-value{color:#8cc486!important;font-size:18px}
.yes{color:#79c88b}.no{color:#dd7066}

.five-photo-grid{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:10px;grid-auto-rows:205px}
.photo-real,.photo-slot{margin:0;border:1px solid #53431f;border-radius:6px;overflow:hidden;background:#070907;position:relative}
.photo-real.large{grid-row:span 2}.photo-real button{width:100%;height:100%}.photo-real img{width:100%;height:100%;object-fit:contain;background:#050605}
.photo-real figcaption{position:absolute;left:8px;bottom:8px;background:rgba(5,7,5,.86);border:1px solid #6b5527;color:#e3d8bd;padding:5px 8px;border-radius:3px;font-size:11px}
.photo-slot{display:grid;place-items:center;color:#a88c4e;background:radial-gradient(circle,#13150f,#080a08 70%)}

.component-sheet{border:1px solid #4e4328;background:#0b0d0b;border-radius:5px;overflow:hidden}
.sheet-section-title{font-weight:bold;font-size:12px;padding:6px 9px;border-bottom:1px solid #1e2d1c;letter-spacing:.2px;color:#f0ead8}
.sheet-section-title.green{background:linear-gradient(90deg,#42683e,#324f31)}
.sheet-section-title.brass{background:linear-gradient(90deg,#6a5530,#4e3f24)}
.sheet-row{display:grid;grid-template-columns:minmax(180px,30%) 1fr;min-height:34px;border-bottom:1px solid #343126}
.sheet-row:last-child{border-bottom:0}.sheet-row>span,.sheet-row>strong{padding:8px 10px;display:flex;align-items:center}
.sheet-row>span{color:#aaa28f;border-right:1px solid #343126;font-weight:500;font-size:12px}.sheet-row>strong{color:#e5ddc8;font-size:12px;font-weight:500;line-height:1.35}

.threshold-panels{display:grid;grid-template-columns:1.3fr 1fr;gap:12px;margin-top:12px}
.threshold-card{border:1px solid #4e4020;background:#0a0c09;border-radius:5px;overflow:hidden}
.threshold-card h3{margin:0;padding:8px 10px;background:linear-gradient(90deg,#5c4829,#40331f);color:#ebdfc4;font-size:12px}
.threshold-card table{width:100%;border-collapse:collapse;font-size:12px;color:#ddd5c1}
.threshold-card th,.threshold-card td{padding:8px 9px;border-right:1px solid #343020;border-bottom:1px solid #302b1d;text-align:center}
.threshold-card th{background:#10130f;color:#aaa18e}.threshold-card td:first-child{text-align:left;color:#d4c8ad}

.fan-compact{display:grid;grid-template-columns:240px 1fr;gap:12px;align-items:stretch}.fan-compact button{height:230px}.fan-compact img{width:100%;height:100%;object-fit:contain;border:1px solid #51411f;background:#070907;border-radius:6px}

.cable-legend{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin-bottom:10px;padding:8px 10px;border:1px solid #4d4020;background:#0c0e0b;color:#aaa18d;font-size:11px}
.cable-legend strong{color:#d6b452;font-size:13px}.cable-x{color:#dc6d61;margin-right:4px}

.table-scroll{overflow:auto;border:1px solid #4d4020;border-radius:5px;background:#090b08}.iron-table{width:100%;border-collapse:collapse;min-width:720px;color:#ded6c2;font-size:12px}.iron-table th,.iron-table td{padding:8px 9px;border-right:1px solid #393321;border-bottom:1px solid #312c1e;text-align:left}.iron-table thead th{background:linear-gradient(#5e4a2b,#43371f);color:#f1ead8;font-size:11px}.iron-table tbody tr:nth-child(even){background:#0d100d}

.performance-stack{display:grid;gap:12px}
.perf-group{border:1px solid #4e4020;background:#0a0c09;border-radius:5px;overflow:hidden}
.perf-group-title{padding:7px 10px;background:linear-gradient(90deg,#4a6744,#394f34);color:#efe7d4;font-size:12px;font-weight:bold}
.perf-pair{display:grid;grid-template-columns:1fr 1fr;gap:0}
.perf-pair section+section{border-left:1px solid #3c3422}
.perf-pair h3{margin:0;padding:7px 9px;background:#11140f;color:#cdbd98;font-size:11px;border-bottom:1px solid #343020}
.perf-pair table,.transient-table{width:100%;border-collapse:collapse;font-size:11px;color:#ddd5c1}
.perf-pair th,.perf-pair td,.transient-table th,.transient-table td{padding:8px;border-right:1px solid #343020;border-bottom:1px solid #302b1d;text-align:center}
.perf-pair th,.transient-table th{color:#bdb39b;background:#0e100d}
.perf-group.compact .perf-group-title{background:linear-gradient(90deg,#5c4829,#40331f)}
.warn-cell{color:#efbf4b!important;background:rgba(196,142,41,.12)!important}

.result-grid{display:grid;grid-template-columns:190px 1fr 1fr;gap:10px}.score-card,.result-card{border:1px solid #51411e;background:#090b08;border-radius:6px;padding:16px}.score-card{text-align:center;display:flex;flex-direction:column;justify-content:center}.score-card span{font-size:10px;color:#b79a52}.score-card strong{font-size:65px;color:#e1c55d}.score-card small{color:#918a79}.result-card h3{margin:0 0 10px;color:#e9dfc6}.result-card ul{margin:0;padding-left:18px;color:#bbb29d;line-height:1.55;font-size:12px}

.source-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.source-card{display:flex;flex-direction:column;gap:5px;text-decoration:none;border:1px solid #51421f;background:#0a0c09;border-radius:5px;padding:13px;min-height:76px}.source-card span{font-size:9px;letter-spacing:1px;color:#b1924d}.source-card strong{color:#e6ddc6}.source-card:hover{border-color:#a78238}

.lightbox{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.88);display:none;align-items:center;justify-content:center;padding:28px}
.lightbox.open{display:flex}
.lightbox img{max-width:min(1500px,95vw);max-height:92vh;object-fit:contain;border:1px solid #80662e;background:#050605;box-shadow:0 20px 70px #000}
.lightbox-close{position:fixed;top:18px;right:24px;width:44px;height:44px;border-radius:50%;border:1px solid #8b6e30;background:#111;color:#f0d27b;font-size:28px;cursor:pointer}

.detail-page.js-ready .reveal{opacity:0;transform:translateY(12px);transition:opacity .45s ease,transform .45s ease}.detail-page.js-ready .reveal.is-visible{opacity:1;transform:none}

/* Light theme */
.light .detail-hero{background:linear-gradient(110deg,#f3f0e3,#e4decb)}
.light .detail-product-copy h1,.light .section-heading h2{color:#2a251b}
.light .detail-lead,.light .quick-verdict p{color:#5d5648}
.light .detail-section{background:#efebdc;border-color:#c7bea6}.light .detail-section:nth-of-type(even){background:#e8e3d2}
.light .compact-data-table,.light .component-sheet,.light .threshold-card,.light .cable-legend,.light .table-scroll,.light .perf-group,.light .score-card,.light .result-card,.light .source-card{background:#f8f5ea;border-color:#ad9150}
.light .compact-data-table th,.light .sheet-row>span,.light .source-card span{color:#6c6455}
.light .compact-data-table td,.light .sheet-row>strong,.light .result-card h3,.light .source-card strong{color:#2d281e}
.light .sheet-row,.light .sheet-row>span,.light .compact-data-table th,.light .compact-data-table td,.light .perf-pair th,.light .perf-pair td,.light .transient-table th,.light .transient-table td,.light .threshold-card th,.light .threshold-card td{border-color:#d8d0b8}
.light .sheet-section-title.green,.light .perf-group-title{background:linear-gradient(90deg,#7f9c6b,#667f58);color:#172116}
.light .sheet-section-title.brass,.light .threshold-card h3,.light .perf-group.compact .perf-group-title,.light .iron-table thead th{background:linear-gradient(90deg,#b99a5b,#9a7e48);color:#211a0d}
.light .perf-pair h3,.light .perf-pair th,.light .transient-table th{background:#e8e1cf;color:#5d5548}
.light .perf-pair table,.light .transient-table,.light .iron-table{color:#302b21}
.light .iron-table tbody tr:nth-child(even){background:#ece6d4}
.light .photo-real,.light .photo-slot{background:#e6e0cf;border-color:#ad9150}.light .photo-slot{color:#6e603e}
.light .quick-verdict{background:#dfe5d5}

@media(max-width:1100px){
  .detail-hero{grid-template-columns:1fr}
  .five-photo-grid{grid-template-columns:1fr 1fr}
  .photo-real.large{grid-row:auto;grid-column:span 2}
  .source-grid{grid-template-columns:1fr 1fr}
  .result-grid{grid-template-columns:160px 1fr}
  .result-grid .positives{grid-column:2}
}
@media(max-width:800px){
  .summary-columns,.protection-summary,.threshold-panels,.perf-pair{grid-template-columns:1fr}
  .perf-pair section+section{border-left:0;border-top:1px solid #3c3422}
  .fan-compact{grid-template-columns:1fr}.fan-compact button{height:auto}
}
@media(max-width:700px){
  .detail-main{padding-left:8px;padding-right:8px}.detail-section{padding:22px 14px}
  .source-grid,.five-photo-grid,.result-grid{grid-template-columns:1fr}.photo-real.large{grid-column:auto}
  .sheet-row{grid-template-columns:1fr}.sheet-row>span{border-right:0;border-bottom:1px solid #343126;padding-bottom:4px}.sheet-row>strong{padding-top:4px}
  .detail-product-copy h1{font-size:38px}
}


/* =========================
   V20 refinements
   ========================= */

.table-top-label,
.gallery-title-strip{
  padding:7px 10px;
  font-size:11px;
  font-weight:bold;
  letter-spacing:.35px;
  color:#f2ead6;
  border:1px solid #55441f;
  border-bottom:0;
  border-radius:5px 5px 0 0;
}
.green-label{background:linear-gradient(90deg,#456641,#344f31)}
.brass-label{background:linear-gradient(90deg,#6b5730,#4b3d24)}
.gallery-title-strip{background:linear-gradient(90deg,#5a4828,#3d321f);margin-bottom:8px;border-bottom:1px solid #55441f;border-radius:5px}
.small-gap{margin-top:10px}

.gallery-clean{
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-auto-rows:245px;
}
.gallery-clean .photo-real.large{grid-row:auto}
.gallery-clean .photo-real button{display:block;width:100%;height:100%}
.gallery-clean .photo-real img{
  width:100%;height:100%;
  object-fit:contain;
  object-position:center;
  padding:8px;
  box-sizing:border-box;
}
.gallery-clean .photo-slot{min-height:245px}

/* Fix lightbox: no body locking, no stuck cursor / pointer state. */
.lightbox{
  pointer-events:none;
  opacity:0;
  display:flex!important;
  visibility:hidden;
  transition:opacity .18s ease,visibility .18s ease;
}
.lightbox.open{
  pointer-events:auto;
  opacity:1;
  visibility:visible;
}
.lightbox img{cursor:default}
.zoomable,.zoomable *{cursor:zoom-in}
.lightbox-close{z-index:10001;cursor:pointer}

/* Smaller, denser protection thresholds */
.compact-protection{margin-bottom:0}
.threshold-compact-wrap{
  border:1px solid #4e4020;
  border-radius:0 0 5px 5px;
  overflow:auto;
  background:#0a0c09;
}
.threshold-compact{
  width:100%;
  border-collapse:collapse;
  font-size:11px;
  color:#ddd5c1;
}
.threshold-compact th,
.threshold-compact td{
  padding:6px 8px;
  border-right:1px solid #343020;
  border-bottom:1px solid #302b1d;
  text-align:center;
}
.threshold-compact th{background:#10130f;color:#bdb39b}
.threshold-compact td:first-child{font-weight:bold;color:#d1bb76}
.threshold-compact tr:last-child td{border-bottom:0}

/* More visual depth for component area without making everything green */
.component-sheet{
  box-shadow:inset 0 0 24px rgba(0,0,0,.16),0 8px 22px rgba(0,0,0,.10);
}
.sheet-row:nth-of-type(even){background:rgba(255,255,255,.012)}
.sheet-row:hover{background:rgba(176,139,67,.055)}
.sheet-row>span{
  position:relative;
  padding-left:14px;
}
.sheet-row>span::before{
  content:"";
  position:absolute;
  left:6px;top:50%;
  width:3px;height:14px;
  transform:translateY(-50%);
  background:#7a663c;
  opacity:.55;
  border-radius:2px;
}
.sheet-section-title.green,
.sheet-section-title.brass{
  text-shadow:0 1px 0 rgba(0,0,0,.35);
}

/* Screenshot-like performance block */
.performance-board{
  border:2px solid #111;
  background:#0b0d0b;
  overflow:auto;
  min-width:0;
}
.performance-board-title{
  background:#75a855;
  color:#081006;
  text-align:center;
  font-weight:bold;
  padding:6px 8px;
  border-bottom:2px solid #111;
  font-size:12px;
}
.performance-head-grid{
  display:grid;
  grid-template-columns:1.1fr 1.1fr 2.2fr;
}
.performance-head-grid>div{
  background:#9e4f7a;
  color:#100b0f;
  min-height:70px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-weight:bold;
  font-size:11px;
  line-height:1.15;
  border-right:2px solid #111;
  border-bottom:2px solid #111;
}
.performance-head-grid>div:last-child{border-right:0}

.performance-body-grid{
  display:grid;
  grid-template-columns:1.1fr 1.1fr 2.2fr;
  min-width:980px;
}
.perf-cell-group,
.crossload-wrap{
  border-right:2px solid #111;
  background:#9a9a9a;
}
.crossload-wrap{border-right:0}
.test-load-row,
.dual-test-head{
  display:grid;
  grid-template-columns:1fr .7fr;
  min-height:30px;
  border-bottom:1px solid #111;
}
.test-load-row span,
.dual-test-head span{
  background:#6e9ed2;
  color:#07101b;
  display:flex;align-items:center;justify-content:center;
  font-weight:bold;font-size:10px;
}
.test-load-row strong,
.dual-test-head b{
  display:flex;align-items:center;justify-content:center;
  background:#66ca8d;
  color:#0b140d;
  font-size:10px;
}
.dual-test-head>div{
  display:grid;
  grid-template-columns:1fr 1fr;
  border-right:1px solid #111;
}
.dual-test-head>div:last-child{border-right:0}
.dual-test-head>div span,
.dual-test-head>div b{min-height:30px}
.red-mini{background:#d44936!important;color:#120604!important}
.green-mini{background:#65c981!important}

.perf-subtitle{
  background:#90c7c9;
  color:#081313;
  text-align:center;
  font-weight:bold;
  font-size:10px;
  padding:4px 5px;
  border-bottom:1px solid #111;
}
.sheet-performance-table{
  width:100%;
  border-collapse:collapse;
  table-layout:fixed;
  font-size:9px;
  color:#09100c;
}
.sheet-performance-table th,
.sheet-performance-table td{
  padding:5px 3px;
  border-right:1px solid #111;
  border-bottom:1px solid #111;
  text-align:center;
  font-weight:bold;
}
.sheet-performance-table th{background:#84b7bd}
.sheet-performance-table th:last-child,
.sheet-performance-table td:last-child{border-right:0}
.cyan-row td{background:#66d4af}
.yellow-row td{background:#efc93d}
.gray-row td{background:#999}
.alert-cell{background:#d77c72!important}

.crossload-pair{
  display:grid;
  grid-template-columns:1fr 1fr;
}
.crossload-pair>.perf-cell-group:last-child{border-right:0}

/* Light theme keeps the spreadsheet colors stable, only surrounding surface changes */
.light .performance-board{background:#eee9dc}
.light .performance-board-title{color:#0b1608}
.light .performance-head-grid>div{color:#160d14}
.light .threshold-compact-wrap{background:#f8f5ea;border-color:#ad9150}
.light .threshold-compact{color:#2d281e}
.light .threshold-compact th{background:#e7dfca;color:#5e5547}
.light .threshold-compact td{border-color:#d8d0b8}

@media(max-width:900px){
  .gallery-clean{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  .gallery-clean{grid-template-columns:1fr;grid-auto-rows:220px}
  .performance-head-grid{grid-template-columns:220px 220px 440px}
  .performance-body-grid{grid-template-columns:220px 220px 440px;min-width:880px}
}


/* =========================
   V21 — compact, screenshot-like layout
   ========================= */

.component-label{
  background:linear-gradient(90deg,#6b5730,#4a3c24)!important;
  color:#f1e7cf!important;
}

/* Gallery: no outside image duplication; all images fully visible */
.gallery-clean{
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-auto-rows:230px;
}
.gallery-clean .photo-real img{
  object-fit:contain!important;
  object-position:center!important;
  padding:8px;
  box-sizing:border-box;
}

/* Protection compact horizontal sheet */
.protection-board-wrap{
  max-width:1120px;
  margin:0 auto;
  overflow-x:auto;
  border:1px solid #51421f;
  background:#0b0d0a;
}
.protection-board{min-width:1020px}
.protection-title{
  background:#6fa453;
  color:#0d1609;
  text-align:center;
  font-weight:bold;
  padding:6px 8px;
  border-bottom:2px solid #111;
  font-size:12px;
}
.protection-main-grid{
  display:grid;
  grid-template-columns:1.4fr .6fr .6fr 3.2fr 1fr 1fr .7fr .7fr .7fr .7fr .7fr;
}
.p-cell{
  min-height:96px;
  border-right:1px solid #111;
  border-bottom:1px solid #111;
  background:#efc991;
  color:#21150b;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:7px 5px;
  box-sizing:border-box;
}
.p-cell:last-child{border-right:0}
.p-cell>span{font-size:10px;font-weight:bold;margin-bottom:6px}
.p-cell>strong{font-size:12px}
.p-cell>small{font-size:9px;line-height:1.25;margin-top:5px}
.p-cell.supervisor{background:#d6b07c}
.p-cell.wide-threshold{padding:0;justify-content:flex-start}
.p-cell.wide-threshold>span{
  width:100%;
  padding:6px 0;
  margin:0;
  background:#e1b876;
  border-bottom:1px solid #111;
}
.ok-mark{color:#2a7d43;font-size:20px!important}
.bad-mark{color:#a6291d;font-size:20px!important}
.threshold-mini-grid{
  width:100%;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  font-size:8px;
}
.th-head{
  grid-column:1/-1;
  background:#79a8d4;
  color:#08111a;
  padding:4px 2px;
  font-weight:bold;
  border-bottom:1px solid #111;
}
.th-head.hot{background:#ce6e62;color:#220906}
.th-rail{
  padding:5px 2px;
  border-right:1px solid #111;
  border-bottom:1px solid #111;
  background:#f0d7b1;
}
.th-rail:nth-child(5),
.th-rail:nth-child(10){border-right:0}

/* Performance constrained width and compact proportions */
.performance-compact-wrap{
  max-width:1180px;
  margin:0 auto;
  overflow-x:auto;
}
.performance-sheet{
  min-width:980px;
  border:2px solid #111;
  background:#999;
}
.performance-board-title{
  background:#75a855;
  color:#081006;
  text-align:center;
  font-weight:bold;
  padding:5px 8px;
  border-bottom:2px solid #111;
  font-size:11px;
}
.perf-category-row{
  display:grid;
  grid-template-columns:1.05fr 1.05fr 2.1fr;
}
.perf-category-row>div{
  min-height:66px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  background:#9e4f7a;
  color:#120b10;
  font-weight:bold;
  font-size:10px;
  line-height:1.15;
  border-right:2px solid #111;
  border-bottom:2px solid #111;
}
.perf-category-row>div:last-child{border-right:0}
.perf-data-row{
  display:grid;
  grid-template-columns:1.05fr 1.05fr 2.1fr;
}
.perf-block{background:#999;border-right:2px solid #111}
.perf-data-row>.perf-block:nth-child(2){border-right:2px solid #111}
.crossload-duo{
  display:grid;
  grid-template-columns:1fr 1fr;
}
.crossload-duo .perf-block:last-child{border-right:0}
.test-load-row,.dual-test-head{min-height:28px}
.perf-subtitle{font-size:9px;padding:3px 4px}
.sheet-performance-table{font-size:8px}
.sheet-performance-table th,.sheet-performance-table td{padding:4px 2px}

/* Light mode for protection stays readable */
.light .protection-board-wrap{background:#f3eee0;border-color:#a98b4d}
.light .p-cell{color:#20150a}
.light .protection-title{color:#0b1508}

@media(max-width:900px){
  .performance-compact-wrap,.protection-board-wrap{max-width:100%}
}


/* =====================================================
   V22 — Ana IRONScale temasına dönüş
   ===================================================== */

.component-label,
.component-sheet,
.protection-board-wrap,
.performance-compact-wrap{
  width:min(1180px, calc(100% - 48px)) !important;
  max-width:1180px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.component-label{
  background:linear-gradient(90deg,#211c12 0%,#3b2f19 48%,#211c12 100%) !important;
  border-color:#8b6b2c !important;
  color:#f0e6ce !important;
  box-shadow:inset 0 1px rgba(255,224,143,.08);
}

.component-sheet{
  background:#090b08 !important;
  border-color:#675223 !important;
  box-shadow:inset 0 0 30px rgba(0,0,0,.28),0 8px 26px rgba(0,0,0,.15) !important;
}

.sheet-section-title.green,
.sheet-section-title.brass{
  background:linear-gradient(90deg,#171a13 0%,#2d2718 48%,#171a13 100%) !important;
  color:#dfc778 !important;
  border-top:1px solid #5b4922 !important;
  border-bottom:1px solid #6c5525 !important;
  text-shadow:none !important;
}

.sheet-section-title.green::before,
.sheet-section-title.brass::before{
  content:"◆";
  color:#9d7932;
  font-size:8px;
  margin-right:7px;
}

.sheet-row{
  background:#0b0d0a !important;
  border-color:#29261a !important;
}
.sheet-row:nth-of-type(even){background:#0e100d !important}
.sheet-row:hover{background:#14150f !important}
.sheet-row>span{
  color:#a69d88 !important;
  border-color:#342d1c !important;
}
.sheet-row>strong{color:#e6dcc4 !important}
.sheet-row>span::before{background:#9b7937 !important;opacity:.72 !important}

/* Koruma: yatay ve kompakt, ana tema */
.protection-board-wrap{
  overflow-x:auto !important;
  border:1px solid #675223 !important;
  border-radius:5px !important;
  background:#080a08 !important;
  box-shadow:0 8px 24px rgba(0,0,0,.14);
}
.protection-board{min-width:1020px !important}

.protection-title{
  background:linear-gradient(90deg,#171a13,#342b19,#171a13) !important;
  color:#dfc778 !important;
  border-bottom:1px solid #806429 !important;
  padding:7px 8px !important;
  letter-spacing:.4px;
}

.p-cell,
.p-cell.supervisor{
  min-height:86px !important;
  background:#0d0f0c !important;
  color:#ded4bd !important;
  border-right:1px solid #3a311d !important;
  border-bottom:1px solid #3a311d !important;
}
.p-cell:nth-child(even){background:#11130f !important}
.p-cell>span{
  color:#c4ad6a !important;
  font-size:10px !important;
}
.p-cell>small{color:#8e8674 !important}
.p-cell.wide-threshold>span{
  background:#19170f !important;
  border-bottom:1px solid #5d4922 !important;
  color:#d7bd70 !important;
}
.ok-mark{color:#74b77e !important}
.bad-mark{color:#c65f54 !important}

.threshold-mini-grid{background:#0b0d0a !important}
.th-head,
.th-head.hot{
  background:#191b16 !important;
  color:#d9c170 !important;
  border-bottom:1px solid #5b4922 !important;
}
.th-head.hot{color:#d59a76 !important}
.th-rail{
  background:#0d0f0c !important;
  color:#ded5c0 !important;
  border-color:#342e1f !important;
}

/* Performans: gönderilen tablonun düzeni, ana sitenin renkleri */
.performance-compact-wrap{overflow-x:auto !important}

.performance-sheet{
  min-width:980px !important;
  border:1px solid #705824 !important;
  border-radius:5px !important;
  overflow:hidden;
  background:#090b08 !important;
  box-shadow:0 8px 24px rgba(0,0,0,.14);
}

.performance-board-title{
  background:linear-gradient(90deg,#171a13,#342b19,#171a13) !important;
  color:#e1c878 !important;
  border-bottom:1px solid #806429 !important;
  padding:7px 8px !important;
  letter-spacing:.4px;
}

.perf-category-row>div{
  min-height:58px !important;
  background:#10120f !important;
  color:#ddd3bb !important;
  border-right:1px solid #4c3d20 !important;
  border-bottom:1px solid #5c4922 !important;
  font-size:10px !important;
}
.perf-category-row>div:nth-child(2){background:#14140f !important}
.perf-category-row>div:nth-child(3){background:#12140f !important}

.perf-block{
  background:#0a0c09 !important;
  border-right:1px solid #4b3d20 !important;
}
.crossload-duo .perf-block:first-child{border-right:1px solid #4b3d20 !important}

.test-load-row,
.dual-test-head{border-bottom:1px solid #3d331f !important}
.test-load-row span,
.dual-test-head span{
  background:#141812 !important;
  color:#aa9c80 !important;
}
.test-load-row strong,
.dual-test-head b{
  background:#1b1d16 !important;
  color:#dfc975 !important;
}
.red-mini{background:#341814 !important;color:#d97b70 !important}
.green-mini{background:#14291a !important;color:#80bd87 !important}

.perf-subtitle{
  background:#171b15 !important;
  color:#c9b36b !important;
  border-bottom:1px solid #56451f !important;
}

.sheet-performance-table{color:#ddd4bf !important}
.sheet-performance-table th{
  background:#0f120e !important;
  color:#9f9784 !important;
  border-color:#302b1e !important;
}
.sheet-performance-table td{
  background:#0b0d0a !important;
  color:#e3dac5 !important;
  border-color:#302b1e !important;
}
.cyan-row td{background:#0b0d0a !important;color:#92cbb0 !important}
.yellow-row td{background:#0b0d0a !important;color:#e5c25c !important}
.gray-row td{background:#0b0d0a !important;color:#777265 !important}
.alert-cell{background:#20130f !important;color:#d77a68 !important}

/* Açık tema */
.light .component-label,
.light .performance-board-title,
.light .protection-title{
  background:linear-gradient(90deg,#d6c9aa,#bda56d,#d6c9aa) !important;
  color:#2e2516 !important;
  border-color:#9d8040 !important;
}

.light .component-sheet,
.light .protection-board-wrap,
.light .performance-sheet{
  background:#f5f1e4 !important;
  border-color:#a88c4e !important;
}

.light .sheet-section-title.green,
.light .sheet-section-title.brass{
  background:linear-gradient(90deg,#e6dfcc,#cfc2a2,#e6dfcc) !important;
  color:#4f3c18 !important;
  border-color:#aa8d4e !important;
}
.light .sheet-row{background:#f6f2e7 !important;border-color:#d7cdb4 !important}
.light .sheet-row:nth-of-type(even){background:#eee8d9 !important}
.light .sheet-row:hover{background:#e9e0cb !important}
.light .sheet-row>span{color:#6c6454 !important;border-color:#d1c5a8 !important}
.light .sheet-row>strong{color:#2f291f !important}

.light .p-cell,
.light .p-cell.supervisor{
  background:#f4efe2 !important;
  color:#2f291f !important;
  border-color:#cfc3a5 !important;
}
.light .p-cell:nth-child(even){background:#ece5d5 !important}
.light .p-cell.wide-threshold>span,
.light .th-head,
.light .th-head.hot,
.light .perf-subtitle{
  background:#e3dac2 !important;
  color:#59441c !important;
  border-color:#b69a5e !important;
}
.light .th-rail{
  background:#f4efe2 !important;
  color:#2f291f !important;
  border-color:#cfc3a5 !important;
}

.light .perf-category-row>div{
  background:#e5decc !important;
  color:#30291e !important;
  border-color:#b7a476 !important;
}
.light .perf-block{background:#f3eee1 !important;border-color:#c8b996 !important}
.light .test-load-row span,
.light .dual-test-head span{background:#ddd5c1 !important;color:#615848 !important}
.light .test-load-row strong,
.light .dual-test-head b{background:#eee8d8 !important;color:#5e491d !important}
.light .sheet-performance-table th{
  background:#e3dccb !important;
  color:#625a4b !important;
  border-color:#cfc4aa !important;
}
.light .sheet-performance-table td{background:#f6f2e7 !important;border-color:#d0c6ae !important}
.light .cyan-row td{color:#38705b !important}
.light .yellow-row td{color:#876717 !important}
.light .gray-row td{color:#81796c !important}
.light .alert-cell{background:#ead7cf !important;color:#9c4b3f !important}

/* Masaüstünde teknik bloklar kullanıcı işaretine yakın genişlikte */
@media(min-width:1250px){
  .component-label,
  .component-sheet,
  .protection-board-wrap,
  .performance-compact-wrap{
    width:1120px !important;
  }
}
@media(max-width:800px){
  .component-label,
  .component-sheet,
  .protection-board-wrap,
  .performance-compact-wrap{
    width:100% !important;
    max-width:100% !important;
  }
}


/* =========================
   V23 — okunabilirlik + genel koruma tablosu + uzun veri alanları
   ========================= */

/* Performans ve koruma yazıları biraz büyüsün */
.performance-sheet,
.protection-board,
.protection-general-table{
  font-size:12px !important;
}

.performance-board-title,
.protection-title{
  font-size:13px !important;
}

.perf-category-row>div{
  font-size:11px !important;
  line-height:1.25 !important;
}

.test-load-row span,
.test-load-row strong,
.dual-test-head span,
.dual-test-head b,
.perf-subtitle{
  font-size:10px !important;
}

.sheet-performance-table{
  font-size:10px !important;
}
.sheet-performance-table th,
.sheet-performance-table td{
  padding:6px 4px !important;
}

/* Koruma genel tablosu */
.protection-general{
  width:min(1180px, calc(100% - 48px));
  margin:0 auto 12px;
}
.protection-general-table{
  min-width:900px !important;
}
.protection-general-table th,
.protection-general-table td{
  text-align:center !important;
  white-space:nowrap;
}
.protection-general-table th:first-child,
.protection-general-table td:first-child{
  text-align:left !important;
  min-width:180px;
}
.prot-ok{color:#79bd86 !important;font-size:18px;font-weight:bold}
.prot-no{color:#d06b61 !important;font-size:18px;font-weight:bold}

/* Mevcut eşik tablosundaki yazıları büyüt */
.p-cell>span{font-size:11px !important}
.p-cell>strong{font-size:14px !important}
.p-cell>small{font-size:10px !important}
.th-head{font-size:9px !important}
.th-rail{font-size:9px !important}

/* Çok uzun kapasitör listeleri için yüksekliği içeriğe göre büyüyen alan */
.sheet-row.tall-row{
  min-height:unset !important;
  align-items:stretch;
}
.sheet-row.tall-row>span,
.sheet-row.tall-row>strong{
  align-items:flex-start !important;
  padding-top:12px !important;
  padding-bottom:12px !important;
}
.capacitor-row>strong{
  display:grid !important;
  grid-template-columns:92px 1fr;
  gap:6px 12px;
  white-space:normal;
}
.rail-label{
  color:#cbb36b;
  font-weight:bold;
}
.multi-line-value{
  white-space:pre-wrap;
  line-height:1.45;
  color:#e6dcc4;
}

/* Uzun kablo ağaçları / dallanmaları için */
.cable-layout{
  min-width:360px;
}
.cable-layout pre{
  margin:0;
  white-space:pre;
  font:inherit;
  line-height:1.35;
  color:inherit;
}
.cable-table td:nth-child(3){
  min-width:360px;
}
.cable-table th:nth-child(3){
  min-width:360px;
}

/* Teknik bloklar aynı ölçüde kalsın */
@media(min-width:1250px){
  .protection-general{
    width:1120px;
  }
}

/* Açık tema */
.light .prot-ok{color:#2e7641 !important}
.light .prot-no{color:#a84439 !important}
.light .rail-label{color:#72571f}
.light .multi-line-value{color:#2f291f}


/* =====================================================
   V24 — Koruma şeması, performans oranları ve kablo ağacı
   ===================================================== */

/* Koruma: kullanıcının Sheet şemasındaki yatay hücre mantığı */
.protection-sheet-wrap{
  width:min(1320px, calc(100% - 48px));
  margin:0 auto;
  border:1px solid #705824;
  border-radius:5px;
  overflow-x:auto;
  background:#090b08;
}
.protection-sheet-title{
  position:sticky; left:0;
  padding:8px 12px;
  background:linear-gradient(90deg,#171a13,#342b19,#171a13);
  color:#e1c878;
  border-bottom:1px solid #806429;
  font-weight:800;
  font-size:14px;
}
.protection-strip{
  display:grid;
  grid-template-columns:105px 62px 62px 190px 190px 125px 82px 62px 62px 62px 62px;
  min-width:1104px;
  align-items:stretch;
}
.protection-strip>div{
  border-right:1px solid #4b3d20;
  min-height:150px;
}
.prot-list-cell{
  display:flex; flex-direction:column;
  padding:8px 10px;
  gap:2px;
  background:#0d0f0c;
  font-size:11px;
}
.prot-list-cell>b{color:#d7bd70;margin-bottom:4px}
.prot-list-cell span{display:flex;justify-content:space-between;color:#ded5c0}
.prot-simple{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  background:#11130f;
  color:#ded5c0;
  font-size:12px;
}
.prot-simple b,.prot-threshold>b{color:#d7bd70}
.prot-threshold{
  position:relative;
  display:grid;
  grid-template-columns:44px 1fr 28px;
  grid-template-rows:30px 1fr;
  background:#0d0f0c;
  color:#ded5c0;
}
.prot-threshold>b{
  grid-row:1/3;
  display:flex;align-items:center;justify-content:center;
  border-right:1px solid #4b3d20;
}
.temp-tag{
  display:flex;align-items:center;justify-content:center;
  font-size:10px;font-weight:800;
  border-bottom:1px solid #4b3d20;
}
.temp-tag.cold{background:#18201a;color:#9cc0a5}
.temp-tag.hot{background:#2a1713;color:#d89582}
.rails{
  grid-column:2;
  display:grid;
  grid-template-rows:repeat(4,1fr);
}
.rails span{
  display:flex;align-items:center;justify-content:center;
  border-bottom:1px solid #302b1e;
  font-size:10px;
}
.rails em{font-style:normal;color:#d8a46e;margin-right:5px;font-weight:700}
.side-check{
  grid-column:3;grid-row:1/3;
  display:flex;align-items:center;justify-content:center;
  border-left:1px solid #4b3d20;
}
.prot-threshold.narrow{
  grid-template-columns:40px 1fr 28px;
  grid-template-rows:30px 30px 30px 30px;
}
.prot-threshold.narrow>b{grid-row:1/5}
.prot-threshold.narrow .temp-tag{grid-column:2}
.prot-threshold.narrow .single-value{
  grid-column:2;display:flex;align-items:center;justify-content:center;
  border-bottom:1px solid #302b1e;font-size:10px;
}
.prot-threshold.narrow .side-check{grid-column:3;grid-row:1/5}
.yes{color:#79bd86;font-style:normal;font-weight:900}
.no{color:#d06b61;font-style:normal;font-weight:900}

/* Performans: hücreleri yatayda çekip esnetme; doğal oranlar */
.performance-compact-wrap{
  width:min(1320px, calc(100% - 48px)) !important;
  max-width:1320px !important;
  overflow-x:auto !important;
}
.performance-sheet{
  width:1180px !important;
  min-width:1180px !important;
  margin:0 auto;
}
.perf-category-row,
.perf-data-row{
  grid-template-columns:280px 300px 600px !important;
}
.crossload-duo{
  grid-template-columns:1fr 1fr !important;
}
.performance-sheet,
.performance-sheet *{
  box-sizing:border-box;
}
.sheet-performance-table{
  table-layout:fixed;
  width:100%;
}
.test-load-stack{
  display:flex;
  flex-direction:column;
  border-bottom:1px solid #3d331f;
}
.test-load-stack>div{
  display:grid;
  grid-template-columns:1fr 1fr;
  min-height:25px;
}
.test-load-stack span,
.test-load-stack strong{
  display:flex;align-items:center;justify-content:center;
  padding:4px 6px;
  font-size:10px;
}
.test-load-stack span{background:#141812;color:#aa9c80}
.test-load-stack strong{
  background:#1b1d16;color:#dfc975;
  border-left:1px solid #3d331f;
}
.test-load-stack>div+div{
  border-top:1px solid #3d331f;
}
.test-load-stack .red-mini{background:#341814 !important;color:#d97b70 !important}
.test-load-stack .green-mini{background:#14291a !important;color:#80bd87 !important}

/* Tüm kablo tipleri için yeterli şema alanı */
.cable-layout{min-width:390px !important}
.cable-layout pre{
  min-width:max-content;
  line-height:1.5 !important;
}
.cable-table th:nth-child(3),
.cable-table td:nth-child(3){min-width:390px !important}

/* Açık tema karşılıkları */
.light .protection-sheet-wrap{background:#f5f1e4;border-color:#a88c4e}
.light .protection-sheet-title{
  background:linear-gradient(90deg,#d6c9aa,#bda56d,#d6c9aa);
  color:#2e2516;border-color:#9d8040;
}
.light .protection-strip>div{border-color:#c8b996}
.light .prot-list-cell,.light .prot-threshold{background:#f4efe2;color:#2f291f}
.light .prot-simple{background:#ece5d5;color:#2f291f}
.light .prot-list-cell span{color:#2f291f}
.light .prot-list-cell>b,
.light .prot-simple b,
.light .prot-threshold>b{color:#72571f}
.light .rails span,.light .prot-threshold>b,.light .side-check,
.light .prot-threshold.narrow .single-value{border-color:#cfc3a5}
.light .temp-tag.cold{background:#dfe8dc;color:#3f6648}
.light .temp-tag.hot{background:#ead7cf;color:#944b3e}
.light .test-load-stack span{background:#ddd5c1;color:#615848}
.light .test-load-stack strong{background:#eee8d8;color:#5e491d;border-color:#c8b996}
.light .test-load-stack>div+div{border-color:#c8b996}

@media(max-width:800px){
  .protection-sheet-wrap,
  .performance-compact-wrap{
    width:100% !important;
    max-width:100% !important;
  }
}


/* =====================================================
   V25 — Koruma ve performans: bilgi öncelikli, ana tema
   ===================================================== */

/* -------- Koruma -------- */
.protection-v25{
  width:min(1180px,calc(100% - 48px));
  margin:0 auto;
  border:1px solid #6b5423;
  border-radius:7px;
  overflow:hidden;
  background:#090b08;
  box-shadow:0 10px 30px rgba(0,0,0,.16);
}
.protect-titlebar{
  display:flex;justify-content:space-between;align-items:center;
  gap:16px;padding:10px 14px;
  background:linear-gradient(90deg,#171a13,#332a18,#171a13);
  border-bottom:1px solid #6d5625;
}
.protect-titlebar span{font-size:10px;letter-spacing:1px;color:#a99a78;text-transform:uppercase}
.protect-titlebar strong{color:#e2c875;font-size:13px}

.protect-general{
  display:grid;
  grid-template-columns:repeat(10,1fr);
  border-bottom:1px solid #41351f;
}
.protect-item{
  min-height:86px;
  display:grid;
  grid-template-columns:1fr auto;
  align-content:center;
  gap:5px 8px;
  padding:10px;
  border-right:1px solid #342d1d;
  background:#0c0e0b;
}
.protect-item:nth-child(even){background:#10120e}
.protect-item:last-child{border-right:0}
.protect-item span{font-size:12px;font-weight:800;color:#d7bd70}
.protect-item b{font-size:18px}
.protect-item small{grid-column:1/-1;font-size:9px;color:#777161}
.state-ok{color:#78b984}.state-no{color:#ca655b}

.protect-threshold-grid{
  display:grid;
  grid-template-columns:1.25fr 1.25fr .8fr .7fr;
  gap:10px;
  padding:12px;
}
.threshold-v25{
  border:1px solid #4a3d22;
  border-radius:5px;
  overflow:hidden;
  background:#0c0e0b;
}
.threshold-v25 header{
  display:flex;justify-content:space-between;align-items:center;
  padding:8px 10px;background:#141711;border-bottom:1px solid #4c3d20;
}
.threshold-v25 header span{font-size:11px;font-weight:800;color:#d7bd70}
.threshold-v25 header strong{font-size:10px;color:#8eb49a}
.threshold-v25.hot header strong{color:#d28a76}
.rail-thresholds{display:grid;grid-template-columns:repeat(4,1fr)}
.rail-thresholds div{
  padding:10px 5px;text-align:center;border-right:1px solid #302b1e
}
.rail-thresholds div:last-child{border-right:0}
.rail-thresholds span{display:block;color:#9a927f;font-size:9px;margin-bottom:4px}
.rail-thresholds b{color:#e1d6bd;font-size:12px}
.dual-threshold{display:grid;grid-template-columns:1fr 1fr}
.dual-threshold>div{
  padding:11px;text-align:center;border-right:1px solid #302b1e
}
.dual-threshold>div:last-child{border-right:0}
.dual-threshold span{display:block;color:#8f8776;font-size:9px;margin-bottom:4px}
.dual-threshold b,.single-threshold b{color:#e1d6bd}
.single-threshold{display:grid;place-items:center;min-height:54px}

/* -------- Performans -------- */
.performance-v25{
  width:min(1180px,calc(100% - 48px));
  margin:0 auto;
  display:grid;
  gap:12px;
}
.perf-v25-group{
  border:1px solid #695323;
  border-radius:7px;
  overflow:hidden;
  background:#090b08;
}
.perf-v25-heading{
  display:flex;justify-content:space-between;align-items:center;
  gap:14px;padding:9px 12px;
  background:linear-gradient(90deg,#171a13,#2e2718,#171a13);
  border-bottom:1px solid #5b4822;
}
.perf-v25-heading>div{display:flex;align-items:center;gap:12px}
.perf-v25-heading span{font-size:9px;letter-spacing:1px;color:#9c927d}
.perf-v25-heading strong{color:#e0c675;font-size:12px}
.perf-v25-heading small{color:#777161;font-size:9px}

.full-results{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  background:#332c1c;
}
.result-metric{
  background:#0c0e0b;
  padding:12px 13px;
}
.metric-name{font-size:10px;color:#a89f8c;margin-bottom:5px}
.metric-value{font-size:22px;font-weight:900;letter-spacing:.2px}
.metric-value small{font-size:10px;font-weight:600}
.very-good{color:#6ec59c!important}
.medium{color:#dfbd55!important}
.weak{color:#d57462!important}
.metric-track{
  height:7px;margin:9px 0 5px;border-radius:999px;
  background:linear-gradient(90deg,#375c4b 0 35%,#6d6335 35% 64%,#6f3b30 64% 100%);
  overflow:hidden;position:relative;
}
.metric-track::after{
  content:"";position:absolute;top:0;bottom:0;left:var(--value,0%);
  width:2px;background:#f3e4b4;box-shadow:0 0 6px rgba(243,228,180,.55)
}
.metric-track.regulation{
  background:linear-gradient(90deg,#375c4b 0 20%,#62613b 20% 40%,#80652d 40% 80%,#6e3a30 80% 100%)
}
.metric-footer{display:flex;justify-content:space-between;gap:7px;font-size:8px;color:#5f5a4e}
.metric-footer b{font-weight:700;color:#a89a70}

.cross-scenarios{
  display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px;
}
.scenario-card{
  border:1px solid #40361f;border-radius:5px;overflow:hidden;background:#0c0e0b
}
.scenario-load{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #44371f}
.scenario-load>div{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-right:1px solid #342d1d}
.scenario-load>div:last-child{border-right:0}
.scenario-load span{font-size:9px;color:#8f8775}
.scenario-load strong{font-size:10px;padding:3px 8px;border-radius:3px}
.load-full{background:#173020;color:#7fc58e}
.load-off{background:#301712;color:#d47c6e}
.scenario-title{padding:6px 9px;background:#141711;color:#cdb66d;font-size:10px;font-weight:800;border-bottom:1px solid #3c331f}
.scenario-values{display:grid;grid-template-columns:repeat(4,1fr)}
.scenario-values>div{text-align:center;padding:10px 5px;border-right:1px solid #302b1e}
.scenario-values>div:last-child{border-right:0}
.scenario-values span{display:block;font-size:8px;color:#797365;margin-bottom:4px}
.scenario-values b{font-size:11px;color:#d8cfbb}
.scenario-ripple{display:flex;justify-content:space-between;padding:6px 9px;border-top:1px solid #302b1e;color:#777161;font-size:9px}
.scenario-ripple b{color:#8f8878}

.transient-v25-grid{display:grid;grid-template-columns:1fr 1fr}
.transient-v25-grid>div{display:flex;justify-content:space-between;padding:12px;border-right:1px solid #302b1e}
.transient-v25-grid>div:last-child{border-right:0}
.transient-v25-grid span{color:#9e9684;font-size:10px}.transient-v25-grid b{color:#ddd2b9}

/* Açık tema */
.light .protection-v25,.light .performance-v25 .perf-v25-group,
.light .threshold-v25,.light .scenario-card{background:#f5f1e4;border-color:#a78b4d}
.light .protect-titlebar,.light .perf-v25-heading{
  background:linear-gradient(90deg,#d7cbaa,#bda56e,#d7cbaa);border-color:#a08142
}
.light .protect-titlebar span,.light .perf-v25-heading span,.light .perf-v25-heading small{color:#685e4b}
.light .protect-titlebar strong,.light .perf-v25-heading strong{color:#3f3115}
.light .protect-item,.light .result-metric,.light .scenario-card{background:#f6f2e7}
.light .protect-item:nth-child(even){background:#eee8da}
.light .protect-item span,.light .threshold-v25 header span,.light .scenario-title{color:#684f1b}
.light .protect-item small,.light .metric-name,.light .scenario-load span,.light .scenario-values span{color:#6c6455}
.light .threshold-v25 header,.light .scenario-title{background:#e6dfcc;border-color:#c5b590}
.light .rail-thresholds b,.light .dual-threshold b,.light .single-threshold b,
.light .scenario-values b,.light .transient-v25-grid b{color:#2f291e}
.light .full-results{background:#cdbf9f}
.light .metric-footer{color:#776e5e}
.light .metric-footer b{color:#5f502c}

@media(max-width:1000px){
  .protect-general{grid-template-columns:repeat(5,1fr)}
  .protect-threshold-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .protection-v25,.performance-v25{width:100%}
  .protect-general{grid-template-columns:repeat(2,1fr)}
  .protect-threshold-grid{grid-template-columns:1fr}
  .full-results{grid-template-columns:1fr}
  .cross-scenarios{grid-template-columns:1fr}
  .perf-v25-heading{align-items:flex-start;flex-direction:column}
}


/* =====================================================
   V26 — performans bölümü düzeltmesi
   ===================================================== */

.performance-v26{
  width:min(1180px,calc(100% - 48px));
  margin:0 auto;
  display:grid;
  gap:12px;
}

.perf-v26-group{
  border:1px solid #695323;
  border-radius:7px;
  overflow:hidden;
  background:#090b08;
}

.perf-v26-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:9px 12px;
  background:linear-gradient(90deg,#171a13,#2e2718,#171a13);
  border-bottom:1px solid #5b4822;
}
.perf-v26-heading>div{display:flex;align-items:center;gap:12px}
.perf-v26-heading span{font-size:9px;letter-spacing:1px;color:#9c927d}
.perf-v26-heading strong{color:#e0c675;font-size:12px}
.perf-v26-heading small{color:#777161;font-size:9px}

.rail-result-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  background:#332c1c;
}
.rail-result{
  background:#0c0e0b;
}
.rail-title{
  padding:7px 11px;
  background:#11140f;
  border-bottom:1px solid #302b1e;
  color:#cdb66e;
  font-size:11px;
  font-weight:800;
}
.rail-metric{
  padding:11px 12px 12px;
  border-bottom:1px solid #302b1e;
}
.rail-metric:last-child{border-bottom:0}
.rail-metric-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  margin-bottom:8px;
}
.rail-metric-head span{font-size:10px;color:#a79f8d}
.rail-metric-head strong{font-size:20px;line-height:1}
.rail-metric-head strong small{font-size:9px}

.scale-track{
  height:8px;
  position:relative;
  border-radius:999px;
  overflow:visible;
}
.ripple-scale{
  background:linear-gradient(90deg,
    #315e4a 0 50%,
    #5d613b 50% 64%,
    #79612b 64% 86%,
    #713d32 86% 100%);
}
.ripple-scale.fivev{
  background:linear-gradient(90deg,
    #315e4a 0 40%,
    #5d613b 40% 60%,
    #79612b 60% 80%,
    #713d32 80% 100%);
}
.regulation-scale{
  background:linear-gradient(90deg,
    #315e4a 0 20%,
    #53603b 20% 40%,
    #80662d 40% 80%,
    #713d32 80% 100%);
}
.marker{
  position:absolute;
  top:-3px;
  width:3px;
  height:14px;
  transform:translateX(-50%);
  background:#f1e5be;
  box-shadow:0 0 7px rgba(241,229,190,.6);
  border-radius:2px;
}
.marker.danger{
  background:#d56f5f;
  box-shadow:0 0 8px rgba(213,111,95,.7);
}
.scale-labels{
  display:flex;
  justify-content:space-between;
  margin-top:5px;
  color:#625d50;
  font-size:8px;
}
.scale-labels b{font-weight:800}

.cross-v26-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  padding:10px;
}

.cross-v26-card{
  border:1px solid #40361f;
  border-radius:5px;
  overflow:hidden;
  background:#0c0e0b;
}

.cross-load-map{
  display:grid;
  grid-template-columns:1fr 1fr;
  border-bottom:1px solid #44371f;
}
.cross-load-map>div{
  min-height:58px;
  display:grid;
  grid-template-columns:1fr auto;
  align-content:center;
  gap:3px 8px;
  padding:8px 10px;
  border-right:1px solid #342d1d;
}
.cross-load-map>div:last-child{border-right:0}
.cross-load-map span{font-size:9px;color:#8f8775}
.cross-load-map strong{
  grid-column:2;
  grid-row:1 / 3;
  align-self:center;
  padding:4px 9px;
  border-radius:3px;
  font-size:10px;
}
.cross-load-map small{
  grid-column:1;
  font-size:9px;
  color:#655f54;
}
.load-full{background:#173020;color:#7fc58e}
.load-off{background:#301712;color:#d47c6e}

.cross-values-title{
  padding:6px 9px;
  background:#141711;
  color:#cdb66d;
  font-size:10px;
  font-weight:800;
  border-bottom:1px solid #3c331f;
}
.cross-values{
  display:grid;
  grid-template-columns:repeat(4,1fr);
}
.cross-values>div{
  text-align:center;
  padding:10px 5px;
  border-right:1px solid #302b1e;
}
.cross-values>div:last-child{border-right:0}
.cross-values span{
  display:block;
  color:#797365;
  font-size:8px;
  margin-bottom:4px;
}
.cross-values b{
  color:#d8cfbb;
  font-size:11px;
}
.cross-ripple-box{
  display:grid;
  grid-template-columns:90px 1fr;
  border-top:1px solid #302b1e;
  min-height:36px;
}
.cross-ripple-box>span{
  display:flex;
  align-items:center;
  padding:0 9px;
  color:#9b927f;
  font-size:9px;
  border-right:1px solid #302b1e;
}
.cross-ripple-box>div{
  display:grid;
  grid-template-columns:repeat(4,1fr);
}
.cross-ripple-box b{
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:8px;
  color:#777063;
  border-right:1px solid #302b1e;
}
.cross-ripple-box b:last-child{border-right:0}

.transient-v26-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
}
.transient-v26-grid>div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:11px 12px;
  border-right:1px solid #302b1e;
}
.transient-v26-grid>div:last-child{border-right:0}
.transient-v26-grid span{color:#9e9684;font-size:10px}
.transient-v26-grid b{color:#ddd2b9}

.light .perf-v26-group,.light .cross-v26-card{background:#f5f1e4;border-color:#a78b4d}
.light .perf-v26-heading{
  background:linear-gradient(90deg,#d7cbaa,#bda56e,#d7cbaa);
  border-color:#a08142;
}
.light .perf-v26-heading span,.light .perf-v26-heading small{color:#685e4b}
.light .perf-v26-heading strong{color:#3f3115}
.light .rail-result,.light .cross-v26-card{background:#f6f2e7}
.light .rail-title,.light .cross-values-title{background:#e6dfcc;color:#684f1b}
.light .rail-metric,.light .cross-load-map,.light .cross-values>div,.light .cross-ripple-box,
.light .cross-ripple-box>span,.light .cross-ripple-box b,.light .transient-v26-grid>div{
  border-color:#d0c5aa;
}
.light .rail-metric-head span,.light .cross-load-map span,.light .cross-values span,.light .cross-ripple-box>span{color:#6c6455}
.light .cross-values b,.light .transient-v26-grid b{color:#2f291e}

@media(max-width:760px){
  .performance-v26{width:100%}
  .rail-result-grid,.cross-v26-grid{grid-template-columns:1fr}
  .perf-v26-heading{align-items:flex-start;flex-direction:column}
}


/* =====================================================
   V27 — performans bölümleri tamamen ayrıldı
   ===================================================== */
.performance-v27{
  width:min(1180px,calc(100% - 48px));
  margin:0 auto;
  display:grid;
  gap:12px;
}
.perf-section-v27{
  border:1px solid #695323;
  border-radius:7px;
  overflow:hidden;
  background:#090b08;
}
.perf-section-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  padding:9px 12px;
  background:linear-gradient(90deg,#171a13,#2e2718,#171a13);
  border-bottom:1px solid #5b4822;
}
.perf-section-head>div{display:flex;align-items:center;gap:12px}
.perf-section-head span{font-size:9px;letter-spacing:1px;color:#9c927d}
.perf-section-head strong{font-size:12px;color:#e0c675}
.perf-section-head small{font-size:9px;color:#777161}

.metric-row-v27{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  background:#332c1c;
}
.metric-card-v27{
  background:#0c0e0b;
  padding:12px 13px 13px;
}
.metric-card-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  margin-bottom:9px;
}
.metric-card-head span{font-size:10px;color:#a79f8d}
.metric-card-head strong{font-size:20px;line-height:1}

.cross-two-v27{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  padding:10px;
}
.cross-table-card-v27{
  border:1px solid #40361f;
  border-radius:5px;
  overflow:hidden;
  background:#0c0e0b;
}
.load-map-v27{
  display:grid;
  grid-template-columns:1fr 1fr;
  border-bottom:1px solid #44371f;
}
.load-map-v27>div{
  min-height:56px;
  display:grid;
  grid-template-columns:1fr auto;
  align-content:center;
  gap:3px 8px;
  padding:8px 10px;
  border-right:1px solid #342d1d;
}
.load-map-v27>div:last-child{border-right:0}
.load-map-v27 span{font-size:9px;color:#8f8775}
.load-map-v27 strong{
  grid-column:2;
  grid-row:1/3;
  align-self:center;
  padding:4px 9px;
  border-radius:3px;
  font-size:10px;
}
.load-map-v27 small{grid-column:1;font-size:9px;color:#655f54}

.cross-table-card-v27 table,
.transient-table-v27{
  width:100%;
  border-collapse:collapse;
  table-layout:fixed;
  color:#d8cfbb;
  font-size:10px;
}
.cross-table-card-v27 th,
.cross-table-card-v27 td,
.transient-table-v27 th,
.transient-table-v27 td{
  padding:8px 6px;
  text-align:center;
  border-right:1px solid #302b1e;
  border-bottom:1px solid #302b1e;
}
.cross-table-card-v27 th:last-child,
.cross-table-card-v27 td:last-child,
.transient-table-v27 th:last-child,
.transient-table-v27 td:last-child{border-right:0}
.cross-table-card-v27 th,
.transient-table-v27 th{
  background:#11140f;
  color:#9c927d;
  font-weight:700;
}
.cross-table-card-v27 td:first-child{
  text-align:left;
  color:#cdb66d;
  font-weight:700;
}

.compact-test-v27{
  max-width:760px;
}
.transient-table-v27 td{color:#857e70}

/* Light */
.light .perf-section-v27,.light .cross-table-card-v27{background:#f5f1e4;border-color:#a78b4d}
.light .perf-section-head{
  background:linear-gradient(90deg,#d7cbaa,#bda56e,#d7cbaa);
  border-color:#a08142
}
.light .perf-section-head span,.light .perf-section-head small{color:#685e4b}
.light .perf-section-head strong{color:#3f3115}
.light .metric-card-v27,.light .cross-table-card-v27{background:#f6f2e7}
.light .metric-card-head span,.light .load-map-v27 span{color:#6c6455}
.light .cross-table-card-v27 th,.light .transient-table-v27 th{background:#e6dfcc;color:#665c49}
.light .cross-table-card-v27 th,.light .cross-table-card-v27 td,
.light .transient-table-v27 th,.light .transient-table-v27 td,
.light .load-map-v27,.light .load-map-v27>div{border-color:#d0c5aa}
.light .cross-table-card-v27 td,.light .transient-table-v27 td{color:#2f291e}
.light .cross-table-card-v27 td:first-child{color:#684f1b}

@media(max-width:760px){
  .performance-v27{width:100%}
  .metric-row-v27,.cross-two-v27{grid-template-columns:1fr}
  .perf-section-head{align-items:flex-start;flex-direction:column}
  .compact-test-v27{max-width:none}
}


/* =====================================================
   V28 — clean DOM + independent performance blocks
   ===================================================== */
.performance-v28{
  width:min(1180px,calc(100% - 48px));
  margin:0 auto;
  display:grid;
  gap:12px;
}
.perf-block-v28{
  border:1px solid #695323;
  border-radius:7px;
  overflow:hidden;
  background:#090b08;
}
.perf-head-v28{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  padding:9px 12px;
  background:linear-gradient(90deg,#171a13,#2e2718,#171a13);
  border-bottom:1px solid #5b4822;
}
.perf-head-v28>div{display:flex;align-items:center;gap:12px}
.perf-head-v28 span{font-size:9px;letter-spacing:1px;color:#9c927d}
.perf-head-v28 strong{font-size:12px;color:#e0c675}
.perf-head-v28 small{font-size:9px;color:#777161}
.metric-grid-v28{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  background:#332c1c;
}
.metric-v28{background:#0c0e0b;padding:12px 13px 13px}
.metric-top-v28{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:9px}
.metric-top-v28 span{font-size:10px;color:#a79f8d}
.metric-top-v28 strong{font-size:20px;line-height:1}

.cross-grid-v28{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px}
.cross-card-v28{border:1px solid #40361f;border-radius:5px;overflow:hidden;background:#0c0e0b}
.load-map-v28{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #44371f}
.load-map-v28>div{min-height:56px;display:grid;grid-template-columns:1fr auto;align-content:center;gap:3px 8px;padding:8px 10px;border-right:1px solid #342d1d}
.load-map-v28>div:last-child{border-right:0}
.load-map-v28 span{font-size:9px;color:#8f8775}
.load-map-v28 strong{grid-column:2;grid-row:1/3;align-self:center;padding:4px 9px;border-radius:3px;font-size:10px}
.load-map-v28 small{grid-column:1;font-size:9px;color:#655f54}
.cross-card-v28 table,.simple-test-table-v28{width:100%;border-collapse:collapse;table-layout:fixed;color:#d8cfbb;font-size:10px}
.cross-card-v28 th,.cross-card-v28 td,.simple-test-table-v28 th,.simple-test-table-v28 td{padding:8px 6px;text-align:center;border-right:1px solid #302b1e;border-bottom:1px solid #302b1e}
.cross-card-v28 th:last-child,.cross-card-v28 td:last-child,.simple-test-table-v28 th:last-child,.simple-test-table-v28 td:last-child{border-right:0}
.cross-card-v28 th,.simple-test-table-v28 th{background:#11140f;color:#9c927d}
.cross-card-v28 td:first-child{text-align:left;color:#cdb66d;font-weight:700}
.compact-v28{max-width:760px}

.light .perf-block-v28,.light .cross-card-v28{background:#f5f1e4;border-color:#a78b4d}
.light .perf-head-v28{background:linear-gradient(90deg,#d7cbaa,#bda56e,#d7cbaa);border-color:#a08142}
.light .perf-head-v28 span,.light .perf-head-v28 small{color:#685e4b}
.light .perf-head-v28 strong{color:#3f3115}
.light .metric-v28,.light .cross-card-v28{background:#f6f2e7}
.light .metric-top-v28 span,.light .load-map-v28 span{color:#6c6455}
.light .cross-card-v28 th,.light .simple-test-table-v28 th{background:#e6dfcc;color:#665c49}
.light .cross-card-v28 th,.light .cross-card-v28 td,.light .simple-test-table-v28 th,.light .simple-test-table-v28 td,.light .load-map-v28,.light .load-map-v28>div{border-color:#d0c5aa}
.light .cross-card-v28 td,.light .simple-test-table-v28 td{color:#2f291e}
.light .cross-card-v28 td:first-child{color:#684f1b}

@media(max-width:760px){
  .performance-v28{width:100%}
  .metric-grid-v28,.cross-grid-v28{grid-template-columns:1fr}
  .perf-head-v28{align-items:flex-start;flex-direction:column}
  .compact-v28{max-width:none}
}


/* =====================================================
   V29 — tüm performans blokları aynı görsel dilde
   ===================================================== */
.performance-v29{
  width:min(1180px,calc(100% - 48px));
  margin:0 auto;
  display:grid;
  gap:12px;
}
.perf-master-title{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:11px 14px;
  border:1px solid #6d5625;
  border-radius:7px;
  background:
    linear-gradient(90deg,rgba(128,98,42,.18),rgba(19,21,15,.96) 35%,rgba(19,21,15,.96) 65%,rgba(128,98,42,.18));
}
.perf-master-title>div{display:flex;align-items:center;gap:12px}
.perf-master-title span{
  color:#9c927d;
  font-size:9px;
  letter-spacing:1.25px;
}
.perf-master-title strong{
  color:#e3ca79;
  font-size:15px;
}
.perf-master-title small{
  color:#746e60;
  font-size:9px;
}

.perf-block-v29{
  border:1px solid #695323;
  border-radius:7px;
  overflow:hidden;
  background:#090b08;
}
.perf-head-v29{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  padding:9px 12px;
  background:linear-gradient(90deg,#171a13,#2e2718,#171a13);
  border-bottom:1px solid #5b4822;
}
.perf-head-v29>div{display:flex;align-items:center;gap:12px}
.perf-head-v29 span{font-size:9px;letter-spacing:1px;color:#9c927d}
.perf-head-v29 strong{font-size:12px;color:#e0c675}
.perf-head-v29 small{font-size:9px;color:#777161}

.metric-grid-v29{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  background:#332c1c;
}
.metric-grid-v29.compact{
  background:#2f291b;
}
.metric-v29{
  background:#0c0e0b;
  padding:12px 13px 13px;
}
.metric-top-v29{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  margin-bottom:9px;
}
.metric-top-v29 span{font-size:10px;color:#a79f8d}
.metric-top-v29 strong{font-size:20px;line-height:1}

.cross-grid-v29{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  padding:10px;
}
.cross-card-v29{
  border:1px solid #40361f;
  border-radius:5px;
  overflow:hidden;
  background:#0c0e0b;
}
.load-map-v29{
  display:grid;
  grid-template-columns:1fr 1fr;
  border-bottom:1px solid #44371f;
}
.load-map-v29>div{
  min-height:56px;
  display:grid;
  grid-template-columns:1fr auto;
  align-content:center;
  gap:3px 8px;
  padding:8px 10px;
  border-right:1px solid #342d1d;
}
.load-map-v29>div:last-child{border-right:0}
.load-map-v29 span{font-size:9px;color:#8f8775}
.load-map-v29 strong{
  grid-column:2;
  grid-row:1/3;
  align-self:center;
  padding:4px 9px;
  border-radius:3px;
  font-size:10px;
}
.load-map-v29 small{grid-column:1;font-size:9px;color:#655f54}

.cross-card-v29 table{
  width:100%;
  border-collapse:collapse;
  table-layout:fixed;
  color:#d8cfbb;
  font-size:10px;
}
.cross-card-v29 th,.cross-card-v29 td{
  padding:8px 6px;
  text-align:center;
  border-right:1px solid #302b1e;
  border-bottom:1px solid #302b1e;
}
.cross-card-v29 th:last-child,.cross-card-v29 td:last-child{border-right:0}
.cross-card-v29 th{background:#11140f;color:#9c927d}
.cross-card-v29 td:first-child{text-align:left;color:#cdb66d;font-weight:700}

.transient-grid-v29{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  padding:10px;
}
.transient-card-v29{
  border:1px solid #40361f;
  border-radius:5px;
  overflow:hidden;
  background:#0c0e0b;
}
.transient-title-v29{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:8px 10px;
  background:#11140f;
  border-bottom:1px solid #3b321f;
}
.transient-title-v29 span{color:#9c927d;font-size:9px}
.transient-title-v29 strong{color:#cdb66d;font-size:10px}
.neutral-scale{
  background:linear-gradient(90deg,#2f332c,#3a3a32);
}
.marker.neutral{
  opacity:.25;
}

/* light */
.light .perf-master-title,
.light .perf-head-v29{
  background:linear-gradient(90deg,#d7cbaa,#bda56e,#d7cbaa);
  border-color:#a08142;
}
.light .perf-master-title span,.light .perf-master-title small,
.light .perf-head-v29 span,.light .perf-head-v29 small{color:#685e4b}
.light .perf-master-title strong,.light .perf-head-v29 strong{color:#3f3115}
.light .perf-block-v29,.light .cross-card-v29,.light .transient-card-v29{
  background:#f5f1e4;
  border-color:#a78b4d;
}
.light .metric-v29,.light .cross-card-v29,.light .transient-card-v29{background:#f6f2e7}
.light .metric-top-v29 span,.light .load-map-v29 span{color:#6c6455}
.light .cross-card-v29 th,.light .transient-title-v29{background:#e6dfcc;color:#665c49}
.light .cross-card-v29 th,.light .cross-card-v29 td,
.light .load-map-v29,.light .load-map-v29>div,.light .transient-title-v29{
  border-color:#d0c5aa;
}
.light .cross-card-v29 td{color:#2f291e}
.light .cross-card-v29 td:first-child{color:#684f1b}

@media(max-width:760px){
  .performance-v29{width:100%}
  .metric-grid-v29,.cross-grid-v29,.transient-grid-v29{grid-template-columns:1fr}
  .perf-head-v29,.perf-master-title{align-items:flex-start;flex-direction:column}
}

/* V30 transient: yük kartı + tüm hatlarda metre */
.transient-load-v30{
 display:grid;grid-template-columns:220px 1fr;
 margin:10px 10px 0;border:1px solid #40361f;border-radius:5px;
 overflow:hidden;background:#0c0e0b
}
.transient-load-label,.transient-load-detail{padding:10px 12px;display:flex;align-items:center;gap:12px}
.transient-load-label{border-right:1px solid #40361f;background:#11140f}
.transient-load-label span,.transient-load-detail span{font-size:9px;color:#938a77;letter-spacing:.7px}
.transient-load-label strong{margin-left:auto;color:#e0c675;font-size:13px}
.transient-load-detail strong{color:#e0c675;font-size:16px}
.transient-load-detail small{margin-left:auto;color:#6f695c;font-size:9px}
.transient-grid-v30{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px}
.transient-panel-v30{border:1px solid #40361f;border-radius:5px;overflow:hidden}
.transient-panel-head{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:#11140f;border-bottom:1px solid #40361f}
.transient-panel-head span{font-size:9px;color:#938a77;letter-spacing:.8px}
.transient-panel-head strong{font-size:11px;color:#d9c16f}
.transient-panel-v30 .metric-grid-v29{grid-template-columns:repeat(3,1fr)}
.transient-panel-v30 .metric-top-v29 strong{font-size:16px}
.transient-scale{background:linear-gradient(90deg,#78483b 0 18%,#7b7041 18% 34%,#486d59 34% 66%,#7b7041 66% 82%,#78483b 82% 100%)}
.light .transient-load-v30,.light .transient-panel-v30{background:#f6f2e7;border-color:#c2ad78}
.light .transient-load-label,.light .transient-panel-head{background:#e5dcc5;border-color:#c2ad78}
.light .transient-load-label{border-right-color:#c2ad78}
@media(max-width:900px){
 .transient-grid-v30{grid-template-columns:1fr}
 .transient-load-v30{grid-template-columns:1fr}
 .transient-load-label{border-right:0;border-bottom:1px solid #40361f}
}
@media(max-width:620px){.transient-panel-v30 .metric-grid-v29{grid-template-columns:1fr}}

/* V31 — Cross Load değerlerinde de metre */
.cross-card-v29 td{vertical-align:middle}
.cross-meter-v31{
  display:grid;
  gap:6px;
  min-width:74px;
  padding:1px 2px;
}
.cross-meter-v31 strong{
  display:block;
  text-align:center;
  font-size:10px;
  line-height:1;
}
.mini-track{
  position:relative;
  height:5px;
  border-radius:999px;
  overflow:visible;
}
.mini-track .marker{
  position:absolute;
  top:-2px;
  width:2px;
  height:9px;
  border-radius:2px;
  background:#f3ead0;
  box-shadow:0 0 5px rgba(243,234,208,.75);
  transform:translateX(-1px);
}
.mini-track .marker.neutral{opacity:.22;box-shadow:none}
.cross-card-v29 table{table-layout:fixed}
.cross-card-v29 th:first-child,.cross-card-v29 td:first-child{width:105px}
@media(max-width:760px){
 .cross-meter-v31{min-width:62px}
 .cross-card-v29{overflow-x:auto}
 .cross-card-v29 table{min-width:560px}
}

/* V32 — tüm metrelerde durum etiketi + transient yüklerini ayır */
.meter-rating-v32{
 display:block;text-align:center;margin-top:1px;
 font-size:8px;line-height:1;color:var(--muted,#9b967f);
}
.cross-meter-v31 strong.very-good + .mini-track + .meter-rating-v32{color:#78c99a}
.cross-meter-v31 strong.medium + .mini-track + .meter-rating-v32{color:#d9c34f}
.transient-own-load-v32{
 display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:12px;
 min-height:34px;padding:7px 10px;margin:-1px -1px 10px;
 border:1px solid rgba(187,151,42,.35);
 background:rgba(187,151,42,.055);
}
.transient-own-load-v32 span{
 font-size:8px;letter-spacing:.12em;color:var(--muted,#9b967f);
}
.transient-own-load-v32 strong{
 font-size:15px;color:var(--cream,#eee6c8);white-space:nowrap;
}
.transient-own-load-v32 small{
 justify-self:end;font-size:8px;color:var(--muted,#77735f);
}

/* V33 — performans ana bloklarını birbirinden daha belirgin ayır */
.perf-block-v29,
.perf-block-v28,
.perf-block-v27,
.perf-block-v26,
.perf-v25-group{
  position:relative;
  box-shadow:0 10px 24px rgba(0,0,0,.12);
}

/* Her ana performans bölümünün üst başlığına daha belirgin hiyerarşi */
.perf-head-v29,
.perf-head-v28,
.perf-head-v27,
.perf-v26-heading,
.perf-v25-heading{
  min-height:38px;
  border-bottom:1px solid #7b6028 !important;
}

/* Sol başlık şeridi */
.perf-head-v29::before,
.perf-head-v28::before,
.perf-head-v27::before,
.perf-v26-heading::before,
.perf-v25-heading::before{
  content:"";
  width:4px;
  align-self:stretch;
  margin:-9px 0 -9px -12px;
  background:#9b7936;
  box-shadow:0 0 10px rgba(155,121,54,.18);
}

/* Ripple ve regülasyon bloklarında başlık tonu hafif farklı olsun */
#performans .perf-block-v29:nth-of-type(2) .perf-head-v29,
#performans .perf-block-v28:nth-of-type(1) .perf-head-v28,
#performans .perf-block-v27:nth-of-type(1) .perf-head-v27{
  background:linear-gradient(90deg,#182019,#2b3022,#171a13) !important;
}
#performans .perf-block-v29:nth-of-type(3) .perf-head-v29,
#performans .perf-block-v28:nth-of-type(2) .perf-head-v28,
#performans .perf-block-v27:nth-of-type(2) .perf-head-v27{
  background:linear-gradient(90deg,#211b13,#332819,#171a13) !important;
}

/* Cross load daha teknik görünsün */
#performans .perf-block-v29:nth-of-type(4) .perf-head-v29{
  background:linear-gradient(90deg,#171a13,#24261c,#171a13) !important;
}

/* Transient başlığında daha koyu vurgu */
#performans .perf-block-v29:nth-of-type(5) .perf-head-v29{
  background:linear-gradient(90deg,#171a13,#201c16,#171a13) !important;
}

/* Başlık metni */
.perf-head-v29 span,
.perf-head-v28 span,
.perf-head-v27 span,
.perf-v26-heading span,
.perf-v25-heading span{
  font-weight:800 !important;
  letter-spacing:1.2px !important;
}
.perf-head-v29 strong,
.perf-head-v28 strong,
.perf-head-v27 strong,
.perf-v26-heading strong,
.perf-v25-heading strong{
  font-size:13px !important;
}

/* Bloklar arasında biraz daha nefes */
.performance-v29,
.performance-v28,
.performance-v27,
.performance-v26,
.performance-v25{
  gap:16px !important;
}

/* Açık tema */
.light .perf-head-v29::before,
.light .perf-head-v28::before,
.light .perf-head-v27::before,
.light .perf-v26-heading::before,
.light .perf-v25-heading::before{
  background:#9a7a3d;
}
.light #performans .perf-block-v29:nth-of-type(2) .perf-head-v29,
.light #performans .perf-block-v29:nth-of-type(3) .perf-head-v29,
.light #performans .perf-block-v29:nth-of-type(4) .perf-head-v29,
.light #performans .perf-block-v29:nth-of-type(5) .perf-head-v29{
  background:linear-gradient(90deg,#d9cfb7,#c7b88e,#d9cfb7) !important;
}

/* =====================================================
   V34 — performans başlık renkleri + transient yüklerini ayır
   ===================================================== */

/* Performans bloklarının başlıkları artık farklı ama ana temaya uyumlu */
#performans .perf-block-v29:nth-of-type(1) .perf-head-v29{
  background:
    linear-gradient(90deg,#163126 0%,#294738 48%,#17251e 100%) !important;
  border-bottom-color:#527660 !important;
}
#performans .perf-block-v29:nth-of-type(1) .perf-head-v29::before{
  background:#6f9d7d !important;
}
#performans .perf-block-v29:nth-of-type(1) .perf-head-v29 span{
  color:#a6c3ad !important;
}
#performans .perf-block-v29:nth-of-type(1) .perf-head-v29 strong{
  color:#d5e2d2 !important;
}

/* Regülasyon: bronz / sıcak amber */
#performans .perf-block-v29:nth-of-type(2) .perf-head-v29{
  background:
    linear-gradient(90deg,#382817 0%,#594421 48%,#2b2115 100%) !important;
  border-bottom-color:#8b6b32 !important;
}
#performans .perf-block-v29:nth-of-type(2) .perf-head-v29::before{
  background:#b78a3e !important;
}
#performans .perf-block-v29:nth-of-type(2) .perf-head-v29 span{
  color:#c7ad75 !important;
}
#performans .perf-block-v29:nth-of-type(2) .perf-head-v29 strong{
  color:#f0d796 !important;
}

/* Cross Load: koyu zeytin / metalik yeşil */
#performans .perf-block-v29:nth-of-type(3) .perf-head-v29{
  background:
    linear-gradient(90deg,#222b1a 0%,#3a4528 48%,#202719 100%) !important;
  border-bottom-color:#657448 !important;
}
#performans .perf-block-v29:nth-of-type(3) .perf-head-v29::before{
  background:#84945d !important;
}
#performans .perf-block-v29:nth-of-type(3) .perf-head-v29 span{
  color:#afb990 !important;
}
#performans .perf-block-v29:nth-of-type(3) .perf-head-v29 strong{
  color:#dce0b9 !important;
}

/* Transient: koyu petrol / çelik tonu */
#performans .transient-v30 .perf-head-v29{
  background:
    linear-gradient(90deg,#17292a 0%,#294042 48%,#182526 100%) !important;
  border-bottom-color:#526e70 !important;
}
#performans .transient-v30 .perf-head-v29::before{
  background:#668b8e !important;
}
#performans .transient-v30 .perf-head-v29 span{
  color:#9eb9ba !important;
}
#performans .transient-v30 .perf-head-v29 strong{
  color:#d1e0df !important;
}

/* Ripple ve regülasyon metreleri birbirinden daha farklı görünsün */
#performans .perf-block-v29:nth-of-type(1) .ripple-scale{
  background:linear-gradient(90deg,
    #2f6a52 0 50%,
    #58734a 50% 64%,
    #8b7736 64% 86%,
    #744638 86% 100%) !important;
}
#performans .perf-block-v29:nth-of-type(1) .ripple-scale.fivev{
  background:linear-gradient(90deg,
    #2f6a52 0 40%,
    #58734a 40% 60%,
    #8b7736 60% 80%,
    #744638 80% 100%) !important;
}
#performans .perf-block-v29:nth-of-type(2) .regulation-scale{
  background:linear-gradient(90deg,
    #315d50 0 20%,
    #6a7043 20% 40%,
    #9a7832 40% 80%,
    #8d4939 80% 100%) !important;
}

/* Transient Düz ve ATX 3.1 test yükleri ayrı ayrı */
.transient-load-separate-v34{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:42px;
  padding:7px 10px;
  border-bottom:1px solid #40361f;
  background:linear-gradient(90deg,#0e1311,#141913,#0e1311);
}
.load-name-v34{
  display:flex;
  align-items:center;
  gap:14px;
}
.load-name-v34 span{
  font-size:8px;
  letter-spacing:1px;
  color:#8f8876;
  font-weight:800;
}
.load-name-v34 strong{
  font-size:15px;
  color:#e0c675;
}
.transient-load-separate-v34 small{
  font-size:8px;
  color:#676256;
}

/* Düz/ATX panel başlıklarını da birbirinden hafif ayır */
.transient-panel-v30:first-child .transient-panel-head{
  background:linear-gradient(90deg,#18231d,#26362b) !important;
}
.transient-panel-v30:last-child .transient-panel-head{
  background:linear-gradient(90deg,#182326,#26353a) !important;
}

/* Açık tema */
.light #performans .perf-block-v29:nth-of-type(1) .perf-head-v29{
  background:linear-gradient(90deg,#c5d6c8,#9fb7a3,#c5d6c8) !important;
}
.light #performans .perf-block-v29:nth-of-type(2) .perf-head-v29{
  background:linear-gradient(90deg,#dfd0ad,#c5a768,#dfd0ad) !important;
}
.light #performans .perf-block-v29:nth-of-type(3) .perf-head-v29{
  background:linear-gradient(90deg,#d1d6bd,#aeb88b,#d1d6bd) !important;
}
.light #performans .transient-v30 .perf-head-v29{
  background:linear-gradient(90deg,#cad8d6,#a5bcbc,#cad8d6) !important;
}
.light .transient-load-separate-v34{
  background:#eee8d8;
  border-color:#c6b795;
}
.light .load-name-v34 span,.light .transient-load-separate-v34 small{
  color:#6b6252;
}
.light .load-name-v34 strong{color:#5f491d}

@media(max-width:760px){
  .transient-load-separate-v34{
    align-items:flex-start;
    flex-direction:column;
    gap:4px;
  }
}

/* V35 — daha canlı performans başlıkları */
#performans .perf-block-v29:nth-of-type(1) .perf-head-v29{
 background:linear-gradient(90deg,#164934,#2f6d4e 48%,#183e30 100%)!important;
 border-bottom-color:#72bd8c!important;
}
#performans .perf-block-v29:nth-of-type(1) .perf-head-v29::before{background:#72d49a!important}
#performans .perf-block-v29:nth-of-type(1) .perf-head-v29 span{color:#bde5c8!important}
#performans .perf-block-v29:nth-of-type(1) .perf-head-v29 strong{color:#eff8e9!important}

#performans .perf-block-v29:nth-of-type(2) .perf-head-v29{
 background:linear-gradient(90deg,#5a3516,#9a6526 48%,#513015 100%)!important;
 border-bottom-color:#e0a74b!important;
}
#performans .perf-block-v29:nth-of-type(2) .perf-head-v29::before{background:#f1bd58!important}
#performans .perf-block-v29:nth-of-type(2) .perf-head-v29 span{color:#f0d09a!important}
#performans .perf-block-v29:nth-of-type(2) .perf-head-v29 strong{color:#fff0bd!important}

#performans .perf-block-v29:nth-of-type(3) .perf-head-v29{
 background:linear-gradient(90deg,#35451d,#657b31 48%,#303d1b 100%)!important;
 border-bottom-color:#9fb85b!important;
}
#performans .perf-block-v29:nth-of-type(3) .perf-head-v29::before{background:#b7cf69!important}

#performans .transient-v30 .perf-head-v29{
 background:linear-gradient(90deg,#17434a,#2c6870 48%,#173c43 100%)!important;
 border-bottom-color:#70adb1!important;
}
#performans .transient-v30 .perf-head-v29::before{background:#79c1c5!important}

/* Kaynaklar: 1 resmi site + maksimum 7 ek kaynak = toplam 8 */
.sources-grid-v35{
 display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:12px;
 width:100%;
 margin-top:14px;
}
.source-card-v35{
 min-height:138px;
 display:flex;
 flex-direction:column;
 padding:15px 16px;
 border:1px solid #65521e;
 border-radius:6px;
 background:linear-gradient(145deg,#0b0e0b,#11150f);
 text-decoration:none!important;
 transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
 box-sizing:border-box;
}
.source-card-v35:hover{
 transform:translateY(-2px);
 border-color:#b7953d;
 box-shadow:0 8px 20px rgba(0,0,0,.24);
}
.source-card-v35.official{
 border-color:#8b7331;
 background:linear-gradient(145deg,#17180f,#242113);
}
.source-type-v35{
 font-size:9px;
 letter-spacing:1.5px;
 color:#b89b4c;
 font-weight:800;
 margin-bottom:9px;
}
.source-card-v35.official .source-type-v35{color:#e3c85d}
.source-card-v35 strong{
 font-size:18px;
 line-height:1.05;
 color:#eee8d5;
 margin-bottom:8px;
}
.source-card-v35 small{
 color:#8f8b7d;
 font-size:10px;
 line-height:1.35;
}
.source-open-v35{
 margin-top:auto;
 padding-top:12px;
 color:#c8a84e;
 font-size:10px;
 font-weight:700;
}
@media(max-width:1050px){.sources-grid-v35{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.sources-grid-v35{grid-template-columns:1fr}}

/* Açık tema kaynak kartları */
.light .source-card-v35{
 background:#eee9da;
 border-color:#b29a61;
}
.light .source-card-v35.official{background:#e5dcc3}
.light .source-card-v35 strong{color:#282419}
.light .source-card-v35 small{color:#6d6554}

/* V36 — seri bazlı watt varyantları */
.series-variants-v36{
  display:flex;
  align-items:center;
  gap:18px;
  width:max-content;
  max-width:100%;
  margin:15px 0 17px;
  padding:8px 9px 8px 13px;
  border:1px solid #5d4b1b;
  border-radius:7px;
  background:linear-gradient(90deg,#0c100d,#12160f);
  box-sizing:border-box;
}
.series-variants-label-v36{
  min-width:132px;
  padding-right:14px;
  border-right:1px solid #42391f;
}
.series-variants-label-v36 span{
  display:block;
  color:#c4a74e;
  font-size:8px;
  font-weight:800;
  letter-spacing:1.3px;
}
.series-variants-label-v36 small{
  display:block;
  margin-top:4px;
  color:#8d8879;
  font-size:10px;
}
.series-watts-v36{
  display:flex;
  gap:7px;
}
.series-watt-v36{
  min-width:83px;
  padding:7px 10px;
  border:1px solid #4d452d;
  border-radius:5px;
  background:#10130f;
  color:#bdb7a4;
  font-family:inherit;
  cursor:default;
  text-align:left;
}
.series-watt-v36 strong{
  display:block;
  font-size:14px;
  color:#ddd6be;
  line-height:1;
}
.series-watt-v36 span{
  display:block;
  margin-top:4px;
  font-size:7px;
  color:#716d62;
  white-space:nowrap;
}
.series-watt-v36.active{
  border-color:#b49537;
  background:linear-gradient(145deg,#263520,#162219);
  box-shadow:inset 0 0 0 1px rgba(111,170,112,.16),0 0 12px rgba(180,149,55,.08);
}
.series-watt-v36.active strong{color:#83c592}
.series-watt-v36.active span{color:#b3b899}
.series-watt-v36.unavailable{opacity:.72}

/* Açık tema */
.light .series-variants-v36{
  background:#eee9d9;
  border-color:#b59b58;
}
.light .series-variants-label-v36{border-color:#c9b98f}
.light .series-variants-label-v36 small{color:#6c6556}
.light .series-watt-v36{
  background:#e5dfcf;
  border-color:#b7aa89;
}
.light .series-watt-v36 strong{color:#332f25}
.light .series-watt-v36.active{
  background:#d7e2d1;
  border-color:#8d7b3e;
}
.light .series-watt-v36.active strong{color:#315d3b}

@media(max-width:720px){
  .series-variants-v36{align-items:flex-start;flex-direction:column;width:100%}
  .series-variants-label-v36{border-right:0;border-bottom:1px solid #42391f;padding:0 0 8px;width:100%}
  .series-watts-v36{width:100%;overflow-x:auto}
  .series-watt-v36{flex:0 0 auto}
}

/* =====================================================
   V37 — kaynak düzeni + daha canlı performans başlıkları
   ===================================================== */

/* Kaynaklar */
.sources-wrap-v37{
  width:min(1180px,calc(100% - 48px));
  margin:0 auto;
}
.sources-grid-v37{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.source-card-v37{
  min-height:150px;
  display:flex;
  flex-direction:column;
  padding:15px 16px;
  border:1px solid #665220;
  border-radius:7px;
  background:
    linear-gradient(145deg,#0a0d0a 0%,#11150f 100%);
  text-decoration:none!important;
  box-sizing:border-box;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.source-card-v37:hover{
  transform:translateY(-2px);
  border-color:#c49d3e;
  box-shadow:0 10px 24px rgba(0,0,0,.24);
}
.source-card-v37.official{
  background:linear-gradient(145deg,#151a11,#272512);
  border-color:#9d8032;
}
.source-card-v37.database{
  background:linear-gradient(145deg,#11120f,#191711);
}
.source-badge-v37{
  display:block;
  margin-bottom:10px;
  font-size:8px;
  letter-spacing:1.4px;
  font-weight:800;
  color:#c2a54e;
}
.source-card-v37.official .source-badge-v37{
  color:#efcc58;
}
.source-card-v37 strong{
  font-size:18px;
  line-height:1.05;
  color:#efe8d5;
  margin-bottom:8px;
  word-break:normal;
  overflow-wrap:anywhere;
}
.source-card-v37 small{
  color:#979081;
  font-size:10px;
  line-height:1.4;
}
.source-link-v37{
  margin-top:auto;
  padding-top:13px;
  color:#d0ac4c;
  font-size:10px;
  font-weight:800;
}
.source-link-v37.muted{
  color:#777063;
}
.sources-capacity-v37{
  margin-top:9px;
  text-align:right;
  color:#6f695c;
  font-size:8px;
  letter-spacing:.35px;
}

/* Daha canlı performans başlıkları — tüm ana bloklar */
#performans .perf-block-v29:nth-of-type(1) .perf-head-v29{
  background:linear-gradient(90deg,#0d5b39 0%,#19744a 48%,#0f4d34 100%)!important;
  border-bottom-color:#66d28f!important;
}
#performans .perf-block-v29:nth-of-type(1) .perf-head-v29::before{
  background:#72e3a0!important;
}
#performans .perf-block-v29:nth-of-type(1) .perf-head-v29 span{
  color:#c9f3d8!important;
}
#performans .perf-block-v29:nth-of-type(1) .perf-head-v29 strong{
  color:#f0fff4!important;
}

/* Regülasyon — daha canlı amber */
#performans .perf-block-v29:nth-of-type(2) .perf-head-v29{
  background:linear-gradient(90deg,#7a3c11 0%,#b45d18 48%,#6a3510 100%)!important;
  border-bottom-color:#f1a448!important;
}
#performans .perf-block-v29:nth-of-type(2) .perf-head-v29::before{
  background:#ffc15c!important;
}
#performans .perf-block-v29:nth-of-type(2) .perf-head-v29 span{
  color:#ffe0aa!important;
}
#performans .perf-block-v29:nth-of-type(2) .perf-head-v29 strong{
  color:#fff1c8!important;
}

/* Cross Load — canlı zeytin/yeşil */
#performans .perf-block-v29:nth-of-type(3) .perf-head-v29{
  background:linear-gradient(90deg,#3f5a18 0%,#6d8c28 48%,#354c16 100%)!important;
  border-bottom-color:#b2ce55!important;
}
#performans .perf-block-v29:nth-of-type(3) .perf-head-v29::before{
  background:#c7e46a!important;
}
#performans .perf-block-v29:nth-of-type(3) .perf-head-v29 span{
  color:#e2efb8!important;
}
#performans .perf-block-v29:nth-of-type(3) .perf-head-v29 strong{
  color:#f4ffd6!important;
}

/* Transient — daha canlı petrol/teal */
#performans .transient-v30 .perf-head-v29{
  background:linear-gradient(90deg,#0d5360 0%,#167482 48%,#0d4854 100%)!important;
  border-bottom-color:#62c8cf!important;
}
#performans .transient-v30 .perf-head-v29::before{
  background:#74d9df!important;
}
#performans .transient-v30 .perf-head-v29 span{
  color:#c8f3f5!important;
}
#performans .transient-v30 .perf-head-v29 strong{
  color:#efffff!important;
}

/* Cross load içindeki başlık/bantları da canlılaştır */
.load-map-v29 .load-full{
  background:#14542e!important;
  color:#9ff0b8!important;
  border:1px solid #2b7b48;
}
.load-map-v29 .load-off{
  background:#5b2418!important;
  color:#f1a18d!important;
  border:1px solid #833827;
}

/* Transient paneller */
.transient-panel-v30:first-child .transient-panel-head{
  background:linear-gradient(90deg,#143d2c,#1d5c3c)!important;
}
.transient-panel-v30:last-child .transient-panel-head{
  background:linear-gradient(90deg,#153747,#1c5a70)!important;
}
.transient-panel-v30:first-child .transient-panel-head strong{
  color:#bde9c8!important;
}
.transient-panel-v30:last-child .transient-panel-head strong{
  color:#bfe8f4!important;
}

/* Açık tema kaynaklar */
.light .source-card-v37{
  background:#eee8d8;
  border-color:#b69b59;
}
.light .source-card-v37.official{
  background:#e5dbc0;
}
.light .source-card-v37.database{
  background:#e9e2d2;
}
.light .source-card-v37 strong{color:#2d281e}
.light .source-card-v37 small{color:#6b6456}
.light .sources-capacity-v37{color:#756e5e}

@media(max-width:1050px){
  .sources-grid-v37{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .sources-wrap-v37{width:100%}
  .sources-grid-v37{grid-template-columns:1fr}
}

/* =====================================================
   V38 — daha sakin steampunk / Noctua esintili performans renkleri
   ===================================================== */

/* Ripple: koyu orman yeşili, daha mat */
#performans .perf-block-v29:nth-of-type(1) .perf-head-v29{
  background:
    linear-gradient(90deg,#1d2f24 0%,#314638 48%,#1c2a22 100%) !important;
  border-bottom-color:#667c68 !important;
}
#performans .perf-block-v29:nth-of-type(1) .perf-head-v29::before{
  background:#7e8f74 !important;
}
#performans .perf-block-v29:nth-of-type(1) .perf-head-v29 span{
  color:#b8c5af !important;
}
#performans .perf-block-v29:nth-of-type(1) .perf-head-v29 strong{
  color:#dedfcf !important;
}

/* Regülasyon: Noctua / bakır-kahve */
#performans .perf-block-v29:nth-of-type(2) .perf-head-v29{
  background:
    linear-gradient(90deg,#3a281e 0%,#5b4130 48%,#33251d 100%) !important;
  border-bottom-color:#8a6a4d !important;
}
#performans .perf-block-v29:nth-of-type(2) .perf-head-v29::before{
  background:#a47a57 !important;
}
#performans .perf-block-v29:nth-of-type(2) .perf-head-v29 span{
  color:#c9b29d !important;
}
#performans .perf-block-v29:nth-of-type(2) .perf-head-v29 strong{
  color:#e6d3be !important;
}

/* Cross Load: zeytin/bronz */
#performans .perf-block-v29:nth-of-type(3) .perf-head-v29{
  background:
    linear-gradient(90deg,#2d301f 0%,#47472b 48%,#292c1d 100%) !important;
  border-bottom-color:#77744b !important;
}
#performans .perf-block-v29:nth-of-type(3) .perf-head-v29::before{
  background:#8b8757 !important;
}
#performans .perf-block-v29:nth-of-type(3) .perf-head-v29 span{
  color:#bab892 !important;
}
#performans .perf-block-v29:nth-of-type(3) .perf-head-v29 strong{
  color:#ddd9b8 !important;
}

/* Transient: koyu çelik / kahverengi-petrol */
#performans .transient-v30 .perf-head-v29{
  background:
    linear-gradient(90deg,#243033 0%,#384648 48%,#222d30 100%) !important;
  border-bottom-color:#657579 !important;
}
#performans .transient-v30 .perf-head-v29::before{
  background:#7a8889 !important;
}
#performans .transient-v30 .perf-head-v29 span{
  color:#b6c0be !important;
}
#performans .transient-v30 .perf-head-v29 strong{
  color:#dde1dc !important;
}

/* Metreler de daha sakin ve Noctua/steampunk uyumlu */
#performans .perf-block-v29:nth-of-type(1) .ripple-scale{
  background:linear-gradient(90deg,
    #355a49 0 50%,
    #5b6647 50% 64%,
    #7d6a3e 64% 86%,
    #69483d 86% 100%) !important;
}
#performans .perf-block-v29:nth-of-type(1) .ripple-scale.fivev{
  background:linear-gradient(90deg,
    #355a49 0 40%,
    #5b6647 40% 60%,
    #7d6a3e 60% 80%,
    #69483d 80% 100%) !important;
}
#performans .perf-block-v29:nth-of-type(2) .regulation-scale{
  background:linear-gradient(90deg,
    #365247 0 20%,
    #626548 20% 40%,
    #866c3f 40% 80%,
    #74493d 80% 100%) !important;
}

/* Cross load FULL/YOK etiketlerini de biraz söndür */
.load-map-v29 .load-full{
  background:#233c2d !important;
  color:#9bc1a3 !important;
  border-color:#466950 !important;
}
.load-map-v29 .load-off{
  background:#44271f !important;
  color:#c4907e !important;
  border-color:#654033 !important;
}

/* Transient alt paneller daha mat */
.transient-panel-v30:first-child .transient-panel-head{
  background:linear-gradient(90deg,#26332a,#33463a) !important;
}
.transient-panel-v30:last-child .transient-panel-head{
  background:linear-gradient(90deg,#273237,#34444a) !important;
}

/* 6 fotoğraflık galeri */
#galeri .gallery-clean,
#galeri .five-photo-grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
#galeri .photo-slot,
#galeri .photo-real{
  min-height:230px;
}

/* Açık tema — daha yumuşak kahve/yeşil */
.light #performans .perf-block-v29:nth-of-type(1) .perf-head-v29{
  background:linear-gradient(90deg,#ccd4c7,#adbcae,#ccd4c7) !important;
}
.light #performans .perf-block-v29:nth-of-type(2) .perf-head-v29{
  background:linear-gradient(90deg,#dac8b8,#bda087,#dac8b8) !important;
}
.light #performans .perf-block-v29:nth-of-type(3) .perf-head-v29{
  background:linear-gradient(90deg,#d5d2bd,#b8b38d,#d5d2bd) !important;
}
.light #performans .transient-v30 .perf-head-v29{
  background:linear-gradient(90deg,#cfd5d4,#b1bfc0,#cfd5d4) !important;
}

@media(max-width:900px){
  #galeri .gallery-clean,
  #galeri .five-photo-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media(max-width:600px){
  #galeri .gallery-clean,
  #galeri .five-photo-grid{
    grid-template-columns:1fr !important;
  }
}


/* =====================================================
   V39 — Fan/Kablo hizası + üst sekme ayraçları
   ===================================================== */

/* Fan ve kablo içeriklerini performans bölümüyle aynı iç genişlikte tut */
#fan > .section-heading,
#fan > .fan-compact,
#kablolar > .section-heading,
#kablolar > .cable-legend,
#kablolar > .table-scroll{
  width:min(1180px, calc(100% - 48px));
  margin-left:auto;
  margin-right:auto;
}

#fan > .section-heading,
#kablolar > .section-heading{
  margin-bottom:18px;
}

/* Üstteki Temel / Fotoğraflar / ... butonları arasına ince açık çizgi */
.detail-subnav a{
  position:relative;
}
.detail-subnav a:not(:last-child)::after{
  content:"";
  position:absolute;
  right:-1px;
  top:50%;
  width:1px;
  height:16px;
  transform:translateY(-50%);
  background:rgba(245,241,225,.68);
  pointer-events:none;
}

/* Açık temada çizgi görünür ama fazla sert olmaz */
.light .detail-subnav a:not(:last-child)::after{
  background:rgba(55,47,36,.42);
}

@media(max-width:700px){
  #fan > .section-heading,
  #fan > .fan-compact,
  #kablolar > .section-heading,
  #kablolar > .cable-legend,
  #kablolar > .table-scroll{
    width:100%;
  }
}

/* =====================================================
   V40 — Fan/Kablo başlıklarını diğer bölümlerle aynı hizaya getir
   ===================================================== */

/* İçerik sıkışık kalsın ama bölüm başlıkları artık solda,
   Koruma / Performans / Galeri başlıklarıyla aynı hizada olsun. */
#fan > .section-heading,
#kablolar > .section-heading{
  width:auto !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  margin-bottom:18px !important;
}

/* Sadece gerçek içerik alanlarını dar tut */
#fan > .fan-compact,
#kablolar > .cable-legend,
#kablolar > .table-scroll{
  width:min(1180px, calc(100% - 48px)) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Mobilde doğal genişlik */
@media(max-width:700px){
  #fan > .section-heading,
  #kablolar > .section-heading{
    width:auto !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  #fan > .fan-compact,
  #kablolar > .cable-legend,
  #kablolar > .table-scroll{
    width:100% !important;
  }
}

/* =====================================================
   V41 — Light theme okunabilirlik + kapsül ana menü
   ===================================================== */

/* Açık temada performans başlıkları: soluk beyaz yazıları koyulaştır */
.light #performans .perf-head-v29 span,
.light #performans .perf-head-v29 strong,
.light #performans .transient-v30 .perf-head-v29 span,
.light #performans .transient-v30 .perf-head-v29 strong{
  color:#332b20 !important;
  text-shadow:none !important;
}

.light #performans .perf-head-v29 .perf-note,
.light #performans .perf-head-v29 small{
  color:#62594b !important;
}

.light #performans .transient-panel-head,
.light #performans .transient-panel-head span,
.light #performans .transient-panel-head strong{
  color:#f0eadc !important;
}

/* Performans alanındaki genel küçük yazılar */
.light #performans .perf-summary-v29,
.light #performans .perf-summary-v29 span,
.light #performans .perf-summary-v29 small{
  color:#514a3f;
}

/* Ana navigasyonu arama kutusu gibi kapsül yap */
.detail-topbar .main-nav{
  display:flex;
  align-items:center;
  gap:0;
  padding:5px 8px;
  border:1px solid rgba(166,128,43,.72);
  border-radius:999px;
  background:rgba(8,10,8,.82);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.025),
    0 5px 14px rgba(0,0,0,.18);
  overflow:hidden;
}

.detail-topbar .main-nav a{
  position:relative;
  padding:8px 13px;
  border-radius:999px;
  transition:background .18s ease,color .18s ease;
}

.detail-topbar .main-nav a:hover,
.detail-topbar .main-nav a.active{
  background:rgba(167,126,40,.16);
}

/* kapsül içindeki menü öğeleri arasında ince ayraç */
.detail-topbar .main-nav a:not(:last-child)::after{
  content:"";
  position:absolute;
  right:0;
  top:27%;
  width:1px;
  height:46%;
  background:rgba(225,213,180,.22);
}

/* Açık tema kapsülü */
.light .detail-topbar .main-nav{
  background:#d9cfb7 !important;
  border-color:#a88434 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.55),
    0 5px 15px rgba(72,57,30,.13);
}

.light .detail-topbar .main-nav a{
  color:#2d271e !important;
}

.light .detail-topbar .main-nav a:hover,
.light .detail-topbar .main-nav a.active{
  color:#17130e !important;
  background:#c7b78f !important;
}

.light .detail-topbar .main-nav a:not(:last-child)::after{
  background:rgba(73,59,35,.25);
}

/* Aktif sayfanın alt çizgisi kapsül içinde daha temiz */
.detail-topbar .main-nav a.active{
  border-bottom-color:transparent !important;
}

@media(max-width:760px){
  .detail-topbar .main-nav{
    border-radius:18px;
    flex-wrap:wrap;
  }
}

/* =====================================================
   V42 — üst sol menüyü ortala, tüm düğmeleri kapsül yap
   ===================================================== */

/* Ana kapsülü header içinde dikey ortala.
   style.css'teki eski padding-top etkisini tamamen ez. */
.detail-topbar .main-nav{
  align-self:center !important;
  justify-self:start !important;
  padding:6px 7px !important;
  margin:0 0 0 12px !important;
  transform:translateY(-2px);
  background:linear-gradient(180deg,#171913 0%,#0d100c 100%) !important;
  border:1px solid #876b27 !important;
  border-radius:999px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,240,190,.055),
    inset 0 -1px 0 rgba(0,0,0,.55),
    0 7px 18px rgba(0,0,0,.22) !important;
}

/* Artık Ana Sayfa dahil bütün seçenekler gerçek birer küçük kapsül */
.detail-topbar .main-nav a{
  display:flex !important;
  align-items:center !important;
  min-height:34px;
  padding:0 13px !important;
  border:1px solid transparent !important;
  border-radius:999px !important;
  background:rgba(100,79,39,.09);
  color:#d7cfbc !important;
  box-sizing:border-box;
}

.detail-topbar .main-nav a:hover{
  background:#242016 !important;
  border-color:rgba(164,129,54,.34) !important;
  color:#f0d47d !important;
}

/* Aktif olan Veritabanı daha belirgin, ama diğerleri de artık boş yazı değil */
.detail-topbar .main-nav a.active{
  background:linear-gradient(180deg,#39301c,#292313) !important;
  border-color:rgba(181,145,61,.48) !important;
  color:#f2d477 !important;
  box-shadow:inset 0 1px 0 rgba(255,234,165,.06);
}

/* Eski active alt çizgisini tamamen kaldır */
.detail-topbar .main-nav a,
.detail-topbar .main-nav a.active,
.detail-topbar .main-nav a:hover{
  border-bottom-width:1px !important;
}

/* Ayraçları kapsüllerin arasında tut */
.detail-topbar .main-nav a:not(:last-child)::after{
  right:-1px !important;
  height:42% !important;
  background:rgba(232,219,178,.24) !important;
}

/* Açık tema: arka plandan net biçimde ayrılan sıcak krem/bronz kapsül */
.light .detail-topbar .main-nav{
  background:linear-gradient(180deg,#d8ceb5 0%,#c8bb9d 100%) !important;
  border-color:#9d7b30 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.64),
    0 7px 18px rgba(78,62,31,.14) !important;
}

.light .detail-topbar .main-nav a{
  background:rgba(255,255,255,.18) !important;
  color:#352d21 !important;
}

.light .detail-topbar .main-nav a:hover{
  background:#b9aa87 !important;
  border-color:#9b7c3c !important;
  color:#1e1912 !important;
}

.light .detail-topbar .main-nav a.active{
  background:linear-gradient(180deg,#ad9b72,#9b895f) !important;
  border-color:#806427 !important;
  color:#18130c !important;
}

.light .detail-topbar .main-nav a:not(:last-child)::after{
  background:rgba(70,55,32,.28) !important;
}

@media(max-width:920px){
  .detail-topbar .main-nav{
    margin-left:0 !important;
    transform:none;
  }
}

/* =====================================================
   V43 — Header hizası, ana sayfa kapsülü, metre yazıları
   ===================================================== */

/* Sol menü ve sağ arama aynı dikey hatta */
.topbar{
  align-items:center !important;
}
.topbar .main-nav{
  align-self:center !important;
  justify-self:start !important;
  padding:6px 7px !important;
  padding-top:6px !important;
  padding-left:7px !important;
  margin:0 0 0 12px !important;
  transform:none !important;
  gap:2px !important;
  border:1px solid #876b27 !important;
  border-radius:999px !important;
  background:linear-gradient(180deg,#171913,#0d100c) !important;
  box-shadow:inset 0 1px 0 rgba(255,240,190,.05),0 7px 18px rgba(0,0,0,.2) !important;
}
.topbar .main-nav a{
  display:flex !important;
  align-items:center !important;
  min-height:34px !important;
  padding:0 13px !important;
  border:1px solid transparent !important;
  border-radius:999px !important;
  background:rgba(104,82,39,.07) !important;
  color:#d7cfbc !important;
  box-sizing:border-box;
}
.topbar .main-nav a:hover{
  background:#242016 !important;
  border-color:rgba(164,129,54,.34) !important;
  color:#f0d47d !important;
}
.topbar .main-nav a.active{
  background:linear-gradient(180deg,#39301c,#292313) !important;
  border-color:rgba(181,145,61,.48) !important;
  color:#f2d477 !important;
}
.topbar .main-nav a:not(:last-child)::after{
  content:"";
  position:absolute;
  right:-2px;
  top:29%;
  width:1px;
  height:42%;
  background:rgba(232,219,178,.24);
}
.topbar .top-actions{
  align-self:center !important;
  justify-self:end !important;
  padding-top:0 !important;
  margin:0 12px 0 0 !important;
}

/* Açık tema */
.light .topbar .main-nav{
  background:linear-gradient(180deg,#d8ceb5,#c8bb9d) !important;
  border-color:#9d7b30 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.64),0 7px 18px rgba(78,62,31,.14) !important;
}
.light .topbar .main-nav a{
  background:rgba(255,255,255,.16) !important;
  color:#352d21 !important;
}
.light .topbar .main-nav a:hover{
  background:#b9aa87 !important;
  border-color:#9b7c3c !important;
  color:#1e1912 !important;
}
.light .topbar .main-nav a.active{
  background:linear-gradient(180deg,#ad9b72,#9b895f) !important;
  border-color:#806427 !important;
  color:#18130c !important;
}
.light .topbar .main-nav a:not(:last-child)::after{
  background:rgba(70,55,32,.28) !important;
}

/* Küçük metre uç yazıları daha okunaklı */
.scale-labels span,
.metric-footer span{
  color:#a59d8a !important;
  opacity:1 !important;
}
.light .scale-labels span,
.light .metric-footer span{
  color:#6b6253 !important;
}

/* Cross-load metrelerinin altındaki durum yazıları da net */
.meter-rating-v32{
  color:#a69e8a !important;
  opacity:1 !important;
}
.light .meter-rating-v32{
  color:#665f52 !important;
}

/* =====================================================
   V43 — IRON Tier renkleri (Sheet paletine yakın)
   ===================================================== */
:root{
  --tier-a:#5fd39b;
  --tier-b:#76a95e;
  --tier-c:#f0c332;
  --tier-d:#df983b;
  --tier-e:#d9928c;
  --tier-f:#cf2d14;
}
.tier-a,.tier-aplus,.tier-a-plus,[data-tier^="A"]{
  background:var(--tier-a)!important;color:#0b1711!important;border-color:#9cf0c8!important;
}
.tier-b,.tier-bplus,.tier-b-plus,[data-tier^="B"]{
  background:var(--tier-b)!important;color:#10190d!important;border-color:#b4d79e!important;
}
.tier-c,.tier-cplus,.tier-c-plus,.tier-cminus,.tier-c-minus,[data-tier^="C"]{
  background:var(--tier-c)!important;color:#1d1603!important;border-color:#ffe27e!important;
}
.tier-d,.tier-dplus,.tier-d-plus,.tier-dminus,.tier-d-minus,[data-tier^="D"]{
  background:var(--tier-d)!important;color:#1f1203!important;border-color:#f4bd79!important;
}
.tier-e,.tier-eplus,.tier-e-plus,.tier-eminus,.tier-e-minus,[data-tier^="E"]{
  background:var(--tier-e)!important;color:#24100e!important;border-color:#efc3bf!important;
}
.tier-f,.tier-fplus,.tier-f-plus,.tier-fminus,.tier-f-minus,[data-tier^="F"]{
  background:var(--tier-f)!important;color:#fff2e9!important;border-color:#f07860!important;
}

/* Kartlardaki tier rozetleri */
.tier-badge,
.psu-tier,
.tier-chip,
[class*="tier-badge"]{
  font-weight:800!important;
}

/* =====================================================
   V44 — tier kartını yumuşat + cross-load skala uçları
   ===================================================== */

/* C- kartı artık tek parça sert sarı blok gibi görünmesin */
.result-tier-v35 [data-tier],
.result-tier-v35 .tier-grade,
.result-tier-v35 .result-tier-grade,
.iron-result-card [data-tier]{
  background:transparent !important;
  border:0 !important;
  color:#e8c94e !important;
  text-shadow:0 1px 0 rgba(0,0,0,.35);
}

/* Eğer data-tier doğrudan büyük sonuç kutusundaysa arka planı özellikle kaldır */
.result-section [data-tier="C-"]{
  background:linear-gradient(180deg,rgba(239,195,50,.12),rgba(239,195,50,.035)) !important;
  border-color:rgba(218,178,55,.46) !important;
  color:#e8c94e !important;
  border-radius:8px !important;
}

/* Büyük harfin çevresinde daha sakin, temaya uygun vurgu */
.result-section [data-tier="C-"] strong,
.result-section [data-tier="C-"] .tier-letter,
.result-section [data-tier="C-"] .tier-value{
  color:#e8c94e !important;
  background:transparent !important;
}

/* Cross-load metrelerinin altında min/max değerleri */
.cross-meter-v31{
  position:relative;
  padding-bottom:15px !important;
}
.cross-scale-v44{
  position:absolute;
  left:0;
  right:0;
  bottom:1px;
  display:flex;
  justify-content:space-between;
  pointer-events:none;
  font-size:8px;
  line-height:1;
  letter-spacing:.01em;
  color:#9f9785;
  opacity:1;
}
.cross-scale-v44 span{
  color:#9f9785 !important;
  opacity:1 !important;
}
.light .cross-scale-v44,
.light .cross-scale-v44 span{
  color:#716858 !important;
}

/* Durum yazısı skalayla çakışmasın */
.cross-meter-v31 .meter-rating-v32{
  display:block;
  margin-top:4px;
  text-align:center;
  font-size:8px;
  line-height:1;
}

/* Sonuç alanındaki C- için, HTML sınıfından bağımsız yumuşatma */
.result-section .tier-card,
.iron-result .tier-card,
.result-grid .tier-card{
  overflow:hidden;
}
.result-section .tier-card [data-tier="C-"],
.iron-result .tier-card [data-tier="C-"],
.result-grid .tier-card [data-tier="C-"]{
  box-shadow:none !important;
}