/* ------------------------------
   GLOBAL
--------------------------------*/
body {
    margin: 0;
    padding: 0;
    background: #f4f5f7;
	background: url('/mbfsoft_po/assets/bg-light.png');
	    background-size: cover !important;
    background-position: center !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: #1f2937;
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-thumb {
    background: #9ca3af;
    border-radius: 4px;
}
::-webkit-scrollbar-track {
    background: #e5e7eb;
}

/* ------------------------------
   TOP BAR
--------------------------------*/
.topbar {
    background: #1f2937;
    color: #fff;
    padding: 12px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.topbar-left .logo {
    font-weight: 600;
    font-size: 1.2rem;
    letter-spacing: 0.5px;
}
.topbar-right .user-label {
    font-size: 0.9rem;
    opacity: 0.85;
}

/* ------------------------------
   MAIN LAYOUT
--------------------------------*/
.main-container {
    display: flex;
    min-height: calc(100vh - 48px);
}

/* LEFT MENU */
.main-menu {
    width: 230px;
    background: #111827;
    padding: 15px 0;
    box-shadow: 2px 0 4px rgba(0,0,0,0.2);
}
.menu-item {
    display: block;
    padding: 12px 18px;
    font-size: 0.95rem;
    color: #d1d5db;
    text-decoration: none;
    border-left: 4px solid transparent;
}
.menu-item:hover {
    background: #1f2937;
}
.menu-item.active {
    background: #1f2937;
    border-left: 4px solid #10b981;
    color: #fff;
}
.menu-item.submenu {
    padding-left: 50px;
    font-size: 0.9rem;
    opacity: 0.9;
}

/* CONTENT */
.content {
    flex: 1;
    padding: 25px;
}

/* ------------------------------
   CARDS
--------------------------------*/
.card {
    background: #e9e9e9;
    padding: 18px 22px;
    border-radius: 8px;
	border-color: #2c2c2d;
	border-width: 3px;
    box-shadow: 0 1px 3px rgba(15,23,42,0.12),
                0 1px 2px rgba(15,23,42,0.06);
    margin-bottom: 25px;
}
.card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}
.card-title {
    font-size: 1.3rem;
    font-weight: 600;
    color: #1f2937;
}

/* ------------------------------
   ALERTS
--------------------------------*/
.alert {
    padding: 12px 14px;
    border-radius: 6px;
    margin-bottom: 12px;
    font-size: 0.9rem;
}
.alert.success {
    background: #dcfce7;
    color: #166534;
}
/* ============================================================
   SMARTDMS EXTRA FIXES (TABLE HEADER, FORM INPUTS, BUTTONS)
   ============================================================ */

/* --- Table header fix (force dark header) --- */
.table thead {
    background: #1f2937 !important;
    color: #e5e7eb !important;
}

/* --- Kártya középre és nagyobb tér --- */
.content {
    padding: 40px;
}

.card {
    max-width: 1200px;
    margin: 0 auto;
}

/* --- Form elemek styling --- */
form input[type="text"],
form select {
    padding: 8px 10px;
    border-radius: 6px;
    border: 1px solid #cbd5e1;
    background: #fff;
    font-size: 0.9rem;
    color: #1e293b;
}

form input[type="text"]:focus,
form select:focus {
    border-color: #2563eb;
    box-shadow: 0 0 0 2px rgba(37,99,235,0.25);
    outline: none;
}

/* --- Szűrés és egyedi gomb formázás --- */
form button,
button,
.btn-search {
    background: #2563eb;
    color: #fff !important;
    border: none;
    padding: 8px 14px !important;
    border-radius: 6px;
    font-size: 0.9rem;
    cursor: pointer;
    transition: 0.15s ease-in-out;
}

form button:hover,
button:hover,
.btn-search:hover {
    background: #1e40af;
}

/* --- Linkek (Megnyitás, Verzió) modern kinézete --- */
.table a {
    color: #2563eb;
    font-weight: 500;
    text-decoration: none;
}

.table a:hover {
    text-decoration: underline;
}

/* --- Műveletek oszlop jobban olvasható --- */
.table td:last-child {
    white-space: nowrap;
}

/* --- Táblázat cellák javított spacing --- */
.table td, .table th {
    padding: 12px 14px;
}
/* ======================================================
   FILTER PANEL – INLINE FORM
   ====================================================== */

.filter-row {
    display: flex;
    gap: 12px;
    align-items: center;
    margin-bottom: 12px;
}

.filter-row input,
.filter-row select {
    flex: 1 !important;
    min-width: 200px;
}

/* ======================================================
   TABLE HEADER – PREMIUM STYLE
   ====================================================== */

.table thead {
    background: #111827 !important; /* sötét */
    color: #f3f4f6 !important;
    font-size: 0.85rem;
}

/* ======================================================
   TABLE ROWS – HOVER + BORDER
   ====================================================== */

.table tbody tr {
    transition: 0.15s ease-in-out;
}

.table tbody tr:hover {
    background: #f1f5f9 !important;
}




/* ======================================================
   BADGE-STYLE LINK BUTTONS
   ====================================================== */

.btn-link-action {
    padding: 6px 12px;
    background: #e0f2fe;
    color: #0369a1;
    border-radius: 6px;
    text-decoration: none;
    font-size: 0.85rem;
    font-weight: 500;
}
.btn-link-action:hover {
    background: #bae6fd;
}

.btn-danger-custom {
    background: #dc2626 !important;
    color: #fff !important;
    border: none;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 0.85rem;
    cursor: pointer;
}

.btn-danger-custom:hover {
    background: #b91c1c !important;
}

/* ======================================================
   CARD – STRONGER SHADOW + PREMIUM LOOK
   ====================================================== */

.card {
    border: 1px solid #e5e7eb !important;
    box-shadow: 0 3px 10px rgba(0,0,0,0.08) !important;
    border-radius: 12px !important;
    padding: 25px !important;
}

/* ======================================================
   TABLE – CELL SPACING FIX
   ====================================================== */

.table td, .table th {
    vertical-align: middle !important;
    padding: 12px 16px !important;
}

/* ======================================================
   HIDE DEFAULT BORDER
   ====================================================== */
table {
    border-collapse: separate !important;
    border-spacing: 0 4px !important;
}
.content {
    padding-top: 50px !important;
}
/* ======================================================
   PFMEA – RPN SZÍNEZÉS (ERŐS FELÜLÍRÁS)
   ====================================================== */

/* Alacsony kockázat */
.table td.rpn-low {
    background-color: #dcfce7 !important; /* zöld */
    color: #166534 !important;
}

/* Közepes kockázat */
.table td.rpn-medium {
    background-color: #fff7ed !important; /* narancs */
    color: #9a3412 !important;
}

/* Magas kockázat */
.table td.rpn-high {
    background-color: #fee2e2 !important; /* piros */
    color: #991b1b !important;
    font-weight: 700 !important;
}

/* Hover esetén se veszítse el a színt */
.table tbody tr:hover td.rpn-low,
.table tbody tr:hover td.rpn-medium,
.table tbody tr:hover td.rpn-high {
    background-color: inherit !important;
}