/* ==========================================================================
   Sustav -> Portal: javna adresa portala tenanta i prijava u admin način.
   Boje iz DevExpress varijabli teme (rade u svijetloj i tamnoj temi).
   ========================================================================== */

.lgn-portal {
    --lgn-portal-fg: var(--dxds-color-content-neutral-default-rest, var(--bs-body-color, #1f2328));
    --lgn-portal-greska: var(--dxds-color-content-danger-default-rest, var(--bs-danger, #c53030));
    --lgn-portal-rub: color-mix(in srgb, var(--lgn-portal-fg) 14%, transparent);
    --lgn-portal-ploha: color-mix(in srgb, var(--lgn-portal-fg) 4%, transparent);
    --lgn-portal-priguseno: color-mix(in srgb, var(--lgn-portal-fg) 62%, transparent);
    display: flex;
    flex-direction: column;
    gap: 14px;
    max-width: 900px;
    padding: 4px 0;
    color: var(--lgn-portal-fg);
}

.lgn-portal-naslov {
    font-size: 1.15em;
    font-weight: 600;
}

.lgn-portal-polje {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.lgn-portal-oznaka { font-weight: 600; }

.lgn-portal-adresa {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border: 1px solid var(--lgn-portal-rub);
    border-radius: 6px;
    background: var(--lgn-portal-ploha);
}

.lgn-portal-adresa a {
    flex: 1 1 260px;
    min-width: 0;
    overflow-wrap: anywhere;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.lgn-portal-gumbi {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.lgn-portal-napomena,
.lgn-portal-poveznica {
    color: var(--lgn-portal-priguseno);
    font-size: 0.9em;
    line-height: 1.45;
}

.lgn-portal-greska { color: var(--lgn-portal-greska); }