/* miniTrack kućni stil — referentna pravila koja vrijede za cijelu aplikaciju.
   Izvedbena datoteka je src/MiniTrack.Web/wwwroot/css/minitrack.css i učitava se nakon
   MudBlazor.min.css. Boje dolaze isključivo iz aktivne MudBlazor palete. */

/* Kompaktni tabovi. MudBlazor min-width postavlja inline pa je ovdje opravdan
   important. */
.mud-tabs-tabbar .mud-tab {
    min-width: 90px !important;
    padding: 6px 12px;
}

/* Popup date/time pickera mora zadržati širinu kalendara neovisno o širini
   pripadajućeg inputa. MudPicker prosljeđuje širinu inline. */
.mud-popover .mud-picker-paper,
.mud-picker-popover-paper {
    width: max-content !important;
    max-width: none !important;
}

.mud-popover .mud-picker-datepicker-toolbar,
.mud-popover .mud-picker-timepicker-toolbar {
    display: none !important;
}

.mud-popover .mud-picker-content,
.mud-popover .mud-picker-container {
    max-width: none !important;
}

/* Traka pregleda i naslov dijaloga koriste isti ton iz aktivne palete. */
.mud-table-toolbar,
.mud-dialog-title {
    background-color: var(--mud-palette-background);
    background-color: color-mix(in srgb, var(--mud-palette-background) 70%, var(--mud-palette-surface));
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

/* Modalna forma: sadržaj lijevo, standardna okomita traka akcija desno. */
.mf-forma-modal {
    gap: 6px;
    overflow-x: hidden;
    padding-bottom: 12px;
}

.mf-akcije-forme {
    width: 156px;
    flex: 0 0 156px;
    align-self: stretch;
    border-radius: var(--mud-default-borderradius);
    padding: 8px 10px;
    background-color: var(--mud-palette-background);
    background-color: color-mix(in srgb, var(--mud-palette-background) 70%, var(--mud-palette-surface));
}

.mf-akcije-prilijepi {
    position: sticky;
    top: 8px;
}

.mf-prazni-gumb {
    height: 32px;
    flex: 0 0 32px;
}

/* Broj i njegov naslov/footer moraju biti poravnati na istu stranu. */
.mf-broj {
    text-align: right;
}

/* Gustoća tablica dolazi iz profila korisnika i primjenjuje se na cijeli
   sadržaj kroz MainLayout. */
.mf-gustoca-zbijeno .mud-table-dense * .mud-table-row .mud-table-cell,
.mf-gustoca-zbijeno .mud-table-dense * tr th {
    padding-top: 2px;
    padding-bottom: 2px;
}

.mf-gustoca-prostrano .mud-table-dense * .mud-table-row .mud-table-cell,
.mf-gustoca-prostrano .mud-table-dense * tr th {
    padding-top: 11px;
    padding-bottom: 11px;
    font-size: var(--mud-typography-body1-size);
    line-height: var(--mud-typography-body1-lineheight);
}

/* Orijentacija nakon otvaranja ili spremanja retka. */
.mf-redak-fokus > td {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 12%, transparent);
}