/* =========================================================================
   Mundo – dizaino sluoksnis virš Radzen Material temos.
   Spalvos imamos iš temos kintamųjų, todėl veikia ir šviesiame, ir tamsiame režime.
   ========================================================================= */

@font-face {
    font-family: "Inter";
    src: url("_content/Radzen.Blazor/fonts/InterVariable.woff2") format("woff2-variations");
    font-weight: 100 900;
    font-display: swap;
}

:root {
    --rz-text-font-family: "Inter", "Roboto", system-ui, sans-serif;
    --rz-link-color: var(--rz-primary);
    --rz-link-hover-color: var(--rz-primary-dark, var(--rz-primary));
    --rz-card-padding: 1.25rem;
    --rz-badge-text-transform: none;

    --app-radius: 12px;
    --app-border: color-mix(in srgb, var(--rz-text-color) 11%, transparent);
    --app-border-strong: color-mix(in srgb, var(--rz-text-color) 18%, transparent);
    --app-shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 1px 3px rgba(16, 24, 40, 0.06);
    --app-muted-bg: color-mix(in srgb, var(--rz-text-color) 4%, transparent);
}

html, body {
    margin: 0;
    font-family: var(--rz-text-font-family);
    background: var(--rz-body-background-color);
    -webkit-font-smoothing: antialiased;
}

.money { font-variant-numeric: tabular-nums; white-space: nowrap; }
.pre-line { white-space: pre-line; }
.muted { color: var(--rz-text-secondary-color); }
.clickable { cursor: pointer; }
h1:focus, h1:focus-visible { outline: none; }

/* ---- Mygtukai: be didžiųjų raidžių ---- */
.rz-button, .rz-button-sm, .rz-button-md, .rz-button-lg {
    text-transform: none;
    letter-spacing: 0;
    border-radius: 8px;
}

/* ---- Kortelės ---- */
.rz-card {
    background-color: var(--rz-card-background-color);
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius);
    box-shadow: var(--app-shadow);
}

.card-title {
    font-size: 1rem;
    font-weight: 600;
    color: var(--rz-text-title-color);
    margin: 0 0 1rem;
}

.card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}
.card-head .card-title { margin: 0; }

/* ---- Išdėstymas ---- */
.app-layout { grid-template-areas: "rz-sidebar rz-header" "rz-sidebar rz-body"; }

.app-header {
    background: var(--rz-base-background-color);
    color: var(--rz-text-color);
    box-shadow: none;
    border-bottom: 1px solid var(--app-border);
}
.app-company { font-weight: 600; }

.app-sidebar {
    background: var(--rz-base-background-color);
    border-inline-end: 1px solid var(--app-border);
    --rz-panel-menu-item-border: none;
    --rz-panel-menu-item-background-color: transparent;
    --rz-panel-menu-item-border-radius: 8px;
    --rz-panel-menu-item-margin-inline: 0.75rem;
    --rz-panel-menu-item-margin-block: 2px;
    --rz-panel-menu-item-padding-block: 0.6rem;
    --rz-panel-menu-item-padding-inline: 0.75rem;
    --rz-panel-menu-icon-margin-inline: 0 0.75rem;
    --rz-panel-menu-item-active-indicator: transparent;
    --rz-panel-menu-item-active-background-color: var(--rz-primary-lighter);
    --rz-panel-menu-item-active-color: var(--rz-primary);
    --rz-panel-menu-font-weight: 500;
}
.app-sidebar .rz-panel-menu { background: transparent; border: none; }
.app-sidebar .rz-navigation-item-wrapper-active .rz-navigation-item-icon { color: var(--rz-primary); }

.app-brand {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1.25rem 1.25rem 1.25rem 1.5rem;
}
.app-brand-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    font-size: 22px !important;
    color: var(--rz-on-primary);
    background: var(--rz-primary);
    border-radius: 10px;
}
.app-brand-title { font-weight: 700; font-size: 1.05rem; color: var(--rz-text-title-color); line-height: 1.2; }
.app-brand-sub { font-size: 0.75rem; color: var(--rz-text-secondary-color); }

.app-body { background: var(--rz-body-background-color); }
/* Plačiuose ekranuose turinys užima visą plotį iki 1920 px (lentelės, kortelės); toliau – centruojama */
.app-content { max-width: 1920px; margin: 0 auto; padding: 1.75rem 2rem 3rem; }
@media (max-width: 768px) { .app-content { padding: 1rem; } }

/* ---- Puslapio antraštė ---- */
.page-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1.5rem;
}
.page-header h1 { margin: 0; font-weight: 600; letter-spacing: -0.01em; }
.page-header .page-subtitle { margin: 0.25rem 0 0; color: var(--rz-text-secondary-color); font-size: 0.9rem; }
.page-back { display: inline-flex; align-items: center; gap: 0.25rem; margin-bottom: 0.5rem; font-size: 0.875rem; }

/* ---- KPI kortelės ---- */
.kpi-card { height: 100%; box-sizing: border-box; }
.kpi-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    font-size: 24px !important;
    border-radius: 12px;
}
.kpi-value { font-size: 1.6rem; font-weight: 650; font-variant-numeric: tabular-nums; color: var(--rz-text-title-color); line-height: 1.2; }
.kpi-title { font-size: 0.8rem; font-weight: 500; color: var(--rz-text-secondary-color); }
.kpi-caption { font-size: 0.8rem; color: var(--rz-text-secondary-color); }

.tone-primary { color: var(--rz-primary); background: var(--rz-primary-lighter); }
.tone-success { color: var(--rz-success); background: var(--rz-success-lighter); }
.tone-warning { color: var(--rz-warning-dark); background: var(--rz-warning-lighter); }
.tone-danger { color: var(--rz-danger); background: var(--rz-danger-lighter); }
.tone-info { color: var(--rz-info); background: var(--rz-info-lighter); }

/* ---- Callout (pranešimų blokas) ---- */
.callout {
    display: flex;
    gap: 0.875rem;
    align-items: flex-start;
    padding: 1rem 1.25rem;
    background: var(--rz-card-background-color);
    border: 1px solid var(--app-border);
    border-inline-start: 4px solid var(--callout-color);
    border-radius: var(--app-radius);
    box-shadow: var(--app-shadow);
    color: var(--rz-text-color);
    margin-bottom: 1.25rem;
}
.callout-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    font-size: 22px !important;
    color: var(--callout-color);
    background: color-mix(in srgb, var(--callout-color) 14%, transparent);
}
.callout-title { font-weight: 600; color: var(--rz-text-title-color); margin-bottom: 0.2rem; }
.callout-body { font-size: 0.9rem; line-height: 1.5; color: var(--rz-text-color); }
.callout-warning { --callout-color: var(--rz-warning-dark); }
.callout-danger { --callout-color: var(--rz-danger); }
.callout-info { --callout-color: var(--rz-info); }
.callout-success { --callout-color: var(--rz-success); }

/* ---- Lentelės ---- */
.rz-data-grid { border: none; border-radius: 0; }
.rz-grid-table thead th { font-size: 0.8rem; color: var(--rz-text-secondary-color); }
.grid-footer-total { font-weight: 600; font-variant-numeric: tabular-nums; color: var(--rz-text-title-color); }
.grid-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; margin-bottom: 0.75rem; }
.search-box { position: relative; width: 320px; max-width: 100%; }
.search-box .rzi { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); font-size: 20px; color: var(--rz-text-secondary-color); pointer-events: none; }
.search-box .rz-textbox { width: 100%; padding-inline-start: 2.25rem; }

/* ---- Eilučių redaktorius (sąskaita, žurnalo įrašas) ---- */
.line-editor { display: flex; flex-direction: column; gap: 0.5rem; }
.le-row {
    display: grid;
    grid-template-columns: var(--le-columns);
    gap: 0.75rem;
    align-items: center;
}
.le-head {
    font-size: 0.78rem;
    font-weight: 500;
    color: var(--rz-text-secondary-color);
    padding: 0 0.125rem 0.25rem;
    border-bottom: 1px solid var(--app-border);
}
.le-row .num { text-align: right; }
.le-row .rz-textbox, .le-row .rz-numeric, .le-row .rz-dropdown { width: 100%; box-sizing: border-box; }
.le-row .rz-numeric input { text-align: right; }
.le-amount { font-weight: 600; font-variant-numeric: tabular-nums; text-align: right; color: var(--rz-text-title-color); }
.le-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-top: 0.75rem;
    margin-top: 0.25rem;
    border-top: 1px solid var(--app-border);
}
.le-total { display: flex; align-items: baseline; gap: 1rem; }
.le-total-label { color: var(--rz-text-secondary-color); }
.le-total-value { font-size: 1.35rem; font-weight: 650; font-variant-numeric: tabular-nums; color: var(--rz-text-title-color); }

.invoice-lines { --le-columns: minmax(240px, 1fr) 72px 92px 104px 112px 32px; }
.journal-lines { --le-columns: minmax(240px, 1fr) 120px 120px minmax(160px, 220px) 32px; }

@media (max-width: 900px) {
    .le-head { display: none; }
    .le-row { grid-template-columns: 1fr 1fr; padding: 0.75rem 0; border-bottom: 1px solid var(--app-border); }
    .le-row > :first-child { grid-column: 1 / -1; }
}

/* ---- Detalių sąrašas (peržiūros režimas) ---- */
.detail-label { font-size: 0.78rem; color: var(--rz-text-secondary-color); margin-bottom: 0.15rem; }
.detail-value { color: var(--rz-text-title-color); }

/* ---- Žymės ---- */
.rz-badge { font-weight: 500; }
.rz-badge.badge-neutral { background: var(--rz-base-200); color: var(--rz-text-secondary-color); }

/* ---- Užduotys ---- */
.workitem-done { opacity: 0.7; }
.workitem-title-done { text-decoration: line-through; }

/* ---- Failo įkėlimas ---- */
.import-drop {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 1.25rem;
    border: 2px dashed var(--app-border-strong);
    border-radius: var(--app-radius);
    color: var(--rz-text-secondary-color);
    cursor: pointer;
    transition: border-color .15s, color .15s;
}
.import-drop:hover { border-color: var(--rz-primary); color: var(--rz-primary); }
.import-drop input[type=file] { position: absolute; inset: 0; opacity: 0; cursor: pointer; }

/* ---- Prisijungimas ---- */
.login-wrap {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 1rem;
    box-sizing: border-box;
    background: radial-gradient(1200px 600px at 10% -10%, var(--rz-primary-lighter), transparent), var(--rz-body-background-color);
}
.login-card { width: 100%; max-width: 380px; box-sizing: border-box; background: var(--rz-card-background-color); color: var(--rz-text-color); }
.login-card .rz-textbox { width: 100%; box-sizing: border-box; color: var(--rz-text-color); }
.login-card .rz-label { color: var(--rz-text-secondary-color); }
.login-card .callout-body { color: var(--rz-text-color); }
.login-divider { display: flex; align-items: center; gap: 0.75rem; margin: 1.25rem 0; color: var(--rz-text-tertiary-color); font-size: 0.8rem; }
.login-divider::before, .login-divider::after { content: ""; flex: 1; height: 1px; background: var(--app-border); }
.login-google {
    display: flex; align-items: center; justify-content: center; gap: 0.6rem; width: 100%; box-sizing: border-box;
    padding: 0.6rem 1rem; border: 1px solid var(--app-border); border-radius: var(--rz-border-radius, 6px);
    color: var(--rz-text-color); background: var(--rz-base-background-color); text-decoration: none; font-weight: 500;
}
.login-google:hover { border-color: var(--rz-primary); color: var(--rz-primary); }
.login-field { display: flex; flex-direction: column; gap: 0.35rem; margin-bottom: 1rem; }
.login-error { color: var(--rz-danger); margin-bottom: 1rem; font-size: 0.9rem; }

/* ---- Blazor klaidos juosta ---- */
#blazor-error-ui {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}
#blazor-error-ui .dismiss { cursor: pointer; position: absolute; right: 0.75rem; top: 0.5rem; }

/* Skirtukų pavadinimai be didžiųjų raidžių */
.rz-tabview-nav .rz-tabview-title, .rz-tabview-nav a { text-transform: none; letter-spacing: 0; }

/* ---- Automobiliai ---- */
.vehicle-card { height: 100%; box-sizing: border-box; transition: box-shadow .15s, border-color .15s; }
.vehicle-card:hover { border-color: var(--rz-primary); }
.vehicle-inactive { opacity: 0.75; }
.plate {
    display: inline-block;
    padding: 0.1rem 0.5rem;
    border: 1.5px solid var(--rz-text-title-color);
    border-radius: 4px;
    font-weight: 700;
    font-size: 0.8rem;
    letter-spacing: 0.06em;
    color: var(--rz-text-title-color);
}
.detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.9rem 1.5rem; }
.detail-grid-1 { grid-template-columns: 1fr; }
@media (max-width: 600px) { .detail-grid { grid-template-columns: 1fr; } }
.detail-item .detail-value { word-break: break-word; }
.dialog-section { font-size: 0.78rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; color: var(--rz-text-secondary-color); margin-bottom: 0.75rem; }

.code-block { background: var(--app-muted-bg); border: 1px solid var(--app-border); border-radius: 8px; padding: 0.75rem 1rem; font-size: 0.8rem; overflow-x: auto; white-space: pre; margin: 0.5rem 0 0; }

/* Užduoties numeris */
.workitem-no {
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--rz-text-secondary-color);
    background: var(--rz-base-200);
    border-radius: 6px;
    padding: 0.1rem 0.45rem;
    min-width: 2.6rem;
    text-align: center;
}

/* Kuro dokumentų įkėlimo rezultatai */
.fuel-results { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.35rem; font-size: 0.875rem; }
.fuel-results li { display: flex; gap: 0.5rem; align-items: flex-start; }
.fuel-results li .rzi { font-size: 1.1rem; margin-top: 1px; }
.fuel-results li.ok .rzi { color: var(--rz-success); }
.fuel-results li.warn .rzi { color: var(--rz-warning); }
.fuel-results li.err .rzi { color: var(--rz-danger); }

/* Išlaidos: paspaudžiama būsenos žyma ir ryšių grandinė */
.badge-link { cursor: pointer; text-decoration: none; align-self: flex-start; }
.badge-link:hover .rz-badge { filter: brightness(0.95); text-decoration: underline; }
.link-chain { display: flex; flex-direction: column; gap: 0; }
.link-step { display: flex; gap: 0.75rem; padding: 0.75rem 0; border-left: 2px solid var(--rz-base-300); margin-left: 0.6rem; padding-left: 1rem; position: relative; }
.link-step > .rzi { position: absolute; left: -0.8rem; top: 0.7rem; background: var(--rz-base-background-color); color: var(--rz-primary); font-size: 1.2rem; padding: 0.1rem; border-radius: 50%; }
.link-step:last-child { border-left-color: transparent; }
.link-title { font-weight: 600; margin-bottom: 0.15rem; }
.link-split { border-collapse: collapse; font-size: 0.875rem; margin: 0.25rem 0; }
.link-split td { padding: 0.1rem 1.5rem 0.1rem 0; }
.link-split td.money { text-align: right; padding-right: 0; }
.link-split tr.total td { font-weight: 600; border-top: 1px solid var(--rz-base-300); padding-top: 0.25rem; }
/* Sutartys: 12 mėn. mokėjimų stulpeliai */
.contract-bars { display: flex; gap: 3px; align-items: flex-end; height: 56px; margin: 0.6rem 0 0.25rem; }
.contract-bars .bar { flex: 1; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; height: 100%; }
.contract-bars .fill { width: 100%; background: var(--rz-primary); border-radius: 3px 3px 0 0; min-height: 1px; opacity: 0.85; }
.contract-bars span { font-size: 0.65rem; color: var(--rz-text-tertiary-color); margin-top: 2px; }
/* Sutarties detalės: pastabos, sąskaitos eilutės, laiko juosta */
.insight { display: flex; gap: 0.4rem; align-items: flex-start; font-size: 0.875rem; line-height: 1.35; min-width: 0; }
.insight .rzi { font-size: 1.05rem; flex-shrink: 0; margin-top: 1px; }
.insight.tone-success .rzi { color: var(--rz-success); }
.insight.tone-info .rzi { color: var(--rz-info); }
.insight.tone-warning .rzi { color: var(--rz-warning); }
.insight.tone-danger .rzi { color: var(--rz-danger); }
.insight .ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.service-lines { width: 100%; border-collapse: collapse; font-size: 0.85rem; }
.service-lines td { padding: 0.15rem 0.4rem; vertical-align: top; }
.service-lines td.qty { white-space: nowrap; color: var(--rz-text-secondary-color); text-align: right; }
.service-lines td.money { text-align: right; width: 80px; }
.service-lines tr.section td { padding-top: 0.6rem; font-weight: 600; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.03em; color: var(--rz-text-tertiary-color); }
.service-lines tr.total td { border-top: 1px solid var(--rz-base-300); font-weight: 600; }
.timeline { display: flex; flex-direction: column; }
.timeline-item { display: grid; grid-template-columns: 92px 32px 1fr; gap: 0.6rem; position: relative; padding-bottom: 1rem; }
.timeline-item::before { content: ""; position: absolute; left: calc(92px + 0.6rem + 15px); top: 30px; bottom: 0; width: 2px; background: var(--rz-base-300); }
.timeline-item:last-child::before { display: none; }
.timeline-date { font-size: 0.8rem; color: var(--rz-text-secondary-color); padding-top: 6px; text-align: right; font-variant-numeric: tabular-nums; }
.timeline-dot { width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--rz-base-200); color: var(--rz-text-secondary-color); }
.timeline-dot .rzi { font-size: 1.1rem; }
.timeline-item.tone-primary .timeline-dot { background: var(--rz-primary-lighter); color: var(--rz-primary); }
.timeline-item.tone-info .timeline-dot { background: var(--rz-info-lighter); color: var(--rz-info); }
.timeline-item.tone-success .timeline-dot { background: var(--rz-success-lighter); color: var(--rz-success); }
.timeline-item.tone-warning .timeline-dot { background: var(--rz-warning-lighter); color: var(--rz-warning-darker); }
.timeline-item.tone-danger .timeline-dot { background: var(--rz-danger-lighter); color: var(--rz-danger); }
.timeline-title { font-weight: 500; padding-top: 5px; }
@media (max-width: 600px) {
    .timeline-item { grid-template-columns: 32px 1fr; }
    .timeline-date { grid-column: 2; text-align: left; padding-top: 0; order: 2; }
    .timeline-item::before { left: 15px; }
}

/* Terminai */
.deadline-list .deadline { display: grid; grid-template-columns: 64px 1fr auto; gap: 1rem; align-items: start; padding: 0.75rem 0.25rem; border-bottom: 1px solid var(--rz-base-200); }
.deadline-list .deadline:last-child { border-bottom: none; }
.deadline-date { display: flex; flex-direction: column; align-items: center; border-radius: 8px; padding: 0.3rem 0; background: var(--rz-base-200); }
.deadline-date .day { font-weight: 700; font-size: 1.05rem; font-variant-numeric: tabular-nums; }
.deadline-date .year { font-size: 0.7rem; color: var(--rz-text-secondary-color); }
.deadline.tone-danger .deadline-date { background: var(--rz-danger-lighter); color: var(--rz-danger); }
.deadline.tone-warning .deadline-date { background: var(--rz-warning-lighter); color: var(--rz-warning-darker); }
.deadline.tone-info .deadline-date { background: var(--rz-info-lighter); color: var(--rz-info-dark); }
.deadline-title { font-weight: 500; display: flex; gap: 0.4rem; align-items: center; flex-wrap: wrap; }
.deadline-actions { display: flex; flex-direction: column; align-items: flex-end; gap: 0.3rem; }
.deadline-status { font-size: 0.8rem; font-weight: 600; }
.deadline.tone-danger .deadline-status { color: var(--rz-danger); }
.deadline.tone-warning .deadline-status { color: var(--rz-warning-dark); }
@media (max-width: 600px) {
    .deadline-list .deadline { grid-template-columns: 56px 1fr; }
    .deadline-actions { grid-column: 2; flex-direction: row; align-items: center; flex-wrap: wrap; }
}

/* Versija meniu apačioje */
.app-sidebar { display: flex; flex-direction: column; }
.app-version { margin-top: auto; padding: 0.75rem 1rem; font-size: 0.75rem; color: var(--rz-text-tertiary-color); font-variant-numeric: tabular-nums; }

/* IV mokesčių palyginimas */
.tax-compare td.money { width: 140px; }

/* ---- Logotipas ---- */
.app-brand-logo { width: 38px; height: 38px; object-fit: contain; flex-shrink: 0; }
.login-logo { text-align: center; }
.login-logo img { width: 100%; max-width: 300px; height: auto; display: block; margin: 0 auto; }
.login-card { max-width: 400px; }
/* Išskleidžiamų meniu punktų rodyklė – dešinėje, švelni */
.app-sidebar .rz-navigation-item-icon-children { margin-inline-start: auto; font-size: 1.15rem; color: var(--rz-text-tertiary-color); transition: transform .2s; }

/* ---- Prekės ženklo spalvos (žydra) vietoj Material violetinės ----
   Šviesi tema: tamsesnė žydra (baltas tekstas ant mygtukų, kontrastas ~4,9:1).
   Tamsi tema: ryški logotipo žydra su tamsiu tekstu ant mygtukų. */
:root {
    --rz-primary: #0b7d8e;
    --rz-primary-light: #2aa3b5;
    --rz-primary-lighter: rgba(11, 125, 142, 0.12);
    --rz-primary-dark: #096a79;
    --rz-primary-darker: #075866;
    --rz-on-primary: #ffffff;
    --rz-on-primary-light: #ffffff;
    --rz-on-primary-lighter: #0b7d8e;
    --rz-on-primary-dark: #ffffff;
    --rz-on-primary-darker: #ffffff;
    --rz-series-1: #0b7d8e;
}
:root:has(.app-dark), .app-dark {
    --rz-primary: #2cc6d9;
    --rz-primary-light: #63d9e8;
    --rz-primary-lighter: rgba(44, 198, 217, 0.14);
    --rz-primary-dark: #22a9ba;
    --rz-primary-darker: #1a8c9b;
    --rz-on-primary: #062a31;
    --rz-on-primary-light: #062a31;
    --rz-on-primary-lighter: #2cc6d9;
    --rz-on-primary-dark: #062a31;
    --rz-on-primary-darker: #ffffff;
    --rz-series-1: #2cc6d9;
}

/* Meniu mygtukas (☰) viršutinėje juostoje: Radzen jam duoda --rz-on-primary (skirta akcento spalvos juostai),
   o mūsų juosta – fono spalvos, todėl ikona būdavo nematoma. Teksto spalva + akcento fonas užvedus. */
.app-header {
    --rz-sidebar-toggle-color: var(--rz-text-color);
    --rz-sidebar-toggle-hover-color: var(--rz-primary);
    --rz-sidebar-toggle-hover-background-color: var(--rz-primary-lighter);
    --rz-sidebar-toggle-margin-inline-end: 0.25rem;
}
.app-header .rz-sidebar-toggle { border-radius: 50%; }

/* Kelionės lapai */
.trip-month { font-weight: 600; font-size: 1.05rem; min-width: 10rem; text-align: center; color: var(--rz-text-title-color); }
.trip-routes { display: flex; flex-wrap: wrap; align-items: center; gap: 0.4rem; }
.trip-route-chip { display: inline-flex; align-items: center; border: 1px solid var(--app-border); border-radius: 999px; overflow: hidden; }
.trip-route-chip button { border: 0; background: transparent; color: var(--rz-text-color); font: inherit; font-size: 0.8rem; padding: 0.25rem 0.65rem; cursor: pointer; }
.trip-route-chip button:hover { background: var(--rz-primary-lighter); color: var(--rz-primary); }
.trip-route-chip .trip-route-x { padding: 0.25rem 0.5rem; color: var(--rz-text-tertiary-color); border-left: 1px solid var(--app-border); }
.trip-editing td { background: var(--rz-primary-lighter) !important; }
.trip-refuel-flag td { color: var(--rz-warning-dark, var(--rz-warning)); font-weight: 600; }

/* Vartotojas viršutinėje juostoje – nuoroda į paskyrą */
.app-user { display: inline-flex; align-items: center; gap: 0.4rem; color: inherit; text-decoration: none; font-size: 0.875rem;
    padding: 0.25rem 0.6rem; border-radius: 999px; }
.app-user:hover { background: var(--rz-primary-lighter); color: var(--rz-primary); }

/* Meniu: grupių skirtukai ir skaičiukai */
.app-sidebar .menu-divider { height: 1px; background: var(--app-border); margin: 0.5rem 1rem; }
.menu-label { display: flex; align-items: center; gap: 0.5rem; flex: 1; min-width: 0; }
.menu-label-text { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.menu-count {
    min-width: 1.35rem; height: 1.35rem; padding: 0 0.4rem; border-radius: 999px; box-sizing: border-box;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 0.72rem; font-weight: 600; font-variant-numeric: tabular-nums;
    background: var(--rz-primary-lighter); color: var(--rz-primary);
}
.menu-count.urgent { background: var(--rz-danger); color: var(--rz-on-danger, #fff); }

/* Programos ženklas viršutinėje juostoje, aktyvi įmonė – šoninio meniu viršuje */
.app-header-brand { display: inline-flex; align-items: center; gap: 0.5rem; text-decoration: none; color: inherit; }
.app-header-brand .app-brand-logo { width: 32px; height: 32px; }
.app-header-brand .app-brand-title { font-size: 1.1rem; letter-spacing: 0.01em; }
.app-company-card {
    display: flex; align-items: center; gap: 0.7rem; margin: 0.75rem 0.75rem 0.5rem; padding: 0.6rem 0.7rem;
    border: 1px solid var(--app-border); border-radius: 10px; text-decoration: none; color: inherit;
    background: var(--rz-base-background-color); transition: background .15s, border-color .15s;
}
.app-company-card:hover { background: var(--rz-primary-lighter); border-color: var(--rz-primary); }
.app-company-avatar {
    flex-shrink: 0; width: 36px; height: 36px; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center;
    background: var(--rz-primary); color: var(--rz-on-primary); font-weight: 700; font-size: 0.9rem;
}
.app-company-text { display: flex; flex-direction: column; min-width: 0; }
.app-company-name { font-weight: 600; color: var(--rz-text-title-color); line-height: 1.25; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.app-company-meta { font-size: 0.75rem; color: var(--rz-text-secondary-color); }