/* ============================================================
   BACKEND DIZAJN — zladený s frontendom originalnidily.cz
   Primárna: #f0640c  |  Tmavá: #b65111  |  Font: Poppins
   ============================================================ */

/* --- Poppins font (rovnaký ako frontend) --- */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

/* --- Farebné premenné --- */
:root {
    --agl-primary:       #f0640c;
    --agl-primary-dark:  #b65111;
    --agl-primary-light: #fff3ec;
    --agl-nav-bg:        #1e1e1e;
    --agl-nav-menu-bg:   #2a2a2a;
    --agl-nav-hover:     #f0640c;
    --agl-nav-active:    #b65111;
    --agl-page-bg:       #efefef;
    --agl-stripe:        linear-gradient(90deg, #f0640c 0%, #ffa200 100%);
}

/* --- Font celého backendu --- */
body,
.page-header,
.portlet,
table,
.btn,
input,
select,
textarea {
    font-family: "Poppins", system-ui, sans-serif !important;
}

/* --- Pozadie stránky (rovnaká sivá ako frontend) --- */
.page-content {
    background: #efefef !important;
}

/* --- Horný oranžový pruh --- */
.agsDiv {
    background: var(--agl-stripe) !important;
    height: 4px !important;
}

/* --- Top header (logo bar) — biely s oranžovým logom --- */
.page-header {
    background-color: #fff !important;
    border-bottom: 1px solid #e8e8e8;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
.page-header .page-header-top {
    background-color: #fff !important;
}
.page-header .page-header-top .page-logo h1,
.page-header .page-header-top .page-logo a {
    color: var(--agl-primary) !important;
    font-weight: 700;
}

/* --- Nav menu lišta — tmavá s oranžovým akcentom --- */
.page-header .page-header-menu {
    background: var(--agl-nav-bg) !important;
}

/* --- Nav položky --- */
.page-header .page-header-menu .hor-menu .navbar-nav > li > a,
.page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
    color: #c8c8c8 !important;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a,
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover {
    color: #fff !important;
    background: var(--agl-nav-hover) !important;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a {
    color: #fff !important;
    background: var(--agl-nav-active) !important;
}

/* --- Nav dropdown --- */
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
    background: var(--agl-nav-menu-bg) !important;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
    color: #d0d0d0 !important;
    border-bottom-color: #3a3a3a !important;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
    background: var(--agl-nav-hover) !important;
    color: #fff !important;
}

/* --- Tabuľkové hlavičky --- */
table th {
    background-color: var(--agl-primary) !important;
    color: #fff !important;
    font-size: 10px !important;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}

/* --- Portlet box — zelené/modré varianty → oranžová --- */
.portlet.box.green-haze > .portlet-title,
.portlet.box.green > .portlet-title,
.portlet.box.blue > .portlet-title,
.portlet.box.blue-haze > .portlet-title,
.portlet.box.red > .portlet-title {
    background-color: var(--agl-primary) !important;
    border-color: var(--agl-primary-dark) !important;
}
.portlet.box > .portlet-title .caption,
.portlet.box > .portlet-title .caption i,
.portlet.box > .portlet-title .actions .btn {
    color: #fff !important;
}

/* --- Portlet light --- */
.portlet.light {
    border-left: 3px solid var(--agl-primary);
    background: #fff;
    border-radius: 2px;
}
.portlet.light > .portlet-title .caption-subject {
    color: var(--agl-primary) !important;
}

/* --- Tlačidlá --- */
.btn.blue,
.btn.green,
.btn.btn-primary {
    background-color: var(--agl-primary) !important;
    border-color: var(--agl-primary-dark) !important;
    color: #fff !important;
}
.btn.blue:hover,
.btn.green:hover,
.btn.btn-primary:hover {
    background-color: var(--agl-primary-dark) !important;
    border-color: var(--agl-primary-dark) !important;
}

/* --- Linky OE / orderNumber --- */
table .oe,
table .orderNumber {
    color: var(--agl-primary) !important;
}

/* --- User avatar dropdown --- */
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
    color: #444 !important;
}

/* --- Footer --- */
.page-footer {
    background: var(--agl-nav-bg) !important;
    color: #aaa !important;
}
.page-prefooter {
    background: #2a2a2a !important;
}

/* --- Breadcrumb lišta --- */
.page-head {
    background: #e8e8e8 !important;
    border-bottom: 1px solid #d8d8d8;
}

/* --- Labels --- */
.label-warning,
.label-primary {
    background-color: var(--agl-primary) !important;
}

/* --- Login stránka --- */
body.login .content {
    background: #fff;
    border-top: 4px solid var(--agl-primary);
    border-radius: 4px;
    box-shadow: 0 4px 24px rgba(0,0,0,0.12);
}
body.login .form-title {
    color: var(--agl-primary) !important;
}
body.login {
    background: linear-gradient(to bottom, #cdcdcd, #878787) !important;
}

.dashboard-stat .details {
    position: static;
    overflow: hidden;
    padding-right: 15px;
    padding-bottom: 15px;
}