/* ==========================================================================
   Cari Hareketler + Favori Listesi + Destek Talepleri
   ========================================================================== */
.cari-header {
    display: flex; align-items: flex-start; justify-content: space-between;
    gap: 16px; margin-bottom: 24px; flex-wrap: wrap;
}
.cari-title    { font-size: 1.5rem; font-weight: 700; color: #111827; margin: 0 0 4px; }
.cari-subtitle { font-size: .88rem; color: #6b7280; margin: 0; }

.cari-stats {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 24px;
}
.cari-stat-card {
    background: #fff; border: 1px solid #e5e7eb; border-radius: 12px;
    padding: 18px 20px; display: flex; align-items: center; gap: 14px;
}
.cari-stat-card__icon  { font-size: 1.8rem; }
.cari-stat-card__value { font-size: 1.2rem; font-weight: 700; color: #111827; }
.cari-stat-card__label { font-size: .78rem; color: #6b7280; margin-top: 2px; }

.cari-table-wrap { overflow-x: auto; }
.cari-table { width: 100%; border-collapse: collapse; }
.cari-table th {
    text-align: left; font-size: .78rem; font-weight: 600; color: #6b7280;
    padding: 8px 12px; border-bottom: 1px solid #e5e7eb; white-space: nowrap;
}
.cari-table td {
    padding: 10px 12px; border-bottom: 1px solid #f3f4f6;
    font-size: .86rem; color: #374151;
}
.cari-table tr:last-child td { border-bottom: none; }
.cari-table tr:hover td { background: #f9fafb; }
.cari-order-no  { font-weight: 600; color: var(--acc-accent,#0f3460); font-family: monospace; }
.cari-amount    { font-weight: 700; }
.cari-amount small { font-size: .75rem; color: #9ca3af; margin-left: 3px; }
.cari-date      { font-size: .78rem; color: #9ca3af; }
.cari-detail-link {
    font-size: .8rem; color: var(--acc-accent,#0f3460); font-weight: 600;
    text-decoration: none; white-space: nowrap;
}
.cari-detail-link:hover { text-decoration: underline; }

.cari-pagination { display: flex; gap: 6px; margin-top: 16px; flex-wrap: wrap; }
.cari-page-btn {
    display: inline-flex; align-items: center; justify-content: center;
    width: 32px; height: 32px; border-radius: 8px; border: 1px solid #e5e7eb;
    background: #fff; font-size: .82rem; color: #374151;
    text-decoration: none; transition: background .15s;
}
.cari-page-btn:hover     { background: #f3f4f6; }
.cari-page-btn--active   { background: var(--acc-accent,#0f3460); color: #fff; border-color: var(--acc-accent,#0f3460); }

.cari-statements { display: flex; flex-direction: column; gap: 10px; }
.cari-stmt-row {
    display: flex; align-items: center; gap: 14px; padding: 14px;
    border: 1px solid #e5e7eb; border-radius: 10px; background: #fff; transition: border-color .15s;
}
.cari-stmt-row:hover { border-color: #d1d5db; }
.cari-stmt-icon  { font-size: 1.8rem; flex-shrink: 0; }
.cari-stmt-info  { flex: 1; min-width: 0; }
.cari-stmt-title { font-size: .9rem; font-weight: 600; color: #111827; }
.cari-stmt-desc  { font-size: .8rem; color: #6b7280; margin-top: 2px; }
.cari-stmt-meta  { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 4px; font-size: .75rem; color: #9ca3af; }
.cari-download-btn {
    flex-shrink: 0; padding: 7px 14px;
    background: linear-gradient(135deg, #1a1a2e, var(--acc-accent,#0f3460));
    color: #fff; border-radius: 7px; font-size: .82rem; font-weight: 600;
    text-decoration: none; white-space: nowrap; transition: opacity .15s;
}
.cari-download-btn:hover { opacity: .85; }

/* Favori */
.wl-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 20px; }
.wl-card {
    background: #fff; border: 1px solid #e5e7eb; border-radius: 12px;
    overflow: hidden; transition: box-shadow .15s, border-color .15s; display: flex; flex-direction: column;
}
.wl-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,.08); border-color: #d1d5db; }
.wl-card__img-wrap { display: block; aspect-ratio: 1; overflow: hidden; background: #f9fafb; }
.wl-card__img { width: 100%; height: 100%; object-fit: cover; transition: transform .2s; }
.wl-card:hover .wl-card__img { transform: scale(1.03); }
.wl-card__img-placeholder {
    width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;
    font-size: 3rem; color: #d1d5db;
}
.wl-card__body  { padding: 14px; flex: 1; display: flex; flex-direction: column; gap: 6px; }
.wl-card__name  {
    font-size: .88rem; font-weight: 600; color: #111827; text-decoration: none;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.wl-card__name:hover { color: var(--acc-accent,#0f3460); }
.wl-card__sku  { font-size: .72rem; color: #9ca3af; }
.wl-card__price { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.wl-card__price--main { font-size: .95rem; font-weight: 700; color: #111827; }
.wl-card__price--old  { font-size: .78rem; color: #9ca3af; text-decoration: line-through; }
.wl-card__price--sale { font-size: .95rem; font-weight: 700; color: #dc2626; }
.wl-card__btn {
    display: block; text-align: center; padding: 7px;
    background: linear-gradient(135deg, #1a1a2e, var(--acc-accent,#0f3460));
    color: #fff; border-radius: 7px; font-size: .82rem; font-weight: 600;
    text-decoration: none; margin-top: auto; transition: opacity .15s;
}
.wl-card__btn:hover { opacity: .85; }
.wl-card__out  { font-size: .8rem; color: #9ca3af; font-style: italic; }
.wl-card__remove {
    background: none; border: none; font-size: .78rem; color: #dc2626;
    cursor: pointer; padding: 0; text-decoration: underline;
}
.wl-card__remove:hover { color: #991b1b; }
.wl-card__added { padding: 6px 14px; border-top: 1px solid #f3f4f6; font-size: .72rem; color: #9ca3af; }

/* Destek */
.sup-layout { display: grid; grid-template-columns: 380px 1fr; gap: 24px; align-items: start; }
.sup-new-card { position: sticky; top: 20px; }
.sup-badge {
    display: inline-block; padding: 2px 9px; border-radius: 20px;
    font-size: .72rem; font-weight: 600; white-space: nowrap;
}
.sup-badge--open     { background: #fef9c3; color: #854d0e; }
.sup-badge--answered { background: #dcfce7; color: #166534; }
.sup-badge--closed   { background: #f3f4f6; color: #6b7280; }
.sup-pri { display: inline-block; padding: 2px 8px; border-radius: 20px; font-size: .7rem; font-weight: 600; }
.sup-pri--low    { background: #f3f4f6; color: #6b7280; }
.sup-pri--normal { background: #dbeafe; color: #1e40af; }
.sup-pri--high   { background: #fef3c7; color: #92400e; }
.sup-pri--urgent { background: #fee2e2; color: #991b1b; }
.sup-list { display: flex; flex-direction: column; gap: 8px; }
.sup-row {
    display: block; padding: 12px 14px; border: 1px solid #e5e7eb;
    border-radius: 8px; text-decoration: none; transition: background .15s, border-color .15s;
}
.sup-row:hover { background: #f9fafb; border-color: #d1d5db; }
.sup-row__top     { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 5px; }
.sup-row__no      { font-size: .75rem; font-family: monospace; color: #9ca3af; }
.sup-row__subject { font-size: .88rem; font-weight: 600; color: #111827; margin-bottom: 5px; }
.sup-row__meta    { display: flex; gap: 12px; font-size: .75rem; color: #9ca3af; }
.sup-thread { display: flex; flex-direction: column; gap: 16px; max-height: 600px; overflow-y: auto; padding: 4px 0; }
.sup-thread--admin { max-height: 500px; }
.sup-msg { display: flex; gap: 12px; }
.sup-msg--admin  { flex-direction: row-reverse; }
.sup-msg__avatar { font-size: 1.4rem; flex-shrink: 0; align-self: flex-start; }
.sup-msg__bubble { max-width: 75%; }
.sup-msg--admin .sup-msg__bubble {
    background: linear-gradient(135deg, #1a1a2e, var(--acc-accent,#0f3460)); color: #fff;
    border-radius: 12px 4px 12px 12px; padding: 10px 14px;
}
.sup-msg--user .sup-msg__bubble {
    background: #f3f4f6; border-radius: 4px 12px 12px 12px; padding: 10px 14px;
}
.sup-msg__meta { display: flex; gap: 8px; align-items: center; margin-bottom: 5px; font-size: .75rem; }
.sup-msg--admin .sup-msg__meta { flex-direction: row-reverse; color: rgba(255,255,255,.7); }
.sup-msg--user  .sup-msg__meta { color: #9ca3af; }
.sup-msg__meta strong { font-size: .8rem; }
.sup-msg--admin .sup-msg__meta strong { color: #fff; }
.sup-msg--user  .sup-msg__meta strong { color: #374151; }
.sup-msg__text  { font-size: .87rem; line-height: 1.55; white-space: pre-line; }
.sup-reply { border-top: 1px solid #e5e7eb; padding-top: 16px; margin-top: 16px; }

@media (max-width: 768px) {
    .cari-stats  { grid-template-columns: 1fr 1fr; }
    .sup-layout  { grid-template-columns: 1fr; }
    .sup-new-card{ position: static; }
    .wl-grid     { grid-template-columns: repeat(2, 1fr); gap: 12px; }
}
@media (max-width: 480px) {
    .cari-stats  { grid-template-columns: 1fr; }
    .wl-grid     { grid-template-columns: 1fr; }
}



/* ===========================================================
   Cari Ekstre -- eks-*
   =========================================================== */
.eks-header {
    display:flex;align-items:flex-start;justify-content:space-between;
    gap:16px;margin-bottom:24px;padding:24px 28px;
    background:linear-gradient(135deg,#1a1a2e 0%,#16213e 60%,var(--acc-accent,#0f3460) 100%);
    border-radius:16px;color:#fff;flex-wrap:wrap;
}
.eks-header__label { font-size:.7rem;font-weight:700;letter-spacing:.12em;color:rgba(255,255,255,.5);text-transform:uppercase;margin-bottom:6px; }
.eks-header__name  { font-size:1.5rem;font-weight:700;margin:0 0 4px; }
.eks-header__company{ font-size:.88rem;color:rgba(255,255,255,.65); }
.eks-header__right { text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:6px; }
.eks-header__date  { font-size:.82rem;color:rgba(255,255,255,.65); }
.eks-header__mode  { font-size:.78rem;background:rgba(255,255,255,.15);padding:3px 10px;border-radius:20px; }
.eks-header__mode--bayi { background:rgba(52,211,153,.25);color:#a7f3d0; }

.eks-summary { display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:24px; }
.eks-sum-card {
    background:#fff;border:1px solid #e5e7eb;border-radius:12px;
    padding:18px 16px;text-align:center;
}
.eks-sum-card--credit { border-top:3px solid #10b981; }
.eks-sum-card--debit  { border-top:3px solid #ef4444; }
.eks-sum-card--pos    { border-top:3px solid #3b82f6; background:#eff6ff; }
.eks-sum-card--neg    { border-top:3px solid #f59e0b; background:#fffbeb; }
.eks-sum-card--limit  { border-top:3px solid #8b5cf6; }
.eks-sum-card__icon { font-size:1.4rem;margin-bottom:6px; }
.eks-sum-card__val  { font-size:1.15rem;font-weight:700;color:#111827; }
.eks-sum-card__lbl  { font-size:.73rem;color:#6b7280;margin-top:3px; }

.eks-card { background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:20px;overflow:hidden; }
.eks-card__head { display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f3f4f6; }
.eks-card__title{ font-size:1rem;font-weight:700;color:#111827;margin:0; }
.eks-card__note { font-size:.75rem;color:#9ca3af; }

.eks-table-wrap { overflow-x:auto; }
.eks-table { width:100%;border-collapse:collapse;font-size:.84rem; }
.eks-table th {
    background:#f9fafb;font-size:.73rem;font-weight:700;color:#6b7280;
    padding:9px 14px;text-align:left;border-bottom:2px solid #e5e7eb;white-space:nowrap;
}
.eks-th--num  { text-align:right; }
.eks-th--date { width:130px; }
.eks-table td { padding:9px 14px;border-bottom:1px solid #f3f4f6;vertical-align:middle; }
.eks-table tr:last-child td { border-bottom:none; }
.eks-td--date  { font-size:.78rem;color:#9ca3af;white-space:nowrap; }
.eks-td--desc  { color:#374151; }
.eks-td--num   { text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums; }
.eks-td--debit { color:#ef4444;font-weight:600; }
.eks-td--credit{ color:#10b981;font-weight:600; }
.eks-td--balance{ font-weight:700; }
.eks-td--pos   { color:#1d4ed8; }
.eks-td--neg   { color:#dc2626; }
.eks-td--balance small { font-size:.65rem;font-weight:400;margin-left:3px; }
.eks-row--debit  { background:#fef2f2; }
.eks-row--credit { background:#f0fdf4; }
.eks-row--debit:hover  { background:#fee2e2; }
.eks-row--credit:hover { background:#dcfce7; }
.eks-row-opening td,
.eks-row-closing td { background:#f9fafb;font-style:italic;border-top:2px solid #e5e7eb; }
.eks-row-closing td  { border-top:2px solid #e5e7eb;border-bottom:none; }

.eks-ref        { font-family:monospace;font-weight:600;color:var(--acc-accent,#0f3460); }
.eks-order-link { font-size:.75rem;color:#6b7280;text-decoration:none;margin-left:8px;white-space:nowrap; }
.eks-order-link:hover { color:var(--acc-accent,#0f3460);text-decoration:underline; }

.eks-badge { display:inline-block;padding:2px 7px;border-radius:20px;font-size:.7rem;font-weight:600; }
.eks-badge--ok   { background:#dcfce7;color:#166534; }
.eks-badge--warn { background:#fef9c3;color:#854d0e; }
.eks-badge--info { background:#dbeafe;color:#1e40af; }
.eks-badge--err  { background:#fee2e2;color:#991b1b; }

.eks-empty { text-align:center;padding:40px 20px;color:#6b7280; }
.eks-empty p { margin:12px 0 6px;font-size:.9rem; }

@media(max-width:768px){
    .eks-summary { grid-template-columns:1fr 1fr; }
    .eks-header  { flex-direction:column; }
    .eks-header__right { text-align:left;align-items:flex-start; }
}
@media(max-width:480px){
    .eks-summary { grid-template-columns:1fr; }
}