/* /Client/Pages/GenelTablo.razor.rz.scp.css */
/* Catalog landing for /Tablo. Page-owned markup only — the cards are plain <button> elements,
   so CSS isolation can reach them. Anything that lands on a MudBlazor component root belongs in
   wwwroot/css/refleks-theme.css instead. Every value comes from a theme variable, so this
   re-skins with the active theme and color mode. */

.rf-tablo[b-igj6jwdkic] {
    padding-bottom: 2rem;
}

.rf-tablo-group[b-igj6jwdkic] {
    display: block;
    margin: 1.5rem 0 0.5rem;
    color: var(--mud-palette-text-secondary);
    letter-spacing: 0.08em;
}

.rf-tablo-grid[b-igj6jwdkic] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 0.75rem;
}

.rf-tablo-card[b-igj6jwdkic] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
    padding: 0.75rem 0.875rem;
    text-align: left;
    font: inherit;
    color: var(--mud-palette-text-primary);
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--rf-radius, 8px);
    cursor: pointer;
    transition: border-color 120ms ease, box-shadow 120ms ease, transform 120ms ease;
}

.rf-tablo-card:hover[b-igj6jwdkic] {
    border-color: var(--mud-palette-primary);
    box-shadow: var(--rf-shadow-sm);
    transform: translateY(-1px);
}

.rf-tablo-card:focus-visible[b-igj6jwdkic] {
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: 2px;
}

.rf-tablo-card-icon[b-igj6jwdkic] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: var(--rf-radius-sm, 5px);
    color: var(--rf-accent-1, var(--mud-palette-primary));
    background: rgba(var(--mud-palette-primary-rgb), 0.1);
}

.rf-tablo-card-text[b-igj6jwdkic] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.rf-tablo-card-title[b-igj6jwdkic] {
    font-weight: 600;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rf-tablo-card-meta[b-igj6jwdkic] {
    font-size: 0.75rem;
    line-height: 1.4;
    color: var(--mud-palette-text-secondary);
}
/* /Client/Pages/Genel/Kurlar.razor.rz.scp.css */
.master-header[b-ob2eygr85j] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.kur-card[b-ob2eygr85j] {
    display: flex;
    align-items: stretch;
    gap: 12px;
}

.kur-yil[b-ob2eygr85j] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 96px;
    border-right: 1px solid var(--mud-palette-lines-default);
    padding-right: 12px;
}

.kur-months[b-ob2eygr85j] {
    flex: 1;
    display: grid;
    grid-template-columns: 72px repeat(12, minmax(56px, 1fr));
    gap: 2px 4px;
    align-items: center;
    overflow-x: auto;
}

/* Tighten the MudNumericField inputs so all 12 months fit without horizontal
   scroll on a normal window; scoped CSS can only reach MudBlazor internals via ::deep.
   Exchange rates are numeric values, so they read right-aligned. */
.kur-months[b-ob2eygr85j]  .mud-input-slot {
    font-size: 0.78rem;
    padding: 4px 6px;
    text-align: right;
}

.kur-ayheader[b-ob2eygr85j] {
    text-align: center;
    font-weight: 600;
    font-size: 0.72rem;
}

.kur-rowlabel[b-ob2eygr85j] {
    white-space: nowrap;
}

.kur-actions[b-ob2eygr85j] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
/* /Client/Pages/Index.razor.rz.scp.css */
.rf-home[b-nd9nvtgz3r] {
    max-width: 1400px;
    margin: 0 auto;
    padding-bottom: 2rem;
}

[b-nd9nvtgz3r] .rf-home-subtitle {
    margin-top: 2px;
}
/* /Client/Pages/KarZarar/FinansTablo.razor.rz.scp.css */
.fin-kagit[b-m159ox99cy] {
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .06);
    padding: 1.5rem 1.75rem 1.25rem;
}

.fin-ust[b-m159ox99cy] {
    border-bottom: 3px solid var(--mud-palette-primary);
    padding-bottom: .6rem;
    margin-bottom: .9rem;
}

.fin-baslik[b-m159ox99cy] { font-size: 1.35rem; font-weight: 700; letter-spacing: .01em; }
.fin-alt[b-m159ox99cy] { font-size: .85rem; color: var(--mud-palette-text-secondary); margin-top: .15rem; }
.fin-bos[b-m159ox99cy] { color: var(--mud-palette-text-secondary); font-style: italic; padding: 1rem 0; }

.fin-kaydir[b-m159ox99cy] {
    overflow: auto;
    max-height: calc(100vh - 290px);
}

.fin-tablo[b-m159ox99cy] {
    border-collapse: separate;
    border-spacing: 0;
    font-size: .8rem;
    font-variant-numeric: tabular-nums;
}

.fin-tablo td:not(.aciklama)[b-m159ox99cy], .fin-tablo th:not(.aciklama)[b-m159ox99cy] { min-width: 7.5rem; }

.fin-tablo th[b-m159ox99cy], .fin-tablo td[b-m159ox99cy] {
    padding: .22rem .65rem;
    text-align: right;
    white-space: nowrap;
    border-bottom: 1px solid color-mix(in srgb, var(--mud-palette-lines-default) 55%, transparent);
}

.fin-tablo thead th[b-m159ox99cy] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: color-mix(in srgb, var(--mud-palette-primary) 12%, var(--mud-palette-surface));
    color: var(--mud-palette-text-primary);
    font-weight: 700;
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .03em;
    border-bottom: 2px solid var(--mud-palette-primary);
    padding-top: .45rem;
    padding-bottom: .45rem;
}

/* Sticky label column; opaque so the numbers scroll underneath it. */
.fin-tablo .aciklama[b-m159ox99cy] {
    position: sticky;
    left: 0;
    z-index: 1;
    text-align: left;
    background: var(--mud-palette-surface);
    min-width: 320px;
    max-width: 420px;
    white-space: normal;
    border-right: 1px solid var(--mud-palette-lines-default);
}

.fin-tablo thead th.aciklama[b-m159ox99cy] { z-index: 3; background: color-mix(in srgb, var(--mud-palette-primary) 12%, var(--mud-palette-surface)); }

.fin-tablo .kod[b-m159ox99cy] {
    min-width: 3.2em;
    margin-right: .5rem;
    font-size: .7rem;
    font-weight: 400;
    color: var(--mud-palette-text-secondary);
}

.fin-tablo .satir[b-m159ox99cy] { display: flex; align-items: baseline; }
.fin-tablo .kod[b-m159ox99cy] { flex: 0 0 auto; }
.fin-tablo .metin[b-m159ox99cy] { flex: 1; }

.fin-tablo td.neg[b-m159ox99cy] { color: var(--mud-palette-error); }
.fin-tablo .fark[b-m159ox99cy] { background: color-mix(in srgb, var(--mud-palette-primary) 4%, transparent); }
.fin-tablo tbody tr:hover td[b-m159ox99cy] { background: var(--mud-palette-action-default-hover); }

/* Outline levels, from the master's Stil (see LookUpService.Stiller). */
.fin-tablo tr.subtext td[b-m159ox99cy] { color: var(--mud-palette-text-secondary); font-weight: 300; }
.fin-tablo tr.subtext td.neg[b-m159ox99cy] { color: var(--mud-palette-error); }
.fin-tablo tr.subtext .metin[b-m159ox99cy] { padding-left: 2.4rem; }
.fin-tablo tr.standardtext .metin[b-m159ox99cy] { padding-left: 1.6rem; }
.fin-tablo tr.subheading td[b-m159ox99cy] { font-weight: 600; }
.fin-tablo tr.subheading .metin[b-m159ox99cy] { padding-left: .8rem; }

.fin-tablo tr.firstheading td[b-m159ox99cy],
.fin-tablo tr.secondheading td[b-m159ox99cy] {
    font-weight: 700;
    border-top: 1px solid var(--mud-palette-text-secondary);
    background: color-mix(in srgb, var(--mud-palette-primary) 4%, var(--mud-palette-surface));
}

.fin-tablo tr.secondheading td[b-m159ox99cy] { font-size: .85rem; }

.fin-tablo tr.thirdheading td[b-m159ox99cy] {
    font-weight: 800;
    font-size: .9rem;
    background: color-mix(in srgb, var(--mud-palette-primary) 8%, var(--mud-palette-surface));
    border-top: 1px solid var(--mud-palette-text-primary);
    border-bottom: 3px double var(--mud-palette-text-primary);
    padding-top: .4rem;
    padding-bottom: .4rem;
}

@media print {
    .fin-kagit[b-m159ox99cy] { border: 0; box-shadow: none; padding: 0; }
    .fin-kaydir[b-m159ox99cy] { overflow: visible; max-height: none; }
    .fin-tablo thead th[b-m159ox99cy], .fin-tablo .aciklama[b-m159ox99cy] { position: static; }
    .fin-tablo[b-m159ox99cy] { font-size: 7.5pt; }
}
/* /Client/Pages/Login.razor.rz.scp.css */
/* Centered sign-in card. Colors come exclusively from theme variables (MudBlazor's
   --mud-palette-* and the --rf-* tokens RefleksThemeStyles publishes), so the page follows
   the active theme and color mode with no hardcoded values. */

.login-wrapper[b-nkac8bmemo] {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background-color: var(--mud-palette-background);
    overflow: hidden;
}

/* Two soft primary/secondary washes behind the card: enough depth that the sign-in screen
   reads as designed rather than as an unstyled form, without competing with the card. */
.login-wrapper[b-nkac8bmemo]::before,
.login-wrapper[b-nkac8bmemo]::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    filter: blur(90px);
    pointer-events: none;
}

.login-wrapper[b-nkac8bmemo]::before {
    width: 520px;
    height: 520px;
    top: -180px;
    right: -120px;
    background: color-mix(in srgb, var(--mud-palette-primary) 22%, transparent);
}

.login-wrapper[b-nkac8bmemo]::after {
    width: 460px;
    height: 460px;
    bottom: -200px;
    left: -140px;
    background: color-mix(in srgb, var(--mud-palette-secondary) 18%, transparent);
}

.login-card[b-nkac8bmemo] {
    position: relative;
    width: 100%;
    max-width: 400px;
    padding: 2.25rem 2rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--rf-radius-lg, 12px);
    background-color: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    box-shadow: var(--rf-shadow-lg);
}

.login-brand[b-nkac8bmemo] {
    font-size: 1.9rem;
    font-weight: 700;
    letter-spacing: -0.03em;
    text-align: center;
}

.login-brand-dot[b-nkac8bmemo] {
    color: var(--mud-palette-primary);
}

.login-title[b-nkac8bmemo] {
    margin: 0.35rem 0 1.5rem;
    font-size: 0.95rem;
    font-weight: 400;
    text-align: center;
    color: var(--mud-palette-text-secondary);
}

.login-alert[b-nkac8bmemo] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
    padding: 0.6rem 0.9rem;
    border-radius: var(--rf-radius, 8px);
    background-color: color-mix(in srgb, var(--mud-palette-error) 12%, transparent);
    color: var(--mud-palette-error);
    font-size: 0.875rem;
}

.login-field[b-nkac8bmemo] {
    margin-bottom: 1rem;
}

.login-field label[b-nkac8bmemo] {
    display: block;
    margin-bottom: 0.35rem;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--mud-palette-text-secondary);
}

.login-field input[b-nkac8bmemo] {
    width: 100%;
    padding: 0.65rem 0.8rem;
    border: 1px solid var(--mud-palette-lines-inputs);
    border-radius: var(--rf-radius, 8px);
    background-color: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    font-family: inherit;
    font-size: 0.95rem;
    outline: none;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.login-field input:focus[b-nkac8bmemo] {
    border-color: var(--mud-palette-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mud-palette-primary) 20%, transparent);
}

.login-button[b-nkac8bmemo] {
    width: 100%;
    margin-top: 0.75rem;
    padding: 0.7rem;
    border: none;
    border-radius: var(--rf-radius, 8px);
    background-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    font-family: inherit;
    font-size: 0.95rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    cursor: pointer;
    box-shadow: var(--rf-shadow-sm);
    transition: background-color .15s ease, box-shadow .15s ease, transform .1s ease;
}

.login-button:hover[b-nkac8bmemo] {
    background-color: var(--mud-palette-primary-darken);
    box-shadow: var(--rf-shadow-md);
}

.login-button:active[b-nkac8bmemo] {
    transform: translateY(1px);
}

.login-footer[b-nkac8bmemo] {
    margin-top: 1.75rem;
    text-align: center;
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary);
}
/* /Client/Pages/_Program/HataComp.razor.rz.scp.css */
.hata-head[b-1kxc81msy4] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 16px;
}

.hata-head__badge[b-1kxc81msy4] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 14px;
    color: var(--mud-palette-warning);
    background: color-mix(in srgb, var(--mud-palette-warning) 16%, transparent);
}

.hata-head__title[b-1kxc81msy4] {
    flex: 1;
    min-width: 0;
}
/* /Client/Pages/_Program/ProgramProgress.razor.rz.scp.css */
.prog-run[b-f566ul3qcc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 28px 24px;
    width: 100%;
}

.prog-run__badge[b-f566ul3qcc] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 16px;
    color: var(--mud-palette-primary);
    background: color-mix(in srgb, var(--mud-palette-primary) 12%, transparent);
}

[b-f566ul3qcc] .prog-run__spin {
    animation: prog-spin-b-f566ul3qcc 1.4s linear infinite;
    transform-origin: 50% 50%;
}

@keyframes prog-spin-b-f566ul3qcc {
    to { transform: rotate(360deg); }
}

.prog-run__text[b-f566ul3qcc] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.prog-run__bar[b-f566ul3qcc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    width: 100%;
}

[b-f566ul3qcc] .prog-run__timer {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--mud-palette-text-secondary);
    font-variant-numeric: tabular-nums;
}
/* /Client/Pages/_Program/ProgramRunner.razor.rz.scp.css */
.prog-start[b-mhhhvop6zp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
    padding: 32px 28px;
    width: 100%;
}

.prog-start__badge[b-mhhhvop6zp] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 16px;
    color: var(--mud-palette-primary);
    background: color-mix(in srgb, var(--mud-palette-primary) 12%, transparent);
}

.prog-start__actions[b-mhhhvop6zp] {
    display: flex;
    gap: 10px;
    margin-top: 4px;
}

/* ---- Result panels (error / warnings / üretilemeyenler) ---- */
.rf-result__head[b-mhhhvop6zp] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 20px;
}

.rf-result__badge[b-mhhhvop6zp] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 14px;
}

.rf-result__badge--error[b-mhhhvop6zp] {
    color: var(--mud-palette-error);
    background: color-mix(in srgb, var(--mud-palette-error) 14%, transparent);
}

.rf-result__badge--warning[b-mhhhvop6zp] {
    color: var(--mud-palette-warning);
    background: color-mix(in srgb, var(--mud-palette-warning) 16%, transparent);
}

.rf-result__text[b-mhhhvop6zp] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.rf-result__body[b-mhhhvop6zp] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.rf-error-row[b-mhhhvop6zp] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 11px 13px;
    border: 1px solid color-mix(in srgb, var(--mud-palette-error) 30%, var(--mud-palette-lines-default));
    background: color-mix(in srgb, var(--mud-palette-error) 6%, transparent);
    border-radius: 10px;
    line-height: 1.4;
}

.rf-result__actions[b-mhhhvop6zp] {
    display: flex;
    justify-content: center;
    margin-top: 24px;
}
/* /Client/Pages/_Program/TumProgramlarDialog.razor.rz.scp.css */
.prog-select[b-i1xo8x1o67] {
    padding: 4px 4px 8px;
}

.prog-head[b-i1xo8x1o67] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 18px 4px;
}

.prog-head__badge[b-i1xo8x1o67] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 12px;
    color: var(--mud-palette-primary);
    background: color-mix(in srgb, var(--mud-palette-primary) 12%, transparent);
}

.prog-head__text[b-i1xo8x1o67] {
    min-width: 0;
}

.prog-toolbar[b-i1xo8x1o67] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 18px 2px;
}

.prog-grid[b-i1xo8x1o67] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 8px 18px;
}

@media (max-width: 480px) {
    .prog-grid[b-i1xo8x1o67] {
        grid-template-columns: 1fr;
    }
}

.prog-tile[b-i1xo8x1o67] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 11px 13px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    background: var(--mud-palette-surface);
    cursor: pointer;
    user-select: none;
    transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.prog-tile:hover[b-i1xo8x1o67] {
    border-color: var(--mud-palette-primary);
    box-shadow: var(--mud-elevation-2);
    transform: translateY(-1px);
}

.prog-tile:focus-visible[b-i1xo8x1o67] {
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: 2px;
}

.prog-tile--on[b-i1xo8x1o67] {
    border-color: var(--mud-palette-primary);
    background: color-mix(in srgb, var(--mud-palette-primary) 8%, var(--mud-palette-surface));
}

.prog-tile__icon[b-i1xo8x1o67] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    color: var(--mud-palette-text-secondary);
    background: color-mix(in srgb, var(--mud-palette-text-secondary) 10%, transparent);
    transition: color .15s ease, background-color .15s ease;
}

.prog-tile--on .prog-tile__icon[b-i1xo8x1o67] {
    color: var(--mud-palette-primary);
    background: color-mix(in srgb, var(--mud-palette-primary) 15%, transparent);
}

.prog-tile__label[b-i1xo8x1o67] {
    flex: 1;
    min-width: 0;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-i1xo8x1o67] .prog-tile__check {
    flex-shrink: 0;
    color: var(--mud-palette-lines-inputs);
    transition: color .15s ease;
}

.prog-tile--on[b-i1xo8x1o67]  .prog-tile__check {
    color: var(--mud-palette-primary);
}

.prog-actions[b-i1xo8x1o67] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 14px 18px 6px;
    margin-top: 4px;
    border-top: 1px solid var(--mud-palette-divider);
}
/* /Client/Shared/DashboardLayout.razor.rz.scp.css */
.page[b-dt6l4xcthm] {
    position: relative;
    display: flex;
    flex-direction: column;
}
/* /Client/Shared/MainLayout.razor.rz.scp.css */
/* Layout-owned markup only. Anything that lands on a MudBlazor component root (.rf-appbar,
   .rf-drawer, .rf-main-content, the brand) is styled in wwwroot/css/refleks-theme.css:
   CSS isolation stamps its scope attribute only on this component's own HTML elements, so a
   scoped rule can never reach a child component's root element. */

.content[b-h6py5yzggr] {
    padding: 1.1rem 2rem 0 2rem;
}

[b-h6py5yzggr] .fit-width {
    max-width: 100%;
}

[b-h6py5yzggr] .mw-1100 {
    max-width: 1100px;
}
