/* Teme aplikacije (izbor u Radnici/Edit -> "Izgled aplikacije"). Mijenjaju samo brand boje,
   sve ostaje u tonovima loga mojUred.ba (teal + tamnoplava). Zadana tema "mint" je u :root
   (mojured-theme.css); ovdje su samo ostale. Atribut html[data-tema] postavlja _GetSetTheme.cshtml,
   a Kendo widgete na iste varijable prebacuje generisani mojured-tema-kendo.css. */

/* Zadana tema i ovdje (ovaj fajl ima ?v= verziju), da varijable postoje i kad preglednik drži stari mojured-theme.css. */
:root {
    --brand-rgb: 20, 176, 172;
    --brand-link: #1aa9a5;
}

html[data-tema="ocean"] {
    --brand-primary: #1689b0;
    --brand-primary-hover: #106f90;
    --brand-primary-active: #0b5670;
    --brand-primary-tint: #55aecd;
    --brand-primary-soft: #e2f1f7;
    --brand-rgb: 22, 137, 176;
    --brand-link: #1a86ad;
}

html[data-tema="navy"] {
    --brand-primary: #1f4690;
    --brand-primary-hover: #173873;
    --brand-primary-active: #102a58;
    --brand-primary-tint: #5b78b5;
    --brand-primary-soft: #e7ecf6;
    --brand-rgb: 31, 70, 144;
    --brand-link: #2d55a3;
}

html[data-tema="smaragd"] {
    --brand-primary: #11a37f;
    --brand-primary-hover: #0c8566;
    --brand-primary-active: #08694f;
    --brand-primary-tint: #4fc0a0;
    --brand-primary-soft: #e1f5ef;
    --brand-rgb: 17, 163, 127;
    --brand-link: #109b79;
}

/* Birač teme (Radnici/Edit) */
.mu-teme { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; }
.mu-tema { position: relative; display: flex; flex-direction: column; gap: 8px; padding: 12px; border: 2px solid var(--sidebar-border, #e7e7ec); border-radius: 12px; background: #fff; cursor: pointer; text-align: left; transition: border-color .15s, box-shadow .15s, transform .15s; }
.mu-tema:hover { transform: translateY(-1px); box-shadow: 0 6px 16px rgba(0,0,0,.06); }
.mu-tema.is-active { border-color: var(--brand-primary); box-shadow: 0 0 0 3px rgba(var(--brand-rgb), .15); }
.mu-tema-boje { display: flex; height: 34px; border-radius: 8px; overflow: hidden; }
.mu-tema-boje span { flex: 1; }
.mu-tema b { font-size: 13px; color: var(--sidebar-text-strong, #1f2230); }
.mu-tema small { font-size: 11.5px; color: var(--sidebar-text, #5b6072); }
.mu-tema .mu-tema-ok { position: absolute; top: 8px; right: 8px; width: 22px; height: 22px; border-radius: 50%; background: var(--brand-primary); color: #fff; font-size: 11px; display: none; align-items: center; justify-content: center; }
.mu-tema.is-active .mu-tema-ok { display: flex; }

/* Pozivni broj sa zastavicom ispred telefona / mobitela / faxa (Scripts/app/pozivni-broj.js) */
.mu-pozivni { width: 100%; }
.mu-pozivni .mu-pozivni-btn { display: inline-flex; align-items: center; gap: 6px; height: 100%; min-height: 34px; white-space: nowrap; border-color: #e5e6e7; background: #fff; }
.mu-pozivni .mu-pozivni-ikona img, .mu-pozivni-lista img { width: 16px; height: auto; vertical-align: middle; border-radius: 2px; box-shadow: 0 0 0 1px rgba(0,0,0,.06); }
.mu-pozivni .mu-pozivni-dial { font-weight: 600; font-variant-numeric: tabular-nums; }
.mu-pozivni-lista { max-height: 280px; overflow-y: auto; min-width: 250px; }
.mu-pozivni-lista > li > a { display: flex; align-items: center; gap: 8px; margin: 0; padding: 6px 10px; line-height: 20px; }
.mu-pozivni-lista .fa-globe { width: 16px; text-align: center; color: #9aa0ae; }

/* Footer aplikacije: ista boja kao bočna navigacija i gornja traka, od ruba do ruba.
   (#footer: mojured-theme.css forsira margin-left: 0 !important na ID-u.) */
html[data-tema] #footer {
    background: var(--sidebar-bg, #f9f9fa);
    border-top: 1px solid var(--sidebar-border, #e7e7ec);
    color: var(--sidebar-text, #5b6072);
    margin-left: -15px !important;
    margin-right: -15px;
}