/* =====================================================================
   FerdiSoft 3D Logistics & Container Loading Optimizer · arayüz stilleri
   Kodlama: Ferdi Giden (https://ferdigiden.com.tr) | Yazılım Web: www.ferdisoft.com.tr
   ===================================================================== */

:root {
    --cbm-kart: #ffffff;
    --cbm-kenar: rgba(148, 163, 184, .28);
    --cbm-cam: rgba(255, 255, 255, .82);
    --cbm-cam-kenar: rgba(148, 163, 184, .35);
    --cbm-yazi: #0f172a;
    --cbm-soluk: #64748b;
    --cbm-vurgu: #4f46e5;
    --cbm-sahne: radial-gradient(1200px 520px at 70% 0%, rgba(99, 102, 241, .10), transparent 60%), radial-gradient(900px 480px at 0% 100%, rgba(20, 184, 166, .08), transparent 60%), #eef1f7;
}
html.dark {
    --cbm-kart: #0b1222;
    --cbm-kenar: rgba(148, 163, 184, .14);
    --cbm-cam: rgba(11, 18, 34, .78);
    --cbm-cam-kenar: rgba(148, 163, 184, .18);
    --cbm-yazi: #f8fafc;
    --cbm-soluk: #94a3b8;
    --cbm-vurgu: #818cf8;
    --cbm-sahne: radial-gradient(1200px 520px at 70% 0%, rgba(99, 102, 241, .16), transparent 60%), radial-gradient(900px 480px at 0% 100%, rgba(20, 184, 166, .10), transparent 60%), #060a14;
}

/* Yerleşim */
.cbm-kabuk { display: flex; flex-direction: column; min-height: 100vh; min-height: 100dvh; }
.cbm-ust { position: sticky; top: 0; height: 60px; flex-shrink: 0; }
.cbm-calisma { display: flex; flex-direction: column; flex: 1; min-height: 0; }
.cbm-sol { display: flex; flex-direction: column; border-bottom-width: 1px; }
.cbm-hesapla-alan { position: sticky; bottom: 0; z-index: 20; }
.cbm-ana { display: flex; flex-direction: column; min-width: 0; min-height: 0; flex: 1; }
.cbm-sahne { position: relative; height: 66vh; min-height: 380px; background: var(--cbm-sahne); overflow: hidden; }
.cbm-alt { background: var(--cbm-kart); border-top: 1px solid var(--cbm-kenar); }
.cbm-alt-ic { max-height: 420px; overflow-y: auto; padding: 12px; }
.cbm-alt-bilgi { flex-shrink: 0; }

@media (min-width: 1024px) {
    .cbm-govde { overflow: hidden; }
    .cbm-kabuk { height: 100vh; height: 100dvh; }
    .cbm-calisma { flex-direction: row; }
    .cbm-sol { width: 408px; flex-shrink: 0; border-bottom-width: 0; border-right-width: 1px; min-height: 0; }
    .cbm-sol-ic { flex: 1; overflow-y: auto; overscroll-behavior: contain; }
    .cbm-hesapla-alan { position: static; }
    .cbm-sahne { flex: 1; height: auto; min-height: 300px; }
    .cbm-alt { height: 268px; flex-shrink: 0; display: flex; flex-direction: column; transition: height .25s ease; }
    .cbm-alt-ic { flex: 1; max-height: none; }
    .cbm-alt.is-dar { height: 45px; }
    .cbm-alt.is-dar .cbm-alt-ic { display: none; }
}
@media (min-width: 1536px) { .cbm-sol { width: 440px; } }

.cbm-sol-ic::-webkit-scrollbar, .cbm-alt-ic::-webkit-scrollbar, #cbm-arac-liste::-webkit-scrollbar { width: 8px; }
.cbm-sol-ic::-webkit-scrollbar-thumb, .cbm-alt-ic::-webkit-scrollbar-thumb, #cbm-arac-liste::-webkit-scrollbar-thumb { background: rgba(148, 163, 184, .35); border-radius: 8px; border: 2px solid transparent; background-clip: padding-box; }

/* Üst çubuk */
.cbm-ust-btn { display: inline-flex; align-items: center; gap: .45rem; height: 2.25rem; padding: 0 .7rem; border-radius: .75rem; font-size: .8125rem; font-weight: 600; color: #475569; transition: background .15s, color .15s; white-space: nowrap; }
.cbm-ust-btn:hover { background: #f1f5f9; color: #0f172a; }
html.dark .cbm-ust-btn { color: #cbd5e1; }
html.dark .cbm-ust-btn:hover { background: rgba(255, 255, 255, .08); color: #fff; }
.cbm-ust-btn:disabled { opacity: .45; cursor: not-allowed; }
.cbm-ust-btn-ana { background: linear-gradient(135deg, #4f46e5, #2563eb 55%, #0d9488); color: #fff !important; box-shadow: 0 6px 18px -8px rgba(79, 70, 229, .7); }
.cbm-ust-btn-ana:hover:not(:disabled) { filter: brightness(1.08); }
.cbm-menu-oge { display: flex; width: 100%; align-items: center; gap: .65rem; border-radius: .75rem; padding: .55rem .7rem; font-size: .8125rem; font-weight: 600; color: #334155; text-align: left; }
.cbm-menu-oge:hover { background: #f1f5f9; }
.cbm-menu-oge.is-secili { background: rgba(99, 102, 241, .1); color: #4338ca; }
html.dark .cbm-menu-oge { color: #e2e8f0; }
html.dark .cbm-menu-oge:hover { background: rgba(255, 255, 255, .06); }
html.dark .cbm-menu-oge.is-secili { background: rgba(129, 140, 248, .15); color: #c7d2fe; }
.cbm-menu-oge i { width: 1rem; text-align: center; }

/* Sol panel kartları */
.cbm-kart { border: 1px solid var(--cbm-kenar); border-radius: 1.25rem; background: var(--cbm-kart); padding: .95rem; box-shadow: 0 1px 2px rgba(15, 23, 42, .03); }
html.dark .cbm-kart { background: rgba(15, 23, 42, .45); }
.cbm-kart-bas { display: flex; align-items: center; gap: .6rem; margin-bottom: .8rem; }
.cbm-kart-baslik { font-size: .9375rem; font-weight: 800; letter-spacing: -.01em; color: var(--cbm-yazi); }
.cbm-adim-no { display: inline-flex; height: 1.5rem; width: 1.5rem; flex-shrink: 0; align-items: center; justify-content: center; border-radius: .5rem; background: linear-gradient(135deg, #4f46e5, #2563eb 60%, #14b8a6); font-size: .7rem; font-weight: 800; color: #fff; box-shadow: 0 4px 10px -4px rgba(79, 70, 229, .6); vertical-align: middle; }
.cbm-segment { display: flex; flex-direction: column; align-items: center; gap: .2rem; border-radius: .7rem; padding: .45rem .2rem; font-size: .6875rem; font-weight: 700; color: #64748b; transition: all .15s; }
.cbm-segment i { font-size: .95rem; }
.cbm-segment:hover { color: #0f172a; }
.cbm-segment.is-aktif { background: #fff; color: #4338ca; box-shadow: 0 1px 3px rgba(15, 23, 42, .12); }
html.dark .cbm-segment { color: #94a3b8; }
html.dark .cbm-segment:hover { color: #fff; }
html.dark .cbm-segment.is-aktif { background: rgba(99, 102, 241, .2); color: #e0e7ff; box-shadow: none; }

.cbm-arac { position: relative; display: flex; width: 100%; align-items: center; gap: .7rem; border: 1px solid var(--cbm-kenar); border-radius: .9rem; padding: .55rem .7rem; text-align: left; transition: border-color .15s, background .15s; }
.cbm-arac:hover { border-color: rgba(99, 102, 241, .45); }
.cbm-arac.is-secili { border-color: #6366f1; background: rgba(99, 102, 241, .06); box-shadow: 0 0 0 3px rgba(99, 102, 241, .12); }
html.dark .cbm-arac.is-secili { background: rgba(99, 102, 241, .12); }
.cbm-arac-ikon { display: inline-flex; height: 2.1rem; width: 2.1rem; flex-shrink: 0; align-items: center; justify-content: center; border-radius: .65rem; background: #eef2ff; color: #4f46e5; font-size: .9rem; }
html.dark .cbm-arac-ikon { background: rgba(99, 102, 241, .15); color: #a5b4fc; }
.cbm-arac.is-secili .cbm-arac-ikon { background: linear-gradient(135deg, #4f46e5, #2563eb); color: #fff; }

.cbm-alan { display: block; }
.cbm-alan > span { display: block; margin-bottom: .3rem; font-size: .6875rem; font-weight: 700; color: #64748b; letter-spacing: .01em; }
html.dark .cbm-alan > span { color: #94a3b8; }
.cbm-sayi { padding-top: .45rem !important; padding-bottom: .45rem !important; font-variant-numeric: tabular-nums; }
.cbm-detay > summary { display: flex; cursor: pointer; list-style: none; align-items: center; gap: .5rem; font-size: .75rem; font-weight: 700; color: #475569; }
.cbm-detay > summary::-webkit-details-marker { display: none; }
.cbm-detay > summary::after { content: "\f078"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: .6rem; margin-left: auto; color: #94a3b8; transition: transform .2s; }
.cbm-detay[open] > summary::after { transform: rotate(180deg); }
.cbm-detay[open] > summary { margin-bottom: .75rem; }
html.dark .cbm-detay > summary { color: #cbd5e1; }

.cbm-btn-ana, .cbm-btn-ikincil { display: inline-flex; align-items: center; justify-content: center; gap: .45rem; border-radius: .8rem; padding: .55rem .8rem; font-size: .8125rem; font-weight: 700; transition: all .15s; }
.cbm-btn-ana { background: #4f46e5; color: #fff; box-shadow: 0 6px 16px -8px rgba(79, 70, 229, .8); }
.cbm-btn-ana:hover { background: #4338ca; }
.cbm-btn-ikincil { border: 1px solid var(--cbm-kenar); background: var(--cbm-kart); color: #334155; }
.cbm-btn-ikincil:hover { border-color: rgba(99, 102, 241, .45); color: #4338ca; }
html.dark .cbm-btn-ikincil { background: rgba(255, 255, 255, .04); color: #e2e8f0; }
html.dark .cbm-btn-ikincil:hover { color: #c7d2fe; }

.cbm-hesapla { position: relative; display: flex; width: 100%; align-items: center; justify-content: center; gap: .6rem; overflow: hidden; border-radius: 1rem; padding: .85rem 1rem; font-size: .95rem; font-weight: 800; color: #fff; background: linear-gradient(135deg, #4f46e5 0%, #2563eb 50%, #0d9488 100%); box-shadow: 0 12px 28px -12px rgba(37, 99, 235, .8); transition: transform .15s, filter .15s; }
.cbm-hesapla:hover { filter: brightness(1.08); transform: translateY(-1px); }
.cbm-hesapla:disabled { opacity: .6; cursor: wait; transform: none; }
.cbm-hesapla.is-kirli::after { content: ""; position: absolute; top: .55rem; right: .7rem; height: .55rem; width: .55rem; border-radius: 999px; background: #fbbf24; box-shadow: 0 0 0 3px rgba(251, 191, 36, .3); }

.cbm-aralik { width: 100%; accent-color: #6366f1; cursor: pointer; }

/* Yük kartları */
.cbm-yuk { border: 1px solid var(--cbm-kenar); border-radius: 1rem; background: var(--cbm-kart); transition: border-color .15s, box-shadow .15s; }
html.dark .cbm-yuk { background: rgba(255, 255, 255, .025); }
.cbm-yuk.is-acik { border-color: rgba(99, 102, 241, .45); box-shadow: 0 8px 24px -16px rgba(79, 70, 229, .55); }
.cbm-yuk.is-hata { border-color: rgba(244, 63, 94, .55); }
.cbm-yuk-ozet { display: flex; width: 100%; align-items: center; gap: .6rem; padding: .6rem .7rem; text-align: left; }
.cbm-renk { position: relative; display: inline-block; height: 1.6rem; width: 1.6rem; flex-shrink: 0; overflow: hidden; border-radius: .5rem; box-shadow: inset 0 0 0 1px rgba(15, 23, 42, .15); cursor: pointer; }
.cbm-renk input { position: absolute; inset: -6px; height: calc(100% + 12px); width: calc(100% + 12px); cursor: pointer; opacity: 0; }
.cbm-yuk-govde { border-top: 1px dashed var(--cbm-kenar); padding: .7rem; }
.cbm-cip { display: inline-flex; align-items: center; gap: .3rem; border-radius: 999px; padding: .15rem .5rem; font-size: .625rem; font-weight: 700; }
.cbm-onay { display: inline-flex; cursor: pointer; align-items: center; gap: .4rem; border: 1px solid var(--cbm-kenar); border-radius: .65rem; padding: .35rem .55rem; font-size: .6875rem; font-weight: 700; color: #64748b; user-select: none; transition: all .15s; }
.cbm-onay:has(input:checked) { border-color: rgba(99, 102, 241, .5); background: rgba(99, 102, 241, .08); color: #4338ca; }
html.dark .cbm-onay { color: #94a3b8; }
html.dark .cbm-onay:has(input:checked) { background: rgba(99, 102, 241, .16); color: #c7d2fe; }
.cbm-onay input { accent-color: #6366f1; }
.cbm-cubuk { height: .4rem; overflow: hidden; border-radius: 999px; background: rgba(148, 163, 184, .22); }
.cbm-cubuk > span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #6366f1, #3b82f6, #14b8a6); transition: width .35s ease; }
.cbm-cubuk.is-tasma > span { background: linear-gradient(90deg, #f59e0b, #e11d48); }

/* Metrikler */
.cbm-metrikler { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; padding: .65rem; border-bottom: 1px solid var(--cbm-kenar); background: var(--cbm-kart); }
@media (min-width: 640px) { .cbm-metrikler { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1280px) { .cbm-metrikler { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.cbm-metrik { position: relative; min-width: 0; overflow: hidden; border: 1px solid var(--cbm-kenar); border-radius: .9rem; padding: .55rem .7rem; }
.cbm-metrik-ad { display: flex; align-items: center; gap: .35rem; font-size: .6563rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--cbm-soluk); white-space: nowrap; }
.cbm-metrik-deger { margin-top: .15rem; font-size: 1.3rem; font-weight: 800; letter-spacing: -.02em; color: var(--cbm-yazi); font-variant-numeric: tabular-nums; line-height: 1.2; white-space: nowrap; }
.cbm-metrik-alt { font-size: .6875rem; color: var(--cbm-soluk); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cbm-metrik .cbm-cubuk { margin-top: .4rem; }

/* 3D sahne */
.cbm-tuval { display: block; height: 100%; width: 100%; touch-action: none; outline: none; }
.cbm-sahne-ust { position: absolute; inset: .65rem .65rem auto .65rem; z-index: 10; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: .5rem; pointer-events: none; }
.cbm-sahne-ust > * { pointer-events: auto; }
.cbm-cam { border: 1px solid var(--cbm-cam-kenar); border-radius: .9rem; background: var(--cbm-cam); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); box-shadow: 0 8px 24px -14px rgba(15, 23, 42, .35); }
.cbm-gorunum { display: inline-flex; align-items: center; gap: .35rem; border-radius: .6rem; padding: .35rem .6rem; font-size: .75rem; font-weight: 700; color: #475569; transition: all .15s; }
.cbm-gorunum:hover { color: #0f172a; background: rgba(148, 163, 184, .15); }
.cbm-gorunum.is-aktif { background: #4f46e5; color: #fff; }
html.dark .cbm-gorunum { color: #cbd5e1; }
html.dark .cbm-gorunum:hover { color: #fff; }
@media (max-width: 480px) { .cbm-gorunum span { display: none; } }
.cbm-ikon { display: inline-flex; height: 2rem; width: 2rem; align-items: center; justify-content: center; border-radius: .6rem; font-size: .8rem; color: #64748b; transition: all .15s; }
.cbm-ikon:hover { background: rgba(148, 163, 184, .18); color: #0f172a; }
.cbm-ikon.is-aktif { color: #4f46e5; }
html.dark .cbm-ikon { color: #94a3b8; }
html.dark .cbm-ikon:hover { color: #fff; }
html.dark .cbm-ikon.is-aktif { color: #a5b4fc; }
.cbm-acilir { position: absolute; z-index: 30; margin-top: .5rem; overflow: hidden; border: 1px solid var(--cbm-cam-kenar); border-radius: 1rem; background: var(--cbm-kart); padding: .35rem; box-shadow: 0 20px 40px -16px rgba(15, 23, 42, .4); }
.cbm-bos, .cbm-yukleniyor { position: absolute; inset: 0; z-index: 5; display: flex; align-items: center; justify-content: center; padding: 1rem; pointer-events: none; }
.cbm-yukleniyor { z-index: 15; background: rgba(15, 23, 42, .06); }
.cbm-ipucu { position: fixed; z-index: 60; max-width: 280px; pointer-events: none; border: 1px solid var(--cbm-cam-kenar); border-radius: .8rem; background: var(--cbm-kart); padding: .55rem .7rem; font-size: .75rem; line-height: 1.45; color: var(--cbm-yazi); box-shadow: 0 16px 32px -14px rgba(15, 23, 42, .45); }
.cbm-lejant { position: absolute; left: .65rem; bottom: 4.6rem; z-index: 9; display: flex; max-width: min(360px, calc(100% - 1.3rem)); flex-wrap: wrap; gap: .3rem; }
.cbm-lejant button { display: inline-flex; align-items: center; gap: .35rem; border: 1px solid var(--cbm-cam-kenar); border-radius: 999px; background: var(--cbm-cam); backdrop-filter: blur(8px); padding: .2rem .55rem .2rem .3rem; font-size: .6875rem; font-weight: 700; color: var(--cbm-yazi); }
.cbm-lejant button.is-gizli { opacity: .45; text-decoration: line-through; }
.cbm-lejant i { display: inline-block; height: .8rem; width: .8rem; border-radius: .25rem; }
.cbm-oynatici { position: absolute; left: 50%; bottom: .65rem; z-index: 10; width: min(760px, calc(100% - 1.3rem)); transform: translateX(-50%); }
.cbm-oynat { display: inline-flex; height: 2.4rem; width: 2.4rem; flex-shrink: 0; align-items: center; justify-content: center; border-radius: 999px; background: linear-gradient(135deg, #4f46e5, #2563eb 55%, #0d9488); color: #fff; box-shadow: 0 8px 18px -8px rgba(37, 99, 235, .9); transition: transform .15s; }
.cbm-oynat:hover { transform: scale(1.06); }
.cbm-adim-aciklama { margin-top: .4rem; border: 1px solid var(--cbm-cam-kenar); border-radius: .75rem; background: var(--cbm-cam); backdrop-filter: blur(10px); padding: .4rem .7rem; text-align: center; font-size: .75rem; font-weight: 600; color: var(--cbm-yazi); }
.cbm-sahne:fullscreen { height: 100vh; }

/* Alt panel */
.cbm-sekme { position: relative; display: inline-flex; align-items: center; gap: .45rem; padding: .75rem .65rem; font-size: .78rem; font-weight: 700; color: #64748b; white-space: nowrap; }
.cbm-sekme:hover { color: #0f172a; }
.cbm-sekme.is-aktif { color: #4338ca; }
.cbm-sekme.is-aktif::after { content: ""; position: absolute; left: .5rem; right: .5rem; bottom: -1px; height: 2px; border-radius: 2px; background: linear-gradient(90deg, #6366f1, #14b8a6); }
html.dark .cbm-sekme { color: #94a3b8; }
html.dark .cbm-sekme:hover { color: #fff; }
html.dark .cbm-sekme.is-aktif { color: #c7d2fe; }
@media (max-width: 520px) { .cbm-sekme { font-size: .72rem; padding: .7rem .45rem; } .cbm-sekme > i { display: none; } }
.cbm-rozet { border-radius: 999px; background: rgba(99, 102, 241, .12); padding: .05rem .45rem; font-family: "JetBrains Mono", monospace; font-size: .625rem; color: #4f46e5; }
.cbm-rozet:empty { display: none; }
.cbm-rozet-uyari { background: rgba(245, 158, 11, .16); color: #b45309; }
html.dark .cbm-rozet { color: #a5b4fc; }
html.dark .cbm-rozet-uyari { color: #fcd34d; }
.cbm-panel-bos { padding: 1.5rem; text-align: center; font-size: .8125rem; color: var(--cbm-soluk); }
.cbm-adimlar { display: grid; gap: .35rem; }
@media (min-width: 1280px) { .cbm-adimlar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1800px) { .cbm-adimlar { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.cbm-adim { display: flex; width: 100%; align-items: center; gap: .65rem; border: 1px solid var(--cbm-kenar); border-radius: .85rem; padding: .45rem .6rem; text-align: left; transition: all .15s; }
.cbm-adim:hover { border-color: rgba(99, 102, 241, .45); }
.cbm-adim.is-aktif { border-color: #f59e0b; background: rgba(245, 158, 11, .08); }
.cbm-adim.is-gecti { opacity: .62; }
.cbm-adim-sayi { display: inline-flex; min-width: 1.9rem; height: 1.9rem; flex-shrink: 0; align-items: center; justify-content: center; border-radius: .6rem; background: #f1f5f9; font-family: "JetBrains Mono", monospace; font-size: .72rem; font-weight: 800; color: #334155; }
html.dark .cbm-adim-sayi { background: rgba(255, 255, 255, .06); color: #e2e8f0; }
.cbm-tablo { width: 100%; border-collapse: collapse; font-size: .78rem; }
.cbm-tablo th { padding: .45rem .55rem; text-align: left; font-size: .625rem; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; color: var(--cbm-soluk); border-bottom: 1px solid var(--cbm-kenar); white-space: nowrap; }
.cbm-tablo td { padding: .5rem .55rem; border-bottom: 1px solid var(--cbm-kenar); color: var(--cbm-yazi); font-variant-numeric: tabular-nums; }
.cbm-tablo tr:last-child td { border-bottom: 0; }
.cbm-denge-cubuk { position: relative; height: 2.4rem; border-radius: .8rem; background: repeating-linear-gradient(90deg, rgba(148, 163, 184, .18) 0 1px, transparent 1px 10%), rgba(148, 163, 184, .12); }
.cbm-denge-bolge { position: absolute; top: 0; bottom: 0; border-radius: .6rem; background: rgba(16, 185, 129, .2); box-shadow: inset 0 0 0 1px rgba(16, 185, 129, .45); }
.cbm-denge-isaret { position: absolute; top: -.35rem; bottom: -.35rem; width: 3px; border-radius: 3px; background: #f59e0b; box-shadow: 0 0 0 3px rgba(245, 158, 11, .25); transform: translateX(-50%); }
.cbm-denge-isaret.is-kotu { background: #e11d48; box-shadow: 0 0 0 3px rgba(225, 29, 72, .25); }

/* Pencereler */
.cbm-dialog { width: min(480px, calc(100vw - 2rem)); max-height: calc(100vh - 2rem); overflow: auto; margin: auto; border: 1px solid var(--cbm-kenar); border-radius: 1.5rem; background: var(--cbm-kart); color: inherit; padding: 0; box-shadow: 0 30px 80px -24px rgba(15, 23, 42, .55); }
.cbm-dialog-genis { width: min(640px, calc(100vw - 2rem)); }
.cbm-dialog::backdrop { background: rgba(2, 6, 23, .55); backdrop-filter: blur(3px); }
.cbm-dialog[open] { animation: cbm-belir .2s ease; }
@keyframes cbm-belir { from { opacity: 0; transform: translateY(10px) scale(.98); } }
.cbm-dialog-baslik { display: flex; align-items: center; gap: .55rem; font-size: 1.05rem; font-weight: 800; color: var(--cbm-yazi); }

/* Sabit telif satırı */
.cbm-imza { margin: 0; font-weight: 600; color: #475569; text-align: center; }
.cbm-imza a { color: #4f46e5; font-weight: 700; text-decoration: none; }
.cbm-imza a:hover { text-decoration: underline; }
html.dark .cbm-imza { color: #cbd5e1; }
html.dark .cbm-imza a { color: #a5b4fc; }

@media (prefers-reduced-motion: reduce) {
    .cbm-dialog[open] { animation: none; }
    .cbm-cubuk > span, .cbm-alt { transition: none; }
}