/* ═══════════════════════════════════════════════════════════════════════════
DELOVNA MIZA — zaganjalnik modulov (domača stran)
───────────────────────────────────────────────────────────────────────────
Nalaga se SAMO na domači strani, za style.css. Ima svojo paleto (modra kot
glavni akcent, barvni poudarki po modulih), tokeni pa so namenoma omejeni na
.home-body in ne povozijo globalnih spremenljivk — sicer bi prenova domače
strani prebarvala vseh 30+ ostalih strani, ki so zgrajene na zeleni.
Preklop celotne aplikacije na modro je ločena odločitev.
Markup: app/moduli/_skupno/launcher.php
═══════════════════════════════════════════════════════════════════════════ */
/* Inter in osnovna paleta sta od prehoda znamke na modro v style.css (veljata za vso
aplikacijo). Tu ostanejo samo tokeni, ki jih potrebuje delovna miza. */
.home-body {
/* Izpeljano iz globalnih tokenov, da obstaja en sam vir resnice za barvo znamke. */
--h-bg: var(--bg);
--h-surface: var(--surface);
--h-border: var(--border);
--h-border-hover: #C7D2E5;
--h-text: var(--text);
--h-muted: var(--muted);
--h-muted-soft: #94A3B8;
--h-accent: var(--primary);
--h-accent-dark: var(--primary-dark);
--h-accent-tint: var(--primary-tint);
/* Barvni poudarki po modulih — samo za ikone, robove ob prehodu in hitre
akcije; kartica sama ostane bela. */
--akcent-modra: #2563EB; --akcent-modra-tint: #EFF6FF;
--akcent-indigo: #4F46E5; --akcent-indigo-tint: #EEF2FF;
--akcent-vijolicna: #7C3AED; --akcent-vijolicna-tint: #F5F3FF;
--akcent-oranzna: #EA580C; --akcent-oranzna-tint: #FFF7ED;
--akcent-zelena: #047857; --akcent-zelena-tint: #ECFDF5;
--akcent-skrilavec: #475569; --akcent-skrilavec-tint: #F1F5F9;
--h-red: #B91C1C;
--h-red-tint: #FEF2F2;
/* En sam razmik za celotno mrežo delovne mize — kartice, stolpci in paneli.
Prej so bili 18/16/14 px in navpične linije se niso ujele. */
--h-razmik: 14px;
--h-radius: 14px;
--h-radius-sm: 10px;
--h-shadow: 0 1px 2px rgba(15, 30, 61, .04), 0 2px 8px rgba(15, 30, 61, .04);
--h-shadow-hover: 0 2px 4px rgba(15, 30, 61, .05), 0 12px 28px rgba(15, 30, 61, .09);
background: var(--h-bg);
color: var(--h-text);
font-family: var(--font-sans);
-webkit-font-smoothing: antialiased;
min-height: 100vh;
min-height: 100dvh;
}
.home-body *:focus-visible {
outline: 2px solid var(--h-accent);
outline-offset: 2px;
border-radius: 6px;
}
/* ── Glava ──────────────────────────────────────────────────────────────── */
.home-header {
position: sticky;
top: 0;
z-index: 50;
background: rgba(255, 255, 255, .88);
backdrop-filter: saturate(180%) blur(10px);
border-bottom: 1px solid var(--h-border);
}
.home-header-inner {
max-width: 1360px;
margin: 0 auto;
padding: 10px 24px;
display: flex;
align-items: center;
gap: 18px;
}
.home-brand {
display: flex;
align-items: center;
gap: 10px;
text-decoration: none;
color: var(--h-text);
flex-shrink: 0;
}
.home-logo-mark {
width: 32px;
height: 32px;
border-radius: 9px;
background: var(--h-accent);
color: #fff;
display: grid;
place-items: center;
}
.home-brand-text { font-weight: 650; font-size: .98rem; letter-spacing: -.01em; }
/* Iskanje — vizualno pomemben element, na sredini glave. */
.home-search { position: relative; flex: 1 1 auto; max-width: 560px; margin: 0 auto; }
.home-search-icon {
position: absolute; left: 13px; top: 50%; transform: translateY(-50%);
color: var(--h-muted-soft); font-size: .85rem; pointer-events: none;
}
/* Selektor je namenoma `input.home-search-input`: globalno pravilo v style.css
(`input[type="text"], ...`) ima večjo specifičnost od samega razreda in bi povozilo
notranji rob — ikona lupe bi se prekrivala z besedilom. */
input.home-search-input {
width: 100%;
height: 40px;
padding: 0 92px 0 36px;
border: 1px solid var(--h-border);
border-radius: var(--h-radius-sm);
background: var(--h-bg);
color: var(--h-text);
font: inherit;
font-size: .9rem;
transition: border-color 150ms ease, background 150ms ease, box-shadow 150ms ease;
}
input.home-search-input::placeholder { color: var(--h-muted-soft); }
input.home-search-input:focus {
outline: none;
background: var(--h-surface);
border-color: var(--h-accent);
box-shadow: 0 0 0 3px rgba(37, 99, 235, .12);
}
.home-search-kbd {
position: absolute; right: 10px; top: 50%; transform: translateY(-50%);
display: flex; gap: 3px; pointer-events: none;
}
.home-search-kbd kbd, .home-aside-card kbd {
font-family: inherit; font-size: .68rem; font-weight: 600;
color: var(--h-muted); background: var(--h-surface);
border: 1px solid var(--h-border); border-bottom-width: 2px;
border-radius: 5px; padding: 2px 5px; line-height: 1;
}
.home-search-dropdown { top: calc(100% + 8px); }
.home-header-actions { display: flex; align-items: center; gap: 6px; flex-shrink: 0; }
.home-icon-btn {
position: relative;
width: 36px; height: 36px;
display: grid; place-items: center;
border-radius: 9px;
color: var(--h-muted);
text-decoration: none;
transition: background 150ms ease, color 150ms ease;
}
.home-icon-btn:hover { background: var(--h-accent-tint); color: var(--h-accent); }
.home-badge {
position: absolute; top: 3px; right: 3px;
min-width: 16px; height: 16px; padding: 0 4px;
border-radius: 999px;
background: var(--h-red); color: #fff;
font-size: .65rem; font-weight: 700; line-height: 16px; text-align: center;
border: 2px solid #fff; box-sizing: content-box;
}
/* Uporabnik + podjetje, s spustnim menijem. */
.home-user-menu { position: relative; }
.home-user-toggle {
display: flex; align-items: center; gap: 9px;
padding: 4px 8px 4px 4px;
background: transparent; border: 1px solid transparent; border-radius: 10px;
cursor: pointer; font: inherit; color: var(--h-text);
transition: background 150ms ease, border-color 150ms ease;
max-width: 220px;
}
.home-user-toggle:hover { background: var(--h-bg); border-color: var(--h-border); }
.home-avatar {
width: 30px; height: 30px; flex-shrink: 0;
border-radius: 50%;
background: var(--h-accent-tint); color: var(--h-accent-dark);
display: grid; place-items: center;
font-size: .74rem; font-weight: 700;
}
.home-user-text { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; line-height: 1.25; }
.home-username { font-size: .82rem; font-weight: 600; max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.home-company { font-size: .7rem; color: var(--h-muted); max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.home-user-caret { font-size: .65rem; color: var(--h-muted-soft); flex-shrink: 0; }
.home-user-dropdown {
position: absolute; right: 0; top: calc(100% + 8px);
min-width: 200px;
background: var(--h-surface);
border: 1px solid var(--h-border);
border-radius: var(--h-radius-sm);
box-shadow: var(--h-shadow-hover);
padding: 5px;
display: none;
z-index: 60;
}
.home-user-menu.open .home-user-dropdown { display: block; }
.home-user-dropdown-item {
display: block; padding: 8px 10px; border-radius: 7px;
font-size: .85rem; color: var(--h-text); text-decoration: none;
}
.home-user-dropdown-item:hover { background: var(--h-bg); }
.home-user-dropdown-item.is-danger { color: var(--h-red); }
.home-user-dropdown-item.is-danger:hover { background: var(--h-red-tint); }
/* ── Glavni del ─────────────────────────────────────────────────────────── */
.home-main { max-width: 1360px; margin: 0 auto; padding: 24px 24px 64px; }
.home-hero {
display: flex; align-items: flex-end; justify-content: space-between;
gap: 24px; flex-wrap: wrap;
padding: 22px 0 26px;
}
.home-hero-main { min-width: 0; }
.home-hero-label {
font-size: .7rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase;
color: var(--h-accent); margin: 0 0 8px;
}
.home-hero-title {
font-size: clamp(1.6rem, 1.1rem + 1.6vw, 2.1rem);
font-weight: 700; letter-spacing: -.025em; line-height: 1.15;
margin: 0 0 7px; color: var(--h-text);
}
.home-hero-sub { font-size: .95rem; color: var(--h-muted); margin: 0; }
.home-hero-aside { text-align: right; min-width: 0; }
.home-hero-date { font-size: .85rem; font-weight: 600; color: var(--h-text); margin: 0 0 3px; }
.home-hero-note { font-size: .82rem; color: var(--h-muted); margin: 0; }
/* Zaganjalnik + ozek pomožni stolpec. */
.home-workspace { display: grid; grid-template-columns: minmax(0, 1fr) 296px; gap: var(--h-razmik); align-items: start; }
.home-workspace-main { min-width: 0; }
.launcher-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--h-razmik); }
/* ── Kartica modula ─────────────────────────────────────────────────────── */
.launcher-card {
position: relative;
display: flex; flex-direction: column;
background: var(--h-surface);
border: 1px solid var(--h-border);
border-radius: var(--h-radius);
padding: 13px 13px 12px;
box-shadow: var(--h-shadow);
transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
/* Privzeti akcent; posamezna kartica ga povozi prek [data-akcent]. */
--card-accent: var(--akcent-modra);
--card-accent-tint: var(--akcent-modra-tint);
}
.launcher-card[data-akcent="indigo"] { --card-accent: var(--akcent-indigo); --card-accent-tint: var(--akcent-indigo-tint); }
.launcher-card[data-akcent="vijolicna"] { --card-accent: var(--akcent-vijolicna); --card-accent-tint: var(--akcent-vijolicna-tint); }
.launcher-card[data-akcent="oranzna"] { --card-accent: var(--akcent-oranzna); --card-accent-tint: var(--akcent-oranzna-tint); }
.launcher-card[data-akcent="zelena"] { --card-accent: var(--akcent-zelena); --card-accent-tint: var(--akcent-zelena-tint); }
.launcher-card[data-akcent="skrilavec"] { --card-accent: var(--akcent-skrilavec); --card-accent-tint: var(--akcent-skrilavec-tint); }
.launcher-card:hover,
.launcher-card:focus-within {
border-color: var(--h-border-hover);
box-shadow: var(--h-shadow-hover);
transform: translateY(-2px);
}
/* Glava je vodoravna: ikona levo, naslov in opis ob njej, puščica desno.
Kartica je s tem bistveno nižja kot pri navpični postavitvi. */
.launcher-card-head { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 10px; }
.launcher-head-text { min-width: 0; flex: 1 1 auto; }
.launcher-icon {
width: 34px; height: 34px; flex-shrink: 0;
border-radius: 10px;
background: var(--card-accent-tint);
color: var(--card-accent);
display: grid; place-items: center;
font-size: .88rem;
transition: filter 160ms ease;
}
.launcher-card:hover .launcher-icon { filter: brightness(.96) saturate(1.15); }
.launcher-arrow {
flex-shrink: 0; margin-top: 3px;
color: var(--h-muted-soft); font-size: .75rem; opacity: .45;
transition: opacity 160ms ease, transform 160ms ease, color 160ms ease;
}
.launcher-card:hover .launcher-arrow { opacity: 1; color: var(--card-accent); transform: translateX(3px); }
.launcher-title { font-size: .95rem; font-weight: 650; letter-spacing: -.015em; margin: 0 0 1px; }
.launcher-card-link { color: inherit; text-decoration: none; }
/* Raztegnjena povezava: klik kamorkoli po kartici odpre modul, brez gnezdenja v . */
.launcher-card-link::after { content: ''; position: absolute; inset: 0; border-radius: inherit; }
.launcher-desc {
font-size: .76rem; color: var(--h-muted); margin: 0;
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.launcher-items { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; flex: 1 1 auto; }
.launcher-item {
position: relative; z-index: 1;
display: flex; align-items: center; gap: 8px;
margin: 0 -6px; padding: 5px 6px;
border-radius: 7px;
font-size: .82rem; color: var(--h-text); text-decoration: none;
transition: background 140ms ease, color 140ms ease;
min-width: 0;
}
.launcher-item > span { flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.launcher-item > i { font-size: .62rem; color: var(--h-muted-soft); flex-shrink: 0; }
.launcher-item:hover { background: var(--card-accent-tint); color: var(--card-accent); }
.launcher-item:hover > i { color: var(--card-accent); }
/* Akcije so gumbi čez širino kartice (pri dveh vsak po polovici). */
.launcher-actions { display: flex; gap: 7px; margin-top: 10px; }
.launcher-action {
position: relative; z-index: 1;
flex: 1 1 0; min-width: 0;
display: inline-flex; align-items: center; justify-content: center; gap: 6px;
padding: 7px 10px;
border: 1px solid transparent;
border-radius: 9px;
background: var(--h-bg);
font-size: .78rem; font-weight: 550; color: var(--h-muted);
text-decoration: none;
transition: background 140ms ease, color 140ms ease, border-color 140ms ease;
}
.launcher-action i { font-size: .68rem; }
.launcher-action > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.launcher-action:hover {
background: var(--card-accent-tint);
border-color: var(--card-accent);
color: var(--card-accent);
}
.launcher-action.is-primary {
background: var(--card-accent);
color: #fff;
}
.launcher-action.is-primary:hover { filter: brightness(1.06); background: var(--card-accent); color: #fff; }
/* Prazno stanje, ko uporabnik nima nobenega modula. */
.home-empty {
background: var(--h-surface); border: 1px dashed var(--h-border);
border-radius: var(--h-radius); padding: 44px 24px; text-align: center; color: var(--h-muted);
}
.home-empty i { font-size: 1.6rem; color: var(--h-muted-soft); margin-bottom: 12px; display: block; }
.home-empty p { margin: 0 0 4px; font-size: .9rem; }
/* ── Pomožni stolpec ────────────────────────────────────────────────────── */
/* Drobne kartice — ob modulih ne smejo tekmovati za pozornost. */
.home-aside { display: flex; flex-direction: column; gap: var(--h-razmik); }
.home-aside-card {
position: relative;
display: flex; align-items: flex-start; gap: 10px;
background: var(--h-surface);
border: 1px solid var(--h-border);
border-radius: var(--h-radius-sm);
padding: 12px 13px;
text-decoration: none; color: inherit;
}
.home-aside-card.is-accent { background: var(--h-accent-tint); border-color: #DBE7FE; }
.home-aside-card.is-link { transition: border-color 140ms ease, box-shadow 140ms ease; }
.home-aside-card.is-link:hover { border-color: var(--h-border-hover); box-shadow: var(--h-shadow); }
.home-aside-icon {
width: 30px; height: 30px; flex-shrink: 0;
border-radius: 9px;
background: var(--h-surface); color: var(--h-accent);
border: 1px solid var(--h-border);
display: grid; place-items: center; font-size: .78rem;
}
.home-aside-card.is-accent .home-aside-icon { background: #fff; border-color: #DBE7FE; }
.home-aside-body { min-width: 0; flex: 1 1 auto; }
.home-aside-title { font-size: .82rem; font-weight: 650; margin: 0 0 2px; color: var(--h-text); }
.home-aside-card p { margin: 0; font-size: .75rem; line-height: 1.5; color: var(--h-muted); }
.home-aside-arrow { flex-shrink: 0; align-self: center; font-size: .72rem; color: var(--h-muted-soft); }
.home-aside-card.is-link:hover .home-aside-arrow { color: var(--h-accent); }
.home-aside-close {
flex-shrink: 0; align-self: flex-start;
width: 20px; height: 20px; padding: 0;
display: grid; place-items: center;
background: transparent; border: 0; border-radius: 5px;
color: var(--h-muted-soft); cursor: pointer; font-size: .72rem;
transition: background 140ms ease, color 140ms ease;
}
.home-aside-close:hover { background: rgba(15, 30, 61, .07); color: var(--h-text); }
.home-aside-quote {
background: var(--h-surface);
border: 1px solid var(--h-border);
border-radius: var(--h-radius-sm);
padding: 14px 15px;
}
.home-aside-quote p {
margin: 0; font-size: .86rem; font-style: italic; font-weight: 500;
line-height: 1.45; color: var(--h-text);
}
/* ── Sekundarni paneli ──────────────────────────────────────────────────── */
.home-secondary {
display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--h-razmik);
margin-top: var(--h-razmik);
}
.home-panel {
background: var(--h-surface);
border: 1px solid var(--h-border);
border-radius: var(--h-radius);
padding: 15px 16px 12px;
display: flex; flex-direction: column;
}
.home-panel-title {
display: flex; align-items: center; gap: 8px;
font-size: .72rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
color: var(--h-muted); margin: 0 0 10px;
}
.home-panel-title i { color: var(--h-muted-soft); font-size: .76rem; }
.home-panel-empty { font-size: .82rem; color: var(--h-muted-soft); margin: 4px 0 8px; }
.home-panel-list { list-style: none; margin: 0; padding: 0; flex: 1 1 auto; }
.home-panel-row {
display: flex; align-items: center; justify-content: space-between; gap: 10px;
margin: 0 -8px; padding: 8px;
border-radius: 9px;
text-decoration: none; color: inherit;
transition: background 140ms ease;
}
.home-panel-row:hover { background: var(--h-bg); }
.home-panel-row-main { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.home-panel-row-label {
font-size: .85rem; font-weight: 550; color: var(--h-text);
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.home-panel-row-sub {
font-size: .75rem; color: var(--h-muted);
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.home-panel-row-meta { font-size: .73rem; color: var(--h-muted-soft); flex-shrink: 0; white-space: nowrap; }
/* Rdeče samo za resnično zamujeno. */
.home-panel-row.is-urgent .home-panel-row-label { color: var(--h-red); }
.home-panel-row.is-urgent:hover { background: var(--h-red-tint); }
.home-panel-more {
display: inline-flex; align-items: center; gap: 6px;
margin-top: 8px; font-size: .78rem; font-weight: 550;
color: var(--h-accent); text-decoration: none;
}
.home-panel-more:hover { color: var(--h-accent-dark); }
.home-panel-more i { font-size: .68rem; }
/* ── Finančna vrstica ───────────────────────────────────────────────────── */
.home-snapshot {
display: flex; align-items: center; gap: 14px 28px; flex-wrap: wrap;
margin-top: var(--h-razmik); padding: 14px 18px;
background: var(--h-surface);
border: 1px solid var(--h-border);
border-radius: var(--h-radius);
}
.home-snapshot-title {
font-size: .72rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
color: var(--h-muted); margin: 0; flex-shrink: 0;
}
.home-snapshot-items { display: flex; align-items: center; gap: 10px 28px; flex-wrap: wrap; flex: 1 1 auto; }
.home-snapshot-item {
display: flex; flex-direction: column; gap: 1px;
text-decoration: none; color: inherit;
padding: 2px 6px; margin: -2px -6px; border-radius: 7px;
transition: background 140ms ease;
}
.home-snapshot-item:hover { background: var(--h-bg); }
.home-snapshot-label { font-size: .73rem; color: var(--h-muted); }
.home-snapshot-value { font-size: 1rem; font-weight: 650; color: var(--h-text); font-variant-numeric: tabular-nums; }
.home-snapshot-item.is-urgent .home-snapshot-value { color: var(--h-red); }
.home-snapshot-more {
display: inline-flex; align-items: center; gap: 6px;
font-size: .8rem; font-weight: 550; color: var(--h-accent); text-decoration: none; flex-shrink: 0;
}
.home-snapshot-more:hover { color: var(--h-accent-dark); }
/* ── Odzivnost ──────────────────────────────────────────────────────────── */
@media (max-width: 1240px) {
/* Pomožni stolpec se postavi pod zaganjalnik in razporedi v vrsto — mreža modulov
obdrži tri stolpce, dokler jih širina prenese. */
.home-workspace { grid-template-columns: minmax(0, 1fr); }
.home-aside { flex-direction: row; align-items: stretch; }
.home-aside > * { flex: 1 1 0; }
}
@media (max-width: 1024px) {
.launcher-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.home-secondary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 860px) {
.home-header-inner { flex-wrap: wrap; gap: 10px 14px; padding: 10px 16px; }
.home-search { order: 3; flex-basis: 100%; max-width: none; margin: 0; }
.home-search-kbd { display: none; }
input.home-search-input { padding-right: 14px; }
.home-header-actions { margin-left: auto; }
.home-user-text, .home-user-caret { display: none; }
.home-main { padding: 18px 16px 48px; }
.home-hero { padding: 16px 0 20px; }
.home-hero-aside { text-align: left; }
}
@media (max-width: 640px) {
.launcher-grid { grid-template-columns: minmax(0, 1fr); }
.home-secondary { grid-template-columns: minmax(0, 1fr); }
.home-aside { flex-direction: column; }
.home-snapshot, .home-snapshot-items { gap: 12px 20px; }
}
@media (prefers-reduced-motion: reduce) {
.home-body *, .home-body *::before, .home-body *::after {
transition-duration: 1ms !important;
animation-duration: 1ms !important;
}
.launcher-card:hover { transform: none; }
}
/* ── Prijava, registracija, potrditev ───────────────────────────────────── */
/* Skupna postavitev javnih strani (brez prijave). Kartica na sredini, ozka za prijavo,
širša za registracijo, ki ima dvostolpična polja. */
.prijava-body { display: flex; }
.prijava-ovoj {
flex: 1 1 auto; display: flex; align-items: center; justify-content: center;
padding: 32px 16px;
background: linear-gradient(160deg, #EEF4FF, var(--h-bg) 60%);
}
.prijava-kartica {
width: 100%; max-width: 420px;
background: var(--h-surface);
border: 1px solid var(--h-border);
border-radius: 16px;
padding: 30px 28px;
box-shadow: 0 1px 2px rgba(15,30,61,.05), 0 20px 48px rgba(15,30,61,.10);
}
.prijava-kartica-siroka { max-width: 560px; }
.prijava-znamka { text-align: center; margin-bottom: 22px; }
.prijava-znamka .home-logo-mark { margin: 0 auto 14px; }
.prijava-znamka h1 { font-size: 1.25rem; font-weight: 700; letter-spacing: -.02em; margin: 0 0 5px; }
.prijava-znamka p { font-size: .85rem; color: var(--h-muted); margin: 0; }
.prijava-obrazec .form-group { margin-bottom: 14px; }
.prijava-obrazec label {
display: block; font-size: .75rem; font-weight: 650; letter-spacing: .03em;
text-transform: uppercase; color: var(--h-muted); margin-bottom: 5px;
}
.prijava-vrstica { display: grid; grid-template-columns: 1fr 1fr; gap: 0 14px; }
.prijava-pogoji {
display: flex; align-items: flex-start; gap: 9px;
margin: 6px 0 18px; font-size: .82rem; color: var(--h-muted);
text-transform: none; letter-spacing: 0; font-weight: 400;
}
.prijava-pogoji input { margin-top: 2px; flex-shrink: 0; }
.prijava-gumb { width: 100%; justify-content: center; }
.prijava-noga { margin: 18px 0 0; text-align: center; font-size: .84rem; color: var(--h-muted); }
.prijava-drobno { font-size: .76rem; color: var(--h-muted-soft); margin: 5px 0 0; }
.prijava-uspeh { text-align: center; }
.prijava-uspeh i { font-size: 2rem; color: var(--h-accent); margin-bottom: 14px; display: block; }
.prijava-uspeh h2 { font-size: 1.1rem; font-weight: 650; margin: 0 0 8px; }
.prijava-uspeh p { font-size: .88rem; color: var(--h-muted); margin: 0 0 10px; line-height: 1.55; }
.prijava-uspeh .btn { margin-top: 12px; }
/* Pravna besedila. */
.pravno { max-width: 760px; margin: 0 auto; padding: 32px 20px 64px; }
.pravno h1 { font-size: 1.5rem; font-weight: 700; letter-spacing: -.02em; margin: 0 0 6px; }
.pravno .pravno-datum { font-size: .8rem; color: var(--h-muted-soft); margin: 0 0 26px; }
.pravno h2 { font-size: 1.02rem; font-weight: 650; margin: 26px 0 8px; }
.pravno p, .pravno li { font-size: .9rem; line-height: 1.65; color: var(--h-text); }
.pravno ul { margin: 0 0 12px; padding-left: 20px; }
.pravno a { color: var(--h-accent); }
@media (max-width: 520px) {
.prijava-vrstica { grid-template-columns: 1fr; }
.prijava-kartica { padding: 24px 20px; }
}
/* Uvodni koraki (onboarding) — odkljukan korak je viden, a ne kriči. */
.onboarding-korak .home-panel-row-label { display: flex; align-items: center; gap: 8px; }
.onboarding-korak .home-panel-row-label i { font-size: .72rem; color: var(--h-muted-soft); }
.onboarding-korak.je-opravljen .home-panel-row-label { color: var(--h-muted); }
.onboarding-korak.je-opravljen .home-panel-row-label i { color: var(--akcent-zelena); }
/* ── Roki in novice v pomožnem stolpcu ──────────────────────────────────── */
/* Blok brez ikone ob strani: vsebina je seznam, ne enovrstično sporočilo. */
.home-aside-card.is-blok { display: block; }
.aside-seznam { list-style: none; margin: 0; padding: 0; }
.aside-seznam > li { padding: 7px 0; border-top: 1px solid var(--h-border); }
.aside-seznam > li:first-child { border-top: 0; padding-top: 2px; }
.aside-rok { display: flex; gap: 10px; align-items: flex-start; }
.aside-rok-datum {
flex-shrink: 0; min-width: 38px;
font-size: .74rem; font-weight: 700; color: var(--h-muted);
font-variant-numeric: tabular-nums; padding-top: 1px;
}
.aside-rok-telo { display: flex; flex-direction: column; min-width: 0; }
.aside-rok-naziv { font-size: .79rem; color: var(--h-text); line-height: 1.35; }
.aside-rok-cez { font-size: .72rem; color: var(--h-muted-soft); }
.aside-rok.je-nujno .aside-rok-datum { color: var(--h-red); }
.aside-rok.je-nujno .aside-rok-cez { color: var(--h-red); font-weight: 600; }
.aside-novica a, .aside-novica-naslov {
display: block; font-size: .79rem; font-weight: 550; line-height: 1.35;
color: var(--h-text); text-decoration: none;
}
.aside-novica a:hover { color: var(--h-accent); }
.aside-novica a i { font-size: .6rem; color: var(--h-muted-soft); margin-left: 3px; }
.aside-novica-povzetek {
display: block; font-size: .73rem; color: var(--h-muted); line-height: 1.45; margin-top: 2px;
}
.aside-novica.je-nujno .aside-novica-naslov,
.aside-novica.je-nujno a { color: var(--h-red); }
/* Obrazci v območju lastnika. */
.lastnik-obrazec { background: var(--h-surface); border: 1px solid var(--h-border); border-radius: var(--h-radius); padding: 16px 18px; margin-bottom: 8px; }
.lastnik-mreza { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 14px; }
.lastnik-obrazec .form-group { margin-bottom: 12px; }
.lastnik-obrazec label { display: block; font-size: .74rem; font-weight: 650; letter-spacing: .03em; text-transform: uppercase; color: var(--h-muted); margin-bottom: 4px; }
.lastnik-meni { display: flex; gap: 2px; }
.lastnik-opozorilo {
background: var(--h-red-tint); border-bottom: 1px solid #FBC5C5; color: var(--h-red);
padding: 9px 24px; font-size: .84rem; display: flex; align-items: center; gap: 9px;
}
.lastnik-opozorilo a { color: var(--h-red); font-weight: 650; margin-left: auto; }
@media (max-width: 820px) {
.lastnik-mreza { grid-template-columns: 1fr; }
/* Meni lastnika se na ozkem zaslonu ne skrije (brez njega ni poti med stranmi) — vrstica z drsenjem pod glavo. */
.lastnik-body .home-header-inner { flex-wrap: wrap; }
.lastnik-meni { order: 3; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; padding-bottom: 6px; }
.lastnik-meni .topnav-link { white-space: nowrap; flex: 0 0 auto; }
}