@import url("custom_role.css.php");


/* =====================================================
   OSNOVA
   ===================================================== */
html,
body {
    min-height: 100%;
}


/* =====================================================
   GLOBAL GRADIENT – SVE STRANICE OSIM LOGIN
   ===================================================== */
body:not(.login-layout)::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: linear-gradient(
        180deg,
        #e3e8ef 0%,
        #f6f7f9 100%
    ) !important;
}


/* =====================================================
   LOGIN PAGE – POZADINSKA SLIKA (NE DIRATI)
   ===================================================== */
body.login-layout {
    min-height: 100vh !important;
    background: url('../images/pozadinaa.jpg') no-repeat center center fixed !important;
    background-size: cover !important;
}

/* Login wrapperi – transparentni */
body.login-layout .main-container,
body.login-layout .main-content,
body.login-layout .page-content,
body.login-layout .container,
body.login-layout .container-fluid,
body.login-layout #main-container,
body.login-layout #main-content {
    background: transparent !important;
    box-shadow: none !important;
}

/* Sakrij logo na login stranici */
body.login-layout .login-container img,
body.login-layout .login-container .logo,
body.login-layout #login-logo,
body.login-layout .logo-area img,
body.login-layout div.login-container > div > img {
    display: none !important;
}


/* =====================================================
   GLOBAL LAYOUT – TRANSPARENTNI WRAPPERI
   ===================================================== */
body:not(.login-layout),
body:not(.login-layout) .main-container,
body:not(.login-layout) .main-content,
body:not(.login-layout) .page-content,
body:not(.login-layout) .page-content-area,
body:not(.login-layout) .container,
body:not(.login-layout) .container-fluid,
body:not(.login-layout) .row,
body:not(.login-layout) [class*="col-"],
body:not(.login-layout) #main-container,
body:not(.login-layout) #main-content {
    background: transparent !important;
}


/* =====================================================
   PANELI / KARTICE – BIJELI IZNAD GRADIJENTA
   ===================================================== */
body:not(.login-layout) .widget-box,
body:not(.login-layout) .widget-main,
body:not(.login-layout) .widget-body,
body:not(.login-layout) .filter-box,
body:not(.login-layout) .panel,
body:not(.login-layout) .panel-body,
body:not(.login-layout) .table,
body:not(.login-layout) .table-bordered,
body:not(.login-layout) .table-striped,
body:not(.login-layout) .table-hover,
body:not(.login-layout) .form-container,
body:not(.login-layout) .breadcrumbs,
body:not(.login-layout) .timeline,
body:not(.login-layout) .timeline-item {
    background-color: #ffffff !important;
    border-radius: 6px;
    position: relative;
    z-index: 1;
}


/* =====================================================
   ENTERPRISE SHADOW
   ===================================================== */
body:not(.login-layout) .widget-box,
body:not(.login-layout) .filter-box,
body:not(.login-layout) .panel,
body:not(.login-layout) .table {
    box-shadow:
        0 2px 6px rgba(0,0,0,0.08),
        0 12px 24px rgba(0,0,0,0.06);
}


/* =====================================================
   MY VIEW – PLAVI HEADERI (POJAČANA PLAVA)
   ===================================================== */
body:not(.login-layout) .widget-header {
    background-color: #2f79b5 !important;
    color: #ffffff !important;
    border-radius: 6px;
}

/* Naslovi u headerima */
body:not(.login-layout) .widget-header h4,
body:not(.login-layout) .widget-header span,
body:not(.login-layout) .widget-header a {
    color: #ffffff !important;
    font-weight: 600;
}


/* =====================================================
   MY VIEW – BROJAČI / BADGE (UKLANJANJE BIJELIH FLEKA)
   ===================================================== */
body:not(.login-layout) .widget-header .badge,
body:not(.login-layout) .widget-header .label {
    background-color: rgba(255,255,255,0.22) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,0.35) !important;
}


/* =====================================================
   VIEW ISSUES DUGME
   ===================================================== */
body:not(.login-layout) .widget-header .btn {
    background-color: #ffffff !important;
    color: #2f79b5 !important;
    font-weight: 600;
    border-radius: 4px;
}


/* =====================================================
   DROPDOWN STRELICE I SEPARATORI
   ===================================================== */
body:not(.login-layout) .widget-header .dropdown-toggle,
body:not(.login-layout) .widget-header .dropdown-toggle i {
    color: #ffffff !important;
}

body:not(.login-layout) .widget-header .divider,
body:not(.login-layout) .widget-header .separator {
    background-color: rgba(255,255,255,0.4) !important;
}


/* =====================================================
   HOVER EFEKAT – DISKRETAN
   ===================================================== */
body:not(.login-layout) .widget-header:hover {
    background-color: #3689c9 !important;
}


/* =====================================================
   ChangeLog - remove
   ===================================================== */
/*a[href$="changelog_page.php"] {
    display: none !important;
}

/* =====================================================
   Report Stay - remove
   ===================================================== */

tr:has(#report_stay) {
    display: none !important;
}


//* ==========================================
   BUGNOTES / ACTIVITIES
   ========================================== */

/* 1) Tabela nek bude 100% i “predvidljiva” */
#bugnotes table {
    width: 100% !important;
    table-layout: fixed !important;   /* KLJUČ */
}

/* 2) Sve ćelije top-align (da ne pliva tekst) */
#bugnotes table tr > td {
    vertical-align: top !important;
}

/* 3) Leva kolona (user, vreme, akcije) – fiksna širina */
#bugnotes table tr > td:first-child {
    width: 260px !important;          /* menjaj 220–320 po ukusu */
    min-width: 260px !important;
    white-space: normal !important;
}

/* 4) Desna kolona (KOMENTAR) – uzmi ostatak i poravnaj levo */
#bugnotes table tr > td:last-child {
    width: calc(100% - 260px) !important;
    text-align: left !important;
    padding: 10px 16px !important;

    /* malo ulepšavanja */
    background: #f8f9fb;
    border-left: 4px solid #4a89dc;
    border-radius: 6px;
}

/* 5) Unutra Mantis često ubaci div/span sa svojim marginama/floatovima */
#bugnotes table tr > td:last-child * {
    text-align: left !important;
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !im
}


/*-------------------------------------------------------------*/


select[name="rel_type"] option:not([value="0"]) {
    display: none !important;
}

/* =========================================================
   MantisBT – boje SAMO za status kvadratiće (fa-status-box)
   ========================================================= */

i.fa.fa-square.fa-status-box {
  font-size: 16px;
  vertical-align: middle;
  margin-right: 6px;
}

/* NEW (10) */
i.fa-status-box.status-10-fg,
i.fa-status-box.status-10-fg:before {
  color: #fca5a5 !important;
}

/* ASSIGNED (20) */
i.fa-status-box.status-20-fg,
i.fa-status-box.status-20-fg:before {
  color: #93c5fd !important;
}

/* IN PROGRESS (30) */
i.fa-status-box.status-30-fg,
i.fa-status-box.status-30-fg:before {
  color: #fbbf24 !important;
}

/* WAITING FOR CUSTOMER (40) */
i.fa-status-box.status-40-fg,
i.fa-status-box.status-40-fg:before {
  color: #c4b5fd !important;
}

/* WAITING FOR INTERNAL TEAM (50) */
i.fa-status-box.status-50-fg,
i.fa-status-box.status-50-fg:before {
  color: #94a3b8 !important;
}

/* RESOLVED (80) */
i.fa-status-box.status-80-fg,
i.fa-status-box.status-80-fg:before {
  color: #86efac !important;
}

/* CLOSED (90) */
i.fa-status-box.status-90-fg,
i.fa-status-box.status-90-fg:before {
  color: #9ca3af !important;
}