:root{--yellow:#ffe600;--blue:#3483fa;--bg:#f5f7fb;--dark:#111827}body{background:var(--bg);font-family:Inter,Arial,sans-serif;color:#1f2937}.layout{display:flex;min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:245px;background:#111827;color:white;padding:20px 14px}.brand{font-size:23px;font-weight:900;margin-bottom:22px;display:flex;flex-direction:column;line-height:1.1}.brand small{font-size:12px;color:#cbd5e1}.sidebar a{display:flex;gap:10px;align-items:center;text-decoration:none;color:#cbd5e1;padding:12px 14px;border-radius:12px;margin:4px 0}.sidebar a:hover{background:#2563eb;color:#fff}.content{margin-left:245px;padding:26px;width:calc(100% - 245px)}.card{border:0;border-radius:18px;box-shadow:0 10px 28px rgba(15,23,42,.07)}.btn,.form-control,.form-select{border-radius:12px}.hero{background:linear-gradient(135deg,var(--yellow),#fff4a3);border-radius:20px;padding:22px;margin-bottom:18px}.quick-title{font-weight:900;font-size:26px;margin:0}.subject-box{font-size:20px;font-weight:700;background:#fff;border:2px dashed #3483fa}.stat{background:white;border-radius:18px;padding:18px;box-shadow:0 10px 28px rgba(15,23,42,.07)}.stat .num{font-size:27px;font-weight:900}@media(max-width:900px){.layout{display:block}.sidebar{position:relative;width:100%;height:auto}.content{margin-left:0;width:100%;padding:15px}}@media print{.no-print,.sidebar{display:none}.content{margin:0;width:100%;padding:0}body{background:white}}
/* =========================================================
   VISUAL SHEIKOLA - PROJETO UNIFICADO
   ========================================================= */

body.erp-sheikola{
    min-height:100vh;
    background:
        linear-gradient(rgba(3,7,15,.72),rgba(3,7,15,.82)),
        url('/erp/assets/img/sheikola-bg.jpeg') center center / cover no-repeat fixed;
}

body.erp-sheikola .layout{
    background:transparent;
}

/* Menu lateral */
body.erp-sheikola .sidebar{
    background:rgba(8,14,24,.94);
    border-right:1px solid rgba(231,189,88,.20);
    box-shadow:8px 0 35px rgba(0,0,0,.24);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
}

body.erp-sheikola .brand{
    color:#f2d27b;
}

body.erp-sheikola .brand small{
    color:rgba(255,255,255,.62);
}

body.erp-sheikola .sidebar a{
    color:#d7dde7;
    transition:.18s ease;
}

body.erp-sheikola .sidebar a:hover{
    background:linear-gradient(90deg,rgba(231,189,88,.22),rgba(201,154,55,.12));
    color:#f2d27b;
}

/* Área principal */
body.erp-sheikola .content{
    background:transparent;
}

/* Cards e caixas */
body.erp-sheikola .card,
body.erp-sheikola .stat{
    background:rgba(255,255,255,.94);
    border:1px solid rgba(255,255,255,.30);
    box-shadow:0 18px 45px rgba(0,0,0,.20);
    backdrop-filter:blur(7px);
    -webkit-backdrop-filter:blur(7px);
}

/* Destaque principal */
body.erp-sheikola .hero{
    background:
        linear-gradient(
            135deg,
            rgba(231,189,88,.96),
            rgba(255,238,174,.95)
        );
    box-shadow:0 15px 40px rgba(0,0,0,.18);
}

/* Caixa de assunto */
body.erp-sheikola .subject-box{
    background:rgba(255,255,255,.96);
    border-color:#d2a63d;
}

/* Botões principais */
body.erp-sheikola .btn-primary{
    background:linear-gradient(90deg,#d7a936,#f0cc6a);
    border-color:#c99a37;
    color:#161616;
    font-weight:700;
}

body.erp-sheikola .btn-primary:hover{
    background:linear-gradient(90deg,#e4b94e,#f6d985);
    border-color:#d6aa42;
    color:#111;
}

/* Campos */
body.erp-sheikola .form-control:focus,
body.erp-sheikola .form-select:focus{
    border-color:#d8ad47;
    box-shadow:0 0 0 .2rem rgba(216,173,71,.20);
}

/* Tabelas dentro dos cards continuam claras */
body.erp-sheikola .table{
    --bs-table-bg:transparent;
}

/* Mobile */
@media(max-width:900px){
    body.erp-sheikola{
        background-attachment:scroll;
    }

    body.erp-sheikola .sidebar{
        border-right:0;
        border-bottom:1px solid rgba(231,189,88,.20);
    }
}

/* Impressão permanece limpa */
@media print{
    body.erp-sheikola{
        background:white !important;
        color:#000 !important;
    }
}

/* =========================================================
   SHEIKOLA - MARCA D'ÁGUA DO PAINEL INTERNO
   ========================================================= */

body.erp-sheikola{
    position:relative;
    min-height:100vh;
    background:#07101d !important;
    background-image:none !important;
}

/* imagem suave ao fundo */
body.erp-sheikola::before{
    content:"";
    position:fixed;
    inset:0;

    background-image:url('/erp/assets/img/sheikola-bg.jpeg');
    background-repeat:no-repeat;
    background-position:center 14%;
    background-size:cover;

    opacity:.12;

    pointer-events:none;
    z-index:0;
}

/* conteúdo sempre acima da marca d'água */
body.erp-sheikola .layout{
    position:relative;
    z-index:1;
    background:transparent;
}

body.erp-sheikola .content{
    position:relative;
    z-index:2;
    background:transparent;
}

/* sidebar continua sólida para leitura */
body.erp-sheikola .sidebar{
    z-index:10;
    background:rgba(7,14,25,.97);
}

/* cards permanecem claros */
body.erp-sheikola .card,
body.erp-sheikola .stat{
    background:rgba(255,255,255,.97);
}

/* impressão sem marca d'água */
@media print{
    body.erp-sheikola::before{
        display:none !important;
    }

    body.erp-sheikola{
        background:#fff !important;
    }
}


/* AJUSTE FINAL - MARCA D'ÁGUA MAIS VISÍVEL */

body.erp-sheikola::before{
    background-position:center center !important;
    background-size:cover !important;
    opacity:.22 !important;
}

/* deixa a imagem aparecer suavemente através das áreas claras */
body.erp-sheikola .card,
body.erp-sheikola .stat{
    background:rgba(255,255,255,.92) !important;
}

/* painel principal também ganha leve transparência */
body.erp-sheikola .content > .card,
body.erp-sheikola .content .card{
    backdrop-filter:blur(4px);
    -webkit-backdrop-filter:blur(4px);
}


/* =========================================================
   SHEIKOLA - MARCA D'ÁGUA CENTRAL FINAL
   ========================================================= */

/* remove a imagem grande usada anteriormente */
body.erp-sheikola::before{
    display:none !important;
}

/* fundo interno limpo */
body.erp-sheikola{
    background:#07101d !important;
    background-image:none !important;
}

/* marca central fixa */
body.erp-sheikola::after{
    content:"SHEIKOLA";

    position:fixed;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%) rotate(-8deg);

    font-family:Arial,Helvetica,sans-serif;
    font-size:clamp(80px,11vw,190px);
    font-weight:900;
    letter-spacing:.08em;
    white-space:nowrap;

    color:rgba(226,184,79,.09);

    text-shadow:
        0 2px 10px rgba(0,0,0,.10);

    pointer-events:none;
    user-select:none;

    z-index:999;
}

/* não interfere em impressão */
@media print{
    body.erp-sheikola::after{
        display:none !important;
    }
}


/* =========================================================
   MARCA D'ÁGUA COM IMAGEM COMPLETA - ERP INTERNO
   ========================================================= */

body.painel-sheikola{
    position: relative;
    background: #07101d;
}

body.painel-sheikola::after{
    content: "";
    position: fixed;
    inset: 0;
    background: url('../img/sheikola-bg.jpeg') center center / min(1100px, 82vw) auto no-repeat;
    opacity: 0.10;
    pointer-events: none;
    user-select: none;
    z-index: 0;
}

body.painel-sheikola .layout,
body.painel-sheikola .sidebar,
body.painel-sheikola .content{
    position: relative;
    z-index: 1;
}

body.painel-sheikola .content{
    background: transparent;
}

body.painel-sheikola .card,
body.painel-sheikola .hero,
body.painel-sheikola .stat{
    background-color: rgba(255,255,255,0.96);
    backdrop-filter: blur(2px);
}

@media (max-width: 900px){
    body.painel-sheikola::after{
        background-size: 95vw auto;
        opacity: 0.08;
    }
}

@media print{
    body.painel-sheikola::after{
        display: none !important;
    }
}


/* =========================================================
   SHEIKOLA - MARCA D'ÁGUA FINAL COM IMAGEM COMPLETA
   ========================================================= */

body.erp-sheikola::after{
    content:"" !important;

    position:fixed !important;

    left:245px !important;
    right:0 !important;
    top:0 !important;
    bottom:0 !important;

    width:auto !important;
    height:auto !important;

    transform:none !important;

    background-image:url('/erp/assets/img/sheikola-bg.jpeg') !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    background-size:min(1050px, 78vw) auto !important;

    opacity:.10 !important;

    pointer-events:none !important;
    user-select:none !important;

    z-index:9999 !important;

    color:transparent !important;
    font-size:0 !important;
    text-shadow:none !important;
}

/* Mobile */
@media(max-width:900px){
    body.erp-sheikola::after{
        left:0 !important;
        background-size:92vw auto !important;
        opacity:.08 !important;
    }
}

/* Impressão */
@media print{
    body.erp-sheikola::after{
        display:none !important;
    }
}


/* =========================================================
   SHEIKOLA - MARCA D'ÁGUA EXPANDIDA NA ÁREA DO ERP
   ========================================================= */

body.erp-sheikola::after{
    content:"" !important;
    position:fixed !important;

    left:245px !important;
    right:0 !important;
    top:0 !important;
    bottom:0 !important;

    width:auto !important;
    height:auto !important;
    transform:none !important;

    background-image:url('/erp/assets/img/sheikola-bg.jpeg') !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    background-size:cover !important;

    opacity:.08 !important;

    pointer-events:none !important;
    user-select:none !important;
    z-index:9999 !important;

    color:transparent !important;
    font-size:0 !important;
    text-shadow:none !important;
}

@media(max-width:900px){
    body.erp-sheikola::after{
        left:0 !important;
        background-size:cover !important;
        opacity:.06 !important;
    }
}

@media print{
    body.erp-sheikola::after{
        display:none !important;
    }
}