/*#page .hero-title{*/
/*	display: none;*/
/*}*/


/* ===== AHR APP SCOPED LAYOUT ===== */

body.ahr-app {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

body.ahr-app .site-content,
body.ahr-app #content,
body.ahr-app #page {
    flex: 1;
}

/* ===== LOGIN ===== */

.ahr-login-wrapper {
    max-width: 420px;
    margin: 80px auto;
    padding: 30px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

.ahr-login-wrapper h1 {
    text-align: center;
    margin-bottom: 25px;
}

/* ===== INTRANET ===== */

.ahr-intranet-wrapper {
    max-width: 1000px;
    margin: 60px auto;
    padding: 30px;
}


/* ===== AHR INTRANET LAYOUT ===== */

body.ahr-app {
    background: #f4f6f8;
}

.ahr-app-layout {
    display: flex;
    min-height: calc(100vh - 120px);
}

/* SIDEBAR */

/*.ahr-sidebar {*/
/*    width: 240px;*/
/*    background: #1f2933;*/
/*    color: #fff;*/
/*    padding: 25px;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    justify-content: space-between;*/
/*}*/

.ahr-sidebar {
    position: fixed;      
    top: 102px;
    left: 0;

    width: 240px;
    height: calc( 100vh - 102px);          /* visina ekrana */

    background: #1f2933;
    color: #fff;
    padding: 25px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-shrink: 0;

    /*overflow-y: auto;      */
    z-index: 200;
}


.ahr-sidebar h2 {
    font-size: 18px;
    margin-bottom: 30px;
}

.ahr-sidebar ul {
    list-style: none;
    padding: 0;
    /*flex-grow: 1;*/
}

.ahr-sidebar li {
    margin-bottom: 15px;
}

.ahr-sidebar a {
    color: #d1d5db;
    text-decoration: none;
}

.ahr-sidebar a:hover {
    color: #fff;
}

.ahr-user {
    font-size: 13px;
}

.ahr-user a {
    display: inline-block;
    margin-top: 10px;
    color: #93c5fd;
}

/* CONTENT */

.ahr-content {
    flex: 1;
    padding: 40px;
    width:100%;
    padding-left: 60px;
    /*box-sizing: border-box;*/
}
/*.ahr-content,*/
/*.ahr-content::before,*/
/*.ahr-content::after {*/
/*    box-sizing: border-box;*/
/*    padding: 40px;*/
/*}*/
/*.ahr-content {*/
/*    box-sizing: border-box;*/
/*    padding: 40px;*/
/*    max-width: 100%;*/
/*}*/


.ahr-content h1 {
    margin-bottom: 30px;
}

/* CARDS */

.ahr-card {
    background: #fff;
    padding: 25px;
    padding-bottom: 18px;
    border-radius: 10px;
    margin-bottom: 20px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

.ahr-card.admin {
    border-left: 4px solid #ef4444;
}

.ahr-login-error {
    background: #fee2e2;
    color: #991b1b;
    padding: 12px;
    border-radius: 8px;
    margin-bottom: 15px;
    font-size: 14px;
}



/* ===== SIDEBAR ===== */

.ahr-category-list li.active a {
    font-weight: bold;
    color: #000;
}


/* ===== DELETE - TRASH BUTTON ===== */

.ahr-delete {
    float: right;
    text-decoration: none;
    color: #c0392b;
    font-size: 18px;
}

.ahr-delete:hover {
    color: #e74c3c;
}

button.ahr-delete {
    /*font-family: inherit;*/
    /*line-height: 1;       */
    /*vertical-align: middle;*/
    
    background: none;
    border: none;
    /*padding: 0;*/
    /*appearance: none;*/
    /*-webkit-appearance: none;*/
    /*-moz-appearance: none;*/
    
    cursor: pointer;
}

button.ahr-delete:hover {
    text-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
    color: #e74c3c;
}


/* ===== FORM LAYOUT ===== */
.ahr-form {
    margin-top: 1rem;
}

.ahr-form-grid {
    display: grid;
    /*grid-template-columns: 1fr 1fr;*/
    gap: 15px;
    margin: 0;
}

.ahr-form-grid p {
    /*margin: 0 0 1rem 0;  */
    margin: 0;
}

.ahr-form-grid label {
    display: block;
    /*margin-bottom: 0.25rem;*/

    font-size: 13px;
    font-weight: 500;
    color: #555;
}

.ahr-form-grid input,
.ahr-form-grid select {
    width: 100%;
    padding: 0rem 0.6rem;
    font-size: 13px;
    line-height: 1.2;
    height: 32px;

    border-radius: 6px;
    border: 1px solid #ccc;
    background: #fff;
}

.ahr-form-grid input:focus,
.ahr-form-grid select:focus {
    outline: none;
    border-color: #5b6cff;
    box-shadow: 0 0 0 2px rgba(91,108,255,0.15);
}

.ahr-form-grid select {
    /* custom strelica */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24'%3E%3Cpath fill='%23555' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 14px;

    cursor: pointer;
}


.ahr-form-grid textarea {
    width: 100%;
    /*padding: 0rem 0.6rem;*/
    font-size: 13px;
    line-height: 1.2;

    min-height: 32px;
    height: 32px;

    border-radius: 6px;
    border: 1px solid #ccc;
    background: #fff;

    resize: none;
    overflow: hidden;
    box-sizing: border-box;
}

/* fokus identičan inputu */
.ahr-form-grid textarea:focus {
    outline: none;
    border-color: #5b6cff;
    box-shadow: 0 0 0 2px rgba(91,108,255,0.15);
}




/* MOBILE */
/*@media (max-width: 768px) {*/
/*    .ahr-form-grid {*/
/*        grid-template-columns: 1fr;*/
/*    }*/
/*}*/

/* ===== FIELDS ===== */
.ahr-field {
    display: flex;
    flex-direction: column;
}

.ahr-field label {
    font-size: 0.85rem;
    font-weight: 600;
    margin-bottom: 6px;
    color: #555;
}

.ahr-field input,
.ahr-field select {
    width: 100%;
    padding: 12px 14px;
    border-radius: 8px;
    border: 1px solid #ddd;
    font-size: 15px;
}

.ahr-field input:focus,
.ahr-field select:focus {
    outline: none;
    border-color: #5b7cfa;
    box-shadow: 0 0 0 2px rgba(91,124,250,0.15);
}

/* ===== ACTIONS ===== */
.ahr-form-actions {
    grid-column: 1 / -1;
    display: flex;
    justify-content: center; /* CENTER BUTTON */
    margin-top: 1px;
}

/* ===== BUTTON ===== */
.ahr-btn-primary {
    background: linear-gradient(135deg, #6b8cff, #4f6ef7);
    color: #fff;
    border: none;
    padding: 10px 22px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 12px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.ahr-btn-primary:hover {
    opacity: 0.92;
}

/* ===== ALERTS ===== */
.ahr-alert {
    padding: 14px 18px;
    margin: 0px auto 50px auto;
    /*max-width: 500px;*/
    border-radius: 10px;
    font-weight: 600;
    font-size: 14px;
    width: fit-content;
}

.ahr-alert.success {
    background: #e8f7ee;
    color: #1f7a4d;
    border: 1px solid #bfe8d0;
}

.ahr-alert.error {
    background: #fdeaea;
    color: #9b1c1c;
    border: 1px solid #f5bcbc;
}



/* HEADER (page administracija): naslov + gumb */
/* HEADER */
.ahr-admin-header {
    display: flex;
    /*justify-content: space-between;*/
    /*align-items: flex-start;*/
    align-items: center;
    margin-bottom: 1.7rem;
    /*width: 95%;*/
}

.ahr-admin-title h3 {
    margin: 0;
    font-size: 1.45rem;
    text-align: left;
}

.ahr-admin-title p {
    margin: 0.35rem 0 0 0;
    color: #7a869a;
    font-size: 0.98rem;
    max-width: 520px;
}


/* Secondary button */
.ahr-btn-secondary {
    background: #eef1ff;
    color: #3f5bd9;
    border: 1px solid #d6ddff;
    padding: 0.55rem 1rem;
    border-radius: 999px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    padding: 0.6rem 1.2rem;
    margin-left: auto;
    /*margin-right: 2rem;*/
}

.ahr-btn-secondary:hover {
    background: #e2e7ff;
}


/* ADD USER BOX */
.ahr-add-user-box {
    margin: 2rem auto 3rem auto;
    max-width: 500px;
    width: 100%;
    padding: 2rem;
    border-radius: 16px;
    background: #f7f9ff;
    border: 1px solid #e1e6ff;
}

.ahr-add-user-box h3 {
    /*margin-top: 0;*/
    /*margin-bottom: 1.25rem;*/

    font-size: 19px;
    /*font-weight: 600;*/
}


/* Form actions centriran */
.ahr-form-actions {
    grid-column: 1 / -1;
    display: flex;
    justify-content: center;
}

.ahr-inline-form{
    margin: 0;
    
    /*display: flex;*/
    align-items: center;
    padding: 0;
}

.ahr-role-cell {
    padding-right: 1.25rem;
    vertical-align: middle;
}

.ahr-role-label {
    padding-left: 10px;
    min-width: max-content;
}

.ahr-role-select {
    font-size: 14px;
    line-height: 1.2;
    color: gray;

    border-radius: 6px;
    /*border: 1px solid #ddd;*/
    background-color: #fff;

    cursor: pointer;
    
    height: 28px;
    appearance: none;
    width: auto;
    min-width: max-content;
    padding-right: 28px;
}

.ahr-table select {
    width: 100%;
    font-size: 13px;
    line-height: 1.2;
    height: 32px;

    border-radius: 6px;
    border: 1px solid #ccc;
    background: #fff;
    white-space: nowrap;
}
.ahr-table select:focus {
    outline: none;
    border-color: #5b6cff;
    box-shadow: 0 0 0 2px rgba(91,108,255,0.15);
}
.ahr-table select {
    /* custom strelica */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24'%3E%3Cpath fill='%23555' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 14px;

    cursor: pointer;
}


/* Table */
.ahr-table td{
    text-align: left;
    align-content: center;
}

.ahr-table td{
    padding: 10px;
}

.ahr-table td:last-child{
    padding-right: 1.25rem;
    text-align: right;
}
.ahr-table th:last-child {
    padding-right: 1.5rem;
    text-align: right;
}


.small-padding-table td{
    /*padding: 10px;*/
}

/* PASSWORD */
.is-valid {
    border-color: #2ecc71;
}

.is-invalid {
    border-color: #e74c3c;
}

/*.ahr-hint {*/
/*    font-size: 0.8rem;*/
/*    color: #777;*/
/*    margin-top: 4px;*/
/*    display: block;*/
/*}*/

/* hint ispod */
.ahr-hint {
    grid-column: 1 / -1;
    font-size: 12px;
    color: #777;
    margin-top: 0.2rem;
}

.ahr-btn-link {
    all: unset;
    cursor: pointer;

    font-size: 12px;
    color: #5b6cff;
    padding: 0.3rem 0.5rem;
    border-radius: 6px;
    white-space: nowrap;
}

.ahr-btn-link:hover {
    background: rgba(91,108,255,0.1);
}

.ahr-form-row {
    margin-bottom: 1rem;
}

.ahr-password-row {
    display: flex;
    /*align-items: center;*/
    /*gap: 0.5rem;*/
}

.ahr-password-row input {
    /*flex: 1;*/
}

.ahr-toggle-password {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 16px;
    padding: 0.2rem 0.3rem;
    border-radius: 6px;

    color: #5b6cff;
}
.ahr-toggle-password:hover {
    background: rgba(91,108,255,0.12);
}

.ahr-btn-link {
    all: unset;
    cursor: pointer;

    font-size: 16px;
    padding: 0.2rem 0.3rem;
    border-radius: 6px;

    color: #5b6cff;
}

.ahr-btn-link:hover {
    background: rgba(91,108,255,0.12);
}




/* tools desno */
.ahr-password-tools {
    display: flex;
    align-items: center;
}



/* za SIDEBAR */
.ahr-layout {
    display: flex; 
    min-height: 100vh;
    /*overflow: hidden; */
    height: 100vh;
}

/* SIDEBAR */
.ahr-sidebar {
    width: 240px;
    padding: 24px 16px;

    position: sticky;        /* 🔑 KLJUČ */
    /*top: 103px;*/
    align-self: flex-start;  /* VAŽNO u flex layoutu */

    z-index: 10;
}

.ahr-sidebar ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ahr-sidebar li {
    margin-bottom: 8px;
}

.ahr-sidebar a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 10px;
    color: #ccc;
    text-decoration: none;
    transition: all .2s ease;
}

.ahr-sidebar li.active a {
    background: #1f2937;
    color: #fff;
    font-weight: 600;
    box-shadow: 0 4px 12px rgba(0,0,0,.3);
}

.ahr-sidebar a:hover {
    background: #1f2937;
    color: #fff;
}

/* MAIN */
.ahr-main {
    flex: 1;
    padding: 32px;
}


/* SIDEBAR MOBILE VIEW */
@media (max-width: 900px) {

    .ahr-layout {
        flex-direction: column;
    }

    .ahr-sidebar {
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh;
        transform: translateX(-100%);
        transition: transform .25s ease;
        z-index: 200;
        
        /*width: 260px;*/
        /*transform: translateX(-100%);*/
    }

    .ahr-sidebar.open {
        /*transform: translateX(0);*/
    }
    
    body.sidebar-open .ahr-sidebar {
        transform: translateX(0);
    }

    .ahr-main {
        padding: 24px;
    }

}


.ahr-menu-toggle {
    display: none;
    z-index: 200;
    /*color: gray;*/
    /*background: rgba(255,255,255,0.9);*/
    /*border-radius: 8px;*/
    /*box-shadow: 0 4px 10px rgba(0,0,0,0.1);*/
}

.ahr-menu-close {
    display: none;
}

/*@media (max-width: 900px) {*/
/*    .ahr-menu-toggle {*/
/*        display: inline-flex;*/
/*        position: fixed;*/
/*        top: 110px;     */
/*        left: 35px;    */
/*        background: none;*/
/*        border: none;*/
/*        font-size: 22px;*/
/*        cursor: pointer;*/
/*        padding: 6px;*/
/*    }*/
/*}*/

.ahr-sidebar-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    z-index: 199;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

/* kada je sidebar otvoren */
body.sidebar-open .ahr-sidebar-overlay {
    opacity: 1;
    pointer-events: auto;
}




@media (max-width: 900px) {
    
    /*.ahr-menu-toggle::before {*/
    /*    content: "☰";*/
    /*    font-size: 18px;*/
    /*    line-height: 1;*/
    /*}*/
    
    /*.ahr-menu-toggle {*/
    /*    display: inline-flex;*/
    /*    align-items: center;*/
    /*    line-height: 1;*/
    /*    gap: 8px;*/

    /*    position: fixed;*/
    /*    top: 124px;*/
    /*    left: 5px;*/

    /*    padding: 8px 8px;*/
    /*    font-size: 14px;*/
    /*    font-weight: 600;*/

    /*    color: #1d2937;*/
    /*    background: #ffffff;*/
    /*    border: 1px solid #e5e7eb;*/
        /*border: none;*/
    /*    border-radius: 999px;*/

    /*    box-shadow: 0 6px 20px rgba(0,0,0,0.12);*/
    /*    cursor: pointer;*/
        /*z-index: 1000;*/
    /*    white-space: nowrap;*/
    /*}*/
    
    .ahr-menu-toggle {
        position: fixed;
        top: 124px;
        left: 5px;
    
        display: flex;
        align-items: center;
    
        height: 36px;
        padding: 0 12px;
    
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 1px;
    
        color: #1d2937;
        background: #ffffff;
        border: 1px solid #e5e7eb;
        border-radius: 999px;
    
        box-shadow: 0 6px 20px rgba(0,0,0,0.12);
        cursor: pointer;
    
        width: 190px;
        transition:
            width 0.35s ease,
            padding 0.35s ease;
    }
    
    /* IKONA – FIKSNA ŠIRINA */
    .ahr-menu-toggle .icon {
        width: 20px;
        min-width: 20px;
        text-align: center;
        font-size: 18px;
        line-height: 1;
    }
    
    /* TEKST – NE UTJEČE NA LAYOUT */
    /*.ahr-menu-toggle .label {*/
    /*    position: absolute;*/
    /*    left: 42px;*/
    /*    white-space: nowrap;*/
    
    /*    transition:*/
    /*        opacity 0.2s ease,*/
    /*        transform 0.25s ease;*/
    /*}*/
    
    /*.ahr-menu-toggle .label {*/
    /*    position: absolute;*/
    /*    left: 42px;*/
    /*    white-space: nowrap;*/
    
    /*    transition:*/
    /*        opacity 0.2s ease,*/
    /*        transform 0.25s ease,*/
    /*        clip-path 0.35s ease;*/
    
    /*    clip-path: inset(0 0 0 0);*/
    /*}*/
    
    .ahr-menu-toggle .label {
        position: absolute;
        left: 42px;
        white-space: nowrap;
    
        transition:
            opacity 0.25s ease-out,
            transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
            clip-path 0.55s cubic-bezier(0.4, 0, 0.2, 1);
    
        clip-path: inset(0 0 0 0);
    }


    /* SCROLLED */
    body.scrolled .ahr-menu-toggle {
        width: 36px;
        padding: 0;
        justify-content: center;
    }
    
    /* sakrij tekst */
    /*body.scrolled .ahr-menu-toggle .label {*/
    /*    opacity: 0;*/
    /*    transform: translateX(-6px);*/
    /*    pointer-events: none;*/
    /*}*/
    
    /*body.scrolled .ahr-menu-toggle .label {*/
    /*    opacity: 0;*/
    /*    transform: translateX(6px); */
    /*    clip-path: inset(0 100% 0 0);*/
    /*    pointer-events: none;*/
    /*}*/
    
    body.scrolled .ahr-menu-toggle .label {
        opacity: 0;
        transform: translateX(50px);
        clip-path: inset(0 100% 0 0);
        pointer-events: none;
    }


    
    body.sidebar-open .ahr-menu-close {
        display: inline-flex;
        position: fixed;
        top: 15px;
        left: 18px;
        z-index: 1002;
        
        /*padding: 10px 14px;*/
        font-size: 50px;
        font-weight: 1;
        
        color: black;
        background: none;
        border: none;
        transform: rotate(45deg);

        /*color: #1f2937;*/
        /*background: #ffffff;*/
        /*border: 1px solid #e5e7eb;*/
        /*border-radius: 999px;*/
    }
}

@media (max-width: 767px) {
     .ahr-menu-toggle {
        top: 105px;
        /*left: 5px;*/
     }
}



/* SAKRIJ NATIVE FILE INPUT */
.ahr-file-input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}

/* GUMB */
.ahr-upload-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    padding: 4px 12px;          /* manji padding */
    padding-right: 16px;
    background: #4a6fa5;         /* smirenija plavo-siva */
    color: #ffffff;              /* jači kontrast teksta */
    
    border-radius: 5px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.2px;

    cursor: pointer;
    transition: all 0.2s ease;
    background: #ffffff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
    
    width: fit-content; 
    max-width: 100%;
}

.ahr-upload-btn:hover {
    background: #e6f3ff;
}

.ahr-upload-btn:active {
    transform: translateY(1px);
}

/* UCITANI PRIVICI */
.ahr-file-item {
    display: flex;
    padding: 6px 10px;
    border-radius: 6px;
    margin-bottom: 6px;
    gap: 10px;
}
.ahr-remove-file {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 14px;
}


/* TEKST "Bez privitka" */
.ahr-file-placeholder {
    display: block;
    margin-top: 6px;
    margin-left: 5px;
    font-size: 12px;
    color: #666;
}

/* LISTA FILEOVA */
.ahr-file-list {
    display: block;
    margin-top: 8px;
    font-size: 13px;
}

.ahr-file-list span {
    display: block;
}



/* FILTER BAR */
.ahr-filter-bar {
    display: flex;
    align-items: center;

    /*width: 100%;*/
    /*width: 95%;*/
    
    margin: 14px 0 22px;
    padding: 6px 10px;            /* TANJE */

    border: 1px solid #d9deea;
    border-radius: 6px;           /* manje ovalno */
    background: #ffffff;
}

/* LIJEVO – aktivni filteri */
.ahr-filter-active {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

/* FILTER CHIP (za kasnije) */
.ahr-filter-chip {
    padding: 3px 8px;
    font-size: 12px;

    border-radius: 6px;
    background: #f6f8fc;
    border: 1px solid #d9deea;
    color: #3a4b6b;
}

/* DESNO – FILTER BUTTON */
.ahr-filter-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    margin-left: auto;            /* SKROZ DESNO */
    padding: 5px 10px;            /* manji gumb */

    font-size: 13px;
    font-weight: 600;

    background: transparent;
    color: #2f6fd6;

    border: 1px solid #2f6fd6;    /* PLAVI BORDER */
    border-radius: 6px;

    cursor: pointer;
    transition: all 0.2s ease;
}

.ahr-filter-btn:hover {
    background: rgba(47, 111, 214, 0.08);
}

/* FILTER MENU */
.ahr-filter-panel {
    display: none;
    margin-top: 2px;
    margin-bottom: 16px;
    padding: 16px;
    border-radius: 6px;
    /*background: #f6f7f9;*/
    background: transparent;
    color: #2f6fd6;
    border: 1px solid #2f6fd6;
    width: 95%;
}

.ahr-filter-panel.open {
    display: block;
}

.ahr-filter-panel form{
    margin-bottom: 0;
    
    display: flex;
    flex-direction: column;
    /*align-items: center; */
}


/* container za checkboxe */
.ahr-filter-group {
    margin-bottom: 12px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px 16px;
    max-width: 620px; 
    
    width: 100%;
}

/* naslov */
.ahr-filter-group-title {
    display: block;
    font-weight: 600;
    margin-bottom: 8px;
    font-size: 15px;
    margin-left: 10px;
    color: #2f6fd6;   /* ista boja kao ostali naslovi */
}

/* da naslov ide preko sva 3 stupca */
.ahr-filter-group-title:first-child {
    grid-column: 1 / -1;
}

/* pojedinačni checkbox */
.ahr-checkbox {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    padding-left: 10px;
    margin: 0px 0px;
    font-weight: 500;
    color: #333;
}

@media (max-width: 768px) {
    .ahr-filter-group {
        grid-template-columns: repeat(2, 1fr);
    }
}

/*@media (max-width: 480px) {*/
/*    .ahr-filter-group {*/
/*        grid-template-columns: 1fr;*/
/*    }*/
}

/*.ahr-fillter-line{*/
/*    margin-bottom: 12px;*/
/*    display: flex !important;*/
/*    align-items: center;*/
    /*gap: 12px;*/
/*}*/

/*.ahr-filter-line-title {*/
/*    font-weight: 600;*/
/*    margin-bottom: 8px;*/
/*    font-size: 15px;*/
/*}*/

/* ===== FILTER LINE (Datum, Naslov) ===== */
.ahr-filter-line {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
    flex-wrap: wrap;
    
    width: 100%;
    max-width: 620px;   /* isto kao kategorije */
    justify-content: flex-start;
}

div.ahr-filter-line {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
    flex-wrap: wrap;
    
    width: 100%;
    max-width: 620px;   /* isto kao kategorije */
    justify-content: flex-start;
}

/* naslov lijevo */
.ahr-filter-line-title {
    min-width: 140px;
    font-weight: 600;
    font-size: 15px;
    color: #2f6fd6;
    /*margin-bottom: 8px;*/
    /*margin-left: 10px;*/
}

.ahr-filter-line span {
    font-size: 13px;
    color: #555;
}

.ahr-date-od-do-wrapper {
    display: flex;
}

.ahr-date-od-do {
    display: flex;
    gap: 10px;
    flex-wrap: nowrap;
    align-items: center;
}


/* ===== FILTER INPUT STYLE ===== */
.ahr-filter-panel input[type="text"],
.ahr-filter-panel input[type="month"] {
    width: auto;
    padding: 0 0.6rem;
    font-size: 13px;
    height: 32px;
    line-height: 1.2;

    border-radius: 6px;
    border: 1px solid #ccc;
    background: #fff;
    color: #333;
}

/* focus */
.ahr-filter-panel input:focus {
    outline: none;
    border-color: #5b6cff;
    box-shadow: 0 0 0 2px rgba(91,108,255,0.15);
}

/* datum inputi */
.ahr-filter-panel input[type="month"] {
    width: 140px;
}

/* naslov input */
.ahr-filter-panel input[name="f_title"] {
    width: 240px;
}


/* container gumba */
.ahr-filter-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    margin-top: 20px;
    margin-bottom: 18px;
    
    /*max-width: 400px;*/
    width: 100%;
    justify-content: center;
}

.ahr-filter-actions .ahr-btn-link{
    font-size: 13px;
    font-weight: 500;
    color: #5b6cff;
    text-decoration: none;
}
.ahr-filter-actions .ahr-btn-primary{
    font-size: 14px;
    font-weight: 500;
    padding: 6px 14px;
    border-radius: 6px;
}


.ahr-active-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
    flex-wrap: wrap;
}

.ahr-filter-pill {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    background: #e3e7ee;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 13px;
}

.ahr-filter-pill button {
    border: none;
    background: transparent;
    cursor: pointer;
    font-weight: bold;
}


/* ===== DOCUMENT CARD ===== */

.ahr-doc-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    /*gap: 0;*/
    margin-bottom: 16px;
    width: 100%;
}

.ahr-doc-header h3 {
    margin: 0;
}

 /*right side: category + trash */
.ahr-doc-header-right {
    margin-left: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    /*gap: 20px;*/
    /*justify-content: space-between;*/
}

 /*category pill */
.ahr-doc-category {
    font-size: 14px;
    font-weight: 600;
    padding: 1px 10px;
    /*border: 2px solid rgba(52, 152, 219, 0.6);*/
    /*color: rgba(44, 111, 166, 0.8);*/
    border-radius: 15px;
    /*white-space: nowrap;*/
    background: #fff;
    /*box-shadow: 0 1px 2px rgba(0,0,0,0.08);*/
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
     /* ista plava, samo s opacity */
     
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: gray;
}

/* delete icon */
.ahr-delete-file {
    /*padding-left: 20px;*/
    /*padding-right: 5px;*/
    
    text-decoration: none;
    /*color: #c0392b;*/
    /*text-shadow: 0 1px 1px red;*/
    font-size: 17px;
    
    position: absolute;
    top: 0px;
    right: 0px;
    
    /*background-color: rgba(255, 0, 0, 0.4);*/
    /*display: inline-block;*/
    
    border-radius: 0 5px 0 0;
}

.ahr-delete-file:hover {
    text-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
    color: #e74c3c;
    
    background-color: rgba(255, 0, 0, 0.8);
}

button.ahr-delete-file{
    /*background: transparent;*/
    outline: none;
    box-shadow: none;
    border: none;
    
    padding: 5px;
}

.ahr-delete-announcement {
    padding-left: 40px;
    padding-right: 5px;
    text-decoration: none;
    color: #c0392b;
    font-size: 18px;
}

.ahr-delete-announcement:hover {
    color: #e74c3c;
    text-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
    color: #e74c3c;
}

button.ahr-delete-announcement{
    background: transparent;
    border: none;
    outline: none;
    box-shadow: none;
}

/* ===== TEXT ===== */

.ahr-doc-text {
    margin: 12px 0;
    line-height: 1.5;
    color: #3c424f;
    /*font-size: 14px;*/
}

/* ===== FILES + AUTHOR_DATE ===== */
.ahr-doc-footer {
    /*display: flex;*/
    /*flex-wrap: nowrap;*/
    display: block;
    
    /*align-items: center;*/
    justify-content: space-between;
    width: 100%;
}

/*.ahr-doc-footer::after {*/
/*    content: "";*/
/*    display: table;*/
/*    clear: both;*/
/*}*/

/* ===== FILES + META LAYOUT ===== */

.ahr-doc-files {
    /*display: flex;*/
    /*justify-content: space-between;*/
    /*align-items: flex-start;*/
    /*gap: 20px;*/
    /*margin-top: 14px;*/
    /*vertical-align: top;*/
    /*top: 0;*/
    
    /*flex: 1 1 60%;*/
    /*min-width: 0;*/
}

.ahr-doc-attachment {
    margin-top: 2px;
}

/* TABLICA */
.ahr-doc-attachment ul {
    list-style: none;
    padding: 0;
    margin: 6px 0 0 0;
    font-size: 14px;

    display: inline-table;
    border-collapse: collapse;

    border: 1px solid #dcdfe3;
    border-radius: 6px;
    overflow: hidden; /* bitno za radius */
    
    background: #f1f2f4;
}

/* red */
.ahr-doc-attachment li {
    display: table-row;
}

/* ćelije */
.ahr-doc-attachment li a {
    display: table-cell;
    padding: 6px 12px; /* manji padding */
    color: #3c424f;
    text-decoration: none;
    white-space: nowrap;
    font-size: 12px;
}

/* vertikalna linija */
.ahr-doc-attachment li a:first-child {
    border-right: 1px solid #dcdfe3;
}

/* horizontalna linija */
.ahr-doc-attachment li:not(:last-child) a {
    border-bottom: 1px solid #dcdfe3;
}

/* hover SAMO po ćeliji */
.ahr-doc-attachment li a:hover {
    background: #e2e5ea;
}



/* ===== AUTHOR + DATE ===== */

.ahr-doc-meta {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-end;
    
    /*flex: 0 0 auto;*/
    /*margin-left: auto;*/
    
    float: right;
    /*width: 180px; */
    margin-left: 20px;
    text-align: right;
    
    /*align-items: center;*/
    text-align: right !important;
    font-size: 12px;
    color: #777;
    /*white-space: nowrap;*/
    
    /*margin-left: auto;*/
    /*margin-top: auto;*/
    /*align-self: center;*/
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 6px;
    padding-right: 10px;
    padding-left: 25px;
}



.ahr-doc-author {
    /*font-weight: 600;*/
    /*color: #555;*/
}

.ahr-doc-date {
    /*font-size: 11px;*/
}

/* PAGINATION */
.ahr-pagination {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
}

.ahr-pagination a,
.ahr-pagination span {
    padding: 6px 10px;
    border-radius: 6px;
    border: 1px solid #ddd;
    text-decoration: none;
}

.ahr-pagination .current {
    background: #eee;
    font-weight: 600;
}

.ahr-pagination.ahr-pagination-announcements {
    margin-top: 0;
    margin-bottom: 0;
}



/* TOAST ALERT */
/* ===== TOAST ALERTS ===== */

#ahr-toast-container {
    position: fixed;
    top: 110px; /* 20px + 30px zbog headera */
    left: 55%;
    transform: translateX(-50%);
    z-index: 198;
    pointer-events: none;
}

.ahr-toast {
    padding: 14px 18px;
    border-radius: 10px;
    font-weight: 600;
    font-size: 14px;
    width: fit-content;
    margin: 0 auto 12px auto;
    box-shadow: 0 8px 20px rgba(0,0,0,0.12);
    position: relative;
    animation: toastSlideDown 0.25s ease;
    pointer-events: auto;
}

.ahr-toast.success {
    background: #e8f7ee;
    color: #1f7a4d;
    border: 1px solid #bfe8d0;
}

.ahr-toast.error {
    background: #fdeaea;
    color: #9b1c1c;
    border: 1px solid #f5bcbc;
}

/* progress bar */
.ahr-toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 100%;
    overflow: hidden;
    border-radius: 0 0 10px 10px;
}

.ahr-toast-progress span {
    display: block;
    height: 100%;
    width: 100%;
    background: currentColor;
    animation: toastProgress 10s linear forwards;
}

@keyframes toastProgress {
    to { width: 0; }
}

@keyframes toastSlideDown {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.ahr-action-delete { color: #c0392b; font-weight: 600; }
.ahr-action-upload { color: #27ae60; font-weight: 600; }
.ahr-action-update {
    color: orange;
    font-weight: 600;
}


.ahr-short-width {
    width: 85%;
}


/* INTRANET PAGE */
#ahr-post-list {
    /*width: 95%;*/
    /*margin: 0 auto;*/
}

.ahr-doc-card.is-compact {
    /*padding: 16px;*/
    box-shadow: 0 4px 10px rgba(0, 0, 255, 0.2);
}

/*.ahr-doc-card.is-compact h3 {*/
/*    font-size: 1.1rem;*/
/*    margin-bottom: 6px;*/
/*}*/

.ahr-doc-card.is-compact .ahr-doc-text {
    opacity: .85;
    font-size: .95rem;
}

.ahr-latest-posts-content {
    /*border-radius: 10px;*/
    padding: 20px;
    border-radius: 16px;
    background: #f7f9ff;
    margin-top: 15px;
    /*width: 90%;*/
    margin: 0 auto;
}

.ahr-latest-posts-content h2 {
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-bottom: 2rem;
    margin-top: 0.7rem;
    /*color: #222;*/
    /*opacity: 0.8;*/
    text-shadow: 0 1px 2px rgba(0,0,0,0.08);
}

.ahr-intranet-seemore-docs {
    align-content: center;
    /*justify-content: center; */
    text-align: center;
    margin-bottom: 5px;
}


/* ANNOUNCEMENTS */
/*.ahr-announcement-list{*/
/*    margin-bottom: 20px;*/
/*}*/

.ahr-announcements {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 35px;
}

.ahr-announcement-card {
    background: #f8fafc;
    border-left: 4px solid #2563eb;
    padding: 12px 16px;
    border-radius: 6px;
    width: 55%;
    margin: 0 auto;
}

.ahr-announcement-text {
    font-weight: 600;
}

.ahr-announcement-meta {
    font-size: 0.75rem;
    color: #64748b;
    text-align: right;
}

.ahr-margin {
    margin-top: 50px;
}



.ahr-doc-card {
    position: relative;
    /*overflow: hidden; */
}

.ahr-doc-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 4px;
    background: linear-gradient(180deg, #6366f1, #8b5cf6);
}



/* ZA RESPONSIVENESS OPCENITO */


.ahr-table-wrapper {
    width: 100%;
    overflow-x: auto;
    max-width: 100%;
}

.ahr-table {
    min-width: 400px;
    /*min-width: 100%;*/
    /*width: max-content;*/
}

.ahr-content a {
    font-size: 14px;
}
.ahr-content p {
    font-size: 14px;
}

/* VAZNO ZA IZGLED APLIKACIJE, ALI UNISTAVA MI OSTATAK STRANICE*/
@media (max-width: 900px) {
    .ahr-content div,
    .ahr-content h2,
    .ahr-content h4 {
        text-align: left !important;
    }
}

@media (max-width: 1100px) {
    .ahr-delete-announcement {
        padding-left: 10px;
        font-size: 12px;
    }
    .ahr-announcement-card {
        width: 80%;
    }
    
    .ahr-short-width{
        width: 100%;
    }
    .ahr-content {
        padding-left: 50px;
    }
    .ahr-content a {
        font-size: 13px;
    }
    .ahr-content p {
        font-size: 13px;
    }
}

@media (max-width: 900px) {
    
}


@media (max-width: 767px) {
    .ahr-latest-posts-content {
        width: 100%;
    }
    .ahr-btn-secondary {
        margin-right: 0;
    }
    .ahr-table {
        /*overflow-wrap: anywhere;*/
        /*table-layout: fixed;*/
        font-size: 13px;
    }
    .ahr-delete {
        font-size: 16px;
    }
    .ahr-date-od-do-wrapper {
        display: block;
    }
    .ahr-doc-footer {
        /*display: block;*/
        display: flex;
        flex-direction: column-reverse;
    }
    
    .ahr-doc-meta {
        display: block;
        padding-left: 0;
        margin-left: 0;
        padding-bottom: 0;
        padding-top: 5px;
    }
    /*.ahr-doc-meta .ahr-content div > * {*/
    /*    display: inline;*/
    /*}*/
    .ahr-doc-meta > *:not(:last-child)::after {
        content: " · ";
        margin: 0 4px;
    }
    
    .ahr-doc-header h3 {
        padding-right: 12px;
    }
}

@media (max-width: 450px) {
    
    .ahr-admin-header {
        display: block;
    }
    .ahr-admin-header > * + * {
        margin-top: 12px;
    }
    .ahr-content{
        padding: 20px;
        padding-top: 40px;
    }
    .ahr-doc-header h3 {
        justify-content: left;
    }
    .ahr-doc-header-right {
        justify-content: right;
    }
    /*.ahr-doc-meta {*/
    /*    padding-left: 50px;*/
    /*}*/
    button.ahr-delete-file {
        font-size: 14px;
    }
}