/* HTML prototipiyle aynı Tabler tipografi ve bileşen ölçüleri.
   Yüzeyler nötr; marka rengi logo, ana eylemler ve ikonlarda kullanılır. */
:root {
  --tblr-primary: #7863ab;
  --tblr-primary-rgb: 120, 99, 171;
  --tblr-primary-lt: rgba(120, 99, 171, .1);
  --tblr-link-color: #206bc4;
  --tblr-link-color-rgb: 32, 107, 196;
  --tblr-link-hover-color: #1a569d;
  --tblr-link-hover-color-rgb: 26, 86, 157;
}
.page-wrapper, .card, .card-body, .min-w-0 { min-width: 0; }
[hidden] { display: none !important; }
.icon { flex-shrink: 0; }
.container-xl { max-width: none; padding-inline: 1rem; }
.vadea-sidebar { background: var(--tblr-bg-surface); box-shadow: none; }
.brand { display: flex; align-items: center; gap: .75rem; font-size: 1.75rem; font-weight: 700; color: var(--tblr-primary); padding: 1.5rem 1rem; text-decoration: none !important; }
.brand:hover, .brand-dot { color: var(--tblr-primary); }
.brand-mark { display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: .375rem; background: var(--tblr-primary); color: #fff; font-size: 1.5rem; font-style: italic; line-height: 1; }
.workspace-label { margin: 0 .5rem 1rem; padding: .75rem 1rem; border: 1px solid var(--tblr-border-color); border-radius: var(--tblr-border-radius); background: var(--tblr-bg-surface-secondary); color: var(--tblr-secondary); font-size: .8125rem; font-weight: 500; }
.vadea-topbar { min-height: 3.5rem; background: var(--tblr-bg-surface); box-shadow: none; }
.vadea-topbar .container-fluid { gap: 1rem; padding-inline: 1rem; flex-wrap: nowrap; }
.top-search { display: flex; align-items: center; gap: .5rem; width: min(28rem, 100%); min-width: 0; padding: .5rem .75rem; border: 1px solid var(--tblr-border-color); border-radius: var(--tblr-border-radius); background: var(--tblr-bg-surface); color: var(--tblr-secondary); }
.top-search input { border: 0; outline: none; background: transparent; width: 100%; min-width: 0; color: var(--tblr-body-color); font: inherit; }
.top-search:focus-within { border-color: var(--tblr-primary); box-shadow: 0 0 0 .25rem rgba(var(--tblr-primary-rgb), .1); }
.local-badge { display: flex; align-items: center; gap: .5rem; white-space: nowrap; color: var(--tblr-secondary); font-size: .75rem; }
.page-header { margin-top: 1rem; }
.page-header .breadcrumb { margin-bottom: 1.5rem; font-size: .8125rem; }
.page-title { gap: .5rem; overflow-wrap: anywhere; }
.page-header .col { min-width: 0; }
.page-header .page-heading-copy { flex: 1 1 20rem; }
.page-title-icon { display: inline-flex; color: var(--tblr-primary); }
.page-title-icon .icon { width: 1.5rem; height: 1.5rem; }
.page-description { color: var(--tblr-secondary); margin: .25rem 0 0; }
.page-description:empty { display: none; }
.page-body { margin-top: 1.5rem; }
.btn-primary { --tblr-btn-bg: var(--tblr-primary); --tblr-btn-border-color: var(--tblr-primary); }
.card-title { display: flex; align-items: center; gap: .5rem; }
.card-title .icon, .section-title .icon { color: var(--tblr-primary); }
.table td { vertical-align: middle; }
.table th { white-space: nowrap; }
.table thead th { text-transform: none; letter-spacing: 0; }
/* Mutlak konumlu erişilebilir bağlantı metni de tablonun kaydırma alanında kalır. */
.table-responsive { position: relative; overscroll-behavior-x: contain; }
.money { font-variant-numeric: tabular-nums; white-space: nowrap; }
.avatar.bg-primary-lt { background: var(--tblr-bg-surface-secondary) !important; }
.badge.bg-primary-lt, .badge.bg-purple-lt { color: var(--tblr-secondary) !important; background: var(--tblr-bg-surface-secondary) !important; }
.h2.text-primary { color: var(--tblr-body-color) !important; }
summary.text-primary { color: var(--tblr-link-color) !important; }
.form-control:read-only { background: var(--tblr-bg-surface-secondary); }
.preserve-lines { white-space: pre-wrap; overflow-wrap: anywhere; }
.alert > .icon { width: 1.5rem; height: 1.5rem; }
.alert > :not(.icon):not(.btn-close) { min-width: 0; }
.detail-tabs { display: flex; gap: .25rem; width: 100%; overflow-x: auto; padding-inline: 1.25rem; }
.detail-tabs a { white-space: nowrap; color: var(--tblr-secondary); padding: 1rem .75rem; border-bottom: 2px solid transparent; text-decoration: none; }
.detail-tabs a.active { color: var(--tblr-body-color); border-color: var(--tblr-primary); font-weight: 500; }
.section-title { display: flex; align-items: center; gap: .5rem; margin-bottom: 1.25rem; font-size: 1rem; font-weight: 500; }
.detail-list { display: grid; grid-template-columns: minmax(7rem, 1fr) 2fr; gap: 1rem; margin: 0; }
.detail-list dt, .summary-list dt { font-weight: 400; color: var(--tblr-secondary); }
.detail-list dd, .summary-list dd { margin: 0; overflow-wrap: anywhere; }
.summary-list { margin: 0; }
.summary-list dt { margin: 1rem 0 .25rem; font-size: .8125rem; }
.summary-list dt:first-child { margin-top: 0; }
.sticky-summary { position: sticky; top: 1.5rem; }
.quote-card { border-top: 3px solid var(--tblr-border-color); }
.quote-total { font-size: 2rem; font-weight: 600; margin: .5rem 0 1.5rem; }
.summary-line { display: flex; justify-content: space-between; gap: 1rem; border-top: 1px solid var(--tblr-border-color); padding: .75rem 0; color: var(--tblr-secondary); }
.summary-line strong { color: var(--tblr-body-color); font-variant-numeric: tabular-nums; }
.section-number { color: var(--tblr-secondary); font-size: 1.5rem; margin-right: 1rem; font-weight: 400; }
.next-step-note { display: flex; gap: .75rem; padding: 1.25rem .5rem; color: var(--tblr-secondary); }
.next-step-note p { margin: 0; }
.workflow-track { display: flex; list-style: none; padding: 0 0 .5rem; margin: 0; overflow: auto; }
.workflow-track li { min-width: 6rem; flex: 1; position: relative; text-align: center; }
.workflow-track li:not(:last-child):after { content: ''; position: absolute; top: 1rem; left: 65%; width: 70%; height: 1px; background: var(--tblr-border-color); }
.workflow-track a { display: flex; flex-direction: column; align-items: center; gap: .5rem; text-decoration: none; color: var(--tblr-secondary); position: relative; z-index: 1; }
.step-marker { background: var(--tblr-bg-surface-secondary); border: 1px solid var(--tblr-border-color); width: 2rem; height: 2rem; border-radius: 50%; display: grid; place-items: center; font-size: .8125rem; }
.step-label { font-size: .75rem; white-space: nowrap; padding-inline: .25rem; }
.workflow-track .current .step-marker { background: var(--tblr-primary); color: #fff; border-color: var(--tblr-primary); }
.workflow-track .current .step-label { color: var(--tblr-body-color); font-weight: 600; }
.workflow-track .visited .step-marker { background: var(--tblr-green-lt); color: var(--tblr-green); border-color: var(--tblr-green-lt); }
.stat-tile { border: 1px solid var(--tblr-border-color); background: var(--tblr-bg-surface-secondary); border-radius: var(--tblr-border-radius); padding: 1.25rem; }
.stat-tile span { display: block; color: var(--tblr-secondary); }
.stat-tile strong { display: block; font-size: 1.5rem; font-weight: 600; margin-top: .5rem; font-variant-numeric: tabular-nums; }
.action-callout { display: flex; align-items: center; gap: 1rem; padding: 1rem; background: var(--tblr-bg-surface-secondary); border-radius: var(--tblr-border-radius); }
.action-callout-icon { color: var(--tblr-primary); }
.rule-row { display: flex; gap: .75rem; padding: 1.25rem; border-bottom: 1px solid var(--tblr-border-color); }
.rule-row:last-child { border: 0; }
.rule-status { width: 1.75rem; height: 1.75rem; background: var(--tblr-bg-surface-secondary); border-radius: 50%; display: grid; place-items: center; flex-shrink: 0; color: var(--tblr-secondary); }
.rule-status .icon { width: 1rem; height: 1rem; }
.rule-status.done { background: var(--tblr-green-lt); color: var(--tblr-green); }
.rule-status.rejected { background: var(--tblr-red-lt); color: var(--tblr-red); }
.rule-title { font-weight: 500; }
.inline-action { display: flex; gap: .75rem; align-items: center; flex-wrap: wrap; }
.inline-action .form-control { max-width: 21rem; }
summary { cursor: pointer; }
.activity-timeline { padding-left: .75rem; }
.activity-item { border-left: 1px solid var(--tblr-border-color); padding: 0 0 1.5rem 1.5rem; position: relative; }
.activity-dot { position: absolute; top: .25rem; left: -.3125rem; width: .5625rem; height: .5625rem; background: var(--tblr-secondary); border: 2px solid var(--tblr-bg-surface); border-radius: 50%; }
.activity-item strong > .icon { width: 1rem; height: 1rem; margin-inline: .5rem; color: var(--tblr-secondary); }
.view-switch { display: flex; gap: .25rem; flex-wrap: wrap; }
.view-switch a { color: var(--tblr-secondary); padding: .5rem .75rem; border-radius: var(--tblr-border-radius); text-decoration: none; }
.view-switch a.active { background: var(--tblr-bg-surface-secondary); color: var(--tblr-body-color); font-weight: 500; }
.metrics-strip { display: grid; grid-template-columns: repeat(4, 1fr); background: var(--tblr-bg-surface); border: 1px solid var(--tblr-border-color); border-radius: var(--tblr-border-radius); margin-bottom: 1.5rem; padding: 1.5rem 0; }
.metric { padding: 0 1.5rem; display: flex; flex-direction: column; color: var(--tblr-body-color); text-decoration: none !important; border-right: 1px solid var(--tblr-border-color); }
.metric:last-child { border: 0; }
.metric-label, .eyebrow { font-size: .75rem; color: var(--tblr-secondary); font-weight: 500; }
.metric > strong { font-size: 2rem; margin-block: .5rem; display: flex; align-items: center; gap: .75rem; }
.metric-dot { height: .5rem; width: .5rem; border-radius: 50%; }
.stage-distribution { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; }
.focus-card { background: var(--tblr-bg-surface-secondary); }
.focus-card p { color: var(--tblr-secondary); }
.footer { font-size: .8125rem; color: var(--tblr-secondary); border: 0; padding-block: 1.5rem; }
.pagination { margin: 0; }
.login-page { min-height: 100vh; display: grid; grid-template-columns: 1fr 1fr; background: var(--tblr-bg-surface); }
.login-story { background: #182433; color: #fff; display: flex; flex-direction: column; justify-content: space-between; padding: 4rem; }
.login-story .brand { padding: 0; }
.login-story h1 { font-size: clamp(2rem, 4vw, 4rem); font-weight: 500; line-height: 1.2; margin-block: 1.5rem; }
.login-story h1 span { color: #baa5e7; }
.login-story p, .login-story .eyebrow, .login-story small { color: #cbd5e1; }
.login-form { display: grid; place-items: center; padding: 2.5rem; }
.login-box { width: 100%; max-width: 23rem; }
.login-box h2 { font-size: 1.75rem; }
:focus-visible { outline: 2px solid var(--tblr-primary); outline-offset: 3px; }
@media (min-width: 992px) {
  .vadea-sidebar { width: 16rem; }
  .navbar-vertical.navbar-expand-lg ~ .page-wrapper, .navbar-vertical.navbar-expand-lg ~ .navbar { margin-left: 16rem; }
}
@media (max-width: 991px) {
  .vadea-sidebar .container-fluid { padding: .75rem 1rem; }
  .brand { padding: 0; font-size: 1.5rem; }
  .workspace-label { margin-top: 1rem; }
  .sticky-summary { position: static; }
}
@media (max-width: 767px) {
  .local-badge { display: none; }
  .page-header .btn-list { margin-top: .5rem; }
  .page-header .col-auto { width: 100%; margin-left: 0 !important; }
  .stage-distribution, .metrics-strip { grid-template-columns: repeat(2, 1fr); }
  .metric { padding: 1rem; }
  .action-callout { flex-wrap: wrap; }
  .action-callout > a { margin-left: 0 !important; }
  .login-page { grid-template-columns: 1fr; }
  .login-story { display: none; }
  .login-form { min-height: 100vh; padding: 1.5rem; }
  .vadea-topbar .container-fluid { flex-wrap: nowrap; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; } }
@media print { .vadea-sidebar, .vadea-topbar, .page-header .btn-list, .footer, .no-print { display: none !important; } .page-wrapper { margin: 0 !important; } body { background: #fff; } .card { box-shadow: none; } }

.web-rich{max-width:100%;overflow:auto;overflow-wrap:anywhere;line-height:1.8}.web-rich table{border-collapse:collapse;max-width:100%;margin:1rem 0}.web-rich th,.web-rich td{border:1px solid var(--tblr-border-color);padding:.5rem .75rem;vertical-align:top}.web-rich pre{white-space:pre-wrap;overflow-wrap:anywhere}.web-rich blockquote{border-inline-start:3px solid var(--tblr-primary);padding-inline-start:1rem}

.web-plain{white-space:pre-wrap}