/*
=====================================
MAKINEN CI ERP
Version 1.0
=====================================
*/


/* ===========================
   BODY
=========================== */

body{

    background:#F8FAFC;

    font-family:Inter,Segoe UI,sans-serif;

}


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

.erp-card{

    background:#ffffff;

    border-radius:12px;

    box-shadow:0 2px 8px rgba(0,0,0,.08);

    padding:24px;

}


/* ===========================
   TABLE
=========================== */

.erp-table{

    width:100%;

    border-collapse:collapse;

}

.erp-table thead{

    background:#F1F5F9;

}

.erp-table th{

    padding:14px;

    text-align:left;

    font-weight:600;

}

.erp-table td{

    padding:14px;

    border-top:1px solid #E5E7EB;

}


/* ===========================
   INPUT
=========================== */

.erp-input{

    width:100%;

    padding:10px 14px;

    border:1px solid #CBD5E1;

    border-radius:8px;

    outline:none;

}

.erp-input:focus{

    border-color:#2563EB;

    box-shadow:0 0 0 3px rgba(37,99,235,.2);

}


/* ===========================
   BUTTONS
=========================== */

.erp-btn{

    display:inline-flex;

    align-items:center;

    gap:8px;

    padding:10px 18px;

    border-radius:8px;

    font-weight:600;

    transition:.3s;

    cursor:pointer;

}


/* Bleu */

.erp-btn-primary{

    background:#2563EB;

    color:white;

}

.erp-btn-primary:hover{

    background:#1D4ED8;

}


/* Vert */

.erp-btn-success{

    background:#059669;

    color:white;

}

.erp-btn-success:hover{

    background:#047857;

}


/* Rouge */

.erp-btn-danger{

    background:#DC2626;

    color:white;

}

.erp-btn-danger:hover{

    background:#B91C1C;

}


/* Gris */

.erp-btn-secondary{

    background:#E5E7EB;

    color:#111827;

}

.erp-btn-secondary:hover{

    background:#D1D5DB;

}


/* ===========================
   BADGES
=========================== */

.erp-badge{

    display:inline-block;

    padding:4px 10px;

    border-radius:999px;

    font-size:13px;

    font-weight:600;

}

.erp-badge-success{

    background:#DCFCE7;

    color:#15803D;

}

.erp-badge-warning{

    background:#FEF3C7;

    color:#B45309;

}

.erp-badge-danger{

    background:#FEE2E2;

    color:#B91C1C;

}

.erp-badge-info{

    background:#DBEAFE;

    color:#1D4ED8;

}


/* ===========================
   PAGE TITLE
=========================== */

.erp-title{

    font-size:30px;

    font-weight:700;

    color:#1E293B;

}

.erp-subtitle{

    color:#64748B;

}


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

.erp-sidebar{

    background:#0F172A;

    color:white;

}

.erp-sidebar a{

    transition:.3s;

}

.erp-sidebar a:hover{

    background:#1E293B;

}


/* ===========================
   TOPBAR
=========================== */

.erp-topbar{

    background:white;

    box-shadow:0 1px 5px rgba(0,0,0,.08);

}


/* ===========================
   FOOTER
=========================== */

.erp-footer{

    background:white;

    border-top:1px solid #E2E8F0;

}


/* ===========================
   KPI
=========================== */

.erp-kpi{

    background:white;

    border-radius:12px;

    padding:24px;

    box-shadow:0 2px 8px rgba(0,0,0,.08);

}


/* ===========================
   ALERT
=========================== */

.erp-alert{

    border-radius:8px;

    padding:14px;

}

.erp-alert-success{

    background:#DCFCE7;

}

.erp-alert-danger{

    background:#FEE2E2;

}

.erp-alert-warning{

    background:#FEF3C7;

}

.erp-alert-info{

    background:#DBEAFE;

}