/* 🏛️ KURUMSAL SKIN (demo2 — MEYSU'ya özel): minimal grafit + yumuşak bronz vurgu, açık zemin, düz köşeler, cam/blur yok. Etkinleştirme: (sayfaya enjekte edilen window.UTOPIA_SKIN ile). Aydınlık tema ÜSTÜNE biner: corporate skin açıkken tema otomatik "light" olur; koyu tema seçilirse lacivert-koyu varyant uygulanır. */ html[data-skin="corporate"] { --navy: #26292e; --navy-2: #33373d; --gold: #b8956a; --gold-2: #d2b48c; /* isimler tarihsel: navy=grafit, gold=bronz */ --p: #26292e; /* birincil eylem: grafit */ --bg: #f6f6f4; --card: #ffffff; --border: rgba(30,30,30,0.10); --text: #1f2226; --muted: #6a6f76; --success: #2f7d5b; --danger: #b9463f; --blue: #4a5a6a; --radius: 8px; } html[data-skin="corporate"] body { font-family: 'Montserrat', 'Segoe UI', system-ui, sans-serif; background: var(--bg); background-image: none; color: var(--text); } html[data-skin="corporate"] h1, html[data-skin="corporate"] h2, html[data-skin="corporate"] h3, html[data-skin="corporate"] .section-title, html[data-skin="corporate"] .dc-value, html[data-skin="corporate"] .page-header h1 { font-family: 'Montserrat', 'Segoe UI', system-ui, sans-serif !important; letter-spacing: 0 !important; font-weight: 700; } html[data-skin="corporate"] .section-title { color: var(--navy); text-transform: none; font-size: 15px; } html[data-skin="corporate"] .section-card, html[data-skin="corporate"] .stat-card, html[data-skin="corporate"] .glass, html[data-skin="corporate"] .dash-chip, html[data-skin="corporate"] .modal-content, html[data-skin="corporate"] .kanban-col { border-radius: var(--radius) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important; background: #fff !important; border: 1px solid var(--border) !important; } html[data-skin="corporate"] .main-content { background: var(--bg); } /* Sol dock: lacivert blok, altın aktif çizgi */ @media (min-width: 993px) { html[data-skin="corporate"] .sidebar { background: var(--navy) !important; border: none !important; border-radius: 10px !important; box-shadow: 0 8px 24px rgba(0,0,0,0.18) !important; } } @media (max-width: 992px) { html[data-skin="corporate"] .sidebar { background: var(--navy) !important; border-top: 2px solid var(--gold) !important; } } html[data-skin="corporate"] .sidebar .nav-item { color: rgba(255,255,255,0.72) !important; border-radius: 6px; } html[data-skin="corporate"] .sidebar .nav-item:hover { background: rgba(255,255,255,0.08) !important; color: #fff !important; } html[data-skin="corporate"] .sidebar .nav-item.active { background: rgba(184,149,106,0.16) !important; color: var(--gold-2) !important; border-right: 3px solid var(--gold) !important; } html[data-skin="corporate"] .nav-badge { background: var(--gold) !important; color: #1f1a12 !important; } html[data-skin="corporate"] .sidebar .nav-adaptive-divider { background: rgba(255,255,255,0.12) !important; } /* Düğmeler */ html[data-skin="corporate"] .btn { background: var(--navy) !important; color: #fff !important; border-radius: 6px !important; font-family: inherit !important; text-transform: none !important; letter-spacing: 0 !important; font-weight: 600; } html[data-skin="corporate"] .btn:hover { background: var(--navy-2) !important; } html[data-skin="corporate"] .btn-sec { background: #fff !important; color: var(--navy) !important; border: 1px solid var(--border) !important; } html[data-skin="corporate"] .btn-sec:hover { background: #f0f0ee !important; } html[data-skin="corporate"] #language-button, html[data-skin="corporate"] #theme-toggle-btn { background: #fff !important; color: var(--navy) !important; border-color: var(--border) !important; } /* Rozetler, KPI vurguları */ html[data-skin="corporate"] .badge { border-radius: 4px; letter-spacing: .2px; } html[data-skin="corporate"] .badge.blue { background: rgba(74,90,106,0.10); color: var(--blue); } html[data-skin="corporate"] .dc-label { color: var(--muted) !important; } html[data-skin="corporate"] .dash-chip { border-left: 3px solid var(--gold) !important; } html[data-skin="corporate"] .kanban-col { background: #f8f8f6 !important; } html[data-skin="corporate"] input, html[data-skin="corporate"] textarea, html[data-skin="corporate"] select { border-radius: 6px !important; background: #fff !important; border: 1px solid #d6d6d2 !important; color: var(--text) !important; } html[data-skin="corporate"] .modal-tab.active { color: var(--navy) !important; border-bottom-color: var(--gold) !important; } html[data-skin="corporate"] .data-table th { color: var(--navy); font-size: 11.5px; letter-spacing: .3px; background: #f3f3f1; } html[data-skin="corporate"] .data-table tbody tr:hover td { background: rgba(184,149,106,0.08); } html[data-skin="corporate"] a { color: var(--blue); } html[data-skin="corporate"] #utopia-demo-ribbon { background: rgba(38,41,46,0.92) !important; color: var(--gold-2) !important; border-color: var(--gold) !important; } html[data-skin="corporate"] .login-box { border-color: var(--gold) !important; background: #fff !important; } /* Kelime markası (logo yerine metin) */ html[data-skin="corporate"] #brandWordmark { font-family: 'Montserrat', sans-serif; font-weight: 800; letter-spacing: 2px; color: #fff; font-size: 15px; text-align: center; line-height: 1.1; } html[data-skin="corporate"] #brandWordmark small { display: block; font-weight: 500; letter-spacing: 1px; font-size: 8.5px; color: var(--gold-2); margin-top: 3px; } /* Koyu tema + corporate: lacivert zeminli koyu varyant */ html[data-skin="corporate"]:not([data-theme="light"]) { --bg: #141518; --card: #1c1e22; --border: rgba(255,255,255,0.10); --text: #eef0f2; --muted: #a9adb4; } html[data-skin="corporate"]:not([data-theme="light"]) body { background: var(--bg); } html[data-skin="corporate"]:not([data-theme="light"]) .main-content { background: var(--bg); } html[data-skin="corporate"]:not([data-theme="light"]) .section-card, html[data-skin="corporate"]:not([data-theme="light"]) .stat-card, html[data-skin="corporate"]:not([data-theme="light"]) .glass, html[data-skin="corporate"]:not([data-theme="light"]) .dash-chip, html[data-skin="corporate"]:not([data-theme="light"]) .modal-content, html[data-skin="corporate"]:not([data-theme="light"]) .kanban-col { background: var(--card) !important; border-color: var(--border) !important; } html[data-skin="corporate"]:not([data-theme="light"]) .btn { background: var(--gold) !important; color: #1f1a12 !important; } html[data-skin="corporate"]:not([data-theme="light"]) .btn-sec { background: transparent !important; color: #eef2f8 !important; border-color: rgba(255,255,255,0.2) !important; }