/* =======================================================
main.css — Proje içi CSS toplayıcı (vendor İMPORT YOK)
Vendor stiller içinde olarak yüklenir.
Sayfa-özel CSS'ler (örn. register.css) ilgili şablonda
{% block extra_styles %} içinde link ile eklenir.
======================================================= */
/* Temel değişkenler ve global stiller */
@import url('./base.css');
@import url('./premium_tokens.css');
@import url('./layout.css');
@import url('./user.css');
/* Tema (karanlık/açık) */
@import url('./dark_main.css');
/* Yardımcı sınıflar */
@import url('./utils.css');
@import url('./csp/user.css');
@import url('./csp/common.css');
/* Bileşen stilleri */
@import url('./card.css');
@import url('./index.css');
@import url('./card-effects.css');
@import url('./list_unified.css');
@import url('./group.css');
@import url('./notification.css');
@import url('./glassmorphism.css');
@import url('./dashboard.css');
@import url('./sidebar.css');
@import url('./right_panel.css');
/* Kılavuz/How-to sayfası */
@import url('./how_to.css');
@import url('./partials.css');
/* DİKKAT:
Buraya register.css, login.css vb. sayfa-özel dosyaları import ETME.
Onlar ilgili template’te ile yüklenecek.
*/
/* =======================================================
=== Finorjin Fluid Typography System v1.0 ===
======================================================= */
html {
font-size: clamp(14px, 0.9vw + 10px, 17px);
line-height: 1.5;
-webkit-text-size-adjust: 100%;
}
/* --- Başlıklar (tüm sayfalar için) --- */
h1 {
font-size: clamp(1.8rem, 2.4vw + 1rem, 3.2rem);
line-height: 1.15;
}
h2 {
font-size: clamp(1.5rem, 1.6vw + 0.9rem, 2.4rem);
line-height: 1.2;
}
h3 {
font-size: clamp(1.25rem, 1.1vw + 0.85rem, 1.8rem);
line-height: 1.25;
}
/* --- Ana sayfa başlıkları / sloganlar --- */
.hero-title {
font-size: clamp(2rem, 3vw + 1rem, 3.5rem);
font-weight: 700;
}
.hero-subtitle,
.lead {
font-size: clamp(1rem, 0.8vw + 0.75rem, 1.35rem);
opacity: 0.9;
}
/* --- İsteğe bağlı ince ayar (dizüstü ve tabletler için) --- */
@media (max-width: 1400px) {
html { font-size: clamp(14px, 0.95vw + 9px, 16px); }
}
@media (max-width: 1200px) {
html { font-size: clamp(14px, 1vw + 8px, 15.5px); }
}
/* Sidebar ezilmemesi için minimal fix */
.user-page main {
min-width: 0;
}
/* =======================================================
Global Neutral Card + Accent Actions Policy
======================================================= */
:root {
--surface-0: #f3f5f9;
--surface-1: #f8f9fb;
--border-1: rgba(15, 23, 42, 0.12);
--shadow-1: 0 10px 24px rgba(15, 23, 42, 0.08);
--shadow-2: 0 16px 36px rgba(15, 23, 42, 0.14);
--radius-1: 0.625rem;
--radius-2: 0.875rem;
--radius-3: 1rem;
--text-1: #0f172a;
--text-2: #334155;
--text-3: #64748b;
--fn-card-neutral-bg: #f8f9fb;
--fn-card-neutral-bg-soft: #f2f4f7;
--fn-card-neutral-border: rgba(15, 23, 42, 0.12);
--fn-card-neutral-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
--fn-accent: #2f6fed;
--fn-accent-strong: #245ed0;
}
[data-theme="dark"] {
--surface-0: #16181d;
--surface-1: #23262d;
--border-1: rgba(255, 255, 255, 0.14);
--shadow-1: 0 12px 30px rgba(0, 0, 0, 0.45);
--shadow-2: 0 18px 42px rgba(0, 0, 0, 0.58);
--text-1: #eef2f8;
--text-2: #d2d9e6;
--text-3: #a7b1c2;
--fn-card-neutral-bg: #23262d;
--fn-card-neutral-bg-soft: #1d2027;
--fn-card-neutral-border: rgba(255, 255, 255, 0.14);
--fn-card-neutral-shadow: 0 12px 30px rgba(0, 0, 0, 0.45);
--fn-accent: #6b9dff;
--fn-accent-strong: #8cb1ff;
}
body {
background: var(--surface-0);
color: var(--text-1);
}
.card,
.glass-card,
.fn-card,
.dashboard-premium-card,
.profile-premium-card,
.fn-unified-item,
.fn-group-item,
.banker-card,
.fn-rp-card,
.fn-panel-card,
.notification-item,
.fn-billing-item,
.fn-log-card {
background: var(--fn-card-neutral-bg) !important;
border: 1px solid var(--fn-card-neutral-border) !important;
box-shadow: var(--fn-card-neutral-shadow) !important;
border-radius: var(--radius-2);
color: inherit;
}
.card .card-header,
.dashboard-premium-card .card-header,
.fn-card .card-header {
background: var(--fn-card-neutral-bg-soft) !important;
border-bottom: 1px solid var(--fn-card-neutral-border) !important;
color: var(--text-2);
}
.card .list-group-item,
.dashboard-premium-card .list-group-item,
.fn-unified-item .list-group-item {
background: transparent !important;
border-color: var(--fn-card-neutral-border) !important;
}
/* Finorjin enterprise signature: subtle top hairline */
.card,
.glass-card,
.dashboard-premium-card {
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.34),
var(--fn-card-neutral-shadow) !important;
}
@media (hover: hover) {
.card:hover,
.glass-card:hover,
.dashboard-premium-card:hover,
.profile-premium-card:hover,
.banker-card:hover,
.fn-rp-card:hover,
.fn-panel-card:hover {
border-color: color-mix(in srgb, var(--fn-card-neutral-border) 70%, var(--fn-accent) 30%) !important;
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.44),
var(--shadow-2) !important;
}
}
.dashboard-premium-card::before,
.dashboard-premium-card::after,
.profile-premium .profile-premium-card::before,
.profile-premium .profile-premium-hero::before,
.fn-group-page::before,
.fn-analytics-hero-bg,
.fn-application-hero-bg {
background: none !important;
}
.fn-card-identity .fn-analytics-hero-bg,
.fn-card-identity .fn-application-hero-bg {
background:
radial-gradient(620px 320px at 12% 8%, rgba(107, 157, 255, 0.2), transparent 60%),
radial-gradient(560px 320px at 88% 10%, rgba(47, 111, 237, 0.16), transparent 62%) !important;
}
/* Accent only in actions/highlights */
.btn-primary,
.badge.bg-primary,
.badge.text-bg-primary,
.page-link.active,
.pagination .active > .page-link,
.list-group-item.active,
.dropdown-item.active,
.nav-pills .nav-link.active,
.nav-tabs .nav-link.active {
background-color: var(--fn-accent) !important;
border-color: var(--fn-accent) !important;
color: #fff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
background-color: var(--fn-accent-strong) !important;
border-color: var(--fn-accent-strong) !important;
color: #fff !important;
}
.btn-outline-primary,
a.text-primary,
.text-primary {
color: var(--fn-accent) !important;
border-color: var(--fn-accent) !important;
}
/* Focus ring (keyboard/a11y) */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
.form-control:focus,
.form-select:focus,
.btn:focus-visible,
.page-link:focus-visible {
outline: 0;
box-shadow: 0 0 0 0.18rem color-mix(in srgb, var(--fn-accent) 34%, transparent) !important;
border-color: color-mix(in srgb, var(--fn-accent) 70%, var(--fn-card-neutral-border) 30%) !important;
}
/* Prevent non-action primary skins on cards */
.card .bg-primary:not(.btn):not(.badge):not(.progress-bar),
.glass-card .bg-primary:not(.btn):not(.badge):not(.progress-bar),
.dashboard-premium-card .bg-primary:not(.btn):not(.badge):not(.progress-bar) {
background: var(--fn-card-neutral-bg-soft) !important;
border-color: var(--fn-card-neutral-border) !important;
color: inherit !important;
}
.card .border-primary,
.glass-card .border-primary,
.dashboard-premium-card .border-primary {
border-color: var(--fn-card-neutral-border) !important;
}
.dashboard-stat-icon,
.dashboard-stat-card-warning .dashboard-stat-icon,
.dashboard-stat-card-info .dashboard-stat-icon,
.dashboard-stat-card-danger .dashboard-stat-icon {
background: var(--fn-card-neutral-bg-soft) !important;
border: 1px solid var(--fn-card-neutral-border) !important;
color: var(--fn-accent) !important;
}
/* Status & trust language */
.badge.text-bg-success,
.badge.bg-success {
background-color: color-mix(in srgb, #16a34a 88%, #ffffff 12%) !important;
}
.badge.text-bg-warning,
.badge.bg-warning {
background-color: color-mix(in srgb, #eab308 86%, #ffffff 14%) !important;
color: #1f2937 !important;
}
.badge.text-bg-danger,
.badge.bg-danger {
background-color: color-mix(in srgb, #dc2626 88%, #ffffff 12%) !important;
}
.badge.text-bg-info,
.badge.bg-info {
background-color: color-mix(in srgb, #0284c7 86%, #ffffff 14%) !important;
}
.fn-status-indicator {
border-left: 3px solid var(--fn-card-neutral-border);
padding-left: 0.625rem;
}
.fn-status-indicator--success { border-left-color: #16a34a; }
.fn-status-indicator--warning { border-left-color: #eab308; }
.fn-status-indicator--danger { border-left-color: #dc2626; }
.fn-status-indicator--info { border-left-color: #0284c7; }
/* Section header underline + accent dot */
.card-header h1,
.card-header h2,
.card-header h3,
.card-header h4,
.card-header h5,
.card-header h6 {
display: inline-flex;
align-items: center;
gap: 0.5rem;
margin-bottom: 0;
}
.card-header h1::after,
.card-header h2::after,
.card-header h3::after,
.card-header h4::after,
.card-header h5::after,
.card-header h6::after {
content: "";
width: 0.45rem;
height: 0.45rem;
border-radius: 50%;
background: color-mix(in srgb, var(--fn-accent) 62%, transparent);
}
/* =======================================================
Global Enforcement (all modules: groups/documents/banker/admin/etc.)
======================================================= */
:is(
.admin-premium-card,
.admin-control-card,
.fn-application-item,
.documents-card,
.documents-flash-card,
.documents-company-select-card,
.documents-file-card,
.documents-assignee-card,
.group-card,
.banker-card,
[class*="premium-card"],
[class*="group-card"],
[class*="documents-card"],
[class*="application-item"],
[class*="notification-item"],
[class*="banker-card"]
) {
background: var(--surface-1) !important;
border: 1px solid var(--border-1) !important;
box-shadow: var(--shadow-1) !important;
border-radius: var(--radius-2) !important;
}
:is(
.admin-premium-card,
.admin-control-card,
.fn-application-item,
.documents-card,
.documents-flash-card,
.documents-company-select-card,
.documents-file-card,
.documents-assignee-card,
.group-card,
.banker-card,
[class*="premium-card"],
[class*="group-card"],
[class*="documents-card"],
[class*="application-item"],
[class*="notification-item"],
[class*="banker-card"]
):hover {
border-color: color-mix(in srgb, var(--border-1) 72%, var(--fn-accent) 28%) !important;
box-shadow: var(--shadow-2) !important;
}
:is(
[class*="premium-card"],
[class*="group-card"],
[class*="documents-card"],
[class*="application-item"],
[class*="notification-item"],
[class*="banker-card"]
)::before,
:is(
[class*="premium-card"],
[class*="group-card"],
[class*="documents-card"],
[class*="application-item"],
[class*="notification-item"],
[class*="banker-card"]
)::after {
background: none !important;
}
[class*="hero-bg"] {
background: none !important;
}
.fn-card-identity [class*="hero-bg"] {
background:
radial-gradient(620px 320px at 12% 8%, rgba(107, 157, 255, 0.2), transparent 60%),
radial-gradient(560px 320px at 88% 10%, rgba(47, 111, 237, 0.16), transparent 62%) !important;
}
.page-subtitle,
.text-muted {
color: var(--text-3) !important;
}