/* TRAC theme system — shared by the public site and the management screens. */
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 42px;border:1px solid var(--line,#dbe4eb);border-radius:11px;background:#fff;color:#163049;font:inherit;font-size:18px;line-height:1;cursor:pointer;transition:transform .16s,background .16s,color .16s,border-color .16s}.theme-toggle:hover{transform:translateY(-1px);border-color:#9cb0c1}.theme-toggle:focus-visible{outline:3px solid #8bb7d7;outline-offset:2px}
html[data-theme="dark"]{color-scheme:dark;--bg:#0b1420!important;--ink:#e6eef5!important;--muted:#9baab8!important;--line:#2a3a4a!important;--white:#101b29!important;--shadow:0 18px 60px rgba(0,0,0,.34)!important;--lib-ink:#e5eef5!important;--lib-muted:#a8b6c3!important;--lib-line:#2a3a4a!important;--lib-bg:#0b1420!important}
html[data-theme="dark"] body{background:#0b1420!important;color:#e6eef5!important}
html[data-theme="dark"] .top,html[data-theme="dark"] .trac-mobile-panel,html[data-theme="dark"] .card,html[data-theme="dark"] .article,html[data-theme="dark"] .formbox,html[data-theme="dark"] .panel,html[data-theme="dark"] .stat,html[data-theme="dark"] .studio-panel,html[data-theme="dark"] .studio-kpi,html[data-theme="dark"] .learning-card,html[data-theme="dark"] .library-stat,html[data-theme="dark"] .resource-card,html[data-theme="dark"] .resource-detail,html[data-theme="dark"] .member-card,html[data-theme="dark"] .plan-card,html[data-theme="dark"] .member-stat,html[data-theme="dark"] .member-stat-card,html[data-theme="dark"] .td-panel,html[data-theme="dark"] .td-kpi,html[data-theme="dark"] .td-content-card,html[data-theme="dark"] .td-short,html[data-theme="dark"] .v7-panel,html[data-theme="dark"] .v7-kpi,html[data-theme="dark"] .v7-content-card{background:#101b29!important;border-color:#2a3a4a!important;color:#e6eef5!important;box-shadow:none!important}
html[data-theme="dark"] .top,html[data-theme="dark"] .trac-mobile-panel{border-color:#2a3a4a!important}html[data-theme="dark"] .nav nav,html[data-theme="dark"] .nav-right,html[data-theme="dark"] .brand small,html[data-theme="dark"] .mobile-title,html[data-theme="dark"] .resource-card p,html[data-theme="dark"] .resource-meta,html[data-theme="dark"] .library-stat span,html[data-theme="dark"] .library-stat small,html[data-theme="dark"] .studio-brand small,html[data-theme="dark"] .studio-panel-head span,html[data-theme="dark"] .studio-help,html[data-theme="dark"] .studio-table th,html[data-theme="dark"] .table th{color:#a8b6c3!important}
html[data-theme="dark"] .trac-mobile-panel a,html[data-theme="dark"] .card h3,html[data-theme="dark"] .article h1,html[data-theme="dark"] .resource-card h3,html[data-theme="dark"] .resource-detail h1,html[data-theme="dark"] .resource-rich,html[data-theme="dark"] .studio-panel h2,html[data-theme="dark"] .studio-item-title b,html[data-theme="dark"] .library-heading h2,html[data-theme="dark"] .learning-card h2,html[data-theme="dark"] .admin-main,html[data-theme="dark"] .admin-top h1{color:#e6eef5!important}
html[data-theme="dark"] input,html[data-theme="dark"] textarea,html[data-theme="dark"] select,html[data-theme="dark"] .library-btn:not(.primary):not(.ghost),html[data-theme="dark"] .studio-link,html[data-theme="dark"] .theme-toggle{background:#0c1623!important;color:#e6eef5!important;border-color:#344658!important}
html[data-theme="dark"] .trac-mobile-panel a:hover,html[data-theme="dark"] .studio-table tr:hover td,html[data-theme="dark"] .library-filter,html[data-theme="dark"] .learning-card-head,html[data-theme="dark"] .studio-panel-head{background:#142233!important;color:#e6eef5!important}
html[data-theme="dark"] .resource-detail-head,html[data-theme="dark"] .resource-file-box,html[data-theme="dark"] .progress-action,html[data-theme="dark"] .learning-metric,html[data-theme="dark"] .studio-table th{background:#142233!important;border-color:#2a3a4a!important}
html[data-theme="dark"] .resource-detail-head:after,html[data-theme="dark"] .resource-card:after{opacity:.17}html[data-theme="dark"] .theme-toggle{color:#ffd166!important}html[data-theme="dark"] .admin-copyright{border-color:#2a3a4a!important;color:#a8b6c3!important}html[data-theme="dark"] .admin-copyright a{color:#a9d3f0!important}
html[data-theme="dark"] body[style]{background:#0b1420!important}html[data-theme="dark"] [style*="background:#fff"],html[data-theme="dark"] [style*="background: #fff"]{background-color:#101b29!important}html[data-theme="dark"] [style*="color:#172"],html[data-theme="dark"] [style*="color: #172"]{color:#e6eef5!important}
.side{display:flex;flex-direction:column;box-sizing:border-box;min-height:100vh;height:100vh;max-height:100vh;overflow-y:auto;overscroll-behavior:contain}.side nav{flex:0 0 auto}.side-footer{margin-top:auto;flex:0 0 auto;padding:15px 8px 3px;border-top:1px solid rgba(255,255,255,.11);background:#06172c}.side-footer a{display:block;padding:10px 11px;border-radius:9px;color:#b9c7d4;font-size:12px;font-weight:800}.side-footer a:hover{background:rgba(255,255,255,.09);color:#fff}.side-footer .sidebar-note{margin:10px 3px 8px;padding:10px;border:1px solid rgba(255,255,255,.10);border-radius:9px;color:#91a4b7;font-size:10px;line-height:1.5}.side-footer .footer-site{margin-top:7px}.studio-admin-layout{min-height:100vh}.studio-admin-main{width:100%;max-width:1320px!important;margin:0 auto!important}.admin-menu-toggle{display:none;border:1px solid var(--line);border-radius:10px;background:#fff;color:#163049;padding:10px 12px;font:inherit;font-size:12px;font-weight:850;cursor:pointer}.admin-menu-overlay{display:none}.admin-copyright-card{display:flex!important;align-items:center;justify-content:center;gap:10px;min-height:58px;margin:38px 0 4px!important;padding:16px 20px!important;border:1px solid #dfe7ed!important;border-radius:14px;background:linear-gradient(135deg,#fff,#f4f8fb);box-shadow:0 8px 24px rgba(17,43,67,.05);color:#718192!important;font-size:11px!important}.admin-copyright-card .admin-footer-dot{color:#aab7c2}.admin-copyright-card a{color:#244f72!important;font-weight:900!important;text-decoration:none}.admin-copyright-card a:hover{text-decoration:underline}.studio-admin-main .admin-copyright-card{margin-bottom:25px!important}
.trac-site-footer{position:relative;overflow:hidden;margin-top:70px!important;padding:0!important;background:linear-gradient(118deg,#06172c,#0c2e4a)!important}.trac-site-footer:before{content:"";position:absolute;width:280px;height:280px;right:-100px;top:-185px;border:1px solid rgba(255,255,255,.13);border-radius:50%;box-shadow:0 0 0 36px rgba(255,255,255,.035)}.trac-site-footer .foot{position:relative;z-index:1;min-height:112px;align-items:center;padding:25px 0;color:#dce8f0}.site-footer-brand b{display:block;font-size:13px;letter-spacing:.7px}.site-footer-brand span{display:block;margin-top:6px;color:#95aab9;font-size:11px}.site-footer-credit{display:flex;align-items:center;gap:8px;color:#8fa4b4;font-size:11px}.site-footer-credit a{color:#fff;text-decoration:none;font-weight:850}.site-footer-credit a:hover{text-decoration:underline}
html[data-theme="dark"] .admin-copyright-card{background:#101b29!important;border-color:#2a3a4a!important;color:#a8b6c3!important;box-shadow:none!important}html[data-theme="dark"] .admin-copyright-card a{color:#a9d3f0!important}
@media(max-width:768px){.theme-toggle{width:42px;height:42px;flex-basis:42px}.top .theme-toggle{display:inline-flex!important}.trac-mobile-panel .theme-toggle{display:none!important}.studio-top{align-items:stretch!important;flex-direction:column}.studio-actions{width:100%;flex-wrap:wrap}.studio-actions .studio-link{flex:1 1 125px;text-align:center}}
@media(max-width:900px){.admin-layout{display:block}.side{position:fixed!important;z-index:10020;left:0;top:0;width:min(88vw,340px);height:100dvh!important;max-height:100dvh!important;min-height:0!important;transform:translateX(-105%);transition:transform .22s ease;box-shadow:14px 0 42px rgba(0,0,0,.28);padding-bottom:18px}.side.is-open{transform:translateX(0)}.admin-menu-overlay{position:fixed;z-index:10010;inset:0;border:0;background:rgba(0,0,0,.5);cursor:pointer}.admin-menu-overlay.is-open{display:block}.admin-menu-toggle{display:inline-flex;align-items:center;gap:6px}.side-footer{margin-top:18px}body.admin-menu-open{overflow:hidden}.studio-admin-main{min-width:0!important;padding:18px 13px 28px!important}}
@media(max-width:650px){.studio-table th:nth-child(4),.studio-table td:nth-child(4){display:none!important}.studio-table th:nth-child(5),.studio-table td:nth-child(5){display:table-cell!important}.studio-table .studio-actions{min-width:78px;flex-direction:column;align-items:stretch}.studio-table .studio-actions form{margin:0}.studio-table .studio-actions .studio-link{width:100%;text-align:center}}
@media(max-width:520px){.admin-menu-toggle{width:42px;height:42px;padding:0;justify-content:center;font-size:0}.admin-menu-toggle:after{content:"☰";font-size:20px}.admin-copyright-card{gap:7px;flex-wrap:wrap;margin-top:28px!important;text-align:center}.admin-copyright-card .admin-footer-dot{display:none}.admin-copyright-card span:last-child{flex-basis:100%}}


/* Ortak tema kontrolü ve yönetim/çevrim araç çubukları */
.theme-toggle[data-theme-toggle]{display:inline-flex!important;align-items:center!important;justify-content:center!important}
html[data-theme="dark"] .cm-top-actions .btn,
html[data-theme="dark"] .admin-top-actions .btn:not(.red){background:#142233!important;color:#e7f0f6!important;border-color:#34495c!important}
html[data-theme="dark"] .cm-top-actions .btn:hover,
html[data-theme="dark"] .admin-top-actions .btn:not(.red):hover{background:#1b3044!important;border-color:#4c667d!important;color:#fff!important}
html[data-theme="dark"] .cm-top-actions .theme-toggle,
html[data-theme="dark"] .admin-top-actions .theme-toggle{background:#101b29!important;color:#ffd166!important;border-color:#34495c!important}
@media(max-width:768px){
 .top .nav{width:100%!important;max-width:none!important;padding-left:12px!important;padding-right:10px!important}
 .top .brand{margin-right:auto!important;max-width:calc(100% - 112px)!important}
 .top .theme-toggle{order:3!important;margin-left:auto!important;margin-right:6px!important}
 .top .trac-mobile-toggle{order:4!important;margin-left:0!important;margin-right:0!important}
}



@media(max-width:768px){
  .top .theme-toggle{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:rgba(0,0,0,0)!important;
  }
}
