/*
 * Tempo ortak tipografi sistemi — v3.8.65
 * Referans: Akıllı Tahsilat ve Nakit Akış Paneli (Inter / Tailwind tipografi ölçeği).
 * Bu dosya yalnız yazı ailesi, boyutu, ağırlığı, satır yüksekliği ve harf aralığını
 * düzenler. Renk, zemin, kenarlık ve gölge değerleri özellikle değiştirilmez.
 */
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url("fonts/inter-latin-ext-wght-normal.woff2") format("woff2-variations");
}

@font-face {
    font-family: "Inter";
    font-style: italic;
    font-display: swap;
    font-weight: 100 900;
    src: url("fonts/inter-latin-ext-wght-italic.woff2") format("woff2-variations");
}

:root {
    --tempo-font-sans: "Inter", "Segoe UI", Arial, sans-serif;
    --tempo-text-xs: 11px;
    --tempo-text-sm: 12px;
    --tempo-text-base: 13px;
    --tempo-text-md: 14px;
    --tempo-text-lg: 16px;
    --tempo-text-xl: 20px;
    --tempo-text-2xl: 26px;
}

html,
body {
    font-family: var(--tempo-font-sans);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -.012em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

button,
input,
select,
textarea,
table,
option,
optgroup,
label,
.dxbl-grid,
.dxbl-btn,
.dxbl-text-edit,
.dxbl-input,
[class*="dxbl-"] {
    font-family: var(--tempo-font-sans) !important;
    letter-spacing: inherit;
}

button,
input,
select,
textarea {
    line-height: 1.35;
}

strong,
b {
    font-weight: 700;
}

p {
    font-size: var(--tempo-text-base);
    line-height: 1.55;
}

small {
    font-size: var(--tempo-text-xs) !important;
    line-height: 1.45;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--tempo-font-sans);
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -.025em;
}

h1 { font-size: var(--tempo-text-2xl); }
h2 { font-size: var(--tempo-text-xl); }
h3 { font-size: 17px; }
h4 { font-size: 15px; }

/* Uygulama kabuğu ve sol menü */
.brand-copy strong {
    font-size: 20px;
    font-weight: 800;
}

.brand-copy span {
    font-size: 10px;
    font-weight: 600;
}

.nav-menu a,
.nav-menu summary {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.35;
    letter-spacing: -.006em;
}

.submenu a {
    font-size: 12px;
    font-weight: 500;
}

.sidebar-footer div:last-child {
    font-size: 12px;
    line-height: 1.35;
}

.sidebar-footer span {
    font-size: 11px;
}

.topbar-title strong {
    font-size: 17px;
    font-weight: 700;
}

.eyebrow,
.page-kicker {
    font-size: 11px;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: .08em;
}

.company-select span,
.source-pill,
.worker-pill,
.service-status,
.exchange-current,
.exchange-strip-message {
    font-size: 11px;
    font-weight: 600;
}

.company-select select,
.user-menu-button {
    font-size: 12px;
    font-weight: 600;
}

.user-menu-copy strong,
.user-dropdown strong {
    font-size: 12px;
    font-weight: 700;
}

.user-menu-copy small,
.user-dropdown small {
    font-size: 10px !important;
}

/* Sayfa başlıkları ve açıklamalar */
.page-heading h1,
.project-detail-header h1,
.task-workspace-header h1,
.edesign-page .page-heading h1,
.emikro-page .page-heading h1 {
    font-size: 26px;
    font-weight: 750;
    line-height: 1.2;
    letter-spacing: -.035em;
}

.page-heading p,
.section-heading p,
.project-detail-header p,
.task-workspace-header p,
.edesign-editor-meta,
.edesign-list-heading p {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.55;
}

.section-heading h2,
.panel-heading h2,
.settings-panel h2,
.edesign-list-heading h2,
.edesign-editor-heading h2 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
}

.panel-heading p,
.section-heading small,
.settings-panel > p {
    font-size: 11px !important;
    line-height: 1.45;
}

/* Butonlar, sekmeler ve form alanları */
.btn,
.topbar-hide-button,
.topbar-show-button,
.table-actions button,
.management-tabs button,
.crm-customer-tabs button,
.project-card-tabs button,
.edesign-open-button,
.edesign-reindex-button,
.crm-emikro-refresh {
    font-size: 12px;
    font-weight: 650;
    line-height: 1.25;
    letter-spacing: -.005em;
}

.link-button,
.file-button,
.more-button,
.notification-panel header button,
.notification-panel footer a {
    font-size: 11px;
    font-weight: 650;
}

.field > span,
.field > label,
.module-form-grid label,
.project-form-grid label,
.emikro-form-grid label,
.check-field label,
.filter-label,
.input-label {
    font-size: 11px;
    font-weight: 650;
    line-height: 1.35;
}

.field input,
.field select,
.field textarea,
.module-form-grid input,
.module-form-grid select,
.module-form-grid textarea,
.project-form-grid input,
.project-form-grid select,
.project-form-grid textarea,
.emikro-form-grid input,
.emikro-form-grid select,
.emikro-form-grid textarea,
.table-search,
.project-customer-input,
.edesign-search-box,
.edesign-template-select {
    font-size: 13px;
    font-weight: 450;
    line-height: 1.4;
}

input::placeholder,
textarea::placeholder {
    font-family: var(--tempo-font-sans);
    font-size: 12px;
    font-weight: 400;
    opacity: .82;
}

.channel-check b,
.toggle b,
.check-field b {
    font-size: 12px;
    font-weight: 650;
    line-height: 1.35;
}

.channel-check small,
.toggle small,
.check-field small {
    font-size: 11px !important;
    line-height: 1.45;
}

/* Kartlar, KPI değerleri ve özet metinleri */
.kpi-copy span,
.metric-label,
.summary-label,
.crm-contract-metric span,
.crm-emikro-summary span,
.crm-emikro-credit span {
    font-size: 11px;
    font-weight: 500;
    line-height: 1.4;
}

.kpi-copy strong,
.metric-value,
.summary-value,
.crm-contract-metric strong,
.crm-emikro-credit strong {
    font-size: 20px;
    font-weight: 750;
    line-height: 1.2;
    letter-spacing: -.025em;
    font-variant-numeric: tabular-nums;
}

.kpi-copy small,
.metric-help,
.summary-help,
.crm-contract-metric small,
.crm-emikro-summary small {
    font-size: 11px !important;
    line-height: 1.4;
}

.panel-heading h2,
.card-title,
.project-card-editor h3,
.task-description-card h3,
.task-files-card h3,
.task-comments-card h3,
.task-checklist-card h3,
.edesigner-tool-section h3 {
    font-weight: 700;
}

.alert,
.inline-status,
.empty-state,
.chart-empty,
.mini-empty,
.crm-emikro-empty,
.task-empty-note,
.project-customer-empty,
.edesign-search-empty,
.edesign-preview-empty,
.edesigner-preview-empty {
    font-size: 12px;
    font-weight: 450;
    line-height: 1.55;
}

/* Tablolar ve liste satırları */
.responsive-table th,
.data-table th,
.operations-table th,
.project-task-table th,
.crm-emikro-services th,
.emikro-runs th,
.dxbl-grid-table thead th,
.dxbl-grid-table .dxbl-grid-header-row > td {
    font-family: var(--tempo-font-sans) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.35;
    letter-spacing: .035em;
}

.responsive-table td,
.data-table td,
.operations-table td,
.project-task-table td,
.crm-emikro-services td,
.emikro-runs td,
.dxbl-grid-table tbody td,
.dxbl-grid-table .dxbl-grid-data-row > td {
    font-family: var(--tempo-font-sans) !important;
    font-size: 12px !important;
    font-weight: 450;
    line-height: 1.45;
    letter-spacing: -.004em;
}

.responsive-table td strong,
.data-table td strong,
.operations-table td strong,
.project-task-table td strong,
.crm-emikro-services td strong,
.emikro-runs td strong {
    font-weight: 650;
}

.currency-chip,
.status-chip,
.day-chip,
.status-badge,
.project-detail-badges span,
.task-workspace-badges span,
.edesign-code-badge,
.edesign-type {
    font-size: 10.5px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: .01em;
}

.table-footer,
.table-summary,
.pagination,
.pagination button {
    font-size: 11px;
    font-weight: 550;
}

/* Bildirim, takvim, proje ve e-belge çalışma alanları */
.notification-panel header strong {
    font-size: 15px;
    font-weight: 750;
}

.notification-tabs button,
.notification-item strong,
.calendar-event,
.project-calendar-actions button {
    font-size: 11px;
    font-weight: 650;
}

.notification-item span,
.notification-item small,
.calendar-day,
.weekday {
    font-size: 11px !important;
    line-height: 1.45;
}

.project-detail-page,
.project-dashboard-v2,
.project-task-workspace,
.task-workspace-grid,
.edesign-page,
.edesigner-screen,
.emikro-page,
.crm-resume-support {
    font-family: var(--tempo-font-sans);
}

.project-activity,
.task-comment,
.project-revision-row,
.task-dependency-row,
.task-time-row,
.task-document,
.edesign-card,
.edesign-history,
.edesign-attachment-drop,
.crm-resume-note {
    font-size: 12px;
    line-height: 1.5;
}

.project-activity strong,
.task-comment strong,
.project-revision-row strong,
.task-document strong,
.edesign-card strong,
.edesign-history strong,
.crm-resume-note strong {
    font-weight: 650;
}

/* Sayısal değerlerde düzenli kolon hizası */
.number,
.currency,
.amount,
.kpi-copy strong,
.compact-rate strong,
.crm-emikro-credit strong,
.crm-contract-metric strong {
    font-variant-numeric: tabular-nums lining-nums;
}

/* Küçük ekranlarda hiyerarşi korunur; yalnız büyük başlıklar sıkıştırılır. */
@media (max-width: 760px) {
    html,
    body { font-size: 13px; }

    .page-heading h1,
    .project-detail-header h1,
    .task-workspace-header h1 { font-size: 22px; }

    .page-heading p,
    .section-heading p { font-size: 12px; }
}