/* ═══════════════════════════════════════════════════════════════════════════
   Hesap sayfa içeriği — footer green + header purple (yap-*)
   ═══════════════════════════════════════════════════════════════════════════ */

.yap-shell{
    --yap-bg:var(--h-bg-page);
    --yap-surface:var(--h-bg-card);
    --yap-raised:var(--h-bg-raised);
    --yap-border:var(--h-border);
    --yap-text:var(--h-text);
    --yap-muted:var(--h-text-muted);
    --yap-accent:var(--h-green);
    --yap-accent-2:var(--h-green-dark);
    --yap-accent-soft:var(--h-green-soft);
    --yap-purple:var(--h-blue);
    --yap-purple-2:var(--h-blue-dark);
    --primary:var(--yap-accent);
    --primary-hover:var(--yap-accent-2);
    color:var(--yap-text);
    position:relative;
    isolation:isolate;
    font-family:"Plus Jakarta Sans",Inter,system-ui,sans-serif;
}
.yap-shell--header{
    --yap-accent:var(--h-blue);
    --yap-accent-2:var(--h-blue-dark);
    --yap-accent-soft:var(--h-blue-soft);
}
.yap-shell--dual{
    --yap-accent:var(--h-green);
    --yap-accent-2:var(--h-blue);
    --yap-accent-soft:rgba(102,122,250,.12);
}
.yap-shell--pro::before{
    content:"";
    position:absolute;inset:0;pointer-events:none;z-index:0;
    background:
        radial-gradient(ellipse 55% 28% at 100% 0%, var(--yap-accent-soft), transparent 60%),
        radial-gradient(ellipse 40% 22% at 0% 40%, var(--h-blue-soft), transparent 55%);
}
.yap-shell.yon-home--yon.yap-shell--pro::before{
    display:none;
}
.yap-shell > *{position:relative;z-index:1}
.yap-shell--compact{--yap-gap:12px;--yap-pad:14px}
.yap-shell--comfortable{--yap-gap:16px;--yap-pad:18px}

/* chrome modules */
.yap-chrome{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}
.yap-tip{
    display:flex;gap:12px;align-items:flex-start;
    padding:12px 14px;border-radius:14px;
    border:1px solid rgba(17,211,119,.28);
    background:linear-gradient(135deg, rgba(17,211,119,.12), rgba(18,24,38,.5));
}
.yap-shell--header .yap-tip{
    border-color:rgba(61,90,254,.28);
    background:linear-gradient(135deg, rgba(61,90,254,.12), rgba(18,24,38,.5));
}
.yap-tip > i{font-size:20px;color:var(--yap-accent);margin-top:1px}
.yap-tip strong{display:block;font-size:13px;font-weight:850;color:var(--yap-text)}
.yap-tip p{margin:2px 0 0;font-size:12.5px;line-height:1.45;color:var(--yap-muted)}

.yap-actions{
    display:grid;gap:8px;
    grid-template-columns:repeat(2,minmax(0,1fr));
}
@media (min-width:640px){.yap-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1024px){.yap-actions{grid-template-columns:repeat(6,minmax(0,1fr))}}
.yap-action{
    display:flex;flex-direction:column;align-items:flex-start;gap:6px;
    padding:12px;border-radius:12px;text-decoration:none;color:inherit;
    border:1px solid var(--yap-border);background:var(--yap-surface);
    transition:border-color .15s, transform .15s, background .15s;
}
.yap-action:hover{border-color:rgba(17,211,119,.4);transform:translateY(-1px);background:var(--yap-raised)}
.yap-shell--header .yap-action:hover{border-color:rgba(61,90,254,.4)}
.yap-action i{font-size:18px;color:var(--yap-accent)}
.yap-action span{font-size:12px;font-weight:750;color:var(--yap-text)}
.yap-action--primary{
    border-color:rgba(17,211,119,.35);
    background:linear-gradient(135deg, rgba(17,211,119,.18), rgba(18,24,38,.55));
}
.yap-shell--header .yap-action--primary{
    border-color:rgba(61,90,254,.35);
    background:linear-gradient(135deg, rgba(61,90,254,.18), rgba(18,24,38,.55));
}

/* page primitives */
.yap-head{margin-bottom:var(--yap-gap)}
.yap-head h1{
    margin:0;font-size:clamp(1.35rem,2.2vw,1.75rem);font-weight:900;
    letter-spacing:-.02em;color:var(--yap-text);
}
.yap-head p{margin:6px 0 0;font-size:13.5px;color:var(--yap-muted);line-height:1.45;max-width:42rem}

.yap-card{
    border-radius:16px;border:1px solid var(--yap-border);
    background:var(--yap-surface);padding:var(--yap-pad);
}
.yap-card + .yap-card,
.yap-section + .yap-section{margin-top:var(--yap-gap)}
.yap-card__title{
    display:flex;align-items:center;justify-content:space-between;gap:10px;
    margin:0 0 14px;font-size:15px;font-weight:850;color:var(--yap-text);
}
.yap-card__title i{color:var(--yap-accent);margin-right:6px}
.yap-card__link{
    font-size:12.5px;font-weight:750;color:var(--h-green);text-decoration:none;
}
.yap-shell--header .yap-card__link{color:var(--h-blue-text)}
.yap-card__link:hover{text-decoration:underline}

.yap-note{
    display:flex;gap:10px;align-items:flex-start;
    margin-bottom:14px;padding:11px 12px;border-radius:12px;
    border:1px solid rgba(52,211,153,.22);background:var(--h-green-soft);
    font-size:12.5px;line-height:1.45;color:var(--h-text);
}
.yap-note i{color:var(--yap-accent);font-size:16px;margin-top:1px}

.yap-pills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.yap-pill{
    display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;
    font-size:11px;font-weight:750;border:1px solid var(--yap-border);color:var(--yap-muted);
}
.yap-pill--ok{border-color:rgba(52,211,153,.3);background:var(--h-green-soft);color:var(--h-green)}
.yap-pill--warn{border-color:rgba(255,193,7,.3);background:var(--h-orange-soft);color:var(--h-orange)}
.yap-pill--bad{border-color:rgba(244,63,94,.3);background:rgba(244,63,94,.1);color:#fda4af}

.yap-form-row{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.yap-field{flex:1;min-width:180px}
.yap-field label{display:block;font-size:11px;font-weight:700;color:var(--yap-muted);margin-bottom:5px}
.yap-field input,
.yap-field select,
.yap-field textarea{
    width:100%;padding:10px 12px;border-radius:10px;
    border:1px solid var(--yap-border);background:var(--yap-bg);
    color:var(--yap-text);font-size:13.5px;outline:none;
}
.yap-field input:focus,
.yap-field select:focus,
.yap-field textarea:focus{border-color:rgba(17,211,119,.45);box-shadow:0 0 0 3px rgba(17,211,119,.12)}
.yap-shell--header .yap-field input:focus{border-color:rgba(61,90,254,.45);box-shadow:0 0 0 3px rgba(61,90,254,.12)}

.yap-btn{
    display:inline-flex;align-items:center;justify-content:center;gap:6px;
    padding:10px 16px;border-radius:10px;font-size:13px;font-weight:800;
    border:none;cursor:pointer;text-decoration:none;transition:filter .15s, transform .15s;
}
.yap-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}
.yap-btn--primary{
    background:linear-gradient(135deg, var(--yap-accent), var(--yap-accent-2));
    color:#04140a;
}
.yap-shell--header .yap-btn--primary{color:#fff}
.yap-btn--ghost{
    background:var(--yap-raised);color:var(--yap-text);
    border:1px solid var(--yap-border);
}
.yap-btn--amber{
    background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1c1400;
}

.yap-stats{
    display:grid;gap:10px;
    grid-template-columns:repeat(2,minmax(0,1fr));
}
@media (min-width:640px){.yap-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1100px){.yap-stats{grid-template-columns:repeat(6,minmax(0,1fr))}}
.yap-stat{
    padding:14px;border-radius:14px;
    border:1px solid var(--yap-border);background:var(--yap-surface);
}
.yap-stat i{font-size:18px;color:var(--yap-accent)}
.yap-stat b{display:block;margin-top:8px;font-size:16px;font-weight:900;color:var(--yap-text);letter-spacing:-.01em}
.yap-stat span{display:block;margin-top:2px;font-size:11px;font-weight:650;color:var(--yap-muted)}

.yap-level{
    display:flex;flex-wrap:wrap;gap:16px;align-items:center;
}
.yap-level__badge{
    width:64px;height:64px;border-radius:18px;display:grid;place-items:center;
    font-size:22px;font-weight:900;color:#04140a;
    background:linear-gradient(135deg, var(--yap-accent), var(--yap-accent-2));
    box-shadow:0 12px 28px -14px rgba(17,211,119,.55);
}
.yap-shell--header .yap-level__badge{color:#fff;box-shadow:0 12px 28px -14px rgba(61,90,254,.55)}
.yap-level__meta{flex:1;min-width:200px}
.yap-level__row{display:flex;justify-content:space-between;font-size:12.5px;color:var(--yap-muted);margin-bottom:6px}
.yap-level__bar{height:8px;border-radius:999px;background:var(--yap-bg);overflow:hidden}
.yap-level__bar > i{
    display:block;height:100%;border-radius:999px;font-style:normal;
    background:linear-gradient(90deg, var(--yap-accent), var(--yap-accent-2));
}

.yap-listings{display:grid;gap:10px;grid-template-columns:1fr}
@media (min-width:640px){.yap-listings{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.yap-listings{grid-template-columns:repeat(3,minmax(0,1fr))}}
.yap-listing{
    display:flex;gap:12px;padding:12px;border-radius:12px;text-decoration:none;color:inherit;
    border:1px solid var(--yap-border);background:var(--yap-bg);
    transition:border-color .15s;
}
.yap-listing:hover{border-color:rgba(17,211,119,.4)}
.yap-listing__img{
    width:56px;height:56px;border-radius:10px;overflow:hidden;flex-shrink:0;
    background:var(--h-bg-page);display:grid;place-items:center;color:var(--yap-muted);
}
.yap-listing__img img{width:100%;height:100%;object-fit:cover}
.yap-listing strong{display:block;font-size:13px;font-weight:750;color:var(--yap-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yap-listing b{display:block;margin-top:2px;font-size:12.5px;color:var(--h-green)}
.yap-listing em{display:block;margin-top:2px;font-size:10px;font-style:normal;color:var(--yap-muted);text-transform:uppercase;font-weight:700}

.yap-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:36px 16px}
.yap-empty i{font-size:42px;color:var(--yap-muted);opacity:.5}
.yap-empty p{margin:10px 0 0;color:var(--yap-muted);font-size:13.5px}
.yap-empty .yap-btn{margin-top:14px}

.yap-pulse{
    display:grid;gap:10px;
    grid-template-columns:1fr;
}
@media (min-width:768px){.yap-pulse{grid-template-columns:1.2fr .8fr}}
.yap-pulse__item{
    display:flex;gap:12px;align-items:flex-start;
    padding:14px;border-radius:14px;
    border:1px solid var(--yap-border);background:var(--yap-surface);
    text-decoration:none;color:inherit;
}
.yap-pulse__item:hover{border-color:rgba(17,211,119,.35)}
.yap-pulse__item > i{font-size:20px;color:var(--yap-accent);margin-top:2px}
.yap-pulse__item strong{display:block;font-size:13px;font-weight:800}
.yap-pulse__item span{display:block;margin-top:2px;font-size:12px;color:var(--yap-muted);line-height:1.4}
.yap-pulse__item.is-warn{
    border-color:rgba(251,191,36,.3);
    background:linear-gradient(135deg, rgba(251,191,36,.1), rgba(18,24,38,.5));
}
.yap-pulse__item.is-warn > i{color:#fbbf24}

.yap-url{margin-top:12px;font-size:12.5px;color:var(--yap-muted)}
.yap-url a{color:var(--h-green);text-decoration:none}
.yap-url a:hover{text-decoration:underline}

/* legacy recolor — soft remap for older account pages */
.yap-shell--recolor .bg-sky-600,
.yap-shell--recolor .bg-sky-500,
.yap-shell--recolor .bg-orange-500,
.yap-shell--recolor .bg-orange-600,
.yap-shell--recolor .hover\:bg-sky-500:hover,
.yap-shell--recolor .hover\:bg-orange-600:hover{
    background:linear-gradient(135deg, var(--yap-accent), var(--yap-accent-2)) !important;
    color:#04140a !important;
}
.yap-shell--header.yap-shell--recolor .bg-sky-600,
.yap-shell--header.yap-shell--recolor .bg-sky-500,
.yap-shell--header.yap-shell--recolor .bg-orange-500,
.yap-shell--header.yap-shell--recolor .bg-orange-600{color:#fff !important}

.yap-shell--recolor .text-sky-400,
.yap-shell--recolor .text-sky-300,
.yap-shell--recolor .hover\:text-sky-300:hover,
.yap-shell--recolor a.text-sky-400{
    color:var(--h-green) !important;
}
.yap-shell--header.yap-shell--recolor .text-sky-400,
.yap-shell--header.yap-shell--recolor .text-sky-300,
.yap-shell--header.yap-shell--recolor a.text-sky-400{color:var(--h-blue-text) !important}

.yap-shell--recolor .border-sky-500\/20,
.yap-shell--recolor .border-sky-500\/30{border-color:rgba(17,211,119,.22) !important}
.yap-shell--recolor .bg-sky-500\/10{background:rgba(17,211,119,.1) !important}
.yap-shell--recolor .text-sky-200{color:#bbf7d0 !important}
.yap-shell--recolor .focus\:border-sky-500:focus{border-color:rgba(17,211,119,.5) !important}

.yap-shell--recolor h1.text-white,
.yap-shell--recolor h1.text-2xl,
.yap-shell--recolor h2.font-bold.text-white{
    letter-spacing:-.02em;
}
.yap-shell--recolor > h1.text-2xl,
.yap-shell--recolor h1.mb-6.text-2xl,
.yap-shell--recolor h1.mb-2.text-2xl{
    margin-bottom:14px;
    font-size:clamp(1.35rem,2.2vw,1.75rem);
    font-weight:900;
}
.yap-shell--recolor .rounded-xl.border.bg-\[\#121820\],
.yap-shell--recolor [class*="bg-[#121820]"],
.yap-shell--recolor .bg-epin-card{
    background:var(--yap-surface) !important;
    border-color:var(--yap-border) !important;
}
.yap-shell--recolor [class*="bg-[#0a0d14]"],
.yap-shell--recolor .bg-epin-bg{
    background:var(--yap-bg) !important;
}
.yap-shell--recolor .border-epin-border{border-color:var(--yap-border) !important}

html[data-theme="light"] .yap-shell{
    --yap-bg:#f3f5f8;
    --yap-surface:#ffffff;
    --yap-raised:#f8fafc;
    --yap-border:rgba(15,23,42,.08);
    --yap-text:#0f172a;
    --yap-muted:#64748b;
}
html[data-theme="light"] .yap-tip,
html[data-theme="light"] .yap-action,
html[data-theme="light"] .yap-card,
html[data-theme="light"] .yap-stat,
html[data-theme="light"] .yap-listing,
html[data-theme="light"] .yap-pulse__item{background:#fff}
html[data-theme="light"] .yap-field input,
html[data-theme="light"] .yap-field select{background:#f8fafc}

/* ===========================================================================
   Hesap sayfaları — YON ana sayfa renk uyumu
   =========================================================================== */
.yap-shell.yon-home--yon {
    --yap-bg: var(--h-bg-page);
    --yap-surface: var(--h-bg-card);
    --yap-raised: var(--h-bg-raised);
    --yap-border: var(--h-border);
    --yap-text: var(--h-text);
    --yap-muted: var(--h-text-muted);
    --yap-accent: var(--h-green);
    --yap-accent-2: var(--h-green-dark);
    --yap-accent-soft: var(--h-green-soft);
    --yap-purple: var(--h-blue);
    --yap-purple-2: var(--h-blue-dark);
    --primary: var(--h-green);
    --primary-hover: var(--h-green-dark);
    --yap-gap: 16px;
    --yap-pad: 18px;
    color: var(--h-text);
}

.yap-shell.yon-home--yon.yap-shell--header {
    --yap-accent: var(--h-blue);
    --yap-accent-2: var(--h-blue-dark);
    --yap-accent-soft: var(--h-blue-soft);
    --primary: var(--h-blue);
    --primary-hover: var(--h-blue-dark);
}

.yap-shell.yon-home--yon.yap-shell--pro::before {
    display: none;
}

/* Alerts */
.yap-alert {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
    padding: 12px 16px;
    border-radius: var(--h-radius);
    border: 1px solid var(--h-border);
    font-size: 14px;
    line-height: 1.45;
}

.yap-alert__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.yap-alert--success {
    border-color: rgba(17, 211, 119, 0.35);
    background: var(--h-green-soft);
    color: var(--h-green);
}

.yap-alert--error {
    border-color: rgba(255, 68, 84, 0.35);
    background: rgba(255, 68, 84, 0.1);
    color: var(--h-danger);
}

.yap-alert--warn,
.yap-alert--impersonate {
    border-color: rgba(255, 179, 0, 0.35);
    background: var(--h-orange-soft);
    color: var(--h-orange);
}

.yh-btn--xs {
    min-height: 32px;
    padding: 6px 12px;
    font-size: 11px;
    font-weight: 800;
    border-radius: var(--h-radius-sm);
}

/* Cards & chrome */
.yap-shell.yon-home--yon .yap-card,
.yap-shell.yon-home--yon .yap-stat,
.yap-shell.yon-home--yon .yap-action,
.yap-shell.yon-home--yon .yap-listing,
.yap-shell.yon-home--yon .yap-pulse__item {
    background: var(--h-bg-card);
    border-color: var(--h-border);
    box-shadow: var(--h-shadow-card);
}

.yap-shell.yon-home--yon .yap-tip {
    border-color: rgba(17, 211, 119, 0.28);
    background: var(--h-green-soft);
}

.yap-shell.yon-home--yon.yap-shell--header .yap-tip {
    border-color: rgba(61, 90, 254, 0.28);
    background: var(--h-blue-soft);
}

.yap-shell.yon-home--yon .yap-action--primary {
    border-color: rgba(17, 211, 119, 0.35);
    background: var(--h-green-soft);
}

.yap-shell.yon-home--yon.yap-shell--header .yap-action--primary {
    border-color: rgba(61, 90, 254, 0.35);
    background: var(--h-blue-soft);
}

.yap-shell.yon-home--yon .yap-action:hover,
.yap-shell.yon-home--yon .yap-listing:hover,
.yap-shell.yon-home--yon .yap-pulse__item:hover {
    border-color: rgba(17, 211, 119, 0.35);
    background: var(--h-bg-raised);
}

.yap-shell.yon-home--yon .yap-card__link,
.yap-shell.yon-home--yon .yap-url a,
.yap-shell.yon-home--yon .yap-listing b {
    color: var(--h-green);
}

.yap-shell.yon-home--yon.yap-shell--header .yap-card__link {
    color: var(--h-blue-text);
}

.yap-shell.yon-home--yon .yap-note {
    border-color: rgba(17, 211, 119, 0.22);
    background: var(--h-green-soft);
    color: var(--h-text);
}

.yap-shell.yon-home--yon .yap-pill--ok {
    border-color: rgba(17, 211, 119, 0.3);
    background: var(--h-green-soft);
    color: var(--h-green);
}

.yap-shell.yon-home--yon .yap-pill--warn {
    border-color: rgba(255, 179, 0, 0.3);
    background: var(--h-orange-soft);
    color: var(--h-orange);
}

.yap-shell.yon-home--yon .yap-field input,
.yap-shell.yon-home--yon .yap-field select,
.yap-shell.yon-home--yon .yap-field textarea {
    background: var(--h-bg-raised);
    border-color: var(--h-border);
    color: var(--h-text);
    border-radius: var(--h-radius);
}

.yap-shell.yon-home--yon .yap-field input:focus,
.yap-shell.yon-home--yon .yap-field select:focus,
.yap-shell.yon-home--yon .yap-field textarea:focus {
    border-color: rgba(17, 211, 119, 0.45);
    box-shadow: 0 0 0 3px var(--h-green-soft);
}

.yap-shell.yon-home--yon .yap-btn--primary,
.yap-shell.yon-home--yon .yap-btn--legend {
    background: var(--h-gradient-green);
    color: var(--h-green-text-on);
    box-shadow: var(--h-shadow-green);
}

.yap-shell.yon-home--yon .yap-btn--ghost,
.yap-shell.yon-home--yon .yap-btn--soft {
    background: var(--h-bg-raised);
    border: 1px solid var(--h-border);
    color: var(--h-text);
}

.yap-shell.yon-home--yon .yap-btn--ghost:hover,
.yap-shell.yon-home--yon .yap-btn--soft:hover {
    border-color: rgba(61, 90, 254, 0.4);
    background: var(--h-blue-soft);
    color: var(--h-blue-text);
}

.yap-shell.yon-home--yon .yap-level__badge,
.yap-shell.yon-home--yon .yap-level__bar > i {
    background: var(--h-gradient-green);
}

/* Bakiye yükle / cüzdan */
.yap-shell.yon-home--yon .yon-wd-top__eyebrow,
.yap-shell.yon-home--yon .yon-wd-balance__link {
    color: var(--h-green);
}

.yap-shell.yon-home--yon .yon-wd-balance__value {
    color: var(--h-green);
}

.yap-shell.yon-home--yon .yon-wd-balance {
    border-color: rgba(17, 211, 119, 0.28);
    background: var(--h-green-soft);
}

.yap-shell.yon-home--yon .yon-wd-card {
    background: var(--h-bg-card);
    border-color: var(--h-border);
    box-shadow: var(--h-shadow-card);
    border-radius: var(--h-radius-lg);
}

.yap-shell.yon-home--yon .yon-wh__notice {
    border-color: rgba(61, 90, 254, 0.28);
    background: var(--h-blue-soft);
    color: var(--h-blue-text);
}

.yap-shell.yon-home--yon .yon-wh__notice i {
    color: var(--h-blue);
}

.yap-shell.yon-home--yon .yon-wh__item {
    background: var(--h-bg-card);
    border-color: var(--h-border);
}

.yap-shell.yon-home--yon .yon-wh__item:hover {
    border-color: rgba(17, 211, 119, 0.35);
    background: var(--h-bg-raised);
}

.yap-shell.yon-home--yon .yon-wh__body strong em {
    color: var(--h-blue-text);
}

.yap-shell.yon-home--yon .yon-wh__cash {
    background: var(--h-bg-card);
    border-color: var(--h-border);
}

/* Siparişler */
.yap-shell.yon-home--yon .yon-orders-card {
    background: var(--h-bg-card);
    border-color: var(--h-border);
}

.yap-shell.yon-home--yon .yon-orders-card__thumb {
    background: var(--h-bg-raised);
}

.yap-shell.yon-home--yon .yon-orders-card__status--completed {
    color: var(--h-green);
}

.yap-shell.yon-home--yon .yon-orders-card__status--review {
    color: var(--h-blue-text);
}

.yap-shell.yon-home--yon .yon-orders-card__status--active {
    color: var(--h-orange);
}

.yap-shell.yon-home--yon .yon-orders-list__month {
    color: var(--h-text-muted);
}

/* Legacy Tailwind remap (tüm alt sayfalar) */
.yap-shell.yon-home--yon .text-emerald-400,
.yap-shell.yon-home--yon .text-emerald-300,
.yap-shell.yon-home--yon .text-emerald-200,
.yap-shell.yon-home--yon .hover\:text-emerald-200:hover {
    color: var(--h-green) !important;
}

.yap-shell.yon-home--yon .text-sky-400,
.yap-shell.yon-home--yon .text-sky-300,
.yap-shell.yon-home--yon .text-sky-200,
.yap-shell.yon-home--yon .hover\:text-sky-300:hover,
.yap-shell.yon-home--yon a.text-sky-400 {
    color: var(--h-blue-text) !important;
}

.yap-shell.yon-home--yon .text-amber-400,
.yap-shell.yon-home--yon .text-amber-300,
.yap-shell.yon-home--yon .text-amber-200,
.yap-shell.yon-home--yon .hover\:text-amber-200:hover {
    color: var(--h-orange) !important;
}

.yap-shell.yon-home--yon .text-slate-400,
.yap-shell.yon-home--yon .text-slate-500,
.yap-shell.yon-home--yon .text-slate-600,
.yap-shell.yon-home--yon .text-slate-300 {
    color: var(--h-text-muted) !important;
}

.yap-shell.yon-home--yon .text-white,
.yap-shell.yon-home--yon h1.text-white,
.yap-shell.yon-home--yon .font-bold.text-white {
    color: var(--h-text-bright) !important;
}

.yap-shell.yon-home--yon .bg-sky-600,
.yap-shell.yon-home--yon .bg-sky-500,
.yap-shell.yon-home--yon .hover\:bg-sky-500:hover,
.yap-shell.yon-home--yon .bg-emerald-600,
.yap-shell.yon-home--yon .hover\:bg-emerald-500:hover {
    background: var(--h-gradient-green) !important;
    color: var(--h-green-text-on) !important;
    border: none !important;
}

.yap-shell.yon-home--yon .bg-orange-500,
.yap-shell.yon-home--yon .hover\:bg-orange-600:hover {
    background: var(--h-gradient-listing) !important;
    color: #fff !important;
}

.yap-shell.yon-home--yon .border-emerald-500\/30,
.yap-shell.yon-home--yon .border-emerald-500\/20,
.yap-shell.yon-home--yon .border-emerald-500\/25 {
    border-color: rgba(17, 211, 119, 0.28) !important;
}

.yap-shell.yon-home--yon .bg-emerald-500\/10,
.yap-shell.yon-home--yon .bg-emerald-500\/5 {
    background: var(--h-green-soft) !important;
}

.yap-shell.yon-home--yon .border-amber-500\/30,
.yap-shell.yon-home--yon .border-amber-500\/35,
.yap-shell.yon-home--yon .border-amber-500\/40,
.yap-shell.yon-home--yon .border-amber-500\/20 {
    border-color: rgba(255, 179, 0, 0.28) !important;
}

.yap-shell.yon-home--yon .bg-amber-500\/10,
.yap-shell.yon-home--yon .bg-amber-500\/5 {
    background: var(--h-orange-soft) !important;
}

.yap-shell.yon-home--yon .border-sky-500\/20,
.yap-shell.yon-home--yon .border-sky-500\/30 {
    border-color: rgba(61, 90, 254, 0.28) !important;
}

.yap-shell.yon-home--yon .bg-sky-500\/10,
.yap-shell.yon-home--yon .bg-sky-500\/5 {
    background: var(--h-blue-soft) !important;
}

.yap-shell.yon-home--yon .border-white\/10,
.yap-shell.yon-home--yon .border-white\/8 {
    border-color: var(--h-border) !important;
}

.yap-shell.yon-home--yon .rounded-xl.border.bg-\[\#121820\],
.yap-shell.yon-home--yon [class*="bg-[#121820]"],
.yap-shell.yon-home--yon .bg-epin-card {
    background: var(--h-bg-card) !important;
    border-color: var(--h-border) !important;
}

.yap-shell.yon-home--yon [class*="bg-[#0a0e16]"],
.yap-shell.yon-home--yon [class*="bg-[#0a0d14]"],
.yap-shell.yon-home--yon .bg-epin-bg,
.yap-shell.yon-home--yon .bg-slate-800 {
    background: var(--h-bg-raised) !important;
}

.yap-shell.yon-home--yon .border-epin-border,
.yap-shell.yon-home--yon .border-epin-purple\/40 {
    border-color: var(--h-border) !important;
}

.yap-shell.yon-home--yon .bg-epin-purple\/10 {
    background: var(--h-blue-soft) !important;
    border-color: rgba(61, 90, 254, 0.28) !important;
}

.yap-shell.yon-home--yon .text-orange-400 {
    color: var(--h-orange) !important;
}

.yap-shell.yon-home--yon .text-red-300 {
    color: var(--h-danger) !important;
}

.yap-shell.yon-home--yon .border-red-500\/30 {
    border-color: rgba(255, 68, 84, 0.28) !important;
}

.yap-shell.yon-home--yon .bg-red-500\/10 {
    background: rgba(255, 68, 84, 0.1) !important;
}

html[data-theme="light"] .yap-shell.yon-home--yon .yap-card,
html[data-theme="light"] .yap-shell.yon-home--yon .yap-stat,
html[data-theme="light"] .yap-shell.yon-home--yon .yap-action,
html[data-theme="light"] .yap-shell.yon-home--yon .yon-orders-card,
html[data-theme="light"] .yap-shell.yon-home--yon .yon-wd-card {
    background: #fff;
}

/* Hesap içerik — geliştirilmiş panel / kart */
.yap-shell.yon-home--yon .yap-head h1 {
    color: var(--h-text-bright);
    font-weight: 900;
    letter-spacing: -0.02em;
}

.yap-shell.yon-home--yon .yap-head p {
    color: var(--h-text-muted);
}

.yap-shell.yon-home--yon .yap-card,
.yap-shell.yon-home--yon .yap-stat,
.yap-shell.yon-home--yon .yap-pulse__item,
.yap-shell.yon-home--yon .yap-action {
    border-radius: var(--h-radius, 12px);
    transition: border-color 0.18s ease, background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

.yap-shell.yon-home--yon .yap-card {
    padding: clamp(16px, 2vw, 20px);
}

.yap-shell.yon-home--yon .yap-card__title {
    font-size: clamp(0.95rem, 1.5vw, 1.05rem);
    font-weight: 800;
    color: var(--h-text-bright);
}

.yap-shell.yon-home--yon .yap-stat:hover,
.yap-shell.yon-home--yon .yap-listing:hover,
.yap-shell.yon-home--yon .yap-pulse__item:hover {
    border-color: rgba(102, 122, 250, 0.28);
    background: var(--h-bg-raised);
    transform: translateY(-1px);
    box-shadow: var(--h-shadow-card);
}

.yap-shell.yon-home--yon .yap-stat b {
    color: var(--h-text-bright);
}

.yap-shell.yon-home--yon .yap-stat:nth-child(3n+1) b,
.yap-shell.yon-home--yon .yap-stat:nth-child(3n+2) b {
    color: var(--h-green);
}

.yap-shell.yon-home--yon .yap-chrome {
    margin-bottom: clamp(14px, 2vw, 20px);
}

.yap-shell.yon-home--yon .yap-tip {
    border-color: rgba(52, 211, 153, 0.28);
    background: var(--h-green-soft);
    border-radius: var(--h-radius, 12px);
    color: var(--h-text);
}

.yap-shell.yon-home--yon .yap-tip strong {
    color: var(--h-text-bright);
}

.yap-shell.yon-home--yon .yap-tip p {
    color: var(--h-text-muted);
}

.yap-shell.yon-home--yon .yap-pulse__item.is-warn {
    border-color: rgba(255, 193, 7, 0.28);
    background: var(--h-orange-soft);
}

.yap-shell.yon-home--yon .yap-pulse__item.is-warn > i {
    color: var(--h-orange);
}

.yap-shell.yon-home--yon .yap-pulse__item.is-warn strong {
    color: var(--h-text-bright);
}

.yap-shell.yon-home--yon .yap-listing__img {
    border: 1px solid var(--h-border);
    background: var(--h-bg-raised);
}

.yap-shell.yon-home--yon .yap-empty {
    border: 1px dashed var(--h-border);
    border-radius: var(--h-radius, 12px);
    background: color-mix(in srgb, var(--h-bg-card) 88%, transparent);
}

.yap-shell.yon-home--yon .yap-level__bar {
    background: var(--h-bg-raised);
    border: 1px solid var(--h-border);
}