:root{
  --ink:#17150f;
  --cream:#f7f2ea;
  --dim:#b8b0a2;
  --gold:#cfa658;
  --gold-lt:#f0d79a;
  --script:'Dancing Script','Segoe Script',cursive;
  --body:'Jost','Segoe UI',system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  background:var(--ink); color:var(--cream);
  font-family:var(--body); font-weight:300; line-height:1.5;
  overflow-x:hidden; position:relative; min-height:100svh;
}
body::before{
  content:""; position:fixed; inset:0; z-index:0; pointer-events:none;
  background:radial-gradient(120% 80% at 50% 0%, rgba(207,166,88,.09), transparent 65%);
}

/* köşe çiçekleri — sadece iki tane, sabit, seyrek */
.corner{position:fixed; z-index:1; pointer-events:none; width:clamp(140px,22vw,260px)}
.corner svg{display:block; width:100%; height:auto}
.corner--tl{top:0; left:0; opacity:.85}
.corner--br{bottom:0; right:0; opacity:.4; transform:rotate(180deg); width:clamp(120px,18vw,210px)}
#glitter{position:fixed; inset:0; z-index:2; pointer-events:none}

.btn{
  display:inline-block; font-family:var(--body); font-size:11px; font-weight:500;
  letter-spacing:.18em; text-transform:uppercase; padding:11px 18px;
  border:1px solid rgba(207,166,88,.4); color:var(--gold-lt);
  background:transparent; text-decoration:none; cursor:pointer;
  transition:background .3s ease,color .3s ease,border-color .3s ease;
}
.btn:hover{background:rgba(207,166,88,.14); border-color:var(--gold)}
.btn:focus-visible{outline:2px solid var(--gold-lt); outline-offset:3px}
.btn--solid{
  background:var(--gold); border-color:var(--gold); color:#1a1710;
  font-weight:500; font-size:13px; letter-spacing:.16em; padding:16px 30px;
}
.btn--solid:hover{background:var(--gold-lt); border-color:var(--gold-lt); color:#1a1710}
.btn[disabled]{opacity:.45; cursor:not-allowed}

/* ==================== DAVETİYE ==================== */
.card{
  position:relative; z-index:4;
  min-height:100svh;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  text-align:center;
  max-width:720px; margin:0 auto;
  padding:clamp(58px,7vh,92px) clamp(22px,6vw,44px);
}
.date-top{
  font-size:10px; letter-spacing:.4em; text-transform:uppercase;
  color:var(--gold); font-weight:500;
}

/* tek cesur hamle: ikinci satır sağa kaçık */
.names{
  font-family:var(--script); font-weight:600; line-height:1;
  margin:clamp(10px,1.8vh,20px) 0 0;
  text-align:center; white-space:nowrap;
  font-size:clamp(46px,13vw,104px);
}
.names .amp{color:var(--gold-lt); font-size:.72em; vertical-align:.06em; padding:0 .04em}

.quote{
  font-size:clamp(13px,1.6vh,15px); line-height:1.65; color:var(--dim);
  max-width:38ch; margin:clamp(14px,2.2vh,24px) auto 0;
}

/* asıl iş: yükleme çağrısı, isimlerin hemen altında */
.cta{margin:clamp(18px,3vh,30px) 0 0}
.cta .hint{
  display:block; font-size:12px; color:var(--dim);
  letter-spacing:.02em; margin-top:11px;
}

.hr{
  width:100%; max-width:420px; height:1px; margin:clamp(16px,2.6vh,30px) auto 0;
  background:linear-gradient(90deg,transparent,rgba(207,166,88,.5),transparent);
}

.events{
  display:grid; grid-template-columns:1fr 1fr; align-items:stretch;
  gap:clamp(14px,4vw,48px);
  width:100%; margin-top:clamp(14px,2.4vh,28px);
}
.event{display:flex; flex-direction:column}
.event .kind{font-size:10px; letter-spacing:.3em; text-transform:uppercase; color:var(--gold); font-weight:500}
.event .when{font-family:var(--script); font-size:clamp(26px,7vw,44px); line-height:1.05; margin:.1em 0 .04em}
.event .time{font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:var(--dim)}
.event .venue{font-size:clamp(14px,1.9vh,17px); margin-top:clamp(8px,1.4vh,14px)}
.event .addr{font-size:12px; color:var(--dim); line-height:1.55; margin-top:4px}
/* buton alta itilir → iki sütunda da aynı hizada */
.event .btn{margin-top:auto; align-self:center}
.event .venue + .addr{margin-bottom:12px}

/* event içi geri sayım — küçük, ortalı, butonun altında */
.ev-cd{margin-top:14px; display:flex; flex-direction:column; align-items:center; gap:6px}
.ev-cd .cd-lead{font-size:8px; letter-spacing:.2em; text-transform:uppercase; color:var(--gold)}
.ev-cd .cd-val{display:flex; align-items:flex-start; gap:clamp(7px,2vw,12px)}
.ev-cd .cd-val .u{display:flex; flex-direction:column; align-items:center; gap:2px; min-width:2.2ch}
.ev-cd .cd-val .u b{
  font-family:var(--script); font-weight:400; font-size:clamp(20px,2.8vh,26px);
  line-height:.9; color:var(--cream); font-variant-numeric:tabular-nums;
}
.ev-cd .cd-val .u i{font-style:normal; font-size:7px; letter-spacing:.1em; text-transform:uppercase; color:var(--dim)}
.ev-cd.past .cd-val .done{font-family:var(--script); font-size:clamp(18px,2.5vh,22px); color:var(--gold-lt)}

.foot{
  width:100%; margin-top:clamp(14px,2.4vh,28px); text-align:center;
  border-top:1px solid rgba(207,166,88,.18); padding-top:clamp(14px,2.2vh,20px);
}

/* --- aileler: iki sütun, altın etiketli, şık --- */
.foot .fams{
  margin-top:clamp(16px,2.6vh,24px);
  display:flex; align-items:stretch; justify-content:center; gap:clamp(18px,6vw,44px);
}
.foot .fam{display:flex; flex-direction:column; gap:5px; max-width:46%}
.foot .fam-lead{font-size:9px; letter-spacing:.24em; text-transform:uppercase; color:var(--gold)}
.foot .fam-name{
  font-size:clamp(14px,1.9vh,16px); letter-spacing:.02em; color:var(--cream); line-height:1.3;
}
.foot .fam-sep{width:1px; background:linear-gradient(180deg,transparent,rgba(207,166,88,.4),transparent)}

/* --- gelin & damat girişi (küçük, zarif) --- */
.foot .admin-link{
  display:inline-block; margin-top:clamp(16px,2.6vh,22px);
  font-size:10px; letter-spacing:.16em; text-transform:uppercase;
  color:rgba(184,176,162,.55); text-decoration:none; border-bottom:1px solid transparent;
  transition:color .25s ease, border-color .25s ease;
}
.foot .admin-link:hover{color:var(--gold-lt); border-color:rgba(207,166,88,.4)}

/* ==================== YÜKLEME SAYFASI ==================== */
.wrap{position:relative; z-index:4; max-width:900px; margin:0 auto;
  padding:clamp(24px,4vh,44px) clamp(18px,5vw,44px) clamp(80px,10vh,110px)}
.top{display:flex; align-items:flex-end; gap:16px; flex-wrap:wrap; margin-bottom:clamp(14px,2.4vh,22px)}
.top h1{font-family:var(--script); font-weight:400; font-size:clamp(38px,7vw,60px); line-height:.9}
.top .sub{font-size:11px; letter-spacing:.26em; text-transform:uppercase; color:var(--gold); margin-bottom:6px}
.top .back{margin-left:auto}

.drop{
  border:1px dashed rgba(207,166,88,.45); background:rgba(247,242,234,.03);
  padding:clamp(18px,3vh,30px) 18px; text-align:center;
  transition:background .25s ease, border-color .25s ease;
}
.drop.hot{background:rgba(207,166,88,.09); border-color:var(--gold-lt)}
.drop h2{font-family:var(--script); font-size:clamp(26px,5vw,38px); font-weight:400; margin-bottom:4px}
.drop p{font-size:13px; color:var(--dim)}
.drop-actions{display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin-top:16px}
.drop-actions .btn{padding:13px 22px; font-size:12px}
.drop input{display:none}

.note{font-size:12px; color:var(--dim); line-height:1.65; margin-top:14px;
  border-left:1px solid rgba(207,166,88,.3); padding-left:12px}

.queue{margin-top:20px; display:flex; flex-direction:column; gap:8px}
.row{display:flex; align-items:center; gap:12px; font-size:12px; color:var(--dim);
  border-bottom:1px solid rgba(247,242,234,.07); padding-bottom:8px}
.row .nm{flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--cream)}
.row .st{font-size:10px; letter-spacing:.04em; white-space:nowrap; color:var(--gold-lt); min-width:112px; text-align:right}
.row .st.err{color:#e0a2a2}
.row .st.done{color:var(--gold-lt)}
.bar{width:64px; height:2px; background:rgba(247,242,234,.14); position:relative; overflow:hidden}
.bar i{position:absolute; inset:0 auto 0 0; width:0; background:var(--gold); transition:width .2s linear}

.mine{margin-top:clamp(32px,6vh,58px)}
.mine .head{display:flex; align-items:baseline; gap:12px; border-top:1px solid rgba(207,166,88,.2); padding-top:18px}
.mine .head h3{font-size:11px; letter-spacing:.3em; text-transform:uppercase; color:var(--gold); font-weight:500}
.mine .head .cnt{font-size:12px; color:var(--dim); margin-left:auto}
.grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(108px,1fr)); gap:8px; margin-top:16px}
.tile{position:relative; aspect-ratio:1; background:rgba(247,242,234,.05); overflow:hidden; display:block; cursor:pointer}
.tile img,.tile video{width:100%; height:100%; object-fit:cover; display:block}
.tile .play{position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  font-size:24px; color:rgba(255,255,255,.85); text-shadow:0 2px 10px rgba(0,0,0,.6); pointer-events:none}
.tile .file{display:flex; align-items:center; justify-content:center; height:100%;
  font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--dim)}
.tile .x{position:absolute; top:5px; right:5px; width:24px; height:24px; line-height:22px;
  text-align:center; background:rgba(23,21,15,.75); color:var(--cream);
  border:1px solid rgba(247,242,234,.25); font-size:14px; cursor:pointer;
  opacity:0; transition:opacity .2s ease}
.tile:hover .x,.tile:focus-within .x{opacity:1}
@media (hover:none){ .tile .x{opacity:1} }
.empty{font-size:13px; color:var(--dim); margin-top:16px; line-height:1.7}

.lb{position:fixed; inset:0; z-index:20; background:rgba(12,11,8,.94);
  display:none; align-items:center; justify-content:center; padding:24px}
.lb.on{display:flex}
.lb img,.lb video{max-width:100%; max-height:82vh; object-fit:contain}
.lb .close{position:absolute; top:16px; right:20px; font-size:26px; color:var(--cream);
  background:none; border:none; cursor:pointer; line-height:1}
.lb .dl{position:absolute; bottom:22px; left:50%; transform:translateX(-50%)}

/* ==================== yönetim ==================== */
.adm{position:relative; z-index:4; max-width:1080px; margin:0 auto; padding:56px clamp(18px,5vw,48px)}
.adm h1{font-family:var(--script); font-size:52px; font-weight:400; margin-bottom:6px}
.adm .lead{font-size:12px; letter-spacing:.22em; text-transform:uppercase; color:var(--gold); margin-bottom:28px}
.adm .guest{border-top:1px solid rgba(207,166,88,.22); padding:20px 0}
.adm .guest h4{font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--dim); font-weight:400}
.adm form.login{max-width:320px; display:flex; flex-direction:column; gap:12px}
.adm input[type=password]{background:rgba(247,242,234,.06); border:1px solid rgba(207,166,88,.35);
  color:var(--cream); padding:12px 14px; font-family:var(--body); font-size:14px}
.adm .err{color:#e0a2a2; font-size:13px}

/* ---- giriş animasyonu ---- */
.fade{opacity:0; transform:translateY(14px); animation:up .8s cubic-bezier(.2,.7,.3,1) forwards}
@keyframes up{to{opacity:1; transform:none}}
.d1{animation-delay:.1s}.d2{animation-delay:.35s}.d3{animation-delay:.6s}
.d4{animation-delay:.8s}.d5{animation-delay:1s}.d6{animation-delay:1.15s}

@media (max-width:640px){
  .events{grid-template-columns:1fr 1fr; gap:14px}
  .event .addr{font-size:11px}
  .event .venue{font-size:14px}
  .corner{width:clamp(120px,38vw,180px)}
  .corner--br{opacity:.4}
  .cta .btn--solid{width:100%}
}
@media (max-width:360px){
  .foot .cds{flex-wrap:wrap}
  .foot .cd{min-width:calc(50% - 5px)}
}
@media (prefers-reduced-motion:reduce){
  .fade{opacity:1; transform:none; animation:none}
}

/* ==================== ALT MENÜ (tabbar) ==================== */
.tabbar{
  position:fixed; left:0; right:0; bottom:0; z-index:60;
  height:64px; padding-bottom:env(safe-area-inset-bottom);
  display:flex; align-items:stretch;
  background:rgba(20,18,13,.92); backdrop-filter:blur(12px);
  border-top:1px solid rgba(207,166,88,.22);
}
.tab{
  flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:3px; text-decoration:none; color:var(--dim);
  font-size:10px; letter-spacing:.06em; position:relative;
  transition:color .2s ease;
}
.tab svg{width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.7;
  stroke-linecap:round; stroke-linejoin:round}
.tab.active{color:var(--gold-lt)}
.tab:active{color:var(--gold)}

/* ortadaki yükseltilmiş buton */
.tab--main{justify-content:flex-end; padding-bottom:6px}
.tab-fab{
  position:absolute; top:-22px; width:54px; height:54px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(145deg,var(--gold-lt),var(--gold));
  border:4px solid var(--ink); box-shadow:0 6px 18px rgba(207,166,88,.35);
  transition:transform .2s ease;
}
.tab--main span:last-child{color:var(--dim)}
.tab--main.active span:last-child{color:var(--gold-lt)}
.tab-fab svg{width:24px; height:24px; stroke:#1a1710; stroke-width:2}
.tab--main:active .tab-fab{transform:scale(.94)}

/* sayfalara tabbar için alt boşluk */
body.has-tabbar{padding-bottom:calc(84px + env(safe-area-inset-bottom))}

/* ==================== GALERİ (lightbox) ==================== */
.gal{position:fixed; inset:0; z-index:120; background:#0c0b08;
  display:none; flex-direction:column}
.gal.on{display:flex}
.gal-top{display:flex; align-items:center; gap:12px; padding:14px 16px;
  padding-top:calc(14px + env(safe-area-inset-top));
  color:var(--cream); font-size:12px}
.gal-top .name{flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--dim)}
.gal-top .size{color:var(--dim); font-variant-numeric:tabular-nums}
.gal-ico{width:38px; height:38px; display:flex; align-items:center; justify-content:center;
  background:rgba(247,242,234,.06); border:1px solid rgba(247,242,234,.14); color:var(--cream);
  border-radius:50%; cursor:pointer; text-decoration:none; flex-shrink:0}
.gal-ico svg{width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8;
  stroke-linecap:round; stroke-linejoin:round}
.gal-ico:active{background:rgba(247,242,234,.14)}

.gal-stage{flex:1; position:relative; overflow:hidden; display:flex;
  align-items:center; justify-content:center; touch-action:none}
.gal-media{max-width:100%; max-height:100%; user-select:none; -webkit-user-drag:none;
  transition:transform .18s ease}
.gal-media.dragging{transition:none}
.gal-stage video{max-width:100%; max-height:100%}

.gal-arrow{position:absolute; top:50%; transform:translateY(-50%);
  width:44px; height:44px; border-radius:50%; border:none; cursor:pointer;
  background:rgba(20,18,13,.55); color:var(--cream);
  display:flex; align-items:center; justify-content:center; z-index:2}
.gal-arrow svg{width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:2;
  stroke-linecap:round; stroke-linejoin:round}
.gal-arrow.prev{left:10px} .gal-arrow.next{right:10px}
.gal-arrow:disabled{opacity:0; pointer-events:none}
@media (hover:none){ .gal-arrow{background:rgba(20,18,13,.4)} }


/* alttaki küçük resim şeridi */
.gal-strip{display:flex; gap:6px; overflow-x:auto; padding:10px 12px;
  padding-bottom:calc(10px + env(safe-area-inset-bottom));
  background:#111009; -webkit-overflow-scrolling:touch; scrollbar-width:thin}
.gal-strip::-webkit-scrollbar{height:0}
.gal-thumb{flex:0 0 auto; width:54px; height:54px; border-radius:6px; overflow:hidden;
  opacity:.5; cursor:pointer; border:2px solid transparent; background:rgba(247,242,234,.05)}
.gal-thumb.on{opacity:1; border-color:var(--gold)}
.gal-thumb img,.gal-thumb video{width:100%; height:100%; object-fit:cover}
.gal-thumb .vid{display:flex; align-items:center; justify-content:center; height:100%;
  color:var(--dim); font-size:16px}

/* karo üzerinde dosya boyutu rozeti */
.tile .sz{position:absolute; bottom:4px; left:4px; font-size:9px; letter-spacing:.02em;
  background:rgba(12,11,8,.7); color:var(--cream); padding:2px 5px; border-radius:3px;
  pointer-events:none}

/* ==================== mobil davetiye düzeltmeleri ==================== */
@media (max-width:600px){
  .card{padding-left:20px; padding-right:20px}
  .quote{max-width:32ch}
}

/* ==================== yönetim — zengin görünüm ==================== */

.gcard{border:1px solid rgba(207,166,88,.2); background:rgba(247,242,234,.02);
  padding:16px 18px; margin-bottom:14px}
.gcard .g-head{display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:12px}
.gcard .g-av{width:38px; height:38px; border-radius:50%; flex-shrink:0;
  display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:600;
  color:#1a1710; background:linear-gradient(135deg,var(--gold-lt),var(--gold))}
.gcard .g-id{font-size:13px; color:var(--cream); font-weight:500}
.gcard .g-meta{font-size:11px; color:var(--dim); letter-spacing:.04em}
.gcard .g-dl{margin-left:auto}

/* kısa ekranlar (küçük telefonlar) — her şey tek ekranda kalsın */
@media (max-height:820px){
  .card{padding-top:clamp(52px,6.5vh,80px); padding-bottom:clamp(52px,6.5vh,80px)}
  .names{font-size:clamp(42px,12vw,88px)}
  .quote{font-size:13px; line-height:1.55}
  .event .when{font-size:clamp(24px,6.5vw,38px)}
  .foot{margin-top:16px; padding-top:14px}
  .foot .cd{padding:7px 12px}
}

/* ==================== GELİN & DAMAT GİRİŞİ ==================== */
.signin{
  position:relative; z-index:4; min-height:100svh;
  display:flex; align-items:center; justify-content:center;
  padding:clamp(24px,6vh,60px) 22px;
}
.signin-card{
  width:100%; max-width:380px; text-align:center;
  background:rgba(23,21,15,.55); backdrop-filter:blur(6px);
  border:1px solid rgba(207,166,88,.25);
  padding:clamp(30px,5vh,46px) clamp(24px,5vw,38px);
}
.signin-eyebrow{font-size:10px; letter-spacing:.4em; text-transform:uppercase; color:var(--gold); font-weight:500}
.signin-title{
  font-family:var(--script); font-weight:400; font-size:clamp(46px,10vw,64px);
  line-height:1; margin:.12em 0 .3em; color:var(--cream);
}
.signin-sub{font-size:12px; color:var(--dim); line-height:1.6; margin-bottom:26px}

.signin-form{display:flex; flex-direction:column; gap:16px; text-align:left}
.field{display:flex; flex-direction:column; gap:6px}
.field > span{font-size:10px; letter-spacing:.2em; text-transform:uppercase; color:var(--gold)}
.field input{
  width:100%; background:rgba(247,242,234,.05); border:1px solid rgba(207,166,88,.3);
  color:var(--cream); padding:13px 14px; font-family:var(--body); font-size:15px;
  transition:border-color .2s ease, background .2s ease;
}
.field input:focus{outline:none; border-color:var(--gold-lt); background:rgba(247,242,234,.08)}

.pw{position:relative; display:block}
.pw input{padding-right:48px}
.pw-toggle{
  position:absolute; right:6px; top:50%; transform:translateY(-50%);
  width:38px; height:38px; border:none; background:none; cursor:pointer;
  display:flex; align-items:center; justify-content:center; color:var(--dim);
}
.pw-toggle:hover{color:var(--gold-lt)}
.pw-toggle svg{width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round}

.signin-err{
  font-size:12px; color:#e5a3a3; text-align:center;
  background:rgba(229,163,163,.08); border:1px solid rgba(229,163,163,.25);
  padding:9px 12px; margin:0;
}
.signin-btn{width:100%; margin-top:4px}
.signin-back{
  display:inline-block; margin-top:22px; font-size:11px; letter-spacing:.1em;
  color:rgba(184,176,162,.6); text-decoration:none;
}
.signin-back:hover{color:var(--gold-lt)}

/* ==================== yönetim ek araçlar ==================== */
/* üst bar: başlık + özet solda, aksiyonlar sağ üstte */
.adm-bar{display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin-bottom:18px}
.adm-titles{display:flex; align-items:baseline; gap:12px; flex-wrap:wrap}
.adm-titles h1{font-family:var(--script); font-size:clamp(38px,7vw,50px); font-weight:400; line-height:1}
.adm-summary{margin:0; font-size:12px; letter-spacing:.04em; color:var(--dim)}
.adm-bar-act{margin-left:auto; display:flex; gap:8px}

.g-act{margin-left:auto; display:flex; gap:8px; align-items:center}
.btn-danger{border-color:rgba(224,162,162,.4); color:#e5a3a3}
.btn-danger:hover{background:rgba(224,162,162,.14); border-color:#e5a3a3}

/* karo üstü aksiyonlar */
.tile{position:relative}
.tile-open{position:absolute; inset:0; display:block}
.tile-dl,.tile-del{
  position:absolute; top:5px; width:26px; height:26px; line-height:24px; text-align:center;
  background:rgba(23,21,15,.78); border:1px solid rgba(247,242,234,.2); color:var(--cream);
  cursor:pointer; z-index:2; opacity:0; transition:opacity .2s ease;
  display:flex; align-items:center; justify-content:center; text-decoration:none;
}
.tile-dl{right:35px} .tile-del{right:5px; font-size:15px; border-radius:0}
.tile-dl svg{width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round}
.tile-dl:hover{background:var(--gold); color:#1a1710; border-color:var(--gold)}
.tile-del:hover{background:#e5a3a3; color:#1a1710; border-color:#e5a3a3}
.tile:hover .tile-dl,.tile:hover .tile-del{opacity:1}
@media (hover:none){ .tile-dl,.tile-del{opacity:1} }

/* aileler mobilde alt alta kalırsa ayraç yatay olsun */
@media (max-width:440px){
  .foot .fams{gap:14px}
  .foot .fam{max-width:none}
}

/* ==================== YÖNETİM: sekmeler + çöp kutusu ==================== */
.adm-tabs{display:flex; gap:4px; border-bottom:1px solid rgba(207,166,88,.2); margin-bottom:20px}
.adm-tab{
  background:none; border:none; cursor:pointer; padding:10px 16px;
  font-family:var(--body); font-size:12px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--dim); position:relative; display:inline-flex; align-items:center; gap:8px;
}
.adm-tab:hover{color:var(--cream)}
.adm-tab.on{color:var(--gold-lt)}
.adm-tab.on::after{content:""; position:absolute; left:12px; right:12px; bottom:-1px; height:2px; background:var(--gold)}
.tab-count{
  min-width:18px; height:18px; padding:0 5px; border-radius:9px;
  background:rgba(224,162,162,.2); color:#e5a3a3; font-size:10px; font-weight:500;
  display:inline-flex; align-items:center; justify-content:center; letter-spacing:0;
}

.pane-empty{color:var(--dim); font-size:14px; padding:20px 0}

/* çöp kutusu araç çubuğu */
.trash-bar{
  display:flex; align-items:center; gap:14px; flex-wrap:wrap;
  padding:12px 0; margin-bottom:8px; border-bottom:1px solid rgba(247,242,234,.08);
}
.sel-all{display:flex; align-items:center; gap:8px; font-size:12px; color:var(--dim); cursor:pointer; user-select:none}
.sel-all input{width:16px; height:16px; accent-color:var(--gold)}
.trash-info{font-size:12px; color:var(--gold-lt); letter-spacing:.04em}
.trash-act{margin-left:auto; display:flex; gap:8px}

/* çöp kutusu karolarında seçim işareti */
.trash-tile{cursor:pointer}
.trash-tile .pick{
  position:absolute; top:6px; left:6px; width:22px; height:22px; border-radius:50%;
  border:2px solid rgba(247,242,234,.6); background:rgba(23,21,15,.5);
  display:flex; align-items:center; justify-content:center; transition:all .15s ease;
}
.trash-tile.picked .pick{background:var(--gold); border-color:var(--gold)}
.trash-tile.picked .pick::after{content:"✓"; color:#1a1710; font-size:13px; font-weight:700; line-height:1}
.trash-tile.picked{outline:2px solid var(--gold); outline-offset:-2px}
.trash-tile.picked img,.trash-tile.picked video{opacity:.75}