/* Vitrin — tasarım sözleşmesi v2: dizin gibi davranır, temanın değişkenlerini okur.
   Gölge yok, köşe tek değer (--sc-r), hap/gradyan yok, kart içinde kart yok. */
.sc-wrap{
  --sc-bg:var(--f14-surface,var(--theme-card-bg,#fff));
  --sc-alt:var(--f14-row-alt,color-mix(in srgb,var(--sc-bg) 96%,currentColor));
  --sc-sub:var(--f14-sub-bg,color-mix(in srgb,var(--sc-bg) 92%,currentColor));
  --sc-line:var(--f14-border,var(--theme-card-border,#e5e7eb));
  --sc-line-2:var(--f14-border-strong,color-mix(in srgb,var(--sc-line) 70%,currentColor));
  --sc-muted:color-mix(in srgb,currentColor 72%,transparent);
  --sc-link:var(--f14-link,var(--primary-color,#206bc4));
  --sc-accent:var(--f14-primary,var(--primary-color,#206bc4));
  --sc-head:var(--f14-cat-bg,#1a252f);
  --sc-head-bg:var(--f14-head-grad,var(--sc-head));
  --sc-on:#fff;--sc-ok:#157347;--sc-warn:#8a5a00;--sc-bad:#b42318;
  --sc-r:var(--f14-radius,3px);
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;
  font-family:var(--f14-font,inherit);color:inherit;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s5);min-width:0;overflow-wrap:anywhere;font-size:13px;line-height:1.5;
}
.sc-wrap *{box-sizing:border-box}
.sc-wrap a{color:var(--sc-link);text-decoration:none}
.sc-wrap a:hover{text-decoration:underline}
.sc-wrap :focus-visible{outline:2px solid var(--sc-accent);outline-offset:2px}
.sc-wrap h1,.sc-wrap h2,.sc-wrap h3{margin:0;line-height:1.3}
.sc-muted{color:var(--sc-muted)}
.sc-small{font-size:12px}
.sc-num{font-variant-numeric:tabular-nums}

/* Düğme */
.sc-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:32px;padding:0 var(--s3);border:1px solid var(--sc-line-2);border-radius:var(--sc-r);background:var(--sc-bg);color:inherit!important;font-family:inherit;font-weight:700;font-size:13px;line-height:1;cursor:pointer;text-decoration:none!important}
.sc-btn:hover{background:var(--sc-alt)}
.sc-btn--primary{background:var(--sc-accent);border-color:var(--sc-accent);color:var(--sc-on)!important}
.sc-btn--primary:hover{background:color-mix(in srgb,var(--sc-accent) 85%,#000)}
.sc-btn--block{display:flex;width:100%;min-height:44px;font-size:14px}
.sc-btn--danger{color:var(--sc-bad)!important;border-color:var(--sc-bad)}
.sc-btn--sm{min-height:26px;padding:0 var(--s2);font-size:12px}
.sc-btn[aria-disabled=true],.sc-btn[disabled]{opacity:.55;cursor:not-allowed;pointer-events:none}

/* Üst şerit, sekmeler, filtre */
.sc-top{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);flex-wrap:wrap;padding:8px 14px;border-left:4px solid var(--sc-accent);border-bottom:1px solid var(--sc-line);background:var(--sc-sub)}
.sc-top h1{font-family:inherit;font-weight:700;font-size:18px;display:inline}
.sc-top .sc-muted{margin-left:var(--s3)}
.sc-tabs{display:flex;gap:2px;margin:0;padding:0;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--sc-line-2)}
.sc-tabs::-webkit-scrollbar{display:none}
.sc-tabs a{display:block;padding:7px 14px;white-space:nowrap;font-weight:700;color:var(--sc-muted)!important;background:var(--sc-sub);border:1px solid var(--sc-line);border-bottom:0;border-radius:var(--sc-r) var(--sc-r) 0 0;margin-bottom:-1px}
.sc-tabs a:hover{text-decoration:none;background:var(--sc-alt)}
.sc-tabs a[aria-current],.sc-tabs a.is-active{background:var(--sc-bg);color:inherit!important;border-color:var(--sc-line-2);border-top:2px solid var(--sc-accent);padding-top:6px}
.sc-filter{display:flex;gap:var(--s2);flex-wrap:wrap;align-items:center;padding:var(--s2) var(--s3);background:var(--sc-sub);border:1px solid var(--sc-line-2);border-top:0;margin-top:calc(var(--s5) * -1)}
.sc-input,.sc-select,.sc-textarea{min-height:32px;padding:4px var(--s2);border:1px solid var(--sc-line-2);border-radius:var(--sc-r);background:var(--sc-bg);color:inherit;font:inherit;width:100%}
.sc-textarea{min-height:120px;resize:vertical;padding:var(--s2)}
.sc-filter .sc-input{flex:1 1 180px;width:auto}.sc-filter .sc-select{width:auto}
.sc-sum{font-size:12px;color:var(--sc-muted);padding-bottom:var(--s2)}

/* Düzen */
.sc-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:var(--s4);align-items:start}
.sc-main{min-width:0}
.sc-aside{display:grid;gap:var(--s4);min-width:0}

/* Kapak / küçük resim */
.sc-cv{display:block;overflow:hidden;border:1px solid var(--sc-line);border-radius:var(--sc-r);background:var(--sc-sub)}
.sc-cv img,.sc-cv svg{display:block;width:100%;height:100%;object-fit:cover}
.sc-cv--s{width:64px;height:40px;flex:none}
.sc-cv--xs{width:44px;height:28px;flex:none}
.sc-cv--s text:last-child,.sc-cv--xs text:last-child{display:none}
.sc-cv--tile{aspect-ratio:4/3}
.sc-cv--hero{width:96px;height:60px;flex:none}

/* Liste satırı (eklenti, çekirdek) */
.sc-rows{border:1px solid var(--sc-line-2);border-radius:var(--sc-r) var(--sc-r) 0 0;background:var(--sc-bg)}
.sc-row{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr) 96px 96px 88px;gap:var(--s3);align-items:start;padding:10px var(--s3);border-top:1px solid var(--sc-line)}
.sc-row:not(.sc-row--head):nth-child(odd){background:var(--sc-alt)}
.sc-row:hover{background:color-mix(in srgb,var(--sc-accent) 6%,var(--sc-bg))}
.sc-row--head{background:var(--sc-sub)!important;border-top:0;padding-top:6px;padding-bottom:6px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--sc-muted)}
.sc-row--head span:nth-child(n+3){text-align:right}
.sc-row__title{font-size:15px;font-weight:700;line-height:1.3}
.sc-row__title a::after{content:"";position:absolute;inset:0}
.sc-row__ver{font-size:12px;font-weight:400;color:var(--sc-muted);margin-left:var(--s1)}
.sc-row__sum{margin:2px 0;max-height:2.9em;overflow:hidden}
.sc-row__meta{font-size:12px;color:var(--sc-muted)}
.sc-row__meta .sc-feat{color:var(--sc-warn);font-weight:700;text-transform:uppercase;font-size:11px;margin-right:var(--s1)}
.sc-row__n{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}
.sc-row__n small{display:block;font-weight:400;font-size:11px;color:var(--sc-muted)}
.sc-free{color:var(--sc-ok);font-weight:700}
.sc-row__inline{display:none}

/* Tema ızgarası (kartsız) */
.sc-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--s5) var(--s4)}
.sc-tile{position:relative;display:grid;gap:var(--s1);align-content:start}
.sc-tile__t{font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sc-tile__t a::after{content:"";position:absolute;inset:0}
.sc-tile__l{display:flex;justify-content:space-between;gap:var(--s2);font-size:12px;color:var(--sc-muted)}
.sc-tile__l b{color:inherit;font-size:13px}

/* Blok + başlık (çekirdek yan panelleriyle aynı dil) */
.sc-block,.sc-panel{background:var(--sc-bg);border:1px solid var(--sc-line-2);border-radius:var(--sc-r) var(--sc-r) 0 0}
.sc-panel{padding:var(--s4);border-radius:var(--sc-r)}
.sc-bh{background:var(--sc-head-bg);color:var(--sc-on);padding:6px var(--s3);font-family:inherit;font-weight:700;font-size:13px;line-height:1.3;border-bottom:1px solid color-mix(in srgb,var(--sc-head) 70%,#000)}
.sc-wi{display:flex;gap:var(--s2);align-items:center;padding:7px var(--s3);border-top:1px solid var(--sc-line);font-size:12px}
.sc-bh + .sc-wi,.sc-bh + .sc-wl > li:first-child,.sc-bh + dl > div:first-child,.sc-bh + .sc-wc{border-top:0}
.sc-wi:hover,.sc-wl li:hover{background:var(--sc-alt)}
.sc-wi b,.sc-wl b{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sc-wi small,.sc-wl small{display:block;font-size:11px;color:var(--sc-muted)}
.sc-wi > span:last-child,.sc-wl li > span:last-child{min-width:0}
.sc-wl{list-style:none;margin:0;padding:0}
.sc-wl li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:var(--s2);padding:7px var(--s3);border-top:1px solid var(--sc-line)}
.sc-wl .sc-rank{font-weight:700;font-variant-numeric:tabular-nums;color:var(--sc-muted)}
.sc-wl li:nth-child(-n+3) .sc-rank{color:var(--sc-accent)}
.sc-wk{margin:0}
.sc-wk div{display:flex;justify-content:space-between;gap:var(--s2);padding:5px var(--s3);border-top:1px solid var(--sc-line);font-size:12px}
.sc-wk dt{color:var(--sc-muted)}.sc-wk dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}
.sc-wc{display:flex;justify-content:space-between;padding:5px var(--s3);border-top:1px solid var(--sc-line);font-size:12px}
.sc-wc span:last-child{color:var(--sc-muted);font-variant-numeric:tabular-nums}

/* Boş durum, uyarı, sayfalama, durum metni */
.sc-empty{padding:var(--s4) var(--s3);background:var(--sc-sub);border:1px solid var(--sc-line)}
.sc-empty strong{display:block;font-size:14px}
.sc-alert{padding:var(--s2) var(--s3);border:1px solid var(--sc-line-2);border-left:4px solid var(--sc-accent);background:var(--sc-sub)}
.sc-alert--warn{border-left-color:var(--sc-warn)}.sc-alert--bad{border-left-color:var(--sc-bad)}.sc-alert--ok{border-left-color:var(--sc-ok)}
.sc-pager{display:flex;gap:var(--s1);flex-wrap:wrap;margin-top:var(--s4)}
.sc-pager a,.sc-pager span{display:grid;place-items:center;min-width:28px;height:28px;padding:0 var(--s2);border:1px solid var(--sc-line-2);border-radius:var(--sc-r);background:var(--sc-bg);text-decoration:none!important}
.sc-pager [aria-current]{background:var(--sc-accent);border-color:var(--sc-accent);color:var(--sc-on)}
.sc-badge,.sc-st{font-weight:700;font-size:12px}
.sc-badge--live,.sc-badge--published,.sc-st--published{color:var(--sc-ok)}
.sc-badge--pending,.sc-st--pending{color:var(--sc-warn)}
.sc-badge--rejected,.sc-st--rejected{color:var(--sc-bad)}

/* Detay */
.sc-crumb{font-size:12px;color:var(--sc-muted)}
.sc-title-band{display:flex;gap:var(--s4);align-items:flex-start;padding-bottom:var(--s3);border-bottom:1px solid var(--sc-line)}
.sc-title-band h1{font-size:22px;line-height:1.25}
.sc-title-band p{margin:var(--s1) 0 var(--s2);font-size:15px;max-width:70ch}
.sc-title-band .sc-meta{font-size:12px;color:var(--sc-muted)}
.sc-owner-links{margin-left:auto;font-size:12px;white-space:nowrap;display:flex;gap:var(--s3)}
.sc-owner-links form{display:inline}.sc-owner-links button{background:none;border:0;padding:0;color:var(--sc-link);font:inherit;cursor:pointer}
.sc-detail{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--s5);align-items:start}
.sc-detail__main{display:grid;gap:var(--s5);min-width:0}
.sc-side{display:grid;gap:var(--s4);min-width:0}
.sc-gal__main{display:block;width:100%;aspect-ratio:16/10;padding:0;border:1px solid var(--sc-line-2);border-radius:var(--sc-r);background:var(--sc-sub);cursor:zoom-in;overflow:hidden}
.sc-gal__main img{width:100%;height:100%;object-fit:contain;display:block}
.sc-thumbs{display:flex;gap:var(--s2);margin-top:var(--s2);overflow-x:auto}
.sc-thumbs button{flex:0 0 72px;height:45px;padding:0;border:1px solid var(--sc-line-2);border-radius:var(--sc-r);overflow:hidden;background:none;cursor:pointer}
.sc-thumbs button[aria-current=true]{border:2px solid var(--sc-accent)}
.sc-thumbs img{width:100%;height:100%;object-fit:cover}
dialog.sc-lightbox{border:0;padding:0;background:transparent;max-width:min(96vw,1200px)}
dialog.sc-lightbox::backdrop{background:rgba(0,0,0,.6)}
dialog.sc-lightbox img{max-width:100%;max-height:90vh;display:block;margin:auto}
dialog.sc-dlg{border:1px solid var(--sc-line-2);border-radius:var(--sc-r);background:var(--sc-bg);color:inherit;max-width:420px;width:92vw;padding:var(--s4)}
dialog.sc-dlg::backdrop{background:rgba(0,0,0,.6)}

.sc-cta{background:var(--sc-bg);border:1px solid var(--sc-line-2);border-top:3px solid var(--sc-accent);padding:var(--s4);display:grid;gap:var(--s3)}
.sc-cta h3{font-size:13px}
.sc-cta__ver{font-size:12px;color:var(--sc-muted)}
.sc-price{font-size:22px;font-weight:700;line-height:1.1}
.sc-checks{list-style:none;margin:0;padding:0;display:grid;gap:var(--s1)}
.sc-checks .ok{color:var(--sc-ok);font-weight:700}.sc-checks .no{color:var(--sc-muted)}
.sc-cta details summary{cursor:pointer;color:var(--sc-link);font-size:12px}
.sc-cta details[open] summary{margin-bottom:var(--s2)}
.sc-cta .sc-field{margin-top:var(--s2)}
.sc-react{display:flex;gap:var(--s2);flex-wrap:wrap}
.sc-react button{min-height:30px;padding:0 var(--s2);border:1px solid var(--sc-line-2);border-radius:var(--sc-r);background:var(--sc-bg);color:inherit;font:inherit;cursor:pointer}
.sc-react button[aria-pressed=true]{border-color:var(--sc-accent);font-weight:700}
.sc-react b{margin-left:var(--s1);font-variant-numeric:tabular-nums}
.sc-hash{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;word-break:break-all}
.sc-linkbtn{background:none;border:0;padding:0;color:var(--sc-link);font:inherit;font-size:12px;cursor:pointer}

.sc-info{width:100%;border-collapse:collapse;font-size:13px}
.sc-info th{width:40%;text-align:left;font-weight:400;font-size:12px;color:var(--sc-muted);padding:5px var(--s3);border-top:1px solid var(--sc-line)}
.sc-info td{padding:5px var(--s3);border-top:1px solid var(--sc-line)}
.sc-links{display:grid;gap:var(--s1);padding:var(--s2) var(--s3);border-top:1px solid var(--sc-line);font-size:12px}
.sc-fine{padding:var(--s2) var(--s3);font-size:11px;color:var(--sc-muted);border-top:1px solid var(--sc-line)}
.sc-author{display:flex;gap:var(--s3);align-items:center;padding:var(--s3)}
.sc-author img{width:40px;height:40px;border-radius:50%}
.sc-author b{display:block;font-size:14px}

.sc-content{line-height:1.65;font-size:14px;max-width:75ch}
.sc-content p{margin:0 0 var(--s3)}
.sc-content ul,.sc-content ol{margin:0 0 var(--s3);padding-left:var(--s5)}
.sc-content h2,.sc-content h3,.sc-content h4{margin:var(--s5) 0 var(--s2);font-size:16px}
.sc-content img{max-width:100%;height:auto}
.sc-content pre{background:var(--sc-sub);border:1px solid var(--sc-line);border-radius:var(--sc-r);padding:var(--s3);overflow:auto;font:12.5px ui-monospace,Menlo,Consolas,monospace}
.sc-content table{border-collapse:collapse;display:block;overflow:auto;max-width:100%}.sc-content td,.sc-content th{border:1px solid var(--sc-line);padding:5px 10px}
.sc-tabpanel{padding-top:var(--s4)}
.sc-js .sc-tabpanel[hidden]{display:none}
.sc-vers{width:100%;border-collapse:collapse;font-size:13px}
.sc-vers th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--sc-muted);background:var(--sc-sub);padding:6px var(--s2)}
.sc-vers td{padding:7px var(--s2);border-top:1px solid var(--sc-line);vertical-align:top}
.sc-vers .log{padding:0 var(--s2) var(--s2) var(--s5);border-top:0;color:var(--sc-muted);font-size:13px}
.sc-rev-sum{display:flex;gap:var(--s5);align-items:center;margin-bottom:var(--s4);flex-wrap:wrap}
.sc-rev-sum .big{font-size:22px;font-weight:700}
.sc-bars{display:grid;gap:var(--s1);flex:1;min-width:200px}
.sc-bar{display:grid;grid-template-columns:30px 1fr 28px;gap:var(--s2);align-items:center;font-size:12px}
.sc-bar i{display:block;height:6px;background:var(--sc-sub)}.sc-bar i b{display:block;height:100%;background:var(--sc-warn)}
.sc-rev{padding:var(--s3) 0;border-top:1px solid var(--sc-line);display:grid;gap:var(--s1)}
.sc-rev .head{display:flex;gap:var(--s2);align-items:center;flex-wrap:wrap;font-size:12px;color:var(--sc-muted)}
.sc-rev .head img{width:28px;height:28px;border-radius:50%}.sc-rev .head b{color:inherit}
.sc-reply{margin:var(--s2) 0 0 var(--s3);padding-left:var(--s3);border-left:2px solid var(--sc-line-2)}
.sc-reply small{display:block;text-transform:uppercase;font-size:11px;color:var(--sc-muted)}
.sc-rate{display:flex;gap:var(--s3);border:0;padding:0;margin:0;flex-wrap:wrap}
.sc-rate label{display:flex;gap:var(--s1);align-items:center}

/* Formlar ve panel */
.sc-form{display:grid;gap:var(--s4);max-width:860px}
.sc-form fieldset{border:1px solid var(--sc-line-2);border-radius:var(--sc-r);padding:var(--s4);display:grid;gap:var(--s3);min-width:0;margin:0}
.sc-form legend{font-weight:700;padding:0 var(--s2)}
.sc-field{display:grid;gap:var(--s1)}.sc-field label{font-weight:700}.sc-field small{color:var(--sc-muted)}
.sc-row2{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}
.sc-types{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3)}
.sc-types label{border:1px solid var(--sc-line-2);border-radius:var(--sc-r);padding:var(--s3);cursor:pointer;display:grid;gap:var(--s1)}
.sc-types input{position:absolute;opacity:0}
.sc-types label:has(input:checked){border-color:var(--sc-accent);outline:1px solid var(--sc-accent)}
.sc-types label{position:relative}
.sc-types label:has(input:focus-visible){outline:2px solid var(--sc-accent);outline-offset:2px}
.sc-types i{display:none}
.sc-drop{border:1px dashed var(--sc-line-2);border-radius:var(--sc-r);padding:var(--s4);display:grid;gap:var(--s1);background:var(--sc-sub)}
.sc-drop i{display:none}
.sc-drop.is-over{border-color:var(--sc-accent)}
.sc-shots{display:flex;gap:var(--s2);flex-wrap:wrap}.sc-shots figure{margin:0}.sc-shots img{width:110px;aspect-ratio:4/3;object-fit:cover;border:1px solid var(--sc-line);display:block}
.sc-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--s3)}
.sc-stat b{display:block;font-size:22px}
.sc-prow{display:grid;grid-template-columns:64px 1fr auto;gap:var(--s3);align-items:center;padding:10px 0;border-top:1px solid var(--sc-line)}
.sc-actions{display:flex;gap:var(--s2);flex-wrap:wrap}

@media (max-width:900px){
  .sc-layout,.sc-detail{grid-template-columns:1fr}
  .sc-side{order:-1}
}
@media (min-width:901px){.sc-cta{position:sticky;top:12px}}
@media (max-width:640px){
  .sc-row{grid-template-columns:56px minmax(0,1fr)}
  .sc-row--head,.sc-row__n{display:none}
  .sc-row__inline{display:block;font-size:12px;color:var(--sc-muted)}
  .sc-cv--s{width:56px;height:35px}
  .sc-btn,.sc-select,.sc-input{min-height:44px}
  .sc-btn--sm{min-height:32px}
  .sc-filter{display:grid;grid-template-columns:repeat(3,1fr)}
  .sc-filter .sc-input,.sc-filter button{grid-column:1/-1}
  .sc-react button,.sc-pager a,.sc-tabs a,.sc-rate label{min-height:44px}
  .sc-tiles{grid-template-columns:repeat(2,minmax(150px,1fr))}
  .sc-row2,.sc-types{grid-template-columns:1fr}
  .sc-title-band{flex-wrap:wrap}.sc-title-band h1{font-size:18px}
  .sc-top h1{font-size:18px}
}
@media (max-width:380px){.sc-tiles{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.sc-wrap *{transition:none!important;animation:none!important}}