/* Mobil app (Capacitor) dashboard kabugu — YALNIZ is_mobile_app'te yuklenir.
   Yusuf'un overview.png tasarimi birebir: palet mockup'tan piksel-orneklendi
   (bg #080808, kart #0C0C0C + cok ince kenar, altin var(--accent), altin
   buton yazisi BEYAZ). Web dash2 stillerine dokunmaz. */

/* ======================= GENEL OLCEK (Furkan ayari) =======================
   Tum dashboard'u (bar/kart/yazi, alt sheet dahil) birlikte buyutur/kucultur.
   1 = mockup birebir, 1.1 = %10 buyuk. SADECE --dashm-zoom sayisini degistir. */
.dashm, .dashm-sheet, .dashm-notif { --dashm-zoom: 1.10; zoom: var(--dashm-zoom); }

.dashm {
    /* zoom min-height'i da carpar: duz 100vh -> 110vh = icerik kisa olsa bile
       govde hep kaydirilabilir kaliyordu; zoom'a bolerek tam viewport'a otur.
       body.is-mobile-app'in --amm-sbh ust padding'i de dusulur, yoksa govde
       her sayfada status bar kadar tasar. */
    min-height: calc((100vh - var(--amm-sbh, 0px)) / var(--dashm-zoom, 1.1));
    background: #080808;
    padding: 54px 0 calc(66px + env(safe-area-inset-bottom));
}
/* Kaydiracak icerik yokken bosta esneme/kaydirma olmasin. */
body.is-mobile-app, body.dashm-mode { overscroll-behavior-y: none; }
.is-mobile-app #section-dashboard, .dashm-mode #section-dashboard { background: #080808; }

/* Web-mobil dashboard'da site navbar'i gizli: kabuk kendi ust barini ve
   cekmecesini tasir (app UA'sindaki .is-mobile-app kurali mobile.css'te;
   bu, dar-ekran web'in dashm-mode karsiligi). */
@media (max-width: 768px) {
    body.dashm-mode #navbar,
    body.dashm-mode #nav-overlay { display: none !important; }
}

/* fadeIn'deki transform, fixed app bar/tab bar'i animasyon boyunca section'a
   baglayip ziplatiyor -> app'te dashboard gecis animasyonu kapali. */
.is-mobile-app #section-dashboard.active, .dashm-mode #section-dashboard.active { animation: none; }

/* ---- Ust app bar: sayfayla ayni zemin, cizgisiz, subtle ikonlar ---- */
.dashm-top {
    position: fixed; top: 0; left: 0; right: 0; z-index: 60;
    height: calc(48px + var(--amm-sbh, 0px)); display: flex; align-items: center; gap: 2px;
    padding: var(--amm-sbh, 0px) 8px 0 4px; background: #080808;
}
.dashm-menu-btn, .dashm-bell {
    width: 42px; height: 42px; border: none; background: none; color: #c4c5c8;
    display: flex; align-items: center; justify-content: center; cursor: pointer;
    position: relative; flex: 0 0 auto;
}
/* SVG'lere acik boyut sart: boyutsuz svg butonu dolduruyor. Stroke CSS'ten
   inceltilir (CSS, svg presentation attribute'unu ezer). */
.dashm-menu-btn svg { width: 18px; height: 18px; }
.dashm-bell svg { width: 17px; height: 17px; }
.dashm-menu-btn svg *, .dashm-bell svg * { stroke-width: 1.5; }
.dashm-brand {
    font-family: 'Space Grotesk', 'Inter', sans-serif;
    font-size: 15.5px; font-weight: 700; letter-spacing: -0.02em; color: #fff;
    flex: 1 1 auto;
}
.dashm-brand span { color: var(--accent, #d4a957); }

/* ---- Icerik ---- */
.dashm-main { padding: 8px 12px 0; }

/* Karsilama karti (stat kartlariyla ESIT yukseklik) */
.dashm-hello {
    display: flex; align-items: center; gap: 10px;
    background: #0c0c0c; border: 1px solid #191919; border-radius: 12px;
    padding: 10px 12px; min-height: 70px; box-sizing: border-box;
}
.dashm-avatar {
    width: 32px; height: 32px; border-radius: 50%; flex: 0 0 auto;
    background: var(--accent, #d4a957); color: #fff;
    display: flex; align-items: center; justify-content: center;
    font-weight: 700; font-size: 11px; letter-spacing: 0.02em;
}
.dashm-hello-txt { min-width: 0; }
.dashm-hello-title { font-size: 12px; font-weight: 600; color: #fff; }
.dashm-hello-sub { font-size: 9.5px; color: #85868c; margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Istatistik kartlari */
.dashm-stats { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 8px; margin-top: 8px; }
.dashm-stat {
    background: #0c0c0c; border: 1px solid #191919; border-radius: 12px;
    padding: 10px 9px 9px; text-align: left; color: inherit; font-family: inherit;
    display: flex; flex-direction: column; justify-content: flex-start;
    cursor: pointer; min-width: 0; min-height: 70px; box-sizing: border-box;
}
.dashm-stat[data-go]:active { background: #121212; }
/* Etiket kutunun UST tarafina yakin, deger ortaya yakin durur. */
.dashm-stat-label {
    font-size: 7px; font-weight: 600; letter-spacing: 0.05em;
    text-transform: uppercase; color: #85868c; line-height: 1.3;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.dashm-stat-value { font-size: 15.5px; font-weight: 700; color: #fff; line-height: 1; margin: auto 0; }

/* Hizli aksiyonlar: kartlarin yaklasik YARI yuksekliginde */
.dashm-quick { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 8px; }
.dashm-qbtn {
    height: 33px; border-radius: 10px; border: 1px solid #1c1c1c;
    background: #0d0d0d; color: #fff; font-family: inherit;
    font-size: 9.5px; font-weight: 600; cursor: pointer;
    display: flex; align-items: center; justify-content: center; gap: 6px;
}
.dashm-qbtn:active { background: #141414; }
.dashm-qico { display: flex; }
.dashm-qico svg { width: 13px; height: 13px; }
.dashm-new {
    margin-top: 8px; width: 100%; height: 34px; border: none; border-radius: 10px;
    background: var(--accent, #d4a957); color: #fff; font-family: inherit;
    font-size: 10px; font-weight: 600; cursor: pointer;
    display: flex; align-items: center; justify-content: center; gap: 6px;
}
.dashm-new:active { filter: brightness(0.95); }
.dashm-new svg { width: 14px; height: 14px; }

/* Bolum baslik satiri */
.dashm-sect { margin-top: 16px; }
.dashm-sect-head { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 8px; }
.dashm-sect-head h2 { font-size: 11px; font-weight: 700; color: #fff; margin: 0; }
.dashm-sect-head button {
    background: none; border: none; color: var(--accent, #d4a957);
    font-family: inherit; font-size: 9px; font-weight: 600; cursor: pointer; padding: 2px 0;
}

/* Recent projects — yatay kaydirma kartlari */
.dashm-hscroll {
    display: flex; gap: 8px; overflow-x: auto; margin: 0 -12px; padding: 0 12px 4px;
    scrollbar-width: none; -webkit-overflow-scrolling: touch;
}
.dashm-hscroll::-webkit-scrollbar { display: none; }
.dashm-proj {
    flex: 0 0 140px; width: 140px; background: #0c0c0c;
    border: 1px solid #191919; border-radius: 11px; overflow: hidden; cursor: pointer;
}
.dashm-proj-thumb { width: 100%; aspect-ratio: 16 / 10; background: #131313; }
.dashm-proj-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.dashm-thumb-empty { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #333; }
.dashm-thumb-empty svg { width: 26px; height: 26px; }
.dashm-proj-body { display: flex; align-items: flex-start; padding: 6px 2px 7px 8px; gap: 2px; }
.dashm-proj-txt { flex: 1 1 auto; min-width: 0; }
.dashm-proj-name {
    font-size: 9px; font-weight: 600; color: #fff;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.dashm-proj-date { font-size: 7.5px; color: #85868c; margin-top: 2px; }

/* Kebab (uc nokta) */
.dashm-kebab {
    width: 28px; height: 28px; border: none; background: none; color: #85868c;
    display: flex; align-items: center; justify-content: center;
    cursor: pointer; flex: 0 0 auto; border-radius: 8px; margin: -3px 0 0;
}
.dashm-kebab:active { background: rgba(255,255,255,0.06); color: #fff; }
.dashm-kebab svg { width: 14px; height: 14px; }

/* Recent renders — satir listesi */
.dashm-render-list { display: flex; flex-direction: column; gap: 7px; }
.dashm-render {
    display: flex; align-items: center; gap: 9px;
    background: #0c0c0c; border: 1px solid #191919; border-radius: 11px;
    padding: 6px 3px 6px 6px; cursor: pointer;
}
.dashm-render:active { background: #121212; }
.dashm-render-thumb {
    width: 52px; height: 36px; border-radius: 7px; overflow: hidden; position: relative;
    background: #131313; flex: 0 0 auto; display: flex; align-items: center; justify-content: center;
}
.dashm-render-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.dashm-render-play {
    position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
}
.dashm-render-play span {
    width: 17px; height: 17px; border-radius: 50%; background: rgba(10,10,14,0.62);
    display: flex; align-items: center; justify-content: center; color: #fff;
}
.dashm-render-play svg { width: 7px; height: 7px; margin-left: 1px; }
.dashm-render-txt { flex: 1 1 auto; min-width: 0; }
.dashm-render-name {
    font-size: 9px; font-weight: 600; color: #fff;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.dashm-render-meta {
    font-size: 7.5px; color: #85868c; margin-top: 2px;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

/* ---- Alt tab bar: sayfayla ayni zemin, cizgisiz ---- */
.dashm-tabs {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 60;
    display: flex; background: #080808;
    padding: 4px 2px calc(6px + env(safe-area-inset-bottom));
}
/* dash2-nav-item sinifi (aktiflik toggle'i icin sart) web sidebar stillerini
   sizdiriyor -> burada tumu acikca nOtrlenir. */
.dashm-tabs .dashm-tab {
    flex: 1 1 0; width: auto; border: none; background: none; color: #808187;
    display: flex; flex-direction: column; align-items: center; gap: 3px;
    font-family: inherit; font-size: 7px; font-weight: 600; cursor: pointer;
    padding: 3px 0 2px; position: relative; border-radius: 0; text-align: center;
    white-space: nowrap;
}
.dashm-tabs .dashm-tab.active { background: none; color: var(--accent, #d4a957); }
.dashm-tab-ico { display: flex; }
.dashm-tab-ico svg { width: 19px; height: 19px; }
.dashm-tab .dash2-nav-badge {
    position: absolute; top: 0; right: calc(50% - 16px);
    box-sizing: border-box; min-width: 14px; height: 14px;
    border-radius: 7px; padding: 0 4px;
    background: #e0734f; color: #fff; font-size: 8px; font-weight: 700; line-height: 1;
    display: flex; align-items: center; justify-content: center;
}
/* display:flex hidden attribute'unu ezer -> okunmamis yokken rozet GORUNMEZ */
.dashm-tab .dash2-nav-badge[hidden] { display: none; }

/* ======================= GUIDE (app) — guide.png birebir =======================
   Ayni GuidePage DOM'u (dash2-guide) app'te mockup diliyle giydirilir: koyu
   kart chip'ler, altin aktif chip, her adim kendi kartinda (ikonsuz), tip
   kartlari altin tonlu. Boyutlar overview kurallariyla ayni (-%20 + zoom). */
.dashm .dash2-guide-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; margin: 2px 0 10px; }
.dashm .dash2-guide-head h1 { font-size: 16px; font-weight: 700; color: #fff; margin: 0; }
.dashm .dash2-guide-head p { font-size: 9.5px; color: #85868c; margin: 3px 0 0; }
.dashm .dash2-guide-copy {
    display: flex; align-items: center; gap: 5px; flex: 0 0 auto;
    background: #0c0c0c; border: 1px solid #191919; border-radius: 9px;
    color: #d5d6da; font-family: inherit; font-size: 9px; font-weight: 600;
    padding: 6px 9px; cursor: pointer; margin-top: 2px;
}
.dashm .dash2-guide-copy svg { width: 11px; height: 11px; }
.dashm .dash2-guide-nav { display: flex; flex-wrap: wrap; gap: 7px; margin: 0 0 14px; }
.dashm .dash2-guide-nav .guide-nav-item {
    background: #0f0f0f; border: 1px solid #1c1c1c; border-radius: 9px;
    color: #b9babf; font-family: inherit; font-size: 9px; font-weight: 600;
    padding: 7px 10px; cursor: pointer; line-height: 1;
}
.dashm .dash2-guide-nav .guide-nav-item--active { background: #a07c3e; border-color: #a07c3e; color: #fff; }
.dashm .guide-main { font-size: 10px; }
.dashm .guide-eyebrow { color: #e2af52; font-size: 8px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; margin: 2px 0 7px; }
.dashm .guide-title { font-size: 15px; font-weight: 700; color: #fff; margin: 0 0 7px; line-height: 1.25; }
.dashm .guide-lede { font-size: 10px; color: #a9abb1; line-height: 1.6; margin: 0 0 14px; }
.dashm .guide-feature { margin: 0 0 16px; }
.dashm .guide-feature-title { font-size: 12.5px; font-weight: 700; color: #fff; margin: 0 0 7px; }
.dashm .guide-feature-body p { font-size: 10px; color: #a9abb1; line-height: 1.6; margin: 0 0 9px; }
.dashm .guide-sub { font-size: 11px; font-weight: 700; color: #fff; margin: 11px 0 6px; }
/* Adimlar: her madde kendi kartinda, kalin basligi ustte (mockup'taki liste;
   madde yani ikonlar bilerek YOK - Furkan istemedi). */
.dashm .guide-steps { list-style: none; margin: 0 0 10px; padding: 0; display: flex; flex-direction: column; gap: 7px; }
.dashm .guide-steps li {
    background: #0c0c0c; border: 1px solid #191919; border-radius: 11px;
    padding: 9px 11px; font-size: 9.5px; color: #a9abb1; line-height: 1.55;
}
.dashm .guide-steps li strong { display: block; font-size: 10.5px; color: #fff; font-weight: 700; margin-bottom: 3px; }
.dashm .guide-steps li::before { content: none; }
.dashm .guide-note {
    display: block; background: rgba(212,169,87,0.07); border: 1px solid rgba(212,169,87,0.28);
    border-radius: 11px; padding: 9px 11px; margin: 4px 0 12px;
    font-size: 9.5px; line-height: 1.55; color: #c9cbd0;
}
.dashm .guide-note-tag { color: #e2af52; font-weight: 700; margin-right: 5px; }
.dashm .guide-note--warn { background: rgba(224,115,79,0.07); border-color: rgba(224,115,79,0.3); }
.dashm .guide-note--warn .guide-note-tag { color: #e0734f; }
.dashm .guide-main kbd { background: #1a1a1a; border: 1px solid #262626; border-radius: 5px; padding: 1px 5px; font-size: 8.5px; color: #e6e7ea; }
.dashm .guide-figure, .dashm .guide-figure-img, .dashm .guide-main img, .dashm .guide-main video { max-width: 100%; height: auto; border-radius: 10px; }
/* Panel gecis (onceki/sonraki) butonlari: web'de 14.5px, app'te kucuk */
.dashm .guide-pager { margin-top: 20px; padding-top: 11px; gap: 10px; border-top: 1px solid #191919; }
.dashm .guide-pager-btn { font-size: 9.5px; gap: 4px; color: #b9babf; }
.dashm .guide-pager-ico { width: 10px; height: 10px; }

/* ======================= PLAN & BILLING (app) =======================
   Mockup'i yok; overview/guide dilinin aynisi: koyu kartlar, altin vurgu,
   dikey tek kolon pricing, kompakt karsilastirma tablosu. dash2-view-head /
   dash2-card / dash2-quick-btn override'lari diger sekmeleri de toparlar. */
.dashm .dash2-view-head { margin: 2px 0 10px; }
.dashm .dash2-view-head h1 { font-size: 16px; font-weight: 700; color: #fff; margin: 0; }
.dashm .dash2-view-head p { font-size: 9.5px; color: #85868c; margin: 3px 0 0; }
.dashm .dash2-card { background: #0c0c0c; border: 1px solid #191919; border-radius: 12px; padding: 11px 12px; }
.dashm .dash2-quick-btn {
    height: 30px; padding: 0 12px; border-radius: 9px; border: 1px solid #1c1c1c;
    background: #131313; color: #fff; font-family: inherit; font-size: 9.5px; font-weight: 600;
    display: inline-flex; align-items: center; justify-content: center; gap: 6px; cursor: pointer;
}
.dashm .dash2-quick-btn svg { width: 12px; height: 12px; }
.dashm .dash2-quick-primary { background: var(--accent, #d4a957); border-color: var(--accent, #d4a957); color: #fff; }
/* Mevcut plan + AI kullanim kartlari */
.dashm-plan-cur {
    display: flex; align-items: center; justify-content: space-between; gap: 10px;
    background: #0c0c0c; border: 1px solid #191919; border-radius: 12px; padding: 10px 12px;
}
.dashm-plan-cur-txt { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.dashm-plan-cur-label { font-size: 7px; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; color: #85868c; }
.dashm-plan-cur-name { font-size: 14px; font-weight: 700; color: var(--accent, #d4a957); line-height: 1; }
.dashm-plan-cur-sub { font-size: 8.5px; color: #85868c; }
.dashm-plan-billing { width: auto; padding: 0 14px; flex: 0 0 auto; height: 30px; font-size: 9.5px; }
.dashm-plan-usage { background: #0c0c0c; border: 1px solid #191919; border-radius: 12px; padding: 10px 12px; margin-top: 8px; }
.dashm-plan-usage-head { display: flex; justify-content: space-between; align-items: baseline; font-size: 9.5px; font-weight: 700; color: #fff; }
.dashm-plan-usage-head strong { font-size: 12px; color: var(--accent, #d4a957); }
.dashm-plan-usage-txt { font-size: 9px; color: #a9abb1; line-height: 1.55; margin-top: 5px; }
.dashm-plan-usage-bar { height: 4px; border-radius: 2px; background: #1c1c1c; overflow: hidden; margin-top: 8px; }
.dashm-plan-usage-bar span { display: block; height: 100%; background: var(--accent, #d4a957); border-radius: 2px; }
.dashm-plan-usage-note { font-size: 8px; color: #85868c; margin-top: 5px; }
/* Aylik/Yillik secici */
.dashm-price-toggle { display: flex; justify-content: center; margin: 14px 0 8px; }
.dashm-price-toggle-in { display: inline-flex; background: #0f0f0f; border: 1px solid #1c1c1c; border-radius: 9px; padding: 2px; }
.dashm-price-toggle button {
    border: none; background: none; color: #b9babf; font-family: inherit;
    font-size: 9px; font-weight: 600; padding: 6px 12px; border-radius: 7px; cursor: pointer;
}
.dashm-price-toggle button.active { background: #a07c3e; color: #fff; }
.dashm-price-beta { text-align: center; font-size: 8.5px; color: var(--accent, #d4a957); margin: 0 0 8px; }
/* Plan kartlari: tek kolon, satir-ici fiyat */
.dashm-price-list { display: flex; flex-direction: column; gap: 8px; }
.dashm-price { position: relative; background: #0c0c0c; border: 1px solid #191919; border-radius: 12px; padding: 11px 12px; }
.dashm-price.popular { border-color: rgba(212,169,87,0.55); }
.dashm-price-pop {
    position: absolute; top: -1px; right: 12px; background: var(--accent, #d4a957); color: #fff;
    font-size: 7px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase;
    padding: 2px 7px; border-radius: 0 0 6px 6px;
}
.dashm-price-top { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.dashm-price-name { font-size: 12px; font-weight: 700; color: #fff; }
.dashm-price-amt { display: flex; align-items: baseline; gap: 4px; }
.dashm-price-amt s { font-size: 8.5px; color: #6f7076; }
.dashm-price-amt b { font-size: 15px; font-weight: 700; color: #fff; }
.dashm-price-amt i { font-style: normal; font-size: 8px; color: #85868c; }
.dashm-price-save { font-size: 8px; color: var(--accent, #d4a957); margin-top: 2px; }
.dashm-price-feats { list-style: none; margin: 8px 0 10px; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.dashm-price-feats li { display: flex; align-items: flex-start; gap: 6px; font-size: 9px; color: #a9abb1; line-height: 1.45; }
.dashm-price-feats li svg { width: 10px; height: 10px; flex: 0 0 auto; margin-top: 1.5px; }
.dashm-price-feats li.inc { display: block; font-size: 8.5px; font-weight: 700; color: #fff; }
.dashm-price-cta {
    display: flex; width: 100%; height: 30px; align-items: center; justify-content: center;
    border-radius: 9px; border: 1px solid #1c1c1c; background: #131313; color: #fff;
    font-family: inherit; font-size: 9.5px; font-weight: 600; cursor: pointer;
}
.dashm-price-cta.primary { background: var(--accent, #d4a957); border-color: var(--accent, #d4a957); }
.dashm-price-cta[disabled] { opacity: 0.5; cursor: default; }
.dashm-price-note { font-size: 7.5px; color: #85868c; text-align: center; margin-top: 6px; }
/* 5 gunluk pass karti */
.dashm-pass { background: rgba(212,169,87,0.06); border: 1px solid rgba(212,169,87,0.4); border-radius: 12px; padding: 11px 12px; margin-top: 8px; }
.dashm-pass p { font-size: 9px; color: #a9abb1; line-height: 1.5; margin: 6px 0 9px; }
/* Karsilastirma tablosu */
.dashm-cmp-title { font-size: 12px; font-weight: 700; color: #fff; margin: 16px 0 8px; }
.dashm-cmp-scroll { overflow-x: auto; margin: 0 -12px; padding: 0 12px; }
.dashm-cmp { width: 100%; border-collapse: collapse; font-size: 8.5px; }
.dashm-cmp th, .dashm-cmp td { text-align: left; padding: 6px 8px; border-bottom: 1px solid #161616; color: #a9abb1; white-space: nowrap; }
.dashm-cmp th { color: #fff; font-weight: 700; }
.dashm-cmp td svg { vertical-align: middle; }

/* Billing modal (body'ye eklenir -> .is-mobile-app scope + ayni zoom) */
.is-mobile-app .dash2-modal-overlay, .dashm-mode .dash2-modal-overlay { z-index: 95; }
.is-mobile-app .dash2-modal, .dashm-mode .dash2-modal {
    width: min(92vw, 340px); background: #0f0f10; border: 1px solid #191919;
    border-radius: 14px; padding: 12px 13px; zoom: 1.10;
}
.is-mobile-app .dash2-modal-title, .dashm-mode .dash2-modal-title { font-size: 11px; font-weight: 700; display: flex; align-items: center; gap: 6px; }
.is-mobile-app .dash2-modal-title svg, .dashm-mode .dash2-modal-title svg { width: 13px; height: 13px; }
.is-mobile-app .dash2-modal-intro, .dashm-mode .dash2-modal-intro { font-size: 9.5px; color: #a9abb1; line-height: 1.55; }
.is-mobile-app .dash2-bill-row, .dashm-mode .dash2-bill-row { display: flex; justify-content: space-between; gap: 10px; font-size: 9.5px; padding: 7px 0; border-bottom: 1px solid #161616; }
.is-mobile-app .dash2-bill-label, .dashm-mode .dash2-bill-label { color: #85868c; }
.is-mobile-app .dash2-bill-val, .dashm-mode .dash2-bill-val { color: #fff; }
.is-mobile-app .dash2-bill-actions, .dashm-mode .dash2-bill-actions { display: flex; gap: 8px; margin-top: 10px; }
.is-mobile-app .dash2-bill-link, .dashm-mode .dash2-bill-link { background: none; border: none; color: var(--accent, #d4a957); font-family: inherit; font-size: 9.5px; font-weight: 600; padding: 8px 0 0; cursor: pointer; }
.is-mobile-app .dash2-bill-cancel, .dashm-mode .dash2-bill-cancel { color: #e0734f; }
.is-mobile-app .dash2-modal-foot, .dashm-mode .dash2-modal-foot { font-size: 8.5px; color: #85868c; line-height: 1.5; }
.is-mobile-app .dash2-bill-alert, .dashm-mode .dash2-bill-alert { font-size: 9px; }

/* mobile.css'in iOS zoom onlemi (tum inputlara 16px !important) app skinindeki
   kucuk olcekle devasa duruyor; app'te (Android WebView) zoom derdi yok. */
.dashm input[type="text"], .dashm input[type="email"], .dashm input[type="password"],
.dashm input[type="number"], .dashm input[type="search"], .dashm textarea, .dashm select {
    font-size: 11px !important;
}

/* ======================= ACCOUNT (app) — accaunt.png ======================= */
/* DIKKAT: cascade property-bazinda yarisir — burada bildirilmeyen her ozellik
   auth.css/mobile.css'ten sizar (column hero, 5rem padding, avatar halkasi...).
   O yuzden cekismeli ozellikler ACIKCA yazilir. */
.dashm #dash2-account-host .acct { padding: 0; max-width: none; margin: 0; }
.dashm #dash2-account-host .acct-hero {
    display: flex; flex-direction: row; align-items: center; gap: 11px;
    padding: 2px 0 12px; margin: 0; border-bottom: none; text-align: left;
}
.dashm #dash2-account-host .acct-avatar {
    width: 46px; height: 46px; border-radius: 50%; flex: 0 0 auto;
    background: var(--accent, #d4a957); display: flex; align-items: center; justify-content: center;
}
.dashm #dash2-account-host .acct-avatar span { font-size: 15px; font-weight: 700; color: #fff; letter-spacing: 0.02em; }
.dashm #dash2-account-host .acct-avatar::after { display: none; }
.dashm #dash2-account-host .acct-info { min-width: 0; }
.dashm #dash2-account-host .acct-name { font-size: 14px; font-weight: 700; color: #fff; margin: 0; line-height: 1.2; }
.dashm #dash2-account-host .acct-email { font-size: 9px; color: #85868c; margin-top: 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dashm #dash2-account-host .acct-badges { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 6px; }
.dashm #dash2-account-host .acct-badge {
    font-size: 7px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase;
    color: #b9babf; background: #131313; border: 1px solid #1c1c1c; border-radius: 6px; padding: 3px 7px;
}
.dashm #dash2-account-host .acct-badge-beta { color: var(--accent, #d4a957); border-color: rgba(212,169,87,0.4); }
.dashm #dash2-account-host .acct-section { margin: 0 0 12px; padding: 0; background: none; border: none; }
.dashm #dash2-account-host .acct-section-head {
    display: flex; align-items: center; gap: 5px; margin: 0 0 6px;
    font-size: 7.5px; font-weight: 700; letter-spacing: 0.07em; text-transform: uppercase; color: #85868c;
}
.dashm #dash2-account-host .acct-section-head svg { width: 10px; height: 10px; }
.dashm #dash2-account-host .acct-section-head-danger { color: #e0734f; }
.dashm #dash2-account-host .acct-card {
    background: #0c0c0c; border: 1px solid #191919; border-radius: 12px;
    padding: 11px 12px; margin: 0; backdrop-filter: none; -webkit-backdrop-filter: none;
}
.dashm #dash2-account-host .acct-card h2 { font-size: 11px; font-weight: 700; color: #fff; margin: 0 0 4px; }
.dashm #dash2-account-host .acct-card p { font-size: 9px; color: #a9abb1; line-height: 1.5; margin: 0 0 9px; }
.dashm #dash2-account-host .acct-btn {
    /* mobile.css tap-target min-height:44px'i ezer (min-height height'i yener) */
    height: 28px; min-height: 0; padding: 0 12px; border-radius: 9px; border: 1px solid #1c1c1c;
    background: #131313; color: #fff; font-family: inherit; font-size: 9px; font-weight: 600;
    cursor: pointer; display: inline-flex; align-items: center; justify-content: center;
}
.dashm #dash2-account-host .acct-btn-link { background: none; border: none; color: var(--accent, #d4a957); font-family: inherit; font-size: 9px; font-weight: 600; padding: 8px 0 0; cursor: pointer; display: inline-block; }
.dashm #dash2-account-host .acct-bill-alert { background: rgba(224,115,79,0.07); border: 1px solid rgba(224,115,79,0.3); border-radius: 12px; padding: 10px 12px; margin: 0 0 8px; font-size: 9px; color: #c9cbd0; line-height: 1.5; }
.dashm #dash2-account-host .acct-bill-alert .acct-btn { margin-top: 8px; }
.dashm #dash2-account-host .acct-promo-form { display: flex; flex-direction: row; gap: 7px; }
.dashm #dash2-account-host .acct-promo-form button { width: auto; }
.dashm #dash2-account-host .acct-promo-form input {
    flex: 1 1 auto; min-width: 0; height: 28px; border-radius: 9px;
    border: 1px solid #1c1c1c; background: #0f0f0f; color: #fff;
    font-family: inherit; font-size: 9.5px; padding: 0 10px;
}
.dashm #dash2-account-host .acct-promo-form input::placeholder { color: #5c5d63; }
.dashm #dash2-account-host .acct-promo-form .acct-btn { background: var(--accent, #d4a957); border-color: var(--accent, #d4a957); }
/* Referral karti */
.dashm #dash2-account-host .dash2-ref-row { display: flex; gap: 7px; align-items: center; }
.dashm #dash2-account-host .dash2-ref-input {
    flex: 1 1 auto; min-width: 0; height: 28px; border-radius: 9px;
    border: 1px solid #1c1c1c; background: #0f0f0f; color: #b9babf;
    font-family: inherit; font-size: 8.5px; padding: 0 10px;
}
.dashm #dash2-account-host .dash2-ref-meta { font-size: 8.5px; color: #85868c; margin-top: 7px; }
.dashm #dash2-account-host .dash2-ref-meta code { color: var(--accent, #d4a957); background: rgba(212,169,87,0.08); border-radius: 5px; padding: 1px 5px; }
.dashm #dash2-account-host .dash2-rewards-list { display: flex; flex-direction: column; gap: 7px; margin-top: 8px; }
.dashm #dash2-account-host .dash2-reward-item { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 9px; color: #a9abb1; }
.dashm #dash2-account-host .dash2-reward-actions { display: flex; gap: 6px; }
.dashm #dash2-account-host .dash2-card-sub { font-size: 9px; color: #a9abb1; line-height: 1.5; }
/* Danger zone */
.dashm #dash2-account-host .acct-card-danger { border-color: rgba(224,115,79,0.4); background: rgba(224,115,79,0.04); }
.dashm #dash2-account-host .acct-card-danger p { color: rgba(224,140,110,0.85); }
.dashm #dash2-account-host .acct-btn-danger { background: none; border-color: rgba(224,115,79,0.55); color: #e0734f; }

/* ======================= TICKETS (app) — ticket.png ======================= */
.dashm-tk-loading { color: #85868c; font-size: 10px; padding: 20px 0; text-align: center; }
.dashm-tk-back {
    display: inline-flex; align-items: center; gap: 4px; background: none; border: none;
    color: var(--accent, #d4a957); font-family: inherit; font-size: 10.5px; font-weight: 600;
    cursor: pointer; padding: 0 0 10px; margin-top: 2px;
}
.dashm-tk-back svg { width: 12px; height: 12px; }
/* bos durum */
.dashm-tk-empty {
    background: #0c0c0c; border: 1px solid #191919; border-radius: 13px;
    padding: 34px 18px 30px; text-align: center;
    display: flex; flex-direction: column; align-items: center;
}
.dashm-tk-bot { width: 84px; height: 63px; margin-bottom: 14px; }
.dashm-tk-empty-title { font-size: 13px; font-weight: 700; color: #fff; }
.dashm-tk-empty-sub { font-size: 9.5px; color: #85868c; line-height: 1.5; margin: 5px 0 14px; max-width: 200px; }
.dashm-tk-new {
    display: inline-flex; align-items: center; justify-content: center; gap: 6px;
    height: 32px; padding: 0 16px; border: none; border-radius: 10px;
    background: var(--accent, #d4a957); color: #fff; font-family: inherit;
    font-size: 10.5px; font-weight: 600; cursor: pointer;
}
.dashm-tk-new svg { width: 12px; height: 12px; }
.dashm-tk-new-sm { height: 28px; padding: 0 12px; font-size: 9.5px; }
.dashm-tk-listtop { display: flex; justify-content: flex-end; margin: -4px 0 8px; }
/* liste satirlari */
.dashm-tk-list { display: flex; flex-direction: column; gap: 7px; }
.dashm-tk-row {
    display: flex; align-items: center; gap: 10px;
    background: #0c0c0c; border: 1px solid #191919; border-radius: 11px;
    padding: 9px 10px; cursor: pointer;
}
.dashm-tk-row:active { background: #121212; }
.dashm-tk-cico { display: flex; flex: 0 0 auto; width: 26px; height: 26px; align-items: center; justify-content: center; background: #151515; border-radius: 50%; }
.dashm-tk-cico svg { width: 13px; height: 13px; }
.dashm-tk-row-txt { flex: 1 1 auto; min-width: 0; }
.dashm-tk-row-name { font-size: 11px; font-weight: 600; color: #fff; }
.dashm-tk-row-sub { font-size: 8.5px; color: #85868c; margin-top: 2px; }
.dashm-tk-chip {
    flex: 0 0 auto; font-size: 7.5px; font-weight: 700; letter-spacing: 0.03em;
    color: #b9babf; background: #151515; border: 1px solid #222; border-radius: 7px; padding: 3px 7px;
    text-transform: none;
}
.dashm-tk-chip-wait { color: var(--accent, #d4a957); border-color: rgba(212,169,87,0.35); background: rgba(212,169,87,0.08); }
.dashm-tk-chip-new { color: #fff; background: #e0734f; border-color: #e0734f; }
/* kompoze */
.dashm-tk-label { font-size: 9px; font-weight: 700; color: #d5d6da; margin: 12px 0 6px; }
.dashm-tk-select {
    display: flex; align-items: center; justify-content: space-between; width: 100%;
    height: 34px; padding: 0 11px; background: #0c0c0c; border: 1px solid #191919;
    border-radius: 10px; color: #b9babf; font-family: inherit; font-size: 10px; cursor: pointer;
}
.dashm-tk-select svg { width: 13px; height: 13px; color: #85868c; }
.dashm-tk-topics {
    margin-top: 7px; background: #0c0c0c; border: 1px solid #191919; border-radius: 12px;
    padding: 4px; display: flex; flex-direction: column;
}
/* display:flex, hidden attribute'unu ezer -> acikca kapat */
.dashm-tk-topics[hidden] { display: none; }
.dashm-tk-topic {
    display: flex; align-items: center; gap: 10px; width: 100%; text-align: left;
    background: none; border: none; border-radius: 9px; padding: 8px 8px; cursor: pointer;
    font-family: inherit;
}
.dashm-tk-topic:active { background: rgba(255,255,255,0.05); }
.dashm-tk-topic-txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.dashm-tk-topic-txt b { font-size: 10.5px; font-weight: 700; color: #fff; }
.dashm-tk-topic-txt i { font-style: normal; font-size: 8.5px; color: #85868c; }
.dashm-tk-msg {
    width: 100%; box-sizing: border-box; background: #0c0c0c; border: 1px solid #191919;
    border-radius: 10px; color: #fff; font-family: inherit; padding: 9px 11px;
    resize: vertical; min-height: 84px; line-height: 1.5;
}
.dashm-tk-msg::placeholder, .dashm-tk-input::placeholder { color: #5c5d63; }
.dashm-tk-msg:focus, .dashm-tk-input:focus { outline: none; border-color: rgba(212,169,87,0.5); }
.dashm-tk-drop {
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px;
    width: 100%; padding: 14px 10px; background: #0c0c0c; border: 1px dashed #2a2a2a;
    border-radius: 10px; cursor: pointer; font-family: inherit; color: #85868c;
}
.dashm-tk-drop svg { width: 18px; height: 18px; margin-bottom: 3px; }
.dashm-tk-drop b { font-size: 10px; font-weight: 600; color: #d5d6da; }
.dashm-tk-drop i { font-style: normal; font-size: 8px; }
.dashm-tk-filechips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.dashm-tk-filechip {
    display: inline-flex; align-items: center; gap: 5px; max-width: 100%;
    background: #131313; border: 1px solid #222; border-radius: 8px; padding: 5px 7px;
    font-size: 8.5px; color: #d5d6da;
}
.dashm-tk-filechip svg { width: 10px; height: 10px; flex: 0 0 auto; }
.dashm-tk-filechip button { background: none; border: none; color: #85868c; font-size: 12px; cursor: pointer; padding: 0 1px; line-height: 1; }
.dashm-tk-send {
    display: flex; width: 100%; height: 36px; align-items: center; justify-content: center;
    margin-top: 14px; border: none; border-radius: 10px;
    background: var(--accent, #d4a957); color: #fff; font-family: inherit;
    font-size: 11px; font-weight: 600; cursor: pointer;
}
.dashm-tk-send[disabled] { opacity: 0.6; }
/* sohbet */
.dashm-tk-thread-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; margin-bottom: 10px; }
.dashm-tk-thread-title { font-size: 13.5px; font-weight: 700; color: #fff; }
.dashm-tk-thread-sub { font-size: 8.5px; color: #85868c; margin-top: 3px; }
.dashm-tk-thread-sub a { color: var(--accent, #d4a957); text-decoration: none; }
/* Sohbet sabit panelde: baslik + kayan mesaj alani + dipte composer. */
.dashm-tk-threadpane {
    position: fixed; left: 0; right: 0; z-index: 50;
    top: calc(48px + var(--amm-sbh, 0px));
    bottom: calc(46px + env(safe-area-inset-bottom));
    display: flex; flex-direction: column;
    background: #080808; padding: 6px 12px 8px;
}
.dashm-tk-msgs {
    flex: 1 1 auto; overflow-y: auto; min-height: 0;
    display: flex; flex-direction: column; gap: 8px;
    padding-bottom: 8px; -webkit-overflow-scrolling: touch;
}
.dashm-tk-bubble {
    max-width: 78%; border-radius: 12px; padding: 8px 10px 6px;
    font-size: 10px; line-height: 1.5;
}
.dashm-tk-bubble.user {
    align-self: flex-end; background: rgba(212,169,87,0.10);
    border: 1px solid rgba(212,169,87,0.3); color: #ecd9ad;
}
.dashm-tk-bubble.admin {
    align-self: flex-start; background: #131313; border: 1px solid #202020; color: #d5d6da;
}
.dashm-tk-bubble-at { font-size: 7.5px; color: #85868c; margin-top: 4px; }
.dashm-tk-bubble.user .dashm-tk-bubble-at { color: rgba(212,169,87,0.55); }
.dashm-tk-bubble-att {
    display: inline-flex; align-items: center; gap: 5px; margin-top: 5px;
    font-size: 9px; color: var(--accent, #d4a957); text-decoration: none;
    background: rgba(212,169,87,0.08); border: 1px solid rgba(212,169,87,0.3);
    border-radius: 8px; padding: 5px 8px; max-width: 100%; overflow: hidden;
}
.dashm-tk-bubble-att svg { width: 10px; height: 10px; flex: 0 0 auto; }
.dashm-tk-bubble-imgwrap { display: block; margin-top: 5px; }
.dashm-tk-bubble-img {
    display: block; max-width: 100%; max-height: 240px;
    border-radius: 9px; border: 1px solid rgba(255,255,255,0.08);
}
/* yazma cubugu: sabit panelin dibinde */
.dashm-tk-composer { padding: 8px 0 0; background: #080808; }
.dashm-tk-composer-chip { margin-bottom: 6px; }
.dashm-tk-composer-row { display: flex; align-items: center; gap: 7px; }
.dashm-tk-input {
    flex: 1 1 auto; min-width: 0; height: 34px; padding: 0 11px;
    background: #0c0c0c; border: 1px solid #1c1c1c; border-radius: 10px;
    color: #fff; font-family: inherit;
}
.dashm-tk-clip {
    flex: 0 0 auto; width: 34px; height: 34px; display: flex; align-items: center; justify-content: center;
    background: #0c0c0c; border: 1px solid #1c1c1c; border-radius: 10px; color: #85868c; cursor: pointer;
}
.dashm-tk-clip svg { width: 14px; height: 14px; }
.dashm-tk-sendbtn {
    flex: 0 0 auto; height: 34px; padding: 0 16px; border: none; border-radius: 10px;
    background: var(--accent, #d4a957); color: #fff; font-family: inherit;
    font-size: 10.5px; font-weight: 600; cursor: pointer;
}
.dashm-tk-sendbtn[disabled] { opacity: 0.6; }

/* ---- Hamburger cekmecesi ---- */
.dashm-drawer {
    position: fixed; inset: 0; z-index: 80; background: rgba(4,4,6,0);
    transition: background 0.25s ease;
}
.dashm-drawer.open { background: rgba(4,4,6,0.55); }
.dashm-drawer-panel {
    position: absolute; top: 0; bottom: 0; left: 0; width: min(78vw, 300px);
    background: #0e0e0f; border-right: 1px solid #191919;
    padding: calc(16px + var(--amm-sbh, 0px)) 12px calc(14px + env(safe-area-inset-bottom));
    display: flex; flex-direction: column; gap: 3px;
    transform: translateX(-102%); transition: transform 0.25s cubic-bezier(0.4,0,0.2,1);
}
.dashm-drawer.open .dashm-drawer-panel { transform: translateX(0); }
.dashm-drawer-user {
    display: flex; align-items: center; gap: 10px; padding: 4px 6px 14px;
    border-bottom: 1px solid #191919; margin-bottom: 8px;
}
.dashm-drawer-name { font-size: 11px; font-weight: 600; color: #fff; }
.dashm-drawer-plan { font-size: 9px; color: #85868c; margin-top: 2px; }
.dashm-drawer-item {
    display: flex; align-items: center; gap: 10px; width: 100%;
    border: none; background: none; color: #d5d6da; font-family: inherit;
    font-size: 11px; font-weight: 500; cursor: pointer;
    padding: 11px 8px; border-radius: 10px; text-align: left;
}
.dashm-drawer-item:active { background: rgba(255,255,255,0.06); }
.dashm-drawer-item svg { width: 18px; height: 18px; }
.dashm-drawer-signout { margin-top: auto; color: #e0734f; }

/* ======================= STUDIO / PROJELER (app) ======================= */
.dashm-st-top { display: flex; gap: 8px; margin: 0 0 10px; }
.dashm-st-top[hidden] { display: none; }
.dashm-st-search { flex: 1 1 auto; min-width: 0; margin: 0; }
.dashm-st-top .dashm-tk-new { height: 34px; flex: 0 0 auto; }
.dashm-st-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.dashm-st-card {
    background: #0c0c0c; border: 1px solid #191919; border-radius: 12px;
    overflow: hidden; cursor: pointer;
}
.dashm-st-card:active { background: #121212; }
.dashm-st-card .dashm-proj-thumb { aspect-ratio: 16 / 10; }
.dashm-st-body { display: flex; align-items: flex-start; padding: 7px 3px 8px 9px; gap: 2px; }
.dashm-st-txt { flex: 1 1 auto; min-width: 0; }
.dashm-st-name {
    font-size: 10.5px; font-weight: 600; color: #fff;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.dashm-st-date { font-size: 8.5px; color: #85868c; margin-top: 2px; }

/* ======================= RENDERS (app) ======================= */
.dashm-rd-search {
    display: flex; align-items: center; gap: 8px;
    background: #0c0c0c; border: 1px solid #191919; border-radius: 10px;
    padding: 0 11px; height: 34px; margin: 0 0 10px;
}
.dashm-rd-search svg { width: 13px; height: 13px; color: #5c5d63; flex: 0 0 auto; }
.dashm-rd-search input {
    flex: 1 1 auto; min-width: 0; background: none; border: none; color: #fff;
    font-family: inherit; height: 100%;
}
.dashm-rd-search input:focus { outline: none; }
.dashm-rd-search input::placeholder { color: #5c5d63; }
.dashm-rd-search[hidden] { display: none; }
/* native webkit temizleme dugmesi (emoji gibi ciziliyor) kapali; SVG'li buton bizde */
.dashm-rd-search input[type="search"]::-webkit-search-cancel-button,
.dashm-rd-search input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; appearance: none; display: none; }
.dashm-rd-clear {
    flex: 0 0 auto; width: 22px; height: 22px; border: none; background: none;
    color: #9a9ba1; cursor: pointer; padding: 0;
    display: flex; align-items: center; justify-content: center;
}
.dashm-rd-clear:active { color: #fff; }
.dashm-rd-clear svg { width: 10px; height: 10px; }
.dashm-rd-clear[hidden] { display: none; }
.dashm-rd-list { display: flex; flex-direction: column; gap: 8px; }
.dashm-rd-row {
    display: flex; align-items: center; gap: 10px;
    background: #0c0c0c; border: 1px solid #191919; border-radius: 12px;
    padding: 8px 5px 8px 8px; cursor: pointer;
}
.dashm-rd-row:active { background: #121212; }
.dashm-rd-row .dashm-render-thumb { width: 64px; height: 42px; border-radius: 8px; }
.dashm-rd-row.expired { opacity: 0.55; cursor: default; }
.dashm-rd-txt { flex: 1 1 auto; min-width: 0; }
.dashm-rd-name {
    font-size: 11px; font-weight: 600; color: #fff;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.dashm-rd-name span { color: #85868c; font-weight: 500; }
.dashm-rd-meta {
    font-size: 9px; color: #85868c; margin-top: 3px;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.dashm-rd-meta b { color: #e0734f; font-weight: 600; }
.dashm-rd-none { font-size: 9.5px; color: #85868c; text-align: center; padding: 18px 0; }

/* ---- Bildirim paneli (zil) ---- */
.dashm-bell-dot {
    position: absolute; top: 9px; right: 9px; width: 8px; height: 8px;
    border-radius: 50%; background: #e0734f;
}
.dashm-notif {
    position: fixed; inset: 0; z-index: 85;
    background: rgba(4,4,6,0); transition: background 0.18s ease;
}
.dashm-notif.open { background: rgba(4,4,6,0.5); }
.dashm-notif-panel {
    position: absolute; top: calc(50px + var(--amm-sbh, 0px)); left: 10px; right: 10px;
    background: #0f0f10; border: 1px solid #1e1e1f; border-radius: 14px;
    padding: 10px 8px 7px; max-height: 60vh; overflow-y: auto;
    box-shadow: 0 18px 44px rgba(0,0,0,0.55);
    transform: translateY(-8px) scale(0.98); opacity: 0; transform-origin: top right;
    transition: transform 0.18s cubic-bezier(0.3,0.8,0.4,1), opacity 0.18s ease;
}
.dashm-notif.open .dashm-notif-panel { transform: none; opacity: 1; }
.dashm-notif-title {
    display: flex; align-items: center; gap: 6px;
    font-size: 11px; font-weight: 700; color: #fff;
    padding: 2px 8px 9px; border-bottom: 1px solid #1a1a1b; margin-bottom: 3px;
}
.dashm-notif-count {
    min-width: 14px; height: 14px; padding: 0 4px; box-sizing: border-box;
    border-radius: 7px; background: var(--accent, #d4a957); color: #17120a;
    font-size: 8px; font-weight: 700;
    display: inline-flex; align-items: center; justify-content: center;
}
.dashm-notif-count[hidden] { display: none; }
.dashm-notif-row {
    display: flex; align-items: center; gap: 10px; width: 100%;
    background: none; border: none; text-align: left; padding: 10px 8px;
    border-radius: 10px; cursor: pointer; font-family: inherit;
}
.dashm-notif-row:not(:last-child) { border-bottom: 1px solid #141415; border-radius: 0; }
.dashm-notif-row:active { background: rgba(255,255,255,0.05); }
.dashm-notif-chip {
    flex: 0 0 auto; width: 28px; height: 28px; border-radius: 9px;
    display: flex; align-items: center; justify-content: center;
}
.dashm-notif-chip svg { width: 14px; height: 14px; }
.dashm-notif-txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1 1 auto; }
.dashm-notif-txt b { font-size: 10.5px; font-weight: 700; color: #fff; }
.dashm-notif-txt i { font-style: normal; font-size: 8.5px; color: #85868c; }
.dashm-notif-chev { flex: 0 0 auto; color: #45464c; display: flex; }
.dashm-notif-chev svg { width: 11px; height: 11px; }
.dashm-notif-empty {
    display: flex; flex-direction: column; align-items: center; gap: 3px;
    text-align: center; padding: 18px 0 14px;
}
.dashm-notif-empty svg { width: 22px; height: 22px; color: #3f4046; margin-bottom: 4px; }
.dashm-notif-empty b { font-size: 10.5px; font-weight: 600; color: #d5d6da; }
.dashm-notif-empty i { font-style: normal; font-size: 8.5px; color: #6f7076; }

/* ---- Alt sayfa (bottom sheet) menu ---- */
.dashm-sheet {
    position: fixed; inset: 0; z-index: 90; background: rgba(4,4,6,0);
    transition: background 0.2s ease;
}
.dashm-sheet.open { background: rgba(4,4,6,0.55); }
.dashm-sheet-panel {
    position: absolute; left: 0; right: 0; bottom: 0;
    background: #0f0f10; border-radius: 15px 15px 0 0;
    padding: 9px 12px calc(10px + env(safe-area-inset-bottom));
    transform: translateY(102%); transition: transform 0.22s cubic-bezier(0.4,0,0.2,1);
}
.dashm-sheet.open .dashm-sheet-panel { transform: translateY(0); }
.dashm-sheet-title {
    font-size: 9px; font-weight: 600; color: #85868c; text-align: center;
    padding: 5px 0 7px; border-bottom: 1px solid #191919; margin-bottom: 5px;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.dashm-sheet-item, .dashm-sheet-cancel {
    display: block; width: 100%; border: none; background: none; color: #ececef;
    font-family: inherit; font-size: 11px; font-weight: 500; cursor: pointer;
    padding: 12px 8px; border-radius: 10px; text-align: left;
}
.dashm-sheet-item:active { background: rgba(255,255,255,0.06); }
.dashm-sheet-item.danger { color: #e0734f; }
.dashm-sheet-cancel { color: #85868c; text-align: center; margin-top: 2px; }