@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';

/* /Components/Shared/AuthFrame.razor.rz.scp.css */
.login-container[b-qabxbwucbe] { display:flex; min-height:100dvh; background:white; font-family:Inter,sans-serif; }
.login-section[b-qabxbwucbe] { width:50%; display:flex; flex-direction:column; justify-content:space-between; min-height:100dvh; }
.login-brand[b-qabxbwucbe] { display:flex; justify-content:center; align-items:center; width:100%; padding:80px 32px 0; flex-shrink:0; }
.login-brand[b-qabxbwucbe]  .system-logo { height:24px; width:auto; margin:0 auto; }
.login-left[b-qabxbwucbe] { width:360px; max-width:calc(100% - 64px); margin:0 auto; padding:32px 0; text-align:center; }
.login-left[b-qabxbwucbe]  form { text-align:left; }
.login-footer[b-qabxbwucbe] { width:100%; padding:0 32px 80px; text-align:center; flex-shrink:0; font-size:14px; line-height:20px; color:#717680; }
.login-right[b-qabxbwucbe] { width:50%; position:relative; min-height:100dvh; overflow:hidden; }
.login-background[b-qabxbwucbe] { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
@media(max-width:767px) { .login-section[b-qabxbwucbe] { width:100%; }.login-right[b-qabxbwucbe] { display:none; }.login-left[b-qabxbwucbe] { max-width:calc(100% - 32px); }.login-footer[b-qabxbwucbe] { padding:0 16px 80px; }.login-title[b-qabxbwucbe] { font-size:24px; line-height:32px; } }
.login-mobile-strip[b-qabxbwucbe] {display:none;}
@media(max-width:767px) {
 .login-mobile-strip[b-qabxbwucbe]{display:block;height:8px;position:absolute;left:0;right:0;top:0;overflow:hidden;background:url('assets/brand/login-mobile-strip.webp?v=20261012-polish-5') center / 100% 8px no-repeat;}
 .login-container[b-qabxbwucbe],.login-section[b-qabxbwucbe]{min-height:100dvh;}.login-left[b-qabxbwucbe]{width:343px;}.login-title[b-qabxbwucbe]{margin-bottom:8px;}
}
/* /Components/Shared/AuthShell.razor.rz.scp.css */
.login-title[b-28bkm4yhpm]{margin:0 0 12px;font-size:30px;line-height:38px;font-weight:600;color:#181d27;}
.login-subtitle[b-28bkm4yhpm]{font-size:16px;line-height:24px;color:#535862;margin:0 0 32px;}
.auth-fields[b-28bkm4yhpm]  form{text-align:left;}
.auth-fields[b-28bkm4yhpm]  label{display:block;font-size:14px;line-height:20px;font-weight:500;margin-bottom:6px;color:#414651;}
.auth-fields[b-28bkm4yhpm]  .figma-button{width:100%;margin-top:24px;}
.auth-fields[b-28bkm4yhpm]  .validation-message{color:#b42318;font-size:14px;margin:6px 0;}
@media(max-width:767px){.login-title[b-28bkm4yhpm]{font-size:24px;line-height:32px;margin-bottom:8px;}}
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-4nfb4p3r0v] {
    background: #fff;
    min-height: 100dvh;
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-4nfb4p3r0v] {
    background: #fff;
    flex: 1;
    min-width: 0;
}

.sidebar[b-4nfb4p3r0v] {
    background-image: linear-gradient(180deg, rgb(255, 255, 255) 0%, #f0f0f0 70%);
    border-right: solid 1px #f0f0f0;
}

.top-row[b-4nfb4p3r0v] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-4nfb4p3r0v]  a, .top-row[b-4nfb4p3r0v]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-4nfb4p3r0v]  a:hover, .top-row[b-4nfb4p3r0v]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-4nfb4p3r0v]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 767px) {
    .sidebar[b-4nfb4p3r0v] { position: sticky; top: 0; z-index: 1200; flex: 0 0 auto; width: 100%; border-right: 0; background: white; }
    .top-row[b-4nfb4p3r0v] {
        justify-content: space-between;
    }

    .top-row[b-4nfb4p3r0v]  a, .top-row[b-4nfb4p3r0v]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 768px) {
    .page[b-4nfb4p3r0v] {
        flex-direction: row;
    }

    .sidebar[b-4nfb4p3r0v] {
        width: 296px;
        flex: 0 0 296px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-4nfb4p3r0v] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-4nfb4p3r0v]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-4nfb4p3r0v], article[b-4nfb4p3r0v] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
/* Sidebar styling is shared with the isolated local preview in css/figma.css. */
/* /Pages/Aktivnosti/Aktivnosti.razor.rz.scp.css */
/* Layout and responsive rules are shared in css/screens.css. */
/* /Pages/Ispis/Ispis.razor.rz.scp.css */
/* Layout and responsive rules are shared in css/screens.css. */
/* /Pages/Login/ForgotPassword.razor.rz.scp.css */
/* Shared auth styling in css/screens.css. */
/* /Pages/Login/Login.razor.rz.scp.css */
.login-container[b-wrjhw9ay6h] { display:flex; min-height:100dvh; background:white; font-family:Inter,sans-serif; }
.login-section[b-wrjhw9ay6h] { width:50%; display:flex; flex-direction:column; justify-content:space-between; min-height:100dvh; }
.login-brand[b-wrjhw9ay6h] { display:flex; justify-content:center; align-items:center; width:100%; padding:80px 32px 0; flex-shrink:0; }
.login-brand[b-wrjhw9ay6h]  .system-logo { height:24px; width:auto; margin:0 auto; }
.login-left[b-wrjhw9ay6h] { width:360px; max-width:calc(100% - 64px); margin:0 auto; padding:32px 0; text-align:center; }
.login-title[b-wrjhw9ay6h] { margin:0 0 12px; font-size:30px; line-height:38px; font-weight:600; color:#181d27; }
.login-subtitle[b-wrjhw9ay6h] { font-size:16px; line-height:24px; color:#535862; margin:0 0 32px; }
.login-left[b-wrjhw9ay6h]  form { text-align:left; }
.login-field[b-wrjhw9ay6h] { margin-bottom:20px; }
.login-field label[b-wrjhw9ay6h] { display:block; font-size:14px; line-height:20px; font-weight:500; margin-bottom:6px; color:#414651; }
.login-field[b-wrjhw9ay6h]  input { width:100%; height:46px; border:1px solid #d5d7da; border-radius:4px; padding:10px 14px; font:400 16px/24px Inter,sans-serif; color:#181d27; box-shadow:0 1px 2px #0a0d120d; }
.login-field[b-wrjhw9ay6h]  input::placeholder { color:#717680; }
.login-field[b-wrjhw9ay6h]  input:focus { border-color:#fe470c; box-shadow:0 0 0 3px #fe470c20; outline:none; }
.login-help[b-wrjhw9ay6h] { font-size:14px; line-height:20px; color:#535862; margin:0 0 24px; }
.forgot-password[b-wrjhw9ay6h] { font-weight:400; }.forgot-password-link[b-wrjhw9ay6h] { color:#fe4306; font-weight:600; text-decoration:none; }
.forgot-password-link:hover[b-wrjhw9ay6h] { text-decoration:underline; }
.login-submit[b-wrjhw9ay6h] { display:block; width:100%; height:44px; background:#fe4306; color:white; border:1px solid #e93c04; border-radius:4px; font:600 16px/24px Inter,sans-serif; box-shadow:0 1px 2px #0a0d120d,inset 0 -2px #0a0d120d; }
.login-submit:hover[b-wrjhw9ay6h] { background:#e83d05; }.login-submit:disabled[b-wrjhw9ay6h] { opacity:.65; cursor:wait; }
.login-footer[b-wrjhw9ay6h] { width:100%; padding:0 32px 80px; text-align:center; flex-shrink:0; font-size:14px; line-height:20px; color:#717680; }
.login-right[b-wrjhw9ay6h] { width:50%; position:relative; min-height:100dvh; overflow:hidden; }
.login-background[b-wrjhw9ay6h] { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.login-photo[b-wrjhw9ay6h] { position:absolute; width:1622px; height:1078px; max-width:none; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover; filter:blur(10px); }
.alert-bubble[b-wrjhw9ay6h] { border:1px solid #f5baba; background:#fff4f3; color:#b42318; border-radius:8px; padding:12px; text-align:left; font-size:14px; margin-bottom:20px; }
.alert-bubble-left[b-wrjhw9ay6h] { font-weight:600; }
@media(max-width:767px) { .login-section[b-wrjhw9ay6h] { width:100%; }.login-right[b-wrjhw9ay6h] { display:none; }.login-left[b-wrjhw9ay6h] { max-width:calc(100% - 32px); }.login-footer[b-wrjhw9ay6h] { padding:0 16px 80px; }.login-title[b-wrjhw9ay6h] { font-size:24px; line-height:32px; } }

.login-mobile-strip[b-wrjhw9ay6h] {display:none;}
@media(max-width:767px) {.login-mobile-strip[b-wrjhw9ay6h]{display:block;height:8px;position:absolute;left:0;right:0;top:0;overflow:hidden;}.login-mobile-strip img:first-child[b-wrjhw9ay6h]{position:absolute;width:100%;height:8px;object-fit:cover;}.login-mobile-strip img:last-child[b-wrjhw9ay6h]{position:absolute;left:50%;top:50%;width:289.207px;height:289.207px;transform:translate(-50%,-50%) rotate(-45deg);}.login-container[b-wrjhw9ay6h],.login-section[b-wrjhw9ay6h]{min-height:100dvh;}.login-left[b-wrjhw9ay6h]{width:343px;}.login-title[b-wrjhw9ay6h]{margin-bottom:8px;}}
/* /Pages/Naslovna/Naslovna.razor.rz.scp.css */
.naslovna-header[b-nvyt6roced] {
    margin-bottom: 4rem;
}

.trend-icon[b-nvyt6roced]{
    width: 20px!important;
    height: 20px!important;
}

[b-nvyt6roced] .vertical-connector {
    position: relative;
    height: 40px;
}

    [b-nvyt6roced] .vertical-connector::before {
        content: "";
        position: absolute;
        top: 210%;
        bottom: -235%;
        left: calc(50%+24px);
        transform: translateX(-50%);
        width: 2px;
        background-color: #ccc;
        z-index: 2;
    }

[b-nvyt6roced] .avatar-container {
    position: relative;
    z-index: 1;
}
/* /Pages/Profil/Profil.razor.rz.scp.css */
/* Profile styling is shared in css/screens.css. */
/* /Pages/Skladiste/Skladiste.razor.rz.scp.css */
/* Layout and responsive rules are shared in css/screens.css. */