/* ======================================================
   DELLANNO ERP
   BASE GLOBAL
   api/static/css/layout/base.css
====================================================== */

:root{

    --gold:#c5a059;
    --gold-hover:#d8b26d;

    --bg-dark:#11161d;
    --bg-sidebar:#161b22;
    --bg-card:#1a2028;
    --bg-hover:#232b36;

    --border:#232b36;
    --border-light:#374151;

    --text:#d7dee8;
    --text-secondary:#8e99a8;

    --success:#22c55e;
    --danger:#ef4444;
    --warning:#f59e0b;

    --shadow:
        0 10px 30px rgba(0,0,0,.35);

}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html,
body{
    width:100%;
    height:100%;
}

body{

    background:var(--bg-dark);

    color:var(--text);

    font-family:'Inter',sans-serif;

    overflow:hidden;

    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;

}

a{
    text-decoration:none;
    color:inherit;
}

.hidden{
    display:none !important;
}

/* ======================================================
   LAYOUT
====================================================== */

.erp-layout{

    display:flex;

    height:100vh;

    overflow:hidden;

}

.erp-content{

    flex:1;

    display:flex;

    flex-direction:column;

    overflow:hidden;

}

.erp-main{

    flex:1;

    overflow-y:auto;

    padding:24px;

    background:var(--bg-dark);

}

/* ======================================================
   SCROLLBAR
====================================================== */

::-webkit-scrollbar{

    width:10px;

    height:10px;

}

::-webkit-scrollbar-track{

    background:#151b23;

}

::-webkit-scrollbar-thumb{

    background:#2d3748;

    border-radius:20px;

}

::-webkit-scrollbar-thumb:hover{

    background:#3d4758;

}

/* ======================================================
   RESPONSIVO
====================================================== */

@media(max-width:768px){

    .erp-layout{

        flex-direction:column;

    }

}

/* ======================================================
   ESTRUTURA GLOBAL
====================================================== */

.erp-sidebar{

    overflow:visible !important;

}

.erp-sidebar-content{

    flex:1;

    overflow-y:visible !important;

    overflow-x:visible !important;

    padding:20px 12px;

}

.erp-header{

    height:78px;

    background:#1a2028;

    border-bottom:1px solid #232b36;

    padding:0 24px;

    display:flex;

    align-items:center;

    justify-content:space-between;

}