/* =============================================================
   HESABIM / ACCOUNT — panel düzeni
   ============================================================= */
.acc{
  --a-ink:#101317; --a-mut:#6F7570; --a-line:#E5E4DC; --a-paper:#FBFAF7;
  --a-card:#FFFFFF; --a-ac:#2F7D32; --a-ac-soft:#EAF3E3; --a-r:14px;
  --a-warn:#B45309; --a-warn-soft:#FEF3C7; --a-ok:#15803D; --a-ok-soft:#DCFCE7;
  font-family:"Outfit","Instrument Sans",system-ui,sans-serif; color:var(--a-ink);
  max-width:1240px; margin:0 auto; padding:clamp(18px,3vw,34px) clamp(14px,3vw,28px) clamp(40px,5vw,64px);
}
.acc *{box-sizing:border-box}
.acc a{text-decoration:none}

/* ── üst blok ── */
.acc-hero{display:flex; align-items:center; gap:16px; flex-wrap:wrap; padding-bottom:18px}
.acc-ava{width:58px; height:58px; border-radius:16px; display:grid; place-items:center; flex:0 0 auto;
  background:var(--a-ink); color:var(--a-paper); font:800 22px/1 "Outfit",sans-serif; letter-spacing:-.03em}
.acc-id{min-width:0; flex:1}
.acc-id h1{margin:0; font:700 clamp(20px,2.4vw,27px)/1.15 "Outfit",sans-serif; letter-spacing:-.025em}
.acc-id p{margin:5px 0 0; font-size:12.8px; color:var(--a-mut); display:flex; align-items:center; gap:8px; flex-wrap:wrap}
.acc-id p i{width:3px; height:3px; border-radius:50%; background:var(--a-line); display:inline-block}
.acc-out{display:inline-flex; align-items:center; gap:7px; height:36px; padding:0 14px; border-radius:9px;
  border:1px solid var(--a-line); color:var(--a-mut); font:600 12.5px/1 "Outfit",sans-serif; transition:.18s}
.acc-out:hover{border-color:#E8C9C4; color:#B42318; background:#FEF6F5}
.acc-out svg{width:14px; height:14px}

/* ── istatistikler ── */
.acc-stats{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-bottom:clamp(18px,2.4vw,26px)}
.acc-stat{border:1px solid var(--a-line); border-radius:12px; background:var(--a-card); padding:13px 15px}
.acc-stat b{display:block; font:700 20px/1.1 "Outfit",sans-serif; letter-spacing:-.02em}
.acc-stat span{display:block; margin-top:4px; font-size:11.5px; color:var(--a-mut); letter-spacing:.02em}
.acc-stat--ac b{color:var(--a-ac)}

/* ── gövde ── */
.acc-body{display:grid; grid-template-columns:236px minmax(0,1fr); gap:clamp(16px,2.4vw,28px); align-items:start}

/* kenar menü */
.acc-nav{position:sticky; top:16px; display:flex; flex-direction:column; gap:3px;
  border:1px solid var(--a-line); border-radius:var(--a-r); background:var(--a-card); padding:8px}
.acc-nav a{display:flex; align-items:center; gap:10px; padding:10px 11px; border-radius:9px;
  color:#3E443F; font:500 13px/1.2 "Outfit",sans-serif; transition:background .16s,color .16s}
.acc-nav a svg{width:16px; height:16px; color:#8C938C; flex:0 0 auto}
.acc-nav a:hover{background:var(--a-paper)}
.acc-nav a.on{background:var(--a-ink); color:#fff}
.acc-nav a.on svg{color:var(--a-paper)}
.acc-nav .acc-nav-sep{height:1px; background:var(--a-line); margin:6px 4px}

/* kartlar */
.acc-main{display:flex; flex-direction:column; gap:clamp(14px,2vw,20px); min-width:0}
.acc-card{border:1px solid var(--a-line); border-radius:var(--a-r); background:var(--a-card); overflow:hidden}
.acc-card-h{display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 16px;
  border-bottom:1px solid var(--a-line)}
.acc-card-h h2{margin:0; font:650 14.5px/1.2 "Outfit",sans-serif; letter-spacing:-.01em; display:flex; align-items:center; gap:8px}
.acc-card-h h2 i{font-style:normal; font-size:11px; font-weight:600; color:var(--a-ac); background:var(--a-ac-soft);
  padding:3px 7px; border-radius:99px}
.acc-card-h a.acc-more{font:600 12px/1 "Outfit",sans-serif; color:var(--a-mut)}
.acc-card-h a.acc-more:hover{color:var(--a-ink)}
.acc-card-b{padding:16px}

/* sipariş listesi */
.acc-orders{display:flex; flex-direction:column}
.acc-order{display:grid; grid-template-columns:1.1fr .9fr auto auto; gap:12px; align-items:center;
  padding:13px 16px; border-bottom:1px solid #F1F0E9}
.acc-order:last-child{border-bottom:0}
.acc-order:hover{background:#FCFCFA}
.acc-order-no{font:600 13px/1.3 "Outfit",sans-serif}
.acc-order-no small{display:block; margin-top:3px; font-weight:400; font-size:11.5px; color:var(--a-mut)}
.acc-pill{justify-self:start; font:600 11px/1 "Outfit",sans-serif; padding:6px 9px; border-radius:99px;
  background:#F1F1EC; color:#5C635C; white-space:nowrap}
.acc-pill--ok{background:var(--a-ok-soft); color:var(--a-ok)}
.acc-pill--warn{background:var(--a-warn-soft); color:var(--a-warn)}
.acc-pill--off{background:#FDECEA; color:#B42318}
.acc-order-total{font:700 14px/1.2 "Outfit",sans-serif; white-space:nowrap; text-align:right}
.acc-order-acts{display:flex; gap:6px; justify-self:end}
.acc-btn{display:inline-flex; align-items:center; gap:6px; height:32px; padding:0 11px; border-radius:8px;
  border:1px solid var(--a-line); background:#fff; color:var(--a-ink); font:600 12px/1 "Outfit",sans-serif;
  cursor:pointer; white-space:nowrap; transition:.16s}
.acc-btn:hover{border-color:#C9CEC7; background:var(--a-paper)}
.acc-btn--solid{background:var(--a-ink); border-color:var(--a-ink); color:#fff}
.acc-btn--solid:hover{background:var(--a-ac); border-color:var(--a-ac)}

/* boş durum */
.acc-empty{display:flex; flex-direction:column; align-items:center; gap:10px; text-align:center; padding:34px 20px}
.acc-empty i{width:44px; height:44px; border-radius:12px; background:var(--a-paper); display:grid; place-items:center; color:#A8AFA8}
.acc-empty i svg{width:20px; height:20px}
.acc-empty b{font:650 13.5px/1.2 "Outfit",sans-serif}
.acc-empty p{margin:0; font-size:12.5px; color:var(--a-mut); max-width:36ch}

/* adresler */
.acc-addrs{display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:10px}
.acc-addr{position:relative; border:1px solid var(--a-line); border-radius:12px; padding:13px 14px; background:#fff}
.acc-addr.is-def{border-color:#C9DCC0; background:#FCFEFB}
.acc-addr b{display:block; font:650 13px/1.2 "Outfit",sans-serif; margin-bottom:5px}
.acc-addr p{margin:0; font-size:12.3px; line-height:1.55; color:var(--a-mut)}
.acc-addr .acc-def{position:absolute; top:11px; right:12px; font:600 9.5px/1 "Outfit",sans-serif; letter-spacing:.08em;
  text-transform:uppercase; color:var(--a-ac)}
.acc-addr-x{margin-top:8px; background:none; border:0; padding:0; font:600 11.5px/1 "Outfit",sans-serif;
  color:#9A9F99; cursor:pointer}
.acc-addr-x:hover{color:#B42318}

/* form alanları */
.acc-form{display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:11px}
.acc-form label{display:block; font-size:11.5px; font-weight:600; color:#5B665E}
.acc-form input,.acc-form textarea{width:100%; margin-top:5px; border:1px solid var(--a-line); border-radius:9px;
  padding:9px 11px; font:400 13px/1.4 "Outfit",sans-serif; color:var(--a-ink); background:#fff; outline:0;
  transition:border-color .18s, box-shadow .18s}
.acc-form input:focus,.acc-form textarea:focus{border-color:#9DC194; box-shadow:0 0 0 3px rgba(47,125,50,.10)}
.acc-form .wide{grid-column:1/-1}
.acc-form .acc-check{display:flex; align-items:center; gap:7px; font-size:12px; color:#3E443F; margin-top:20px}
.acc-form .acc-check input{width:auto; margin:0}
.acc-form-foot{display:flex; justify-content:flex-end; gap:8px; margin-top:12px}

/* adres ekle (açılır) */
.acc-add{border-top:1px solid var(--a-line)}
.acc-add summary{list-style:none; cursor:pointer; padding:13px 16px; display:flex; align-items:center; gap:8px;
  font:600 12.5px/1 "Outfit",sans-serif; color:var(--a-ink)}
.acc-add summary::-webkit-details-marker{display:none}
.acc-add summary::before{content:"+"; width:20px; height:20px; border-radius:6px; background:var(--a-ink); color:#fff;
  display:grid; place-items:center; font:600 13px/1 "Outfit",sans-serif}
.acc-add[open] summary::before{content:"–"}
.acc-add-b{padding:0 16px 16px}

/* bildirimler */
.acc-note{border:1px solid #DCEBD3; background:#F3F8EE; color:#2F5B33; border-radius:10px;
  padding:10px 13px; font-size:12.5px; margin-bottom:14px}
.acc-note--err{border-color:#F3D3CE; background:#FEF6F5; color:#8F2A1F}

@media (max-width:940px){
  .acc-body{grid-template-columns:1fr}
  .acc-nav{position:static; flex-direction:row; overflow-x:auto; gap:6px; padding:7px;
    scrollbar-width:none; -ms-overflow-style:none; -webkit-overflow-scrolling:touch}
  .acc-nav::-webkit-scrollbar{display:none}
  .acc-nav a{white-space:nowrap; padding:9px 12px}
  .acc-nav .acc-nav-sep{display:none}
  .acc-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:620px){
  .acc-hero{gap:12px}
  .acc-ava{width:48px; height:48px; border-radius:13px; font-size:19px}
  .acc-order{grid-template-columns:1fr auto; gap:8px}
  .acc-order-acts{grid-column:1/-1; justify-self:start; margin-top:2px}
  .acc-order-total{text-align:left}
  .acc-addrs{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){ .acc *{transition:none !important} }