/* =========================================================
   02 - BADGES GLOBAIS
========================================================= */

.badge-success,
.badge-danger,
.badge-info,
.badge-warning{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:28px;
    padding:0 10px;
    border-radius:999px;
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.7px;
    white-space:nowrap;
}

.badge-success{
    background:rgba(40,167,69,.14);
    border:1px solid rgba(40,167,69,.30);
    color:#8BE39F;
}

.badge-danger{
    background:rgba(220,53,69,.14);
    border:1px solid rgba(220,53,69,.30);
    color:#FF9BA5;
}

.badge-info{
    background:rgba(100,181,246,.13);
    border:1px solid rgba(100,181,246,.30);
    color:#90CAF9;
}

.badge-warning{
    background:rgba(255,193,7,.12);
    border:1px solid rgba(255,193,7,.26);
    color:#FFD666;
}

/* =========================================================
   03 - USUÁRIOS ADMIN - LISTAGEM
========================================================= */

.usuarios-page-toolbar{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    margin-bottom:22px;
}

.usuarios-page-toolbar p{
    color:#9FA6B2;
    font-size:14px;
    line-height:1.6;
    margin:0;
}

.usuarios-admin-actions{
    display:flex;
    justify-content:flex-end;
    gap:10px;
}

/* KPIs */

.usuarios-admin-kpi-grid{
    display:grid !important;
    grid-template-columns:repeat(5,1fr);
    gap:16px;
    margin:0 0 22px 0;
}

.usuarios-admin-kpi{
    background:linear-gradient(180deg,#1e232d,#181d26);
    border:1px solid rgba(200,164,77,.14);
    border-radius:18px;
    padding:18px;
    min-height:118px;
    box-shadow:0 14px 38px rgba(0,0,0,.22);
}

.usuarios-admin-kpi span{
    display:block;
    color:#9FA6B2;
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.8px;
    margin-bottom:10px;
}

.usuarios-admin-kpi strong{
    display:block;
    color:#F0D37D;
    font-size:28px;
    line-height:1.1;
    margin-bottom:8px;
}

.usuarios-admin-kpi small{
    display:block;
    color:#8E98AA;
    font-size:12px;
    line-height:1.4;
}

.usuarios-admin-kpi-success strong{
    color:#8BE39F;
}

.usuarios-admin-kpi-danger strong{
    color:#FF9BA5;
}

.usuarios-admin-kpi-admin strong{
    color:#B7A7FF;
}

/* Painéis */

.usuarios-admin-panel{
    background:linear-gradient(180deg,#1e232d,#181d26);
    border:1px solid rgba(200,164,77,.14);
    border-radius:22px;
    padding:22px;
    margin-bottom:22px;
    box-shadow:0 18px 50px rgba(0,0,0,.26);
}

.usuarios-admin-panel-header{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:18px;
    padding-bottom:18px;
    margin-bottom:20px;
    border-bottom:1px solid rgba(200,164,77,.12);
}

.usuarios-admin-panel-header h3{
    color:#ECECEC;
    font-size:19px;
    margin-bottom:6px;
}

.usuarios-admin-panel-header p{
    color:#9FA6B2;
    font-size:13px;
    line-height:1.5;
    margin:0;
}

.usuarios-admin-panel-header > span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:32px;
    padding:0 13px;
    border-radius:999px;
    background:rgba(200,164,77,.08);
    border:1px solid rgba(200,164,77,.20);
    color:#F0D37D;
    font-size:12px;
    font-weight:900;
    white-space:nowrap;
}

/* Formulário */

.usuarios-admin-form{
    display:grid;
    grid-template-columns:repeat(4,1fr) auto;
    gap:16px;
    align-items:end;
}

.usuarios-admin-form .form-group{
    margin:0;
}

.usuarios-admin-form label{
    color:#D8BD69;
    font-size:12px;
    font-weight:800;
    margin-bottom:7px;
}

.usuarios-admin-form input{
    width:100%;
    min-height:44px;
    background:#0F1115;
    border:1px solid #2B303A;
    color:#ECECEC;
    border-radius:12px;
    padding:0 13px;
    font-size:13px;
}

.usuarios-admin-form input:focus{
    border-color:#C8A44D;
    box-shadow:0 0 0 3px rgba(200,164,77,.12);
}

.usuarios-admin-form-actions{
    display:flex;
    align-items:end;
}

.usuarios-admin-form-actions .docs-action-primary{
    width:auto;
    min-width:190px;
    min-height:44px;
    border:none;
}

/* Tabela */

.usuarios-admin-table-wrapper{
    width:100%;
    max-width:100%;
    overflow-x:auto !important;
    overflow-y:visible !important;
    border-radius:16px;
}

.usuarios-admin-table-wrapper::-webkit-scrollbar{
    height:8px;
}

.usuarios-admin-table-wrapper::-webkit-scrollbar-track{
    background:#151A22;
    border-radius:999px;
}

.usuarios-admin-table-wrapper::-webkit-scrollbar-thumb{
    background:#C8A44D;
    border-radius:999px;
}

.usuarios-admin-table{
    width:100% !important;
    min-width:1080px;
    table-layout:fixed;
    border-collapse:collapse;
}

.usuarios-admin-table th,
.usuarios-admin-table td{
    padding:12px 9px !important;
    font-size:12px !important;
    line-height:1.35;
    vertical-align:middle !important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.usuarios-admin-table th:nth-child(1),
.usuarios-admin-table td:nth-child(1){
    width:150px;
}

.usuarios-admin-table th:nth-child(2),
.usuarios-admin-table td:nth-child(2){
    width:230px;
}

.usuarios-admin-table th:nth-child(3),
.usuarios-admin-table td:nth-child(3){
    width:155px;
}

.usuarios-admin-table th:nth-child(4),
.usuarios-admin-table td:nth-child(4){
    width:110px;
    text-align:center;
}

.usuarios-admin-table th:nth-child(5),
.usuarios-admin-table td:nth-child(5){
    width:90px;
    text-align:center;
}

.usuarios-admin-table th:nth-child(6),
.usuarios-admin-table td:nth-child(6){
    width:130px;
}

.usuarios-admin-table th:nth-child(7),
.usuarios-admin-table td:nth-child(7){
    width:215px;
    min-width:215px;
    overflow:visible !important;
}

.usuarios-admin-name{
    display:block;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.usuarios-admin-table td small{
    display:block;
    color:#F0D37D;
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.7px;
    margin-top:4px;
    white-space:nowrap;
}

.usuarios-admin-table-actions{
    display:grid !important;
    grid-template-columns:1fr 1fr;
    gap:6px;
    width:100%;
    align-items:center;
}

.usuarios-admin-table-actions .docs-action-primary,
.usuarios-admin-table-actions .docs-action-secondary,
.usuarios-admin-table-actions .docs-action-danger,
.usuarios-admin-table-actions .docs-action-success,
.usuarios-admin-table-actions .badge-info{
    width:100% !important;
    min-width:0 !important;
    min-height:32px !important;
    padding:0 7px !important;
    border-radius:10px !important;
    font-size:10.5px !important;
    line-height:1 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    white-space:nowrap !important;
}

.usuarios-admin-table-actions .docs-action-danger,
.usuarios-admin-table-actions .docs-action-success,
.usuarios-admin-table-actions .badge-info{
    grid-column:1 / -1;
}

/* Botão ativar */

.docs-action-success{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    background:rgba(40,167,69,.14);
    border:1px solid rgba(40,167,69,.30);
    color:#8BE39F;
    font-weight:800;
    text-decoration:none;
    cursor:pointer;
    transition:.25s ease;
}

.docs-action-success:hover{
    background:rgba(40,167,69,.22);
    color:#fff;
    transform:translateY(-2px);
}

/* Responsivo */

@media(min-width:1450px){

    .usuarios-admin-table{
        min-width:100%;
    }

    .usuarios-admin-table th:nth-child(7),
    .usuarios-admin-table td:nth-child(7){
        width:230px;
    }

    .usuarios-admin-table-actions{
        grid-template-columns:1fr 1fr 1fr;
    }

    .usuarios-admin-table-actions .docs-action-danger,
    .usuarios-admin-table-actions .docs-action-success,
    .usuarios-admin-table-actions .badge-info{
        grid-column:auto;
    }
}

@media(max-width:1400px){

    .usuarios-admin-kpi-grid{
        grid-template-columns:repeat(3,1fr);
    }

    .usuarios-admin-form{
        grid-template-columns:repeat(2,1fr);
    }

    .usuarios-admin-form-actions{
        grid-column:1 / -1;
        justify-content:flex-end;
    }
}

@media(max-width:900px){

    .usuarios-admin-table-wrapper{
        overflow-x:visible !important;
    }

    .usuarios-admin-table{
        min-width:0;
    }

    .usuarios-admin-table,
    .usuarios-admin-table thead,
    .usuarios-admin-table tbody,
    .usuarios-admin-table th,
    .usuarios-admin-table td,
    .usuarios-admin-table tr{
        display:block;
        width:100% !important;
    }

    .usuarios-admin-table thead{
        display:none;
    }

    .usuarios-admin-table tr{
        background:#151A22;
        border:1px solid rgba(200,164,77,.14);
        border-radius:16px;
        padding:14px;
        margin-bottom:14px;
    }

    .usuarios-admin-table td{
        display:flex;
        justify-content:space-between;
        align-items:center;
        gap:16px;
        border:none !important;
        border-bottom:1px solid rgba(255,255,255,.06) !important;
        padding:10px 0 !important;
        text-align:right !important;
        white-space:normal;
        overflow:visible !important;
        text-overflow:unset;
    }

    .usuarios-admin-table td:last-child{
        border-bottom:none !important;
        display:block;
        text-align:left !important;
        padding-top:14px !important;
    }

    .usuarios-admin-table td::before{
        content:attr(data-label);
        color:#C8A44D;
        font-size:11px;
        font-weight:900;
        text-transform:uppercase;
        letter-spacing:.6px;
        text-align:left;
    }

    .usuarios-admin-table td:last-child::before{
        display:block;
        margin-bottom:10px;
    }

    .usuarios-admin-table-actions{
        grid-template-columns:1fr;
    }

    .usuarios-admin-table-actions .docs-action-primary,
    .usuarios-admin-table-actions .docs-action-secondary,
    .usuarios-admin-table-actions .docs-action-danger,
    .usuarios-admin-table-actions .docs-action-success,
    .usuarios-admin-table-actions .badge-info{
        min-height:38px !important;
        font-size:12px !important;
    }
}

@media(max-width:800px){

    .usuarios-page-toolbar,
    .usuarios-admin-panel-header{
        flex-direction:column;
        align-items:flex-start;
    }

    .usuarios-admin-actions,
    .usuarios-admin-actions a{
        width:100%;
    }

    .usuarios-admin-kpi-grid,
    .usuarios-admin-form{
        grid-template-columns:1fr;
    }

    .usuarios-admin-form-actions,
    .usuarios-admin-form-actions .docs-action-primary{
        width:100%;
    }
}

/* =========================================================
   04 - USUÁRIOS ADMIN - VISUALIZAR USUÁRIO
========================================================= */

.usuarios-view-hero{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:22px;
    background:linear-gradient(135deg,#1e232d,#151a22);
    border:1px solid rgba(200,164,77,.16);
    border-radius:24px;
    padding:24px;
    margin-bottom:22px;
    box-shadow:0 18px 50px rgba(0,0,0,.28);
}

.usuarios-view-hero span{
    display:inline-flex;
    align-items:center;
    min-height:28px;
    padding:0 12px;
    border-radius:999px;
    background:rgba(200,164,77,.08);
    border:1px solid rgba(200,164,77,.22);
    color:#F0D37D;
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:12px;
}

.usuarios-view-hero h2{
    color:#ECECEC;
    font-size:28px;
    line-height:1.25;
    margin:0 0 8px 0;
}

.usuarios-view-hero p{
    color:#9FA6B2;
    font-size:14px;
    line-height:1.6;
    margin:0;
}

.usuarios-view-hero p strong{
    display:inline-flex;
    margin-left:8px;
    padding:3px 9px;
    border-radius:999px;
    background:rgba(200,164,77,.10);
    border:1px solid rgba(200,164,77,.22);
    color:#F0D37D;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.7px;
}

.usuarios-view-actions{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    justify-content:flex-end;
}

/* KPIs */

.usuarios-view-kpi-grid{
    display:grid !important;
    grid-template-columns:repeat(4,1fr);
    gap:16px;
    margin-bottom:22px;
}

.usuarios-view-kpi{
    background:linear-gradient(180deg,#1e232d,#181d26);
    border:1px solid rgba(200,164,77,.14);
    border-radius:18px;
    padding:18px;
    min-height:118px;
    box-shadow:0 14px 38px rgba(0,0,0,.22);
}

.usuarios-view-kpi span{
    display:block;
    color:#9FA6B2;
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.8px;
    margin-bottom:10px;
}

.usuarios-view-kpi strong{
    display:block;
    color:#F0D37D;
    font-size:22px;
    line-height:1.2;
    margin-bottom:8px;
    word-break:break-word;
}

.usuarios-view-kpi small{
    display:block;
    color:#8E98AA;
    font-size:12px;
    line-height:1.4;
}

.usuarios-view-kpi-current{
    border-color:rgba(40,167,69,.28);
}

.usuarios-view-kpi-current strong{
    color:#8BE39F;
}

/* Layout */

.usuarios-view-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 320px;
    gap:22px;
    align-items:start;
}

.usuarios-view-main{
    display:flex;
    flex-direction:column;
    gap:22px;
}

.usuarios-view-card,
.usuarios-side-card{
    background:linear-gradient(180deg,#1e232d,#181d26);
    border:1px solid rgba(200,164,77,.14);
    border-radius:22px;
    padding:22px;
    box-shadow:0 18px 50px rgba(0,0,0,.26);
}

.usuarios-view-card-header{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:18px;
    padding-bottom:18px;
    margin-bottom:20px;
    border-bottom:1px solid rgba(200,164,77,.12);
}

.usuarios-view-card-header.compact{
    margin-bottom:16px;
}

.usuarios-view-card-header h3{
    color:#ECECEC;
    font-size:19px;
    margin:0 0 6px 0;
}

.usuarios-view-card-header p{
    color:#9FA6B2;
    font-size:13px;
    line-height:1.5;
    margin:0;
}

/* Grid de dados */

.usuarios-view-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
}

.usuarios-view-grid > div{
    background:#0F1115;
    border:1px solid #2B303A;
    border-radius:14px;
    padding:14px;
}

.usuarios-view-grid small{
    display:block;
    color:#9FA6B2;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:7px;
}

.usuarios-view-grid strong{
    display:block;
    color:#ECECEC;
    font-size:13px;
    line-height:1.4;
    word-break:break-word;
}

.usuarios-view-text{
    background:#0F1115;
    border:1px solid #2B303A;
    border-radius:14px;
    padding:16px;
    color:#ECECEC;
    font-size:13px;
    line-height:1.7;
    min-height:70px;
}

/* Lateral */

.usuarios-view-side{
    display:flex;
    flex-direction:column;
    gap:16px;
    position:sticky;
    top:20px;
}

.usuarios-side-card small{
    display:block;
    color:#9FA6B2;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:8px;
}

.usuarios-side-card strong{
    display:block;
    color:#F0D37D;
    font-size:20px;
    line-height:1.25;
    margin-bottom:8px;
    word-break:break-word;
}

.usuarios-side-card p{
    color:#9FA6B2;
    font-size:13px;
    line-height:1.6;
    margin:0;
}

/* Responsivo */

@media(max-width:1400px){
    .usuarios-view-grid{
        grid-template-columns:repeat(3,1fr);
    }
}

@media(max-width:1100px){
    .usuarios-view-layout{
        grid-template-columns:1fr;
    }

    .usuarios-view-side{
        position:static;
        display:grid;
        grid-template-columns:repeat(2,1fr);
    }

    .usuarios-view-kpi-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:760px){
    .usuarios-view-hero,
    .usuarios-view-card-header{
        flex-direction:column;
        align-items:flex-start;
    }

    .usuarios-view-actions,
    .usuarios-view-actions a{
        width:100%;
    }

    .usuarios-view-kpi-grid,
    .usuarios-view-grid,
    .usuarios-view-side{
        grid-template-columns:1fr;
    }
}

/* =========================================================
   05 - USUÁRIOS ADMIN - EDITAR USUÁRIO
========================================================= */

.usuarios-edit-hero{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:22px;
    background:linear-gradient(135deg,#1e232d,#151a22);
    border:1px solid rgba(200,164,77,.16);
    border-radius:24px;
    padding:24px;
    margin-bottom:22px;
    box-shadow:0 18px 50px rgba(0,0,0,.28);
}

.usuarios-edit-hero span{
    display:inline-flex;
    align-items:center;
    min-height:28px;
    padding:0 12px;
    border-radius:999px;
    background:rgba(200,164,77,.08);
    border:1px solid rgba(200,164,77,.22);
    color:#F0D37D;
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:12px;
}

.usuarios-edit-hero p{
    color:#9FA6B2;
    font-size:14px;
    line-height:1.7;
    margin:0;
}

.usuarios-edit-hero p strong{
    display:inline-flex;
    margin-left:8px;
    padding:3px 9px;
    border-radius:999px;
    background:rgba(200,164,77,.10);
    border:1px solid rgba(200,164,77,.22);
    color:#F0D37D;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.7px;
}

.usuarios-edit-actions{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    justify-content:flex-end;
}

/* Layout */

.usuarios-edit-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 320px;
    gap:22px;
    align-items:start;
}

.usuarios-edit-main form{
    display:flex;
    flex-direction:column;
    gap:22px;
}

.usuarios-edit-card{
    background:linear-gradient(180deg,#1e232d,#181d26);
    border:1px solid rgba(200,164,77,.14);
    border-radius:22px;
    padding:22px;
    box-shadow:0 18px 50px rgba(0,0,0,.26);
}

.usuarios-edit-card-header{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:18px;
    padding-bottom:18px;
    margin-bottom:20px;
    border-bottom:1px solid rgba(200,164,77,.12);
}

.usuarios-edit-card-header h3{
    color:#ECECEC;
    font-size:19px;
    margin:0 0 6px 0;
}

.usuarios-edit-card-header p{
    color:#9FA6B2;
    font-size:13px;
    line-height:1.5;
    margin:0;
}

/* Formulário */

.usuarios-edit-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:16px;
}

.usuarios-edit-grid .form-group{
    margin:0;
}

.usuarios-edit-grid .form-group.full-width{
    grid-column:1 / -1;
}

.usuarios-edit-grid label{
    display:block;
    color:#D8BD69;
    font-size:12px;
    font-weight:800;
    margin-bottom:7px;
}

.usuarios-edit-grid input,
.usuarios-edit-grid select{
    width:100%;
    min-height:44px;
    background:#0F1115;
    border:1px solid #2B303A;
    color:#ECECEC;
    border-radius:12px;
    padding:0 13px;
    font-size:13px;
    outline:none;
}

.usuarios-edit-grid input:focus,
.usuarios-edit-grid select:focus{
    border-color:#C8A44D;
    box-shadow:0 0 0 3px rgba(200,164,77,.12);
}

.usuarios-edit-grid input::placeholder{
    color:#6F7785;
}

.usuarios-edit-grid select:disabled,
.usuarios-edit-grid input:disabled{
    opacity:.65;
    cursor:not-allowed;
}

/* Status */

.usuario-edit-status-group{
    display:flex;
    flex-direction:column;
}

.usuario-edit-switch-box{
    min-height:44px;
    background:#0F1115;
    border:1px solid #2B303A;
    border-radius:12px;
    padding:0 13px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
}

.usuario-edit-switch-box span{
    color:#ECECEC;
    font-size:13px;
    font-weight:700;
}

/* Switch */

.switch{
    position:relative;
    display:inline-block;
    width:48px;
    height:26px;
    flex:0 0 auto;
}

.switch input{
    opacity:0;
    width:0;
    height:0;
}

.slider{
    position:absolute;
    cursor:pointer;
    inset:0;
    background:#2B303A;
    border:1px solid rgba(255,255,255,.08);
    transition:.25s ease;
    border-radius:999px;
}

.slider:before{
    position:absolute;
    content:"";
    height:20px;
    width:20px;
    left:2px;
    top:2px;
    background:#9FA6B2;
    transition:.25s ease;
    border-radius:50%;
}

.switch input:checked + .slider{
    background:rgba(200,164,77,.25);
    border-color:rgba(200,164,77,.45);
}

.switch input:checked + .slider:before{
    transform:translateX(22px);
    background:#F0D37D;
}

/* Barra de ações */

.usuarios-edit-action-bar{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:12px;
    background:#151A22;
    border:1px solid rgba(200,164,77,.12);
    border-radius:18px;
    padding:16px;
}

.usuarios-edit-action-bar .docs-action-secondary,
.usuarios-edit-action-bar .docs-action-primary{
    width:auto;
    min-width:160px;
    min-height:44px;
    border:none;
}

/* Lateral */

.usuarios-edit-side{
    display:flex;
    flex-direction:column;
    gap:16px;
    position:sticky;
    top:20px;
}

/* Responsivo */

@media(max-width:1250px){
    .usuarios-edit-layout{
        grid-template-columns:1fr;
    }

    .usuarios-edit-side{
        position:static;
        display:grid;
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:950px){
    .usuarios-edit-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:720px){
    .usuarios-edit-hero,
    .usuarios-edit-card-header{
        flex-direction:column;
        align-items:flex-start;
    }

    .usuarios-edit-actions,
    .usuarios-edit-actions a{
        width:100%;
    }

    .usuarios-edit-grid,
    .usuarios-edit-side{
        grid-template-columns:1fr;
    }

    .usuarios-edit-action-bar{
        flex-direction:column;
    }

    .usuarios-edit-action-bar .docs-action-secondary,
    .usuarios-edit-action-bar .docs-action-primary{
        width:100%;
    }
}

/* =========================================================
   06 - DOCUMENTOS CONTROLADOS
========================================================= */

.docs-page-toolbar{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    margin-bottom:22px;
}

.docs-page-toolbar p{
    color:#9FA6B2;
    font-size:14px;
    line-height:1.6;
    margin:0;
}

.docs-header-actions{
    display:flex;
    justify-content:flex-end;
    gap:10px;
    flex-wrap:wrap;
}

/* KPIs */

.docs-admin-kpi-grid{
    display:grid !important;
    grid-template-columns:repeat(6,1fr);
    gap:16px;
    margin:0 0 22px 0;
}

.docs-admin-kpi{
    display:block;
    background:linear-gradient(180deg,#1e232d,#181d26);
    border:1px solid rgba(200,164,77,.14);
    border-radius:18px;
    padding:18px;
    min-height:118px;
    box-shadow:0 14px 38px rgba(0,0,0,.22);
}

.docs-admin-kpi span{
    display:block;
    color:#9FA6B2;
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.8px;
    margin-bottom:10px;
}

.docs-admin-kpi strong{
    display:block;
    color:#F0D37D;
    font-size:28px;
    line-height:1.1;
    margin-bottom:8px;
}

.docs-admin-kpi small{
    display:block;
    color:#8E98AA;
    font-size:12px;
    line-height:1.4;
}

.docs-admin-kpi-success{
    border-color:rgba(40,167,69,.25);
}

.docs-admin-kpi-success strong{
    color:#8BE39F;
}

.docs-admin-kpi-warning{
    border-color:rgba(255,193,7,.25);
}

.docs-admin-kpi-warning strong{
    color:#FFD666;
}

.docs-admin-kpi-danger{
    border-color:rgba(220,53,69,.28);
}

.docs-admin-kpi-danger strong{
    color:#FF9BA5;
}

.docs-admin-kpi-video{
    border-color:rgba(100,181,246,.24);
}

.docs-admin-kpi-video strong{
    color:#90CAF9;
}

/* Painel */

.docs-panel{
    background:linear-gradient(180deg,#1e232d,#181d26);
    border:1px solid rgba(200,164,77,.14);
    border-radius:22px;
    padding:22px;
    box-shadow:0 18px 50px rgba(0,0,0,.26);
}

.docs-list{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.docs-item{
    display:grid;
    grid-template-columns:minmax(0,1.7fr) minmax(190px,.8fr) minmax(220px,.8fr) minmax(125px,.45fr) minmax(180px,.65fr);
    gap:16px;
    align-items:start;
    background:#151A22;
    border:1px solid rgba(200,164,77,.14);
    border-radius:20px;
    padding:18px;
    box-shadow:0 14px 38px rgba(0,0,0,.22);
}

.docs-main{
    display:flex;
    gap:14px;
    align-items:flex-start;
    min-width:0;
}

.docs-id{
    min-width:48px;
    height:48px;
    border-radius:16px;
    background:rgba(200,164,77,.10);
    border:1px solid rgba(200,164,77,.24);
    color:#F0D37D;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:12px;
    font-weight:900;
    letter-spacing:.7px;
}

.docs-main h3{
    color:#ECECEC;
    font-size:16px;
    line-height:1.4;
    margin:0 0 6px 0;
    word-break:break-word;
}

.docs-main p{
    color:#9FA6B2;
    font-size:13px;
    line-height:1.5;
    margin:0 0 10px 0;
    word-break:break-word;
}

.docs-meta{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
}

.docs-meta span{
    display:inline-flex;
    align-items:center;
    min-height:26px;
    padding:0 9px;
    border-radius:999px;
    background:#0F1115;
    border:1px solid #2B303A;
    color:#9FA6B2;
    font-size:11px;
    font-weight:700;
}

/* Cliente */

.docs-client,
.docs-validity,
.docs-status-box{
    background:#0F1115;
    border:1px solid #2B303A;
    border-radius:16px;
    padding:14px;
}

.docs-client small,
.docs-validity small,
.docs-status-box small{
    display:block;
    color:#9FA6B2;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:7px;
}

.docs-client strong,
.docs-validity strong,
.docs-status-box strong{
    display:block;
    color:#ECECEC;
    font-size:13px;
    line-height:1.4;
    word-break:break-word;
}

.docs-client span{
    display:block;
    color:#9FA6B2;
    font-size:12px;
    line-height:1.5;
    margin-top:6px;
    word-break:break-word;
}

/* Validade */

.docs-validity-form{
    margin-top:12px;
    display:flex;
    flex-direction:column;
    gap:8px;
}

.docs-validity-form input{
    width:100%;
    min-height:40px;
    background:#151A22;
    border:1px solid #2B303A;
    color:#ECECEC;
    border-radius:10px;
    padding:0 10px;
    font-size:12px;
    color-scheme:dark;
}

.docs-validity-form input:focus{
    border-color:#C8A44D;
    box-shadow:0 0 0 3px rgba(200,164,77,.12);
}

.docs-validity-form button{
    min-height:36px;
    border:none;
    border-radius:10px;
    background:linear-gradient(135deg,#C8A44D,#F0D37D);
    color:#161616;
    font-size:11px;
    font-weight:900;
    cursor:pointer;
    transition:.25s ease;
}

.docs-validity-form button:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 24px rgba(200,164,77,.24);
}

/* Status */

.docs-status{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:28px;
    padding:0 10px;
    border-radius:999px;
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.7px;
}

.docs-status-active{
    background:rgba(40,167,69,.14);
    border:1px solid rgba(40,167,69,.30);
    color:#8BE39F;
}

.docs-status-expired{
    background:rgba(255,193,7,.12);
    border:1px solid rgba(255,193,7,.26);
    color:#FFD666;
}

.docs-status-revoked{
    background:rgba(220,53,69,.14);
    border:1px solid rgba(220,53,69,.30);
    color:#FF9BA5;
}

.docs-views-label{
    margin-top:14px;
}

.docs-views{
    color:#F0D37D !important;
}

/* Ações */

.docs-actions{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.docs-actions form{
    margin:0;
}

.docs-main-btn,
.docs-back-btn,
.docs-action-primary,
.docs-action-secondary,
.docs-action-danger,
.docs-action-disabled{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    min-height:40px;
    padding:0 14px;
    border-radius:12px;
    font-size:12px;
    font-weight:900;
    text-decoration:none;
    border:none;
    cursor:pointer;
    transition:.25s ease;
    white-space:nowrap;
}

.docs-main-btn,
.docs-action-primary{
    background:linear-gradient(135deg,#C8A44D,#F0D37D);
    color:#151515;
}

.docs-back-btn,
.docs-action-secondary{
    background:rgba(200,164,77,.08);
    border:1px solid rgba(200,164,77,.24);
    color:#F0D37D;
}

.docs-action-danger{
    width:100%;
    background:rgba(125,30,30,.22);
    border:1px solid rgba(255,100,100,.28);
    color:#ff8b8b;
}

.docs-action-disabled{
    opacity:.55;
    cursor:not-allowed;
}

.docs-main-btn:hover,
.docs-action-primary:hover,
.docs-back-btn:hover,
.docs-action-secondary:hover,
.docs-action-danger:hover{
    transform:translateY(-2px);
}

/* Alertas */

.docs-alert{
    border-radius:14px;
    padding:14px 16px;
    margin-bottom:18px;
    font-size:13px;
    font-weight:800;
}

.docs-alert-success{
    background:rgba(40,167,69,.12);
    border:1px solid rgba(40,167,69,.28);
    color:#8BE39F;
}

.docs-alert-error{
    background:rgba(220,53,69,.12);
    border:1px solid rgba(220,53,69,.28);
    color:#FF9BA5;
}

/* Empty */

.docs-empty-premium{
    padding:38px 20px;
    text-align:center;
}

.docs-empty-premium strong{
    display:block;
    color:#F0D37D;
    font-size:20px;
    margin-bottom:8px;
}

.docs-empty-premium p{
    color:#9FA6B2;
    font-size:14px;
    line-height:1.6;
    max-width:560px;
    margin:0 auto 20px auto;
}

/* Responsivo */

@media(max-width:1500px){
    .docs-admin-kpi-grid{
        grid-template-columns:repeat(3,1fr);
    }

    .docs-item{
        grid-template-columns:1fr 1fr;
    }

    .docs-main{
        grid-column:1 / -1;
    }

    .docs-actions{
        grid-column:1 / -1;
        display:grid;
        grid-template-columns:repeat(5,1fr);
    }
}

@media(max-width:900px){
    .docs-page-toolbar{
        flex-direction:column;
        align-items:flex-start;
    }

    .docs-header-actions{
        width:100%;
    }

    .docs-header-actions a{
        flex:1;
    }

    .docs-admin-kpi-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .docs-item{
        grid-template-columns:1fr;
    }

    .docs-main{
        flex-direction:column;
    }

    .docs-actions{
        grid-template-columns:1fr;
    }
}

@media(max-width:560px){
    .docs-admin-kpi-grid{
        grid-template-columns:1fr;
    }

    .docs-header-actions,
    .docs-header-actions a{
        width:100%;
    }
}

/* =========================================================
   07 - AUDITORIA / LOGS
========================================================= */

.audit-page-toolbar{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    margin-bottom:22px;
}

.audit-page-toolbar p{
    color:#9FA6B2;
    font-size:14px;
    line-height:1.6;
    margin:0;
}

.audit-admin-actions{
    display:flex;
    justify-content:flex-end;
    gap:10px;
}

/* KPIs */

.audit-admin-kpi-grid{
    display:grid !important;
    grid-template-columns:repeat(6,1fr);
    gap:16px;
    margin:0 0 22px 0;
}

.audit-admin-kpi{
    background:linear-gradient(180deg,#1e232d,#181d26);
    border:1px solid rgba(200,164,77,.14);
    border-radius:18px;
    padding:18px;
    min-height:118px;
    box-shadow:0 14px 38px rgba(0,0,0,.22);
}

.audit-admin-kpi span{
    display:block;
    color:#9FA6B2;
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.8px;
    margin-bottom:10px;
}

.audit-admin-kpi strong{
    display:block;
    color:#F0D37D;
    font-size:28px;
    line-height:1.1;
    margin-bottom:8px;
}

.audit-admin-kpi small{
    display:block;
    color:#8E98AA;
    font-size:12px;
    line-height:1.4;
}

.audit-admin-kpi-doc strong{
    color:#90CAF9;
}

.audit-admin-kpi-login strong{
    color:#8BE39F;
}

.audit-admin-kpi-relatorio strong{
    color:#FFD666;
}

.audit-admin-kpi-user strong{
    color:#B7A7FF;
}

/* Filtros */

.audit-admin-filter-panel{
    background:linear-gradient(180deg,#1e232d,#181d26);
    border:1px solid rgba(200,164,77,.14);
    border-radius:22px;
    padding:20px;
    margin-bottom:18px;
    box-shadow:0 18px 50px rgba(0,0,0,.26);
}

.audit-admin-filter-form{
    display:grid;
    grid-template-columns:2fr 1.2fr 1.2fr 1fr 1fr auto;
    gap:16px;
    align-items:end;
}

.audit-admin-filter-form .form-group{
    margin:0;
}

.audit-admin-filter-form label{
    color:#D8BD69;
    font-size:12px;
    font-weight:800;
    margin-bottom:7px;
}

.audit-admin-filter-form input,
.audit-admin-filter-form select{
    width:100%;
    min-height:44px;
    background:#0F1115;
    border:1px solid #2B303A;
    color:#ECECEC;
    border-radius:12px;
    padding:0 13px;
    font-size:13px;
}

.audit-admin-filter-form input:focus,
.audit-admin-filter-form select:focus{
    border-color:#C8A44D;
    box-shadow:0 0 0 3px rgba(200,164,77,.12);
}

.audit-admin-filter-actions{
    display:flex;
    align-items:center;
    gap:10px;
}

.audit-admin-filter-actions .docs-action-primary,
.audit-admin-filter-actions .docs-action-secondary{
    width:auto;
    min-width:110px;
    min-height:44px;
    border:none;
}

/* Toolbar */

.audit-admin-toolbar{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:16px;
    background:#151A22;
    border:1px solid rgba(200,164,77,.12);
    border-radius:18px;
    padding:16px;
    margin-bottom:18px;
}

.audit-admin-toolbar > div{
    display:flex;
    flex-direction:column;
    gap:4px;
}

.audit-admin-toolbar strong{
    color:#F0D37D;
    font-size:13px;
    font-weight:900;
}

.audit-admin-toolbar span{
    color:#9FA6B2;
    font-size:13px;
}

.audit-admin-toolbar form{
    margin:0;
}

/* Painel */

.audit-admin-panel{
    background:linear-gradient(180deg,#1e232d,#181d26);
    border:1px solid rgba(200,164,77,.14);
    border-radius:22px;
    overflow:hidden;
    box-shadow:0 18px 50px rgba(0,0,0,.26);
}

.audit-admin-panel-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:18px;
    padding:20px 22px;
    border-bottom:1px solid rgba(200,164,77,.12);
}

.audit-admin-panel-header h3{
    color:#ECECEC;
    font-size:19px;
    margin-bottom:6px;
}

.audit-admin-panel-header p{
    color:#9FA6B2;
    font-size:13px;
    line-height:1.5;
    margin:0;
}

.audit-admin-panel-header > span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:32px;
    padding:0 13px;
    border-radius:999px;
    background:rgba(200,164,77,.08);
    border:1px solid rgba(200,164,77,.20);
    color:#F0D37D;
    font-size:12px;
    font-weight:900;
    white-space:nowrap;
}

/* Tabela */

.audit-admin-table-wrapper{
    overflow-x:auto;
}

.audit-admin-table{
    width:100%;
    border-collapse:collapse;
}

.audit-admin-table th{
    padding:15px;
    background:#242A34;
    color:#C8A44D;
    font-size:12px;
    text-align:left;
    text-transform:uppercase;
    letter-spacing:.6px;
    white-space:nowrap;
}

.audit-admin-table td{
    padding:15px;
    border-top:1px solid #2B303A;
    color:#ECECEC;
    font-size:13px;
    vertical-align:top;
}

.audit-admin-table tr:hover{
    background:#20242D;
}

.audit-date{
    color:#F0D37D;
    white-space:nowrap;
}

.audit-user{
    color:#ECECEC;
    font-weight:800;
    white-space:nowrap;
}

.audit-ip{
    font-family:Consolas, monospace;
    color:#C9D1DF;
    font-size:12px;
    white-space:nowrap;
}

.audit-description{
    max-width:560px;
    color:#ECECEC;
    line-height:1.6;
    word-break:break-word;
}

.audit-origin{
    max-width:360px;
    display:flex;
    flex-direction:column;
    gap:6px;
}

.audit-origin span,
.audit-origin small{
    display:block;
    color:#9FA6B2;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.audit-origin small{
    font-size:11px;
    opacity:.85;
}

/* Badges de auditoria */

.audit-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:28px;
    padding:0 10px;
    border-radius:999px;
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.7px;
    white-space:nowrap;
}

.audit-login{
    background:rgba(40,167,69,.14);
    border:1px solid rgba(40,167,69,.30);
    color:#8BE39F;
}

.audit-logout{
    background:rgba(159,166,178,.12);
    border:1px solid rgba(159,166,178,.24);
    color:#D6DAE2;
}

.audit-cliente{
    background:rgba(200,164,77,.11);
    border:1px solid rgba(200,164,77,.26);
    color:#F0D37D;
}

.audit-documento{
    background:rgba(100,181,246,.13);
    border:1px solid rgba(100,181,246,.30);
    color:#90CAF9;
}

.audit-relatorio{
    background:rgba(255,193,7,.12);
    border:1px solid rgba(255,193,7,.26);
    color:#FFD666;
}

.audit-usuario{
    background:rgba(156,128,255,.13);
    border:1px solid rgba(156,128,255,.30);
    color:#B7A7FF;
}

.audit-sistema,
.audit-default{
    background:rgba(159,166,178,.12);
    border:1px solid rgba(159,166,178,.24);
    color:#D6DAE2;
}

/* Empty */

.audit-admin-empty{
    padding:34px 22px;
    text-align:center;
}

.audit-admin-empty strong{
    display:block;
    color:#F0D37D;
    font-size:18px;
    margin-bottom:8px;
}

.audit-admin-empty p{
    color:#9FA6B2;
    font-size:14px;
    line-height:1.6;
    margin-bottom:18px;
}

/* Responsivo */

@media(max-width:1500px){
    .audit-admin-kpi-grid{
        grid-template-columns:repeat(3,1fr);
    }

    .audit-admin-filter-form{
        grid-template-columns:2fr 1fr 1fr;
    }

    .audit-admin-filter-actions{
        grid-column:1 / -1;
        justify-content:flex-end;
    }
}

@media(max-width:900px){
    .audit-page-toolbar,
    .audit-admin-panel-header,
    .audit-admin-toolbar{
        flex-direction:column;
        align-items:flex-start;
    }

    .audit-admin-actions,
    .audit-admin-actions a{
        width:100%;
    }

    .audit-admin-filter-form,
    .audit-admin-kpi-grid{
        grid-template-columns:1fr;
    }

    .audit-admin-filter-actions,
    .audit-admin-filter-actions a,
    .audit-admin-filter-actions button,
    .audit-admin-toolbar form,
    .audit-admin-toolbar .docs-action-danger{
        width:100%;
    }
}

/* =========================================================
   09 - RELATÓRIOS ADMIN - EDITAR RELATÓRIO
========================================================= */

.relatorio-edit-toolbar{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    margin-bottom:22px;
}

.relatorio-edit-toolbar p{
    color:#9FA6B2;
    font-size:14px;
    line-height:1.7;
    margin:0;
}

.relatorio-edit-toolbar p strong{
    color:#F0D37D;
}

.relatorio-edit-actions{
    display:flex;
    justify-content:flex-end;
    gap:10px;
    flex-wrap:wrap;
}

/* KPIs */

.relatorio-admin-edit-kpi-grid{
    display:grid !important;
    grid-template-columns:repeat(6,1fr);
    gap:16px;
    margin:0 0 22px 0;
}

.relatorio-admin-edit-kpi{
    background:linear-gradient(180deg,#1e232d,#181d26);
    border:1px solid rgba(200,164,77,.14);
    border-radius:18px;
    padding:18px;
    min-height:118px;
    box-shadow:0 14px 38px rgba(0,0,0,.22);
}

.relatorio-admin-edit-kpi span{
    display:block;
    color:#9FA6B2;
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.8px;
    margin-bottom:10px;
}

.relatorio-admin-edit-kpi strong{
    display:block;
    color:#F0D37D;
    font-size:24px;
    line-height:1.15;
    margin-bottom:8px;
    word-break:break-word;
}

.relatorio-admin-edit-kpi small{
    display:block;
    color:#8E98AA;
    font-size:12px;
    line-height:1.4;
}

.relatorio-admin-edit-kpi-success strong{
    color:#8BE39F;
}

.relatorio-admin-edit-kpi-danger strong{
    color:#FF9BA5;
}

.relatorio-admin-edit-kpi-warning strong{
    color:#FFD666;
}

.relatorio-admin-edit-kpi-money strong{
    color:#90CAF9;
    font-size:21px;
}

/* Painel */

.relatorio-edit-panel{
    background:linear-gradient(180deg,#1e232d,#181d26);
    border:1px solid rgba(200,164,77,.14);
    border-radius:22px;
    padding:22px;
    margin-bottom:22px;
    box-shadow:0 18px 50px rgba(0,0,0,.26);
}

.relatorio-edit-panel-header{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:18px;
    padding-bottom:18px;
    margin-bottom:20px;
    border-bottom:1px solid rgba(200,164,77,.12);
}

.relatorio-edit-panel-header h3{
    color:#ECECEC;
    font-size:19px;
    margin-bottom:6px;
}

.relatorio-edit-panel-header p{
    color:#9FA6B2;
    font-size:13px;
    line-height:1.5;
    margin:0;
}

.relatorio-edit-panel-header > span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:32px;
    padding:0 13px;
    border-radius:999px;
    background:rgba(200,164,77,.08);
    border:1px solid rgba(200,164,77,.20);
    color:#F0D37D;
    font-size:12px;
    font-weight:900;
    white-space:nowrap;
}

/* Lista de clientes */

.relatorio-edit-clientes-list{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.relatorio-edit-cliente-card{
    background:#151A22;
    border:1px solid rgba(200,164,77,.14);
    border-radius:20px;
    padding:20px;
    margin:0;
    box-shadow:0 14px 38px rgba(0,0,0,.22);
}

.relatorio-edit-cliente-header{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:18px;
    padding-bottom:16px;
    margin-bottom:18px;
    border-bottom:1px solid rgba(200,164,77,.12);
}

.relatorio-edit-cliente-header span{
    display:inline-flex;
    align-items:center;
    min-height:26px;
    padding:0 10px;
    border-radius:999px;
    background:rgba(200,164,77,.08);
    border:1px solid rgba(200,164,77,.18);
    color:#F0D37D;
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:8px;
}

.relatorio-edit-cliente-header h3{
    color:#ECECEC;
    font-size:20px;
    line-height:1.3;
    margin-bottom:5px;
}

.relatorio-edit-cliente-header small{
    color:#9FA6B2;
    font-size:12px;
}

.relatorio-edit-cliente-badges{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    justify-content:flex-end;
}

/* Dados readonly */

.relatorio-admin-readonly-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
    margin-bottom:18px;
}

.relatorio-admin-readonly-grid > div{
    background:#0F1115;
    border:1px solid #2B303A;
    border-radius:14px;
    padding:14px;
}

.relatorio-admin-readonly-grid small,
.relatorio-admin-text-block small{
    display:block;
    color:#9FA6B2;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:7px;
}

.relatorio-admin-readonly-grid strong{
    display:block;
    color:#ECECEC;
    font-size:13px;
    line-height:1.4;
    word-break:break-word;
}

.relatorio-admin-readonly-grid input[type="date"]{
    width:100%;
    min-height:40px;
    background:#151A22;
    border:1px solid #2B303A;
    color:#ECECEC;
    border-radius:10px;
    padding:0 12px;
    color-scheme:dark;
}

.relatorio-admin-readonly-grid input[type="date"]:focus{
    border-color:#C8A44D;
    box-shadow:0 0 0 3px rgba(200,164,77,.12);
}

/* Textos */

.relatorio-admin-text-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:14px;
    margin-bottom:18px;
}

.relatorio-admin-text-block{
    background:#0F1115;
    border:1px solid #2B303A;
    border-radius:14px;
    padding:14px;
    margin-bottom:18px;
}

.relatorio-admin-text-grid .relatorio-admin-text-block{
    margin-bottom:0;
}

.relatorio-admin-text-block p{
    color:#ECECEC;
    font-size:13px;
    line-height:1.6;
    margin:0;
}

/* Status */

.relatorio-admin-status-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
    margin-top:18px;
}

.relatorio-admin-status-grid .switch-row{
    background:#0F1115;
    border:1px solid #2B303A;
    border-radius:14px;
    padding:13px 14px;
    margin:0;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
}

.relatorio-admin-status-grid .switch-row span{
    color:#ECECEC;
    font-size:13px;
    font-weight:700;
}

/* Barra final */

.relatorio-edit-action-bar{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:12px;
    background:#151A22;
    border:1px solid rgba(200,164,77,.12);
    border-radius:18px;
    padding:16px;
    margin-bottom:22px;
}

.relatorio-edit-action-bar .docs-action-secondary{
    width:auto;
    min-width:150px;
    min-height:42px;
}

/* Empty */

.relatorios-admin-empty{
    padding:34px 22px;
    text-align:center;
}

.relatorios-admin-empty strong{
    display:block;
    color:#F0D37D;
    font-size:18px;
    margin-bottom:8px;
}

.relatorios-admin-empty p{
    color:#9FA6B2;
    font-size:14px;
    line-height:1.6;
    margin-bottom:18px;
}

/* Responsivo */

@media(max-width:1500px){
    .relatorio-admin-edit-kpi-grid{
        grid-template-columns:repeat(3,1fr);
    }

    .relatorio-admin-readonly-grid{
        grid-template-columns:repeat(3,1fr);
    }
}

@media(max-width:1100px){
    .relatorio-edit-toolbar,
    .relatorio-edit-cliente-header,
    .relatorio-edit-panel-header{
        flex-direction:column;
        align-items:flex-start;
    }

    .relatorio-edit-actions,
    .relatorio-edit-actions a{
        width:100%;
    }

    .relatorio-admin-readonly-grid,
    .relatorio-admin-status-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .relatorio-admin-text-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:700px){
    .relatorio-admin-edit-kpi-grid,
    .relatorio-admin-readonly-grid,
    .relatorio-admin-status-grid{
        grid-template-columns:1fr;
    }

    .relatorio-edit-action-bar,
    .relatorio-edit-action-bar .docs-action-secondary{
        width:100%;
    }
}

/* =========================================================
   00.11.3 - MOBILE - FUNCIONÁRIO / EDIÇÃO DE RELATÓRIO
   Complemento para editar_relatorio.php
========================================================= */

@media(max-width:900px){

    /* =========================
       Estrutura geral da edição
    ========================= */

    body.sx-area-funcionario .relatorio-edit-page,
    body.sx-area-funcionario .editar-relatorio-page,
    body.sx-area-funcionario .relatorio-edit-container,
    body.sx-area-funcionario .editar-relatorio-container{
        width:100% !important;
        max-width:100% !important;
        overflow:hidden !important;
        box-sizing:border-box !important;
    }

    body.sx-area-funcionario .relatorio-edit-layout,
    body.sx-area-funcionario .editar-relatorio-layout{
        width:100% !important;
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:14px !important;
        margin:0 !important;
        padding:0 !important;
    }

    body.sx-area-funcionario .relatorio-edit-side,
    body.sx-area-funcionario .editar-relatorio-side,
    body.sx-area-funcionario .relatorio-side-card{
        display:none !important;
    }

    /* =========================
       Header / topo da edição
    ========================= */

    body.sx-area-funcionario .relatorio-edit-header-page,
    body.sx-area-funcionario .editar-relatorio-header,
    body.sx-area-funcionario .relatorio-edit-hero{
        width:100% !important;

        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        gap:16px !important;

        padding:18px 16px !important;
        margin:0 0 16px 0 !important;

        border-radius:22px !important;
        background:
            radial-gradient(circle at top left,rgba(200,164,77,.10),transparent 38%),
            linear-gradient(180deg,#1E232D,#171A21) !important;
        border:1px solid rgba(200,164,77,.15) !important;
        box-shadow:0 14px 34px rgba(0,0,0,.25) !important;

        overflow:hidden !important;
        box-sizing:border-box !important;
    }

    body.sx-area-funcionario .relatorio-edit-header-page h2,
    body.sx-area-funcionario .editar-relatorio-header h2,
    body.sx-area-funcionario .relatorio-edit-hero h2{
        color:#ECECEC !important;
        font-size:24px !important;
        line-height:1.15 !important;
        margin:0 0 8px 0 !important;

        white-space:normal !important;
        word-break:break-word !important;
        overflow-wrap:anywhere !important;
    }

    body.sx-area-funcionario .relatorio-edit-header-page p,
    body.sx-area-funcionario .editar-relatorio-header p,
    body.sx-area-funcionario .relatorio-edit-hero p{
        color:#9FA6B2 !important;
        font-size:12.5px !important;
        line-height:1.5 !important;
        margin:0 !important;
    }

    body.sx-area-funcionario .relatorio-edit-header-actions,
    body.sx-area-funcionario .editar-relatorio-header-actions,
    body.sx-area-funcionario .relatorio-edit-hero-actions{
        width:100% !important;
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:10px !important;
    }

    body.sx-area-funcionario .relatorio-edit-header-actions a,
    body.sx-area-funcionario .editar-relatorio-header-actions a,
    body.sx-area-funcionario .relatorio-edit-hero-actions a{
        width:100% !important;
        min-height:44px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        border-radius:13px !important;
        font-size:12px !important;
        font-weight:900 !important;
        text-align:center !important;
        white-space:nowrap !important;
    }

    /* =========================
       Card principal da edição
    ========================= */

    body.sx-area-funcionario .relatorio-edit-card,
    body.sx-area-funcionario .editar-relatorio-card,
    body.sx-area-funcionario .relatorio-edit-panel,
    body.sx-area-funcionario .editar-relatorio-panel{
        width:100% !important;
        padding:16px !important;
        border-radius:22px !important;

        background:
            radial-gradient(circle at top left,rgba(200,164,77,.08),transparent 36%),
            linear-gradient(180deg,#1E232D,#171A21) !important;
        border:1px solid rgba(200,164,77,.14) !important;
        box-shadow:0 14px 34px rgba(0,0,0,.25) !important;

        overflow:hidden !important;
        box-sizing:border-box !important;
    }

    body.sx-area-funcionario .relatorio-edit-panel-header,
    body.sx-area-funcionario .editar-relatorio-panel-header,
    body.sx-area-funcionario .relatorio-edit-card-header{
        width:100% !important;

        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        gap:10px !important;

        padding:0 0 14px 0 !important;
        margin:0 0 16px 0 !important;

        border-bottom:1px solid rgba(200,164,77,.10) !important;
    }

    body.sx-area-funcionario .relatorio-edit-panel-header h3,
    body.sx-area-funcionario .editar-relatorio-panel-header h3,
    body.sx-area-funcionario .relatorio-edit-card-header h3{
        color:#ECECEC !important;
        font-size:18px !important;
        line-height:1.25 !important;
        margin:0 !important;
    }

    body.sx-area-funcionario .relatorio-edit-panel-header p,
    body.sx-area-funcionario .editar-relatorio-panel-header p,
    body.sx-area-funcionario .relatorio-edit-card-header p{
        color:#9FA6B2 !important;
        font-size:12.5px !important;
        line-height:1.5 !important;
        margin:0 !important;
    }

    /* =========================
       Cards de clientes dentro da edição
    ========================= */

    body.sx-area-funcionario .relatorio-edit-clientes-list,
    body.sx-area-funcionario .editar-relatorio-clientes-list{
        width:100% !important;
        display:flex !important;
        flex-direction:column !important;
        gap:14px !important;
    }

    body.sx-area-funcionario .relatorio-edit-cliente-card,
    body.sx-area-funcionario .editar-relatorio-cliente-card{
        width:100% !important;
        padding:16px !important;
        border-radius:20px !important;

        background:#151A22 !important;
        border:1px solid rgba(200,164,77,.12) !important;
        box-shadow:0 10px 24px rgba(0,0,0,.18) !important;

        overflow:hidden !important;
        box-sizing:border-box !important;
    }

    body.sx-area-funcionario .relatorio-edit-cliente-header,
    body.sx-area-funcionario .editar-relatorio-cliente-header{
        width:100% !important;

        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        gap:8px !important;

        padding-bottom:13px !important;
        margin-bottom:13px !important;

        border-bottom:1px solid rgba(200,164,77,.10) !important;
    }

    body.sx-area-funcionario .relatorio-edit-cliente-header h3,
    body.sx-area-funcionario .editar-relatorio-cliente-header h3{
        color:#ECECEC !important;
        font-size:17px !important;
        line-height:1.25 !important;
        margin:0 !important;

        word-break:break-word !important;
        overflow-wrap:anywhere !important;
    }

    body.sx-area-funcionario .relatorio-edit-cliente-header small,
    body.sx-area-funcionario .editar-relatorio-cliente-header small{
        color:#9FA6B2 !important;
        font-size:11.5px !important;
        line-height:1.4 !important;
    }

    /* =========================
       Grids de dados do cliente na edição
    ========================= */

    body.sx-area-funcionario .relatorio-edit-cliente-info-grid,
    body.sx-area-funcionario .editar-relatorio-cliente-info-grid,
    body.sx-area-funcionario .relatorio-cliente-info-grid{
        width:100% !important;

        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:10px !important;

        margin:12px 0 0 0 !important;
        padding:0 !important;

        box-sizing:border-box !important;
    }

    body.sx-area-funcionario .relatorio-edit-cliente-info-grid > div,
    body.sx-area-funcionario .editar-relatorio-cliente-info-grid > div,
    body.sx-area-funcionario .relatorio-cliente-info-grid > div{
        width:100% !important;
        min-width:0 !important;
        min-height:78px !important;

        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        justify-content:flex-start !important;
        gap:6px !important;

        padding:12px 13px !important;

        background:#0F1115 !important;
        border:1px solid rgba(200,164,77,.10) !important;
        border-radius:14px !important;

        overflow:hidden !important;
        box-sizing:border-box !important;
    }

    body.sx-area-funcionario .relatorio-edit-cliente-info-grid small,
    body.sx-area-funcionario .editar-relatorio-cliente-info-grid small,
    body.sx-area-funcionario .relatorio-cliente-info-grid small{
        color:#C8A44D !important;
        font-size:9.8px !important;
        line-height:1.2 !important;
        font-weight:900 !important;
        letter-spacing:.7px !important;
        text-transform:uppercase !important;
        margin:0 !important;
    }

    body.sx-area-funcionario .relatorio-edit-cliente-info-grid strong,
    body.sx-area-funcionario .editar-relatorio-cliente-info-grid strong,
    body.sx-area-funcionario .relatorio-cliente-info-grid strong{
        display:block !important;
        width:100% !important;

        color:#ECECEC !important;
        font-size:12.8px !important;
        line-height:1.35 !important;
        font-weight:900 !important;

        margin:0 !important;

        white-space:normal !important;
        word-break:break-word !important;
        overflow-wrap:anywhere !important;
    }

    /* Valor solicitado geralmente fica melhor em linha inteira */
    body.sx-area-funcionario .relatorio-edit-cliente-info-grid > div:nth-child(6),
    body.sx-area-funcionario .editar-relatorio-cliente-info-grid > div:nth-child(6),
    body.sx-area-funcionario .relatorio-cliente-info-grid > div:nth-child(6){
        grid-column:1 / -1 !important;
    }

    body.sx-area-funcionario .relatorio-edit-cliente-info-grid > div:nth-child(6) strong,
    body.sx-area-funcionario .editar-relatorio-cliente-info-grid > div:nth-child(6) strong,
    body.sx-area-funcionario .relatorio-cliente-info-grid > div:nth-child(6) strong{
        color:#F0D37D !important;
        font-size:15px !important;
    }

    /* =========================
       Campos de acompanhamento/status
    ========================= */

    body.sx-area-funcionario .relatorio-edit-acompanhamento,
    body.sx-area-funcionario .editar-relatorio-acompanhamento,
    body.sx-area-funcionario .relatorio-acompanhamento-grid,
    body.sx-area-funcionario .relatorio-edit-status-grid,
    body.sx-area-funcionario .editar-relatorio-status-grid{
        width:100% !important;

        display:grid !important;
        grid-template-columns:1fr !important;
        gap:12px !important;

        margin-top:14px !important;
    }

    body.sx-area-funcionario .relatorio-edit-acompanhamento .form-group,
    body.sx-area-funcionario .editar-relatorio-acompanhamento .form-group,
    body.sx-area-funcionario .relatorio-acompanhamento-grid .form-group{
        width:100% !important;
        margin:0 !important;
    }

    body.sx-area-funcionario .relatorio-edit-acompanhamento label,
    body.sx-area-funcionario .editar-relatorio-acompanhamento label,
    body.sx-area-funcionario .relatorio-acompanhamento-grid label{
        display:block !important;
        margin-bottom:6px !important;

        color:#D8BD69 !important;
        font-size:11px !important;
        line-height:1.2 !important;
        font-weight:900 !important;
        letter-spacing:.7px !important;
        text-transform:uppercase !important;
    }

    body.sx-area-funcionario .relatorio-edit-acompanhamento input,
    body.sx-area-funcionario .relatorio-edit-acompanhamento select,
    body.sx-area-funcionario .relatorio-edit-acompanhamento textarea,
    body.sx-area-funcionario .editar-relatorio-acompanhamento input,
    body.sx-area-funcionario .editar-relatorio-acompanhamento select,
    body.sx-area-funcionario .editar-relatorio-acompanhamento textarea,
    body.sx-area-funcionario .relatorio-acompanhamento-grid input,
    body.sx-area-funcionario .relatorio-acompanhamento-grid select,
    body.sx-area-funcionario .relatorio-acompanhamento-grid textarea{
        width:100% !important;
        max-width:100% !important;

        background:#0F1115 !important;
        border:1px solid #2B303A !important;
        color:#ECECEC !important;

        border-radius:12px !important;
        font-size:13px !important;
        line-height:1.35 !important;

        box-sizing:border-box !important;
    }

    body.sx-area-funcionario .relatorio-edit-acompanhamento input,
    body.sx-area-funcionario .relatorio-edit-acompanhamento select,
    body.sx-area-funcionario .editar-relatorio-acompanhamento input,
    body.sx-area-funcionario .editar-relatorio-acompanhamento select,
    body.sx-area-funcionario .relatorio-acompanhamento-grid input,
    body.sx-area-funcionario .relatorio-acompanhamento-grid select{
        min-height:44px !important;
        height:44px !important;
        padding:0 12px !important;
    }

    body.sx-area-funcionario .relatorio-edit-acompanhamento textarea,
    body.sx-area-funcionario .editar-relatorio-acompanhamento textarea,
    body.sx-area-funcionario .relatorio-acompanhamento-grid textarea{
        min-height:120px !important;
        padding:12px !important;
        resize:vertical !important;
    }

    /* =========================
       Switches dentro da edição do relatório
    ========================= */

    body.sx-area-funcionario .relatorio-edit-status,
    body.sx-area-funcionario .editar-relatorio-status{
        width:100% !important;

        display:grid !important;
        grid-template-columns:1fr !important;
        gap:10px !important;

        margin:16px 0 0 0 !important;
        padding:14px !important;

        border-radius:18px !important;
        background:#151A22 !important;
        border:1px solid rgba(200,164,77,.12) !important;

        box-sizing:border-box !important;
    }

    body.sx-area-funcionario .relatorio-edit-status .switch-row,
    body.sx-area-funcionario .editar-relatorio-status .switch-row{
        width:100% !important;
        min-height:50px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        gap:12px !important;

        padding:12px 13px !important;
        border-radius:15px !important;

        background:#0F1115 !important;
        border:1px solid rgba(200,164,77,.10) !important;

        box-sizing:border-box !important;
    }

    body.sx-area-funcionario .relatorio-edit-status .switch-row span,
    body.sx-area-funcionario .editar-relatorio-status .switch-row span{
        color:#ECECEC !important;
        font-size:12.5px !important;
        line-height:1.3 !important;
        font-weight:800 !important;
    }

    body.sx-area-funcionario .relatorio-edit-status .switch,
    body.sx-area-funcionario .editar-relatorio-status .switch{
        flex:0 0 auto !important;
        margin:0 !important;
        transform:scale(.92) !important;
        transform-origin:right center !important;
    }

    /* =========================
       Textos finais da edição
    ========================= */

    body.sx-area-funcionario .relatorio-edit-text-grid,
    body.sx-area-funcionario .editar-relatorio-text-grid{
        width:100% !important;

        display:grid !important;
        grid-template-columns:1fr !important;
        gap:14px !important;

        margin-top:16px !important;
    }

    body.sx-area-funcionario .relatorio-edit-text-card,
    body.sx-area-funcionario .editar-relatorio-text-card{
        width:100% !important;
        padding:15px 14px !important;
        border-radius:18px !important;

        background:
            radial-gradient(circle at top left,rgba(200,164,77,.07),transparent 36%),
            linear-gradient(180deg,#1E232D,#171A21) !important;
        border:1px solid rgba(200,164,77,.13) !important;
        box-shadow:0 10px 24px rgba(0,0,0,.18) !important;

        overflow:hidden !important;
        box-sizing:border-box !important;
    }

    body.sx-area-funcionario .relatorio-edit-text-card textarea,
    body.sx-area-funcionario .editar-relatorio-text-card textarea,
    body.sx-area-funcionario textarea[name="observacoes_gerais"],
    body.sx-area-funcionario textarea[name="planejamento_proximo_dia"]{
        width:100% !important;
        min-height:140px !important;

        padding:12px !important;

        background:#0F1115 !important;
        border:1px solid #2B303A !important;
        color:#ECECEC !important;

        border-radius:13px !important;
        font-size:13px !important;
        line-height:1.5 !important;
        resize:vertical !important;

        box-sizing:border-box !important;
    }

    /* =========================
       Barra final de ações
    ========================= */

    body.sx-area-funcionario .relatorio-edit-actions,
    body.sx-area-funcionario .editar-relatorio-actions,
    body.sx-area-funcionario .relatorio-edit-action-bar,
    body.sx-area-funcionario .editar-relatorio-action-bar{
        width:100% !important;

        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:10px !important;

        margin:18px 0 0 0 !important;
        padding:14px !important;

        border-radius:18px !important;
        background:
            radial-gradient(circle at top left,rgba(200,164,77,.08),transparent 36%),
            linear-gradient(180deg,#1E232D,#171A21) !important;
        border:1px solid rgba(200,164,77,.14) !important;

        box-sizing:border-box !important;
    }

    body.sx-area-funcionario .relatorio-edit-actions a,
    body.sx-area-funcionario .relatorio-edit-actions button,
    body.sx-area-funcionario .editar-relatorio-actions a,
    body.sx-area-funcionario .editar-relatorio-actions button,
    body.sx-area-funcionario .relatorio-edit-action-bar a,
    body.sx-area-funcionario .relatorio-edit-action-bar button,
    body.sx-area-funcionario .editar-relatorio-action-bar a,
    body.sx-area-funcionario .editar-relatorio-action-bar button{
        width:100% !important;
        min-height:46px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        padding:0 14px !important;
        border-radius:13px !important;

        font-size:12px !important;
        font-weight:900 !important;
        line-height:1 !important;
        text-align:center !important;
        text-transform:uppercase !important;
        letter-spacing:.6px !important;
        white-space:nowrap !important;

        box-sizing:border-box !important;
    }
}

@media(max-width:520px){

    body.sx-area-funcionario .relatorio-edit-header-page,
    body.sx-area-funcionario .editar-relatorio-header,
    body.sx-area-funcionario .relatorio-edit-hero{
        padding:16px 14px !important;
        border-radius:20px !important;
    }

    body.sx-area-funcionario .relatorio-edit-header-page h2,
    body.sx-area-funcionario .editar-relatorio-header h2,
    body.sx-area-funcionario .relatorio-edit-hero h2{
        font-size:22px !important;
    }

    body.sx-area-funcionario .relatorio-edit-header-actions,
    body.sx-area-funcionario .editar-relatorio-header-actions,
    body.sx-area-funcionario .relatorio-edit-hero-actions{
        grid-template-columns:1fr !important;
    }

    body.sx-area-funcionario .relatorio-edit-card,
    body.sx-area-funcionario .editar-relatorio-card,
    body.sx-area-funcionario .relatorio-edit-panel,
    body.sx-area-funcionario .editar-relatorio-panel,
    body.sx-area-funcionario .relatorio-edit-cliente-card,
    body.sx-area-funcionario .editar-relatorio-cliente-card{
        padding:14px !important;
        border-radius:18px !important;
    }

    body.sx-area-funcionario .relatorio-edit-cliente-info-grid,
    body.sx-area-funcionario .editar-relatorio-cliente-info-grid,
    body.sx-area-funcionario .relatorio-cliente-info-grid{
        grid-template-columns:1fr !important;
        gap:9px !important;
        margin-top:10px !important;
    }

    body.sx-area-funcionario .relatorio-edit-cliente-info-grid > div,
    body.sx-area-funcionario .editar-relatorio-cliente-info-grid > div,
    body.sx-area-funcionario .relatorio-cliente-info-grid > div{
        grid-column:auto !important;
        min-height:auto !important;
        padding:12px !important;
        border-radius:13px !important;
    }

    body.sx-area-funcionario .relatorio-edit-status,
    body.sx-area-funcionario .editar-relatorio-status,
    body.sx-area-funcionario .relatorio-edit-actions,
    body.sx-area-funcionario .editar-relatorio-actions,
    body.sx-area-funcionario .relatorio-edit-action-bar,
    body.sx-area-funcionario .editar-relatorio-action-bar{
        grid-template-columns:1fr !important;
        padding:13px !important;
        border-radius:17px !important;
    }

    body.sx-area-funcionario .relatorio-edit-actions a,
    body.sx-area-funcionario .relatorio-edit-actions button,
    body.sx-area-funcionario .editar-relatorio-actions a,
    body.sx-area-funcionario .editar-relatorio-actions button,
    body.sx-area-funcionario .relatorio-edit-action-bar a,
    body.sx-area-funcionario .relatorio-edit-action-bar button,
    body.sx-area-funcionario .editar-relatorio-action-bar a,
    body.sx-area-funcionario .editar-relatorio-action-bar button{
        min-height:44px !important;
    }
}

/* =========================================================
   00.12 - MOBILE - ADMIN / VISUALIZAR E EDITAR CLIENTE
========================================================= */

@media(max-width:900px){

    /* =========================
       Estrutura geral
    ========================= */

    body.sx-area-admin .cliente-view-layout,
    body.sx-area-admin .cliente-edit-layout{
        width:100% !important;
        max-width:100% !important;

        display:grid !important;
        grid-template-columns:1fr !important;
        gap:14px !important;

        margin:0 !important;
        padding:0 !important;

        overflow:hidden !important;
        box-sizing:border-box !important;
    }

    body.sx-area-admin .cliente-view-main,
    body.sx-area-admin .cliente-view-content,
    body.sx-area-admin .cliente-edit-card{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        box-sizing:border-box !important;
    }
	
    body.sx-area-admin .cliente-edit-card{
        position:relative !important;
    }

    /* Oculta a lateral no mobile para não quebrar o layout */
    body.sx-area-admin .cliente-view-side{
        display:none !important;
        visibility:hidden !important;
        width:0 !important;
        height:0 !important;
        min-width:0 !important;
        min-height:0 !important;
        padding:0 !important;
        margin:0 !important;
        overflow:hidden !important;
    }

    /* =========================
       HERO - Visualizar cliente
    ========================= */

    body.sx-area-admin .cliente-view-hero{
        width:100% !important;

        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        gap:16px !important;

        padding:18px 16px !important;
        margin:0 0 16px 0 !important;

        border-radius:22px !important;
        background:
            radial-gradient(circle at top left,rgba(200,164,77,.10),transparent 38%),
            linear-gradient(180deg,#1E232D,#171A21) !important;
        border:1px solid rgba(200,164,77,.15) !important;
        box-shadow:0 14px 34px rgba(0,0,0,.25) !important;

        overflow:hidden !important;
        box-sizing:border-box !important;
    }

    body.sx-area-admin .cliente-view-hero > div:first-child{
        width:100% !important;
        min-width:0 !important;
    }

    body.sx-area-admin .cliente-view-hero span{
        display:inline-flex !important;
        width:max-content !important;
        max-width:100% !important;

        color:#C8A44D !important;
        background:rgba(200,164,77,.08) !important;
        border:1px solid rgba(200,164,77,.16) !important;

        padding:6px 10px !important;
        border-radius:999px !important;

        font-size:10.5px !important;
        font-weight:900 !important;
        line-height:1 !important;
        letter-spacing:.7px !important;
        text-transform:uppercase !important;
    }

    body.sx-area-admin .cliente-view-hero h2{
        color:#ECECEC !important;
        font-size:24px !important;
        line-height:1.15 !important;
        margin:12px 0 6px 0 !important;

        white-space:normal !important;
        word-break:break-word !important;
        overflow-wrap:anywhere !important;
    }

    body.sx-area-admin .cliente-view-hero p{
        color:#9FA6B2 !important;
        font-size:12.5px !important;
        line-height:1.45 !important;
        margin:0 !important;
    }

    body.sx-area-admin .cliente-view-hero-actions{
        width:100% !important;

        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:10px !important;
    }

    body.sx-area-admin .cliente-view-hero-actions a,
    body.sx-area-admin .cliente-view-hero-actions .docs-main-btn,
    body.sx-area-admin .cliente-view-hero-actions .docs-back-btn{
        width:100% !important;
        min-width:0 !important;
        min-height:44px !important;
        height:44px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        padding:0 12px !important;
        border-radius:13px !important;

        font-size:12px !important;
        font-weight:900 !important;
        text-align:center !important;
        white-space:nowrap !important;

        box-sizing:border-box !important;
    }

    /* =========================
       KPIs - Visualizar cliente
    ========================= */

    body.sx-area-admin .cliente-view-kpi-grid{
        width:100% !important;

        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:12px !important;

        margin:0 0 16px 0 !important;
    }

    body.sx-area-admin .cliente-view-kpi{
        width:100% !important;
        min-height:112px !important;

        display:flex !important;
        flex-direction:column !important;
        justify-content:space-between !important;
        gap:8px !important;

        padding:15px 14px !important;
        border-radius:18px !important;

        background:
            radial-gradient(circle at top left,rgba(200,164,77,.08),transparent 36%),
            linear-gradient(180deg,#1E232D,#171A21) !important;
        border:1px solid rgba(200,164,77,.14) !important;
        box-shadow:0 12px 28px rgba(0,0,0,.22) !important;

        overflow:hidden !important;
        box-sizing:border-box !important;
    }

    body.sx-area-admin .cliente-view-kpi span{
        color:#C8A44D !important;
        font-size:10.5px !important;
        line-height:1.25 !important;
        font-weight:900 !important;
        letter-spacing:.7px !important;
        text-transform:uppercase !important;
    }

    body.sx-area-admin .cliente-view-kpi strong{
        color:#ECECEC !important;
        font-size:20px !important;
        line-height:1.12 !important;
        font-weight:900 !important;

        white-space:normal !important;
        word-break:break-word !important;
        overflow-wrap:anywhere !important;
    }

    body.sx-area-admin .cliente-view-kpi small{
        color:#8E98AA !important;
        font-size:11px !important;
        line-height:1.35 !important;
    }

    body.sx-area-admin .cliente-view-kpi-money{
        grid-column:1 / -1 !important;
    }

    body.sx-area-admin .cliente-view-kpi-money strong{
        color:#F0D37D !important;
        font-size:22px !important;
    }

    /* =========================
       Cards e dados da visualização
    ========================= */

    body.sx-area-admin .cliente-view-card,
    body.sx-area-admin .cliente-card,
    body.sx-area-admin .cliente-panel{
        width:100% !important;
        padding:16px !important;
        border-radius:20px !important;

        background:
            radial-gradient(circle at top left,rgba(200,164,77,.08),transparent 36%),
            linear-gradient(180deg,#1E232D,#171A21) !important;
        border:1px solid rgba(200,164,77,.14) !important;
        box-shadow:0 12px 28px rgba(0,0,0,.22) !important;

        overflow:hidden !important;
        box-sizing:border-box !important;
    }

    body.sx-area-admin .cliente-view-header,
    body.sx-area-admin .cliente-panel-header,
    body.sx-area-admin .cliente-card-header{
        width:100% !important;

        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        gap:10px !important;

        padding:0 0 14px 0 !important;
        margin:0 0 14px 0 !important;
        border-bottom:1px solid rgba(200,164,77,.10) !important;
    }

    body.sx-area-admin .cliente-view-header h2,
    body.sx-area-admin .cliente-view-header h3,
    body.sx-area-admin .cliente-panel-header h2,
    body.sx-area-admin .cliente-panel-header h3,
    body.sx-area-admin .cliente-card-header h2,
    body.sx-area-admin .cliente-card-header h3{
        color:#ECECEC !important;
        font-size:20px !important;
        line-height:1.2 !important;
        margin:0 !important;

        white-space:normal !important;
        word-break:break-word !important;
        overflow-wrap:anywhere !important;
    }

    body.sx-area-admin .cliente-info-grid,
    body.sx-area-admin .cliente-data-grid,
    body.sx-area-admin .cliente-detail-grid,
    body.sx-area-admin .cliente-dados-grid{
        width:100% !important;

        display:grid !important;
        grid-template-columns:1fr !important;
        gap:11px !important;
    }

    body.sx-area-admin .cliente-info-item,
    body.sx-area-admin .cliente-data-item,
    body.sx-area-admin .cliente-detail-card,
    body.sx-area-admin .cliente-dado-card{
        width:100% !important;

        display:flex !important;
        flex-direction:column !important;
        gap:5px !important;

        padding:13px 14px !important;
        border-radius:15px !important;

        background:#0F1115 !important;
        border:1px solid rgba(200,164,77,.10) !important;

        overflow:hidden !important;
        box-sizing:border-box !important;
    }

    body.sx-area-admin .cliente-info-item small,
    body.sx-area-admin .cliente-data-item small,
    body.sx-area-admin .cliente-detail-card small,
    body.sx-area-admin .cliente-dado-card small{
        color:#C8A44D !important;
        font-size:10px !important;
        line-height:1.2 !important;
        font-weight:900 !important;
        letter-spacing:.8px !important;
        text-transform:uppercase !important;
    }

    body.sx-area-admin .cliente-info-item strong,
    body.sx-area-admin .cliente-data-item strong,
    body.sx-area-admin .cliente-detail-card strong,
    body.sx-area-admin .cliente-dado-card strong{
        color:#ECECEC !important;
        font-size:13.5px !important;
        line-height:1.35 !important;
        font-weight:900 !important;

        word-break:break-word !important;
        overflow-wrap:anywhere !important;
    }

    body.sx-area-admin .cliente-info-item p,
    body.sx-area-admin .cliente-data-item p,
    body.sx-area-admin .cliente-detail-card p,
    body.sx-area-admin .cliente-dado-card p{
        color:#9FA6B2 !important;
        font-size:12px !important;
        line-height:1.5 !important;
        margin:0 !important;

        word-break:break-word !important;
        overflow-wrap:anywhere !important;
    }

    /* =========================
       EDITAR CLIENTE - Card principal
    ========================= */

    body.sx-area-admin .cliente-edit-card{
        width:100% !important;
        padding:16px !important;
        border-radius:22px !important;

        background:
            radial-gradient(circle at top left,rgba(200,164,77,.08),transparent 36%),
            linear-gradient(180deg,#1E232D,#171A21) !important;
        border:1px solid rgba(200,164,77,.14) !important;
        box-shadow:0 14px 34px rgba(0,0,0,.25) !important;

        overflow:hidden !important;
        box-sizing:border-box !important;
    }

    body.sx-area-admin .cliente-edit-header{
        width:100% !important;

        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        gap:12px !important;

        padding:0 0 14px 0 !important;
        margin:0 0 16px 0 !important;

        border-bottom:1px solid rgba(200,164,77,.10) !important;
    }
	
    body.sx-area-admin .cliente-edit-header{
        position:static !important;
        padding-right:56px !important;
    }

    body.sx-area-admin .cliente-edit-header > div{
        width:100% !important;
        min-width:0 !important;
    }

    body.sx-area-admin .cliente-edit-header span{
        display:inline-flex !important;
        width:max-content !important;
        max-width:100% !important;

        color:#C8A44D !important;
        background:rgba(200,164,77,.08) !important;
        border:1px solid rgba(200,164,77,.16) !important;

        padding:6px 10px !important;
        border-radius:999px !important;

        font-size:10.5px !important;
        font-weight:900 !important;
        line-height:1 !important;
        letter-spacing:.7px !important;
        text-transform:uppercase !important;
    }

    body.sx-area-admin .cliente-edit-header h3{
        color:#ECECEC !important;
        font-size:22px !important;
        line-height:1.15 !important;
        margin:12px 0 6px 0 !important;

        white-space:normal !important;
        word-break:break-word !important;
        overflow-wrap:anywhere !important;
    }

    body.sx-area-admin .cliente-edit-header p{
        color:#9FA6B2 !important;
        font-size:12.5px !important;
        line-height:1.45 !important;
        margin:0 !important;
    }
	
body.sx-area-admin .cliente-edit-header > strong{
        position:absolute !important;
        top:16px !important;
        right:16px !important;
        z-index:5 !important;

        width:42px !important;
        height:42px !important;
        min-width:42px !important;
        min-height:42px !important;
        max-width:42px !important;
        max-height:42px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        padding:0 !important;
        margin:0 !important;

        border-radius:50% !important;

        color:#11151D !important;
        background:#C8A44D !important;
        border:1px solid rgba(255,255,255,.18) !important;
        box-shadow:0 8px 20px rgba(0,0,0,.30) !important;

        font-size:12px !important;
        font-weight:900 !important;
        line-height:1 !important;
        letter-spacing:.5px !important;
        text-align:center !important;
        text-transform:uppercase !important;
    }

    /* =========================
       EDITAR CLIENTE - Formulário
    ========================= */

    body.sx-area-admin .cliente-edit-grid{
        width:100% !important;

        display:grid !important;
        grid-template-columns:1fr !important;
        gap:13px !important;

        margin:0 !important;
        box-sizing:border-box !important;
    }

    body.sx-area-admin .cliente-edit-grid .form-group,
    body.sx-area-admin .cliente-edit-grid .form-group.full-width{
        width:100% !important;
        grid-column:1 / -1 !important;
        margin:0 !important;
    }

    body.sx-area-admin .cliente-edit-grid label{
        display:block !important;
        margin-bottom:6px !important;

        color:#D8BD69 !important;
        font-size:11px !important;
        line-height:1.2 !important;
        font-weight:900 !important;
        letter-spacing:.7px !important;
        text-transform:uppercase !important;
    }

    body.sx-area-admin .cliente-edit-grid input,
    body.sx-area-admin .cliente-edit-grid select,
    body.sx-area-admin .cliente-edit-grid textarea{
        width:100% !important;
        max-width:100% !important;

        background:#0F1115 !important;
        border:1px solid #2B303A !important;
        color:#ECECEC !important;

        border-radius:12px !important;
        font-size:13px !important;
        line-height:1.35 !important;

        box-sizing:border-box !important;
    }

    body.sx-area-admin .cliente-edit-grid input,
    body.sx-area-admin .cliente-edit-grid select{
        min-height:44px !important;
        height:44px !important;
        padding:0 12px !important;
    }

    body.sx-area-admin .cliente-edit-grid textarea{
        min-height:112px !important;
        padding:12px !important;
        resize:vertical !important;
    }

    body.sx-area-admin .cliente-edit-grid input:focus,
    body.sx-area-admin .cliente-edit-grid select:focus,
    body.sx-area-admin .cliente-edit-grid textarea:focus{
        outline:none !important;
        border-color:#C8A44D !important;
        box-shadow:0 0 0 3px rgba(200,164,77,.12) !important;
    }

    body.sx-area-admin .cliente-edit-grid input[type="date"]{
        color-scheme:dark !important;
    }

    /* =========================
       EDITAR CLIENTE - Status
    ========================= */

    body.sx-area-admin .cliente-edit-status{
        width:100% !important;

        display:grid !important;
        grid-template-columns:1fr !important;
        gap:10px !important;

        margin:16px 0 0 0 !important;
        padding:14px !important;

        border-radius:18px !important;
        background:#151A22 !important;
        border:1px solid rgba(200,164,77,.12) !important;

        box-sizing:border-box !important;
    }

    body.sx-area-admin .cliente-edit-status .switch-row{
        width:100% !important;
        min-height:50px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        gap:12px !important;

        padding:12px 13px !important;
        border-radius:15px !important;

        background:#0F1115 !important;
        border:1px solid rgba(200,164,77,.10) !important;

        box-sizing:border-box !important;
    }

    body.sx-area-admin .cliente-edit-status .switch-row span{
        color:#ECECEC !important;
        font-size:12.5px !important;
        line-height:1.3 !important;
        font-weight:800 !important;
    }

    body.sx-area-admin .cliente-edit-status .switch{
        flex:0 0 auto !important;
        margin:0 !important;
        transform:scale(.92) !important;
        transform-origin:right center !important;
    }

    /* =========================
       EDITAR CLIENTE - Ações
    ========================= */

    body.sx-area-admin .cliente-edit-actions{
        width:100% !important;

        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:10px !important;

        margin:16px 0 0 0 !important;
        padding:14px !important;

        border-radius:18px !important;
        background:
            radial-gradient(circle at top left,rgba(200,164,77,.08),transparent 36%),
            linear-gradient(180deg,#1E232D,#171A21) !important;
        border:1px solid rgba(200,164,77,.14) !important;

        box-sizing:border-box !important;
    }

    body.sx-area-admin .cliente-edit-actions a,
    body.sx-area-admin .cliente-edit-actions button,
    body.sx-area-admin .cliente-edit-actions .clientes-back-btn,
    body.sx-area-admin .cliente-edit-actions .clientes-main-btn{
        width:100% !important;
        min-width:0 !important;
        min-height:46px !important;
        height:46px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        padding:0 14px !important;
        border-radius:13px !important;

        font-size:12px !important;
        font-weight:900 !important;
        line-height:1 !important;
        text-align:center !important;
        text-transform:uppercase !important;
        letter-spacing:.6px !important;
        white-space:nowrap !important;

        box-sizing:border-box !important;
    }
}

@media(max-width:520px){

    body.sx-area-admin .cliente-view-hero{
        padding:16px 14px !important;
        border-radius:20px !important;
    }

    body.sx-area-admin .cliente-view-hero h2{
        font-size:22px !important;
    }

    body.sx-area-admin .cliente-view-hero-actions{
        grid-template-columns:1fr !important;
    }

    body.sx-area-admin .cliente-view-kpi-grid{
        grid-template-columns:1fr !important;
        gap:11px !important;
    }

    body.sx-area-admin .cliente-view-kpi,
    body.sx-area-admin .cliente-view-kpi-money{
        grid-column:auto !important;
        min-height:auto !important;
        padding:14px !important;
    }

    body.sx-area-admin .cliente-view-kpi strong{
        font-size:19px !important;
    }

    body.sx-area-admin .cliente-view-kpi-money strong{
        font-size:20px !important;
    }

    body.sx-area-admin .cliente-view-card,
    body.sx-area-admin .cliente-card,
    body.sx-area-admin .cliente-panel,
    body.sx-area-admin .cliente-edit-card{
        padding:14px !important;
        border-radius:20px !important;
    }

    body.sx-area-admin .cliente-edit-header h3{
        font-size:20px !important;
    }

    body.sx-area-admin .cliente-edit-status,
    body.sx-area-admin .cliente-edit-actions{
        padding:13px !important;
        border-radius:17px !important;
    }

    body.sx-area-admin .cliente-edit-actions{
        grid-template-columns:1fr !important;
    }

    body.sx-area-admin .cliente-edit-actions a,
    body.sx-area-admin .cliente-edit-actions button,
    body.sx-area-admin .cliente-edit-actions .clientes-back-btn,
    body.sx-area-admin .cliente-edit-actions .clientes-main-btn{
        min-height:44px !important;
        height:44px !important;
    }

    body.sx-area-admin .cliente-edit-header{
        padding-right:52px !important;
    }

    body.sx-area-admin .cliente-edit-header > strong{
        top:14px !important;
        right:14px !important;

        width:40px !important;
        height:40px !important;
        min-width:40px !important;
        min-height:40px !important;
        max-width:40px !important;
        max-height:40px !important;

        font-size:11.5px !important;
    }

}

/* =========================================================
   AJUSTE FINO - CENTRALIZAÇÃO DAS PILLS / STATUS
========================================================= */

.sx-pill,
.sx-pill-ok,
.sx-pill-danger,
.sx-pill-warning,
.sx-pill-info{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:auto !important;
    max-width:max-content !important;

    min-height:26px !important;
    height:26px !important;

    padding:0 10px !important;

    line-height:1 !important;
    text-align:center !important;
    vertical-align:middle !important;

    box-sizing:border-box !important;
}

/* Ajuste óptico do texto */
.sx-pill,
.sx-pill-ok,
.sx-pill-danger,
.sx-pill-warning,
.sx-pill-info{
    padding-top:1px !important;
}

/* Mobile um pouco menor */
@media(max-width:900px){

    .sx-pill,
    .sx-pill-ok,
    .sx-pill-danger,
    .sx-pill-warning,
    .sx-pill-info{
        min-height:24px !important;
        height:24px !important;
        padding:1px 9px 0 9px !important;
        font-size:10px !important;
        line-height:1 !important;
    }
}

/* =========================================================
   00 - MOBILE SOPHYX - GAVETA SUPERIOR PREMIUM
========================================================= */

.sx-mobile-menu-logo,
.sx-mobile-menu-overlay,
.sx-mobile-menu-dock,
.sx-mobile-top-logo{
    display:none;
}

@media(max-width:900px){

    :root{
    --sx-mobile-logo-size:82px;
    --sx-mobile-handle-height:68px;
    --sx-mobile-gap-after-handle:54px;
    --sx-mobile-topbar-height:104px;
    --sx-mobile-drawer-height:528px;
    --sx-mobile-closed-offset:calc((var(--sx-mobile-drawer-height) - var(--sx-mobile-handle-height)) * -1);
}

    html,
    body{
        overflow-x:hidden !important;
    }

    body.sx-mobile-menu-open{
        overflow:hidden !important;
    }

    .content{
        width:100% !important;
        max-width:100% !important;
        margin-left:0 !important;
        padding:calc(
            var(--sx-mobile-handle-height) +
            var(--sx-mobile-gap-after-handle) +
            var(--sx-mobile-topbar-height) +
            24px
        ) 14px 24px 14px !important;
        overflow-x:hidden !important;
    }

    /* TOPO DA PÁGINA ABAIXO DA BASE DA GAVETA */
    .topbar,
    .sx-topbar{
        position:fixed !important;
        top:calc(var(--sx-mobile-handle-height) + var(--sx-mobile-gap-after-handle)) !important;
        left:0 !important;
        right:0 !important;
        z-index:9990 !important;
        min-height:var(--sx-mobile-topbar-height) !important;
        padding:18px 14px !important;
        background:linear-gradient(180deg,rgba(15,17,21,.98),rgba(15,17,21,.94)) !important;
        border-bottom:1px solid rgba(200,164,77,.12);
        box-shadow:0 16px 34px rgba(0,0,0,.30);
        backdrop-filter:blur(14px);
    }

    .topbar h1,
    .topbar h2,
    .sx-topbar h1,
    .sx-topbar h2{
        font-size:19px !important;
        line-height:1.25 !important;
        max-width:100% !important;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }

    .topbar p,
    .sx-topbar p{
        font-size:12px !important;
        line-height:1.4 !important;
    }

    /* GAVETA: FECHADA MOSTRA SÓ A BASE SUPERIOR */
    .sidebar.sophyx-sidebar,
    .sophyx-sidebar{
        position:fixed !important;
        top:0 !important;
        left:0 !important;
        right:0 !important;
        bottom:auto !important;
        width:100vw !important;
        max-width:100vw !important;
        height:var(--sx-mobile-drawer-height) !important;
        z-index:10020 !important;
        transform:translateY(var(--sx-mobile-closed-offset)) !important;
        transition:transform .42s cubic-bezier(.22,1,.36,1) !important;
        overflow:hidden !important;
        border-radius:0 0 32px 32px !important;
        border-right:none !important;
        border-bottom:1px solid rgba(240,211,125,.24) !important;
        background:
            radial-gradient(circle at bottom center,rgba(200,164,77,.11),transparent 38%),
            linear-gradient(180deg,#171A21,#0F1115) !important;
        box-shadow:0 22px 70px rgba(0,0,0,.58) !important;
        padding:0 !important;
    }

    body.sx-mobile-menu-open .sidebar.sophyx-sidebar,
    body.sx-mobile-menu-open .sophyx-sidebar{
        transform:translateY(0) !important;
    }

    /* BASE VISÍVEL DA GAVETA */
    .sophyx-sidebar::after{
        content:"";
        position:absolute;
        left:0;
        right:0;
        bottom:0;
        height:var(--sx-mobile-handle-height);
        pointer-events:none;
        background:
            radial-gradient(circle at center,rgba(240,211,125,.09),transparent 44%),
            linear-gradient(180deg,rgba(20,24,32,.20),rgba(15,17,21,.98));
        border-top:1px solid rgba(200,164,77,.10);
    }

    /* REMOVE LOGO/MARCA DA VERSÃO DESKTOP NO MOBILE */
    .sophyx-sidebar > .sophyx-sidebar-brand,
    .sophyx-sidebar-brand,
    .sophyx-sidebar-logo,
    .sophyx-sidebar-brand-text,
    .sidebar-header,
    .sidebar-logo{
        display:none !important;
        height:0 !important;
        min-height:0 !important;
        padding:0 !important;
        margin:0 !important;
        overflow:hidden !important;
        visibility:hidden !important;
        pointer-events:none !important;
    }

    /* MENU EM COLUNA */
    .sophyx-sidebar-nav{
        display:flex !important;
        flex-direction:column !important;
        gap:7px !important;
        padding:22px 22px 12px 22px !important;
        margin:0 !important;
        overflow:hidden !important;
        opacity:0;
        transform:translateY(-10px);
        transition:opacity .22s ease .10s, transform .28s ease .10s;
    }

    body.sx-mobile-menu-open .sophyx-sidebar-nav{
        opacity:1;
        transform:translateY(0);
    }

    .sophyx-menu-section{
        display:block !important;
        color:#8E98AA !important;
        font-size:10px !important;
        font-weight:900 !important;
        text-transform:uppercase !important;
        letter-spacing:1.5px !important;
        margin:7px 0 2px 2px !important;
        line-height:1 !important;
    }

    .sophyx-sidebar-nav a{
        width:100% !important;
        min-height:40px !important;
        height:40px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;
        padding:0 16px !important;
        border-radius:14px !important;
        font-size:13px !important;
        font-weight:800 !important;
        line-height:1 !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }

    .sophyx-sidebar-nav a span{
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        white-space:nowrap !important;
    }

    /* RODAPÉ DA GAVETA */
    .sophyx-sidebar-footer{
        display:block !important;
        position:static !important;
        padding:8px 22px calc((var(--sx-mobile-logo-size) / 2) + 58px) 22px !important;
        margin:0 !important;
        border-top:1px solid rgba(255,255,255,.06) !important;
        opacity:0;
        transform:translateY(-8px);
        transition:opacity .22s ease .14s, transform .28s ease .14s;
    }

    body.sx-mobile-menu-open .sophyx-sidebar-footer{
        opacity:1;
        transform:translateY(0);
    }

    .sophyx-logout-link{
        width:100% !important;
        min-height:42px !important;
        height:42px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        border-radius:14px !important;
        font-size:13px !important;
        font-weight:800 !important;
    }

    /* OVERLAY */
    .sx-mobile-menu-overlay{
        display:block;
        position:fixed;
        inset:0;
        z-index:10010;
        background:rgba(0,0,0,.62);
        backdrop-filter:blur(6px);
        opacity:0;
        pointer-events:none;
        transition:opacity .28s ease;
    }

    body.sx-mobile-menu-open .sx-mobile-menu-overlay{
        opacity:1;
        pointer-events:auto;
    }

    /* LOGO / PUXADOR */
    .sx-mobile-menu-logo{
        display:flex;
        position:fixed;
        top:calc((var(--sx-mobile-handle-height) - var(--sx-mobile-logo-size)) / 2) !important;
        left:50%;
        transform:translateX(-50%);
        z-index:10040;
        width:var(--sx-mobile-logo-size);
        height:var(--sx-mobile-logo-size);
        align-items:center;
        justify-content:center;
        border-radius:50%;
        border:1px solid rgba(240,211,125,.60);
        background:linear-gradient(180deg,#202632,#10141C);
        box-shadow:0 14px 34px rgba(0,0,0,.52);
        padding:8px;
        cursor:pointer;
        transition:
            top .42s cubic-bezier(.22,1,.36,1),
            transform .42s cubic-bezier(.22,1,.36,1),
            box-shadow .25s ease,
            border-color .25s ease;
    }

    .sx-mobile-menu-logo img,
    .sx-mobile-menu-logo span{
        width:64px;
        height:64px;
        object-fit:contain;
        display:flex;
        align-items:center;
        justify-content:center;
        border-radius:50%;
    }

    .sx-mobile-menu-logo span{
        color:#F0D37D;
        background:rgba(200,164,77,.12);
        font-size:14px;
        font-weight:900;
    }

    body.sx-mobile-menu-open .sx-mobile-menu-logo{
        top:calc(var(--sx-mobile-drawer-height) - (var(--sx-mobile-logo-size) / 2)) !important;
        transform:translateX(-50%) scale(1.02);
        border-color:rgba(240,211,125,.76);
        box-shadow:
            0 18px 44px rgba(0,0,0,.64),
            0 0 0 6px rgba(200,164,77,.08);
    }

    /* SEGURANÇA CONTRA VERSÕES ANTIGAS */
    .sx-mobile-menu-dock,
    .sx-mobile-top-logo,
    body > .sx-mobile-menu-button{
        display:none !important;
    }
	
	
}

@media(max-width:520px){

    :root{
    --sx-mobile-logo-size:78px;
    --sx-mobile-handle-height:64px;
    --sx-mobile-gap-after-handle:52px;
    --sx-mobile-topbar-height:104px;
    --sx-mobile-drawer-height:512px;
    --sx-mobile-closed-offset:calc((var(--sx-mobile-drawer-height) - var(--sx-mobile-handle-height)) * -1);
}

    .content{
        padding:calc(
            var(--sx-mobile-handle-height) +
            var(--sx-mobile-gap-after-handle) +
            var(--sx-mobile-topbar-height) +
            24px
        ) 12px 24px 12px !important;
    }

    .sx-mobile-menu-logo img,
    .sx-mobile-menu-logo span{
        width:60px;
        height:60px;
    }

    .sophyx-sidebar-nav{
        gap:6px !important;
        padding:20px 18px 10px 18px !important;
    }

    .sophyx-sidebar-nav a{
        height:39px !important;
        min-height:39px !important;
        font-size:12.5px !important;
    }

    .sophyx-sidebar-footer{
        padding:8px 18px calc((var(--sx-mobile-logo-size) / 2) + 54px) 18px !important;
    }
	
    .sx-mobile-menu-logo{
        top:calc(var(--sx-mobile-handle-height) - (var(--sx-mobile-logo-size) / 2)) !important;
    }

    body.sx-mobile-menu-open .sx-mobile-menu-logo{
        top:calc(var(--sx-mobile-drawer-height) - (var(--sx-mobile-logo-size) / 2)) !important;
    }
}

@media(min-width:901px){

    .sx-mobile-menu-logo,
    .sx-mobile-menu-overlay,
    .sx-mobile-menu-dock,
    .sx-mobile-top-logo{
        display:none !important;
    }

    .sidebar,
    .sophyx-sidebar{
        transform:none !important;
    }
}

/* =========================================================
   00.3 - MOBILE - TOPBAR COMO CARD, NÃO FIXA
========================================================= */

@media(max-width:900px){

    /* Agora o conteúdo só respeita a gaveta/logo, não mais a topbar fixa */
    .content{
        padding-top:calc(
            var(--sx-mobile-handle-height) +
            var(--sx-mobile-gap-after-handle) +
            26px
        ) !important;
    }

    /* Topbar deixa de ser fixa e vira card dentro do layout */
    .topbar.sx-topbar,
    .topbar,
    .sx-topbar{
        position:relative !important;
        top:auto !important;
        left:auto !important;
        right:auto !important;
        z-index:1 !important;

        width:100% !important;
        min-height:auto !important;

        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        justify-content:flex-start !important;
        gap:14px !important;

        padding:18px 16px !important;
        margin:0 0 18px 0 !important;

        border-radius:22px !important;
        background:
            radial-gradient(circle at top left, rgba(200,164,77,.10), transparent 38%),
            linear-gradient(180deg,#1E232D,#171A21) !important;
        border:1px solid rgba(200,164,77,.16) !important;
        box-shadow:0 14px 34px rgba(0,0,0,.26) !important;
        backdrop-filter:none !important;
    }

    .sx-topbar-main{
        width:100% !important;
        display:flex !important;
        flex-direction:column !important;
        gap:6px !important;
    }

    .sx-topbar-label{
        display:inline-flex !important;
        width:max-content !important;
        max-width:100% !important;

        color:#C8A44D !important;
        font-size:11px !important;
        font-weight:900 !important;
        text-transform:uppercase !important;
        letter-spacing:.8px !important;

        background:rgba(200,164,77,.08) !important;
        border:1px solid rgba(200,164,77,.16) !important;
        border-radius:999px !important;
        padding:6px 10px !important;
    }

    .topbar.sx-topbar h2,
    .topbar h2,
    .sx-topbar h2{
        color:#ECECEC !important;
        font-size:24px !important;
        line-height:1.15 !important;
        margin:2px 0 0 0 !important;
        max-width:100% !important;
        white-space:normal !important;
        overflow:visible !important;
        text-overflow:unset !important;
    }

    .sx-topbar-main small{
        color:#9FA6B2 !important;
        font-size:12px !important;
        line-height:1.4 !important;
    }

    .sx-topbar-user{
        width:100% !important;
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        gap:12px !important;

        margin:0 !important;
        padding:12px 12px !important;

        border-radius:16px !important;
        background:#0F1115 !important;
        border:1px solid rgba(200,164,77,.12) !important;
    }

    .sx-topbar-user-info{
        display:flex !important;
        flex-direction:column !important;
        gap:3px !important;
        min-width:0 !important;
    }

    .sx-topbar-user-info strong{
        color:#ECECEC !important;
        font-size:13px !important;
        font-weight:900 !important;
        line-height:1.2 !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }

    .sx-topbar-user-info span{
        color:#9FA6B2 !important;
        font-size:11px !important;
        line-height:1.2 !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }

    .sx-topbar-avatar{
        flex:0 0 auto !important;
        width:42px !important;
        height:42px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        border-radius:50% !important;
        background:linear-gradient(180deg,#C8A44D,#8F6F22) !important;
        color:#11151D !important;
        font-size:15px !important;
        font-weight:900 !important;
        box-shadow:0 8px 22px rgba(0,0,0,.30) !important;
    }
}

@media(max-width:520px){

    .content{
        padding-top:calc(
            var(--sx-mobile-handle-height) +
            var(--sx-mobile-gap-after-handle) +
            22px
        ) !important;
    }

    .topbar.sx-topbar,
    .topbar,
    .sx-topbar{
        padding:16px 14px !important;
        border-radius:20px !important;
        margin-bottom:16px !important;
    }

    .topbar.sx-topbar h2,
    .topbar h2,
    .sx-topbar h2{
        font-size:22px !important;
    }

    .sx-topbar-user{
        padding:11px !important;
    }

    .sx-topbar-avatar{
        width:40px !important;
        height:40px !important;
    }
}

/* =========================================================
   00.4 - MOBILE - AJUSTE DE PILLS / STATUS
========================================================= */

@media(max-width:900px){

    .sx-pill,
    .sx-pill-ok,
    .sx-pill-danger,
    .sx-pill-warning,
    .sx-pill-info,
    .badge-success,
    .badge-danger,
    .badge-warning,
    .badge-info{
        width:auto !important;
        max-width:max-content !important;
        min-width:0 !important;
        height:auto !important;
        min-height:24px !important;

        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;

        padding:4px 9px !important;
        border-radius:999px !important;

        font-size:10px !important;
        line-height:1 !important;
        font-weight:900 !important;
        letter-spacing:.7px !important;
        white-space:nowrap !important;

        flex:0 0 auto !important;
        align-self:flex-start !important;
    }

    /* Quando o status estiver dentro de cards/tabelas mobile */
    td .sx-pill,
    td .badge-success,
    td .badge-danger,
    td .badge-warning,
    td .badge-info,
    .relatorios-admin-table td .sx-pill,
    .usuarios-admin-table td .sx-pill,
    .docs-item .sx-pill{
        align-self:flex-end !important;
        margin-left:auto !important;
    }
}

@media(max-width:520px){

    .sx-pill,
    .sx-pill-ok,
    .sx-pill-danger,
    .sx-pill-warning,
    .sx-pill-info,
    .badge-success,
    .badge-danger,
    .badge-warning,
    .badge-info{
        min-height:22px !important;
        padding:4px 8px !important;
        font-size:9.5px !important;
        letter-spacing:.6px !important;
    }
}

/* =========================================================
   00.5 - MOBILE - FOOTER COMPACTO E ELEGANTE
========================================================= */

@media(max-width:900px){

    footer,
    .footer,
    .sx-footer,
    .main-footer,
    .app-footer{
        width:100% !important;
        max-width:100% !important;

        margin:24px auto 8px auto !important;
        padding:12px 10px !important;

        background:transparent !important;
        border:none !important;
        box-shadow:none !important;

        display:flex !important;
        justify-content:center !important;
        align-items:center !important;

        text-align:center !important;
    }

    /* Caso o footer tenha um container interno */
    footer > div,
    .footer > div,
    .sx-footer > div,
    .main-footer > div,
    .app-footer > div{
        width:100% !important;
        max-width:100% !important;

        display:flex !important;
        justify-content:center !important;
        align-items:center !important;

        text-align:center !important;
    }

    /* Esconde laterais conhecidas */
    .footer-left,
    .footer-right,
    .sx-footer-left,
    .sx-footer-right,
    .main-footer-left,
    .main-footer-right,
    .app-footer-left,
    .app-footer-right{
        display:none !important;
    }

    /* Mantém centros conhecidos */
    .footer-center,
    .sx-footer-center,
    .main-footer-center,
    .app-footer-center{
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
        gap:4px !important;

        width:100% !important;
        max-width:280px !important;
        margin:0 auto !important;

        text-align:center !important;
    }

    /* Fallback: se o footer for dividido em 3 colunas, esconde a 1ª e a 3ª */
    footer > div > *:first-child:not(:only-child),
    .footer > div > *:first-child:not(:only-child),
    .sx-footer > div > *:first-child:not(:only-child),
    .main-footer > div > *:first-child:not(:only-child),
    .app-footer > div > *:first-child:not(:only-child){
        display:none !important;
    }

    footer > div > *:last-child:not(:only-child),
    .footer > div > *:last-child:not(:only-child),
    .sx-footer > div > *:last-child:not(:only-child),
    .main-footer > div > *:last-child:not(:only-child),
    .app-footer > div > *:last-child:not(:only-child){
        display:none !important;
    }

    /* Mantém somente o item do meio quando existir */
    footer > div > *:nth-child(2),
    .footer > div > *:nth-child(2),
    .sx-footer > div > *:nth-child(2),
    .main-footer > div > *:nth-child(2),
    .app-footer > div > *:nth-child(2){
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;

        width:100% !important;
        max-width:280px !important;
        margin:0 auto !important;

        text-align:center !important;
    }

    footer p,
    footer span,
    footer small,
    footer strong,
    footer a,
    .footer p,
    .footer span,
    .footer small,
    .footer strong,
    .footer a,
    .sx-footer p,
    .sx-footer span,
    .sx-footer small,
    .sx-footer strong,
    .sx-footer a,
    .main-footer p,
    .main-footer span,
    .main-footer small,
    .main-footer strong,
    .main-footer a,
    .app-footer p,
    .app-footer span,
    .app-footer small,
    .app-footer strong,
    .app-footer a{
        text-align:center !important;
        font-size:10.5px !important;
        line-height:1.45 !important;
        margin:0 !important;
    }

    footer strong,
    .footer strong,
    .sx-footer strong,
    .main-footer strong,
    .app-footer strong{
        color:#C8A44D !important;
        font-weight:900 !important;
        letter-spacing:.6px !important;
        text-transform:uppercase !important;
    }

    footer p,
    footer span,
    footer small,
    .footer p,
    .footer span,
    .footer small,
    .sx-footer p,
    .sx-footer span,
    .sx-footer small,
    .main-footer p,
    .main-footer span,
    .main-footer small,
    .app-footer p,
    .app-footer span,
    .app-footer small{
        color:#7F8794 !important;
        font-weight:500 !important;
    }

    footer a,
    .footer a,
    .sx-footer a,
    .main-footer a,
    .app-footer a{
        color:#C8A44D !important;
        text-decoration:none !important;
    }
}

/* =========================================================
   00.6 - MOBILE - CLIENTES / KPIS / FILTROS / LISTA
========================================================= */

@media(max-width:900px){

    /* =========================
       KPIs de clientes
    ========================= */

    .clientes-kpi-grid,
    .clientes-kpi-grid-admin{
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:12px !important;
        margin:0 0 16px 0 !important;
        width:100% !important;
    }

    .clientes-kpi-card{
        width:100% !important;
        min-height:118px !important;
        padding:15px 14px !important;
        border-radius:18px !important;

        display:flex !important;
        flex-direction:column !important;
        justify-content:space-between !important;
        gap:8px !important;

        overflow:hidden !important;
    }

    .clientes-kpi-card span{
        font-size:10.5px !important;
        line-height:1.25 !important;
        letter-spacing:.7px !important;
        white-space:normal !important;
    }

    .clientes-kpi-card strong{
        font-size:24px !important;
        line-height:1.05 !important;
        word-break:break-word !important;
        overflow-wrap:anywhere !important;
    }

    .clientes-kpi-card small{
        font-size:11px !important;
        line-height:1.35 !important;
        color:#8E98AA !important;
    }

    /* Valor solicitado ocupa linha inteira para não ficar apertado */
    .clientes-kpi-card.clientes-kpi-money{
        grid-column:1 / -1 !important;
        min-height:112px !important;
    }

    .clientes-kpi-card.clientes-kpi-money strong{
        font-size:23px !important;
        line-height:1.12 !important;
        white-space:normal !important;
        overflow-wrap:anywhere !important;
    }

    /* =========================
       Card de filtros
    ========================= */

    .clientes-filter-card{
        width:100% !important;
        padding:16px !important;
        border-radius:20px !important;
        margin-bottom:18px !important;
        overflow:hidden !important;
    }

    .clientes-filter-form,
    .clientes-filter-form-admin{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:13px !important;
        width:100% !important;
    }

    .clientes-filter-form .form-group{
        width:100% !important;
        margin:0 !important;
    }

    .clientes-filter-form label{
        display:block !important;
        margin-bottom:6px !important;
        font-size:11px !important;
        line-height:1.2 !important;
        color:#D8BD69 !important;
        font-weight:900 !important;
        letter-spacing:.7px !important;
        text-transform:uppercase !important;
    }

    .clientes-filter-form input,
    .clientes-filter-form select{
        width:100% !important;
        min-height:44px !important;
        height:44px !important;
        padding:0 12px !important;
        border-radius:12px !important;
        font-size:13px !important;
        line-height:1.2 !important;
        box-sizing:border-box !important;
    }

    .clientes-filter-form input[type="date"]{
        color-scheme:dark !important;
    }

    .clientes-filter-actions{
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:10px !important;
        width:100% !important;
        margin-top:2px !important;
    }

    .clientes-main-btn,
    .clientes-back-btn{
        width:100% !important;
        min-height:44px !important;
        height:44px !important;
        padding:0 12px !important;
        border-radius:12px !important;
        font-size:12px !important;
        font-weight:900 !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        text-align:center !important;
        white-space:nowrap !important;
    }

    /* =========================
       Lista de clientes
    ========================= */

    .clientes-list{
        display:flex !important;
        flex-direction:column !important;
        gap:14px !important;
        width:100% !important;
    }

    .cliente-item,
    .cliente-item-admin{
        width:100% !important;
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:12px !important;

        padding:16px !important;
        border-radius:20px !important;
        overflow:hidden !important;
    }

    .cliente-main{
        display:grid !important;
        grid-template-columns:auto 1fr !important;
        gap:12px !important;
        align-items:flex-start !important;
        width:100% !important;
        min-width:0 !important;
    }

    .cliente-id{
        width:38px !important;
        height:38px !important;
        min-width:38px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        border-radius:12px !important;
        font-size:11px !important;
        font-weight:900 !important;
        line-height:1 !important;
    }

    .cliente-main h3{
        font-size:17px !important;
        line-height:1.25 !important;
        margin:0 0 5px 0 !important;

        white-space:normal !important;
        overflow:visible !important;
        text-overflow:unset !important;
        word-break:break-word !important;
    }

    .cliente-main p{
        font-size:12px !important;
        line-height:1.45 !important;
        margin:0 0 10px 0 !important;
        color:#9FA6B2 !important;
        word-break:break-word !important;
    }

    .cliente-meta{
        display:flex !important;
        flex-direction:column !important;
        gap:6px !important;
        width:100% !important;
    }

    .cliente-meta span{
        width:100% !important;
        max-width:100% !important;
        display:block !important;

        padding:8px 10px !important;
        border-radius:12px !important;

        background:#0F1115 !important;
        border:1px solid rgba(200,164,77,.10) !important;

        font-size:11.5px !important;
        line-height:1.35 !important;
        color:#9FA6B2 !important;

        white-space:normal !important;
        overflow-wrap:anywhere !important;
        word-break:break-word !important;
    }

    .cliente-meta span strong{
        color:#ECECEC !important;
        font-weight:900 !important;
    }

    .cliente-box,
    .cliente-status-box{
        width:100% !important;
        min-height:auto !important;
        padding:13px 14px !important;
        border-radius:16px !important;

        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        justify-content:flex-start !important;
        gap:6px !important;

        overflow:hidden !important;
    }

    .cliente-box small,
    .cliente-status-box small{
        font-size:10px !important;
        line-height:1.2 !important;
        letter-spacing:.8px !important;
        text-transform:uppercase !important;
        color:#C8A44D !important;
        font-weight:900 !important;
    }

    .cliente-box strong,
    .cliente-status-box strong{
        font-size:14px !important;
        line-height:1.25 !important;
        color:#ECECEC !important;
        word-break:break-word !important;
        overflow-wrap:anywhere !important;
    }

    .cliente-box span,
    .cliente-status-box span{
        font-size:11.5px !important;
        line-height:1.35 !important;
        color:#9FA6B2 !important;
        word-break:break-word !important;
        overflow-wrap:anywhere !important;
    }

    .cliente-box strong.cliente-alert-date,
    .cliente-box span.cliente-alert-date{
        color:#FFD666 !important;
    }

    /* Status compacto, sem ficar esticado */
    .cliente-status,
    .cliente-status-default,
    .cliente-status-warning,
    .cliente-status-success,
    .cliente-status-danger{
        width:auto !important;
        max-width:max-content !important;
        min-width:0 !important;
        min-height:24px !important;

        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;

        padding:5px 10px !important;
        border-radius:999px !important;

        font-size:10px !important;
        line-height:1 !important;
        font-weight:900 !important;
        letter-spacing:.6px !important;
        text-transform:uppercase !important;
        white-space:nowrap !important;

        flex:0 0 auto !important;
        align-self:flex-start !important;
    }

    .cliente-actions{
        width:100% !important;
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:10px !important;
        margin-top:2px !important;
    }

    .clientes-action-primary,
    .clientes-action-secondary{
        width:100% !important;
        min-height:42px !important;
        height:42px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        border-radius:12px !important;
        padding:0 12px !important;

        font-size:12px !important;
        font-weight:900 !important;
        text-align:center !important;
        white-space:nowrap !important;
    }
}

@media(max-width:520px){

    .clientes-kpi-grid,
    .clientes-kpi-grid-admin{
        grid-template-columns:1fr !important;
        gap:11px !important;
    }

    .clientes-kpi-card,
    .clientes-kpi-card.clientes-kpi-money{
        grid-column:auto !important;
        min-height:auto !important;
        padding:14px !important;
    }

    .clientes-kpi-card strong{
        font-size:23px !important;
    }

    .clientes-kpi-card.clientes-kpi-money strong{
        font-size:21px !important;
    }

    .clientes-filter-card{
        padding:14px !important;
        border-radius:18px !important;
    }

    .clientes-filter-actions{
        grid-template-columns:1fr !important;
    }

    .cliente-item,
    .cliente-item-admin{
        padding:14px !important;
        border-radius:18px !important;
    }

    .cliente-main{
        grid-template-columns:1fr !important;
    }

    .cliente-id{
        width:max-content !important;
        height:28px !important;
        min-width:0 !important;
        padding:0 10px !important;
        border-radius:999px !important;
    }

    .cliente-actions{
        grid-template-columns:1fr !important;
    }
}

/* =========================================================
   00.7 - MOBILE - RELATÓRIOS / FILTROS / KPIS / GERENCIAMENTO
========================================================= */

@media(max-width:900px){

    /* =========================
       Toolbar / topo da página
    ========================= */

    .relatorios-admin-toolbar,
    .relatorio-edit-toolbar,
    .relatorios-page-toolbar{
        width:100% !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        gap:14px !important;

        padding:16px !important;
        margin:0 0 16px 0 !important;

        border-radius:20px !important;
        background:
            radial-gradient(circle at top left, rgba(200,164,77,.10), transparent 38%),
            linear-gradient(180deg,#1E232D,#171A21) !important;
        border:1px solid rgba(200,164,77,.14) !important;
        box-shadow:0 14px 34px rgba(0,0,0,.24) !important;
    }

    .relatorios-admin-toolbar p,
    .relatorio-edit-toolbar p,
    .relatorios-page-toolbar p{
        font-size:12.5px !important;
        line-height:1.55 !important;
        color:#9FA6B2 !important;
        margin:0 !important;
    }

    .relatorios-admin-actions,
    .relatorio-edit-actions{
        width:100% !important;
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:10px !important;
    }

    .relatorios-admin-actions a,
    .relatorio-edit-actions a{
        width:100% !important;
        min-height:42px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        border-radius:12px !important;
        font-size:12px !important;
        font-weight:900 !important;
        text-align:center !important;
    }

    /* =========================
       Filtros de relatórios
    ========================= */

    .relatorios-admin-filter-panel{
        width:100% !important;
        padding:16px !important;
        border-radius:20px !important;
        margin:0 0 18px 0 !important;
        overflow:hidden !important;

        background:linear-gradient(180deg,#1E232D,#171A21) !important;
        border:1px solid rgba(200,164,77,.14) !important;
        box-shadow:0 14px 34px rgba(0,0,0,.24) !important;
    }

    .relatorios-admin-filter-form{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:13px !important;
        width:100% !important;
        margin:0 !important;
    }

    .relatorios-admin-filter-form .form-group{
        width:100% !important;
        margin:0 !important;
    }

    .relatorios-admin-filter-form label{
        display:block !important;
        margin-bottom:6px !important;

        color:#D8BD69 !important;
        font-size:11px !important;
        line-height:1.2 !important;
        font-weight:900 !important;
        letter-spacing:.7px !important;
        text-transform:uppercase !important;
    }

    .relatorios-admin-filter-form input,
    .relatorios-admin-filter-form select{
        width:100% !important;
        min-height:44px !important;
        height:44px !important;

        padding:0 12px !important;
        border-radius:12px !important;

        background:#0F1115 !important;
        border:1px solid #2B303A !important;
        color:#ECECEC !important;

        font-size:13px !important;
        line-height:1.2 !important;
        box-sizing:border-box !important;
    }

    .relatorios-admin-filter-form input:focus,
    .relatorios-admin-filter-form select:focus{
        border-color:#C8A44D !important;
        box-shadow:0 0 0 3px rgba(200,164,77,.12) !important;
        outline:none !important;
    }

    .relatorios-admin-filter-actions{
        width:100% !important;
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:10px !important;
        margin-top:2px !important;
    }

    .relatorios-admin-filter-actions .docs-action-primary,
    .relatorios-admin-filter-actions .docs-action-secondary{
        width:100% !important;
        min-width:0 !important;
        min-height:44px !important;
        height:44px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        border-radius:12px !important;
        padding:0 12px !important;

        font-size:12px !important;
        font-weight:900 !important;
        text-align:center !important;
        white-space:nowrap !important;
    }

    /* =========================
       KPIs de relatórios
    ========================= */

    .relatorios-admin-kpi-grid,
    .relatorio-admin-edit-kpi-grid{
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:12px !important;
        width:100% !important;
        margin:0 0 16px 0 !important;
    }

    .relatorios-admin-kpi,
    .relatorio-admin-edit-kpi{
        width:100% !important;
        min-height:116px !important;
        padding:15px 14px !important;
        border-radius:18px !important;

        display:flex !important;
        flex-direction:column !important;
        justify-content:space-between !important;
        gap:8px !important;

        overflow:hidden !important;
        background:linear-gradient(180deg,#1E232D,#171A21) !important;
        border:1px solid rgba(200,164,77,.14) !important;
        box-shadow:0 12px 28px rgba(0,0,0,.22) !important;
    }

    .relatorios-admin-kpi span,
    .relatorio-admin-edit-kpi span{
        font-size:10.5px !important;
        line-height:1.25 !important;
        letter-spacing:.7px !important;
        white-space:normal !important;
    }

    .relatorios-admin-kpi strong,
    .relatorio-admin-edit-kpi strong{
        font-size:24px !important;
        line-height:1.05 !important;
        word-break:break-word !important;
        overflow-wrap:anywhere !important;
    }

    .relatorios-admin-kpi small,
    .relatorio-admin-edit-kpi small{
        font-size:11px !important;
        line-height:1.35 !important;
        color:#8E98AA !important;
    }

    .relatorios-admin-kpi-money,
    .relatorio-admin-edit-kpi-money{
        grid-column:1 / -1 !important;
        min-height:112px !important;
    }

    .relatorios-admin-kpi-money strong,
    .relatorio-admin-edit-kpi-money strong{
        font-size:22px !important;
        line-height:1.12 !important;
        white-space:normal !important;
        overflow-wrap:anywhere !important;
    }

    /* =========================
       Painéis de relatórios
    ========================= */

    .relatorios-admin-table-wrapper{
        width:100% !important;
        overflow:visible !important;
        padding:0 !important;
        background:transparent !important;
    }

    .relatorios-admin-table,
    .relatorios-admin-table thead,
    .relatorios-admin-table tbody,
    .relatorios-admin-table tr,
    .relatorios-admin-table th,
    .relatorios-admin-table td{
        width:100% !important;
    }

    .relatorios-admin-table{
        display:block !important;
        min-width:0 !important;
        border-collapse:separate !important;
        border-spacing:0 !important;
        background:transparent !important;
    }

    .relatorios-admin-table thead{
        display:none !important;
    }

    .relatorios-admin-table tbody{
        display:flex !important;
        flex-direction:column !important;
        gap:14px !important;
        padding:0 !important;
    }

    .relatorios-admin-table tr{
        width:100% !important;
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:10px !important;

        margin:0 !important;
        padding:16px !important;

        border-radius:20px !important;
        background:
            radial-gradient(circle at top left,rgba(200,164,77,.08),transparent 36%),
            linear-gradient(180deg,#1E232D,#171A21) !important;
        border:1px solid rgba(200,164,77,.14) !important;
        box-shadow:0 14px 32px rgba(0,0,0,.24) !important;
    }

    .relatorios-admin-table td{
        width:100% !important;
        min-height:auto !important;

        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        justify-content:flex-start !important;
        gap:5px !important;

        padding:11px 12px !important;

        background:#0F1115 !important;
        border:1px solid rgba(200,164,77,.10) !important;
        border-radius:14px !important;

        color:#ECECEC !important;
        font-size:12px !important;
        line-height:1.35 !important;
        text-align:left !important;

        white-space:normal !important;
        overflow:visible !important;
        text-overflow:unset !important;
        box-sizing:border-box !important;
    }

    .relatorios-admin-table td::before{
        content:attr(data-label) !important;
        display:block !important;

        color:#C8A44D !important;
        font-size:9.5px !important;
        line-height:1.1 !important;
        font-weight:900 !important;
        text-transform:uppercase !important;
        letter-spacing:.8px !important;

        margin:0 !important;
    }

    /* Ordem visual do card */

    .relatorios-admin-table td:nth-child(1){
        order:1 !important;
        grid-column:1 / 2 !important;

        background:transparent !important;
        border:none !important;
        padding:0 !important;
    }

    .relatorios-admin-table td:nth-child(8){
        order:2 !important;
        grid-column:2 / 3 !important;

        background:transparent !important;
        border:none !important;
        padding:0 !important;

        align-items:flex-end !important;
        justify-content:flex-start !important;
    }

    .relatorios-admin-table td:nth-child(3){
        order:3 !important;
        grid-column:1 / -1 !important;
    }

    .relatorios-admin-table td:nth-child(2){
        order:4 !important;
        grid-column:1 / 2 !important;
    }

    .relatorios-admin-table td:nth-child(4){
        order:5 !important;
        grid-column:2 / 3 !important;
    }

    .relatorios-admin-table td:nth-child(5){
        order:6 !important;
        grid-column:1 / 2 !important;
    }

    .relatorios-admin-table td:nth-child(6){
        order:7 !important;
        grid-column:2 / 3 !important;
    }

    .relatorios-admin-table td:nth-child(7){
        order:8 !important;
        grid-column:1 / -1 !important;
    }

    .relatorios-admin-table td:nth-child(9){
        order:9 !important;
        grid-column:1 / -1 !important;

        background:transparent !important;
        border:none !important;
        padding:4px 0 0 0 !important;
    }

    /* Data */

    .relatorios-admin-table td:nth-child(1)::before{
        margin-bottom:5px !important;
    }

    .relatorios-admin-data{
        display:block !important;
        color:#F0D37D !important;
        font-size:17px !important;
        line-height:1.1 !important;
        font-weight:900 !important;
        white-space:nowrap !important;
    }

    /* Status */

    .relatorios-admin-table td:nth-child(8)::before{
        display:none !important;
    }

    .relatorios-admin-table td:nth-child(8) .badge-success,
    .relatorios-admin-table td:nth-child(8) .badge-danger,
    .relatorios-admin-table td:nth-child(8) .badge-warning,
    .relatorios-admin-table td:nth-child(8) .badge-info{
        width:auto !important;
        max-width:max-content !important;
        min-width:0 !important;
        min-height:26px !important;

        padding:5px 10px !important;
        border-radius:999px !important;

        font-size:10px !important;
        line-height:1 !important;
        font-weight:900 !important;
        letter-spacing:.7px !important;

        align-self:flex-end !important;
        margin:0 !important;
    }

    /* Funcionário */

    .relatorios-admin-table td:nth-child(3) strong{
        display:block !important;
        color:#ECECEC !important;
        font-size:16px !important;
        line-height:1.25 !important;
        font-weight:900 !important;

        white-space:normal !important;
        overflow:visible !important;
        text-overflow:unset !important;
        word-break:break-word !important;
    }

    /* Dados numéricos */

    .relatorios-admin-table td:nth-child(2),
    .relatorios-admin-table td:nth-child(4),
    .relatorios-admin-table td:nth-child(5),
    .relatorios-admin-table td:nth-child(6){
        min-height:64px !important;
    }

    .relatorios-admin-table td:nth-child(2),
    .relatorios-admin-table td:nth-child(4),
    .relatorios-admin-table td:nth-child(5),
    .relatorios-admin-table td:nth-child(6){
        color:#ECECEC !important;
        font-size:14px !important;
        font-weight:900 !important;
    }

    /* Valor */

    .relatorios-admin-valor{
        display:block !important;
        color:#F0D37D !important;
        font-size:16px !important;
        line-height:1.25 !important;
        font-weight:900 !important;

        white-space:normal !important;
        overflow:visible !important;
        text-overflow:unset !important;
        overflow-wrap:anywhere !important;
        word-break:break-word !important;
    }

    /* Ações */

    .relatorios-admin-table td:nth-child(9)::before{
        display:none !important;
    }

    .relatorios-admin-table-actions{
        width:100% !important;
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:10px !important;
        margin:0 !important;
    }

    .relatorios-admin-table-actions .docs-action-primary,
    .relatorios-admin-table-actions .docs-action-secondary{
        width:100% !important;
        min-width:0 !important;
        min-height:42px !important;
        height:42px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        padding:0 10px !important;
        border-radius:12px !important;

        font-size:12px !important;
        font-weight:900 !important;
        line-height:1 !important;
        text-align:center !important;
        white-space:nowrap !important;
    }

    .relatorios-admin-table-actions a:nth-child(3){
        grid-column:1 / -1 !important;
    }

    /* =========================
       Tela de gerenciamento/edição de relatório
    ========================= */

    .relatorio-edit-clientes-list{
        display:flex !important;
        flex-direction:column !important;
        gap:14px !important;
        width:100% !important;
    }

    .relatorio-edit-cliente-card{
        width:100% !important;
        padding:16px !important;
        border-radius:20px !important;
        overflow:hidden !important;
    }

    .relatorio-edit-cliente-header{
        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        gap:10px !important;

        padding-bottom:14px !important;
        margin-bottom:14px !important;
    }

    .relatorio-edit-cliente-header h3{
        font-size:18px !important;
        line-height:1.25 !important;
        margin:0 !important;
        word-break:break-word !important;
    }

    .relatorio-edit-cliente-header small{
        font-size:11.5px !important;
        line-height:1.35 !important;
        color:#9FA6B2 !important;
    }

    .relatorio-edit-cliente-badges{
        width:100% !important;
        justify-content:flex-start !important;
        gap:7px !important;
    }

    .relatorio-admin-readonly-grid,
    .relatorio-admin-status-grid{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:12px !important;
        width:100% !important;
    }

    .relatorio-admin-readonly-grid > div,
    .relatorio-admin-text-block,
    .relatorio-admin-status-grid .switch-row{
        width:100% !important;
        padding:13px 14px !important;
        border-radius:16px !important;
    }

    .relatorio-admin-readonly-grid small,
    .relatorio-admin-text-block small{
        font-size:10px !important;
        letter-spacing:.8px !important;
        color:#C8A44D !important;
    }

    .relatorio-admin-readonly-grid strong,
    .relatorio-admin-text-block p{
        font-size:12.5px !important;
        line-height:1.5 !important;
        word-break:break-word !important;
        overflow-wrap:anywhere !important;
    }

    .relatorio-admin-text-grid{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:12px !important;
        width:100% !important;
    }

    .relatorio-edit-action-bar{
        width:100% !important;
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:10px !important;

        padding:14px !important;
        border-radius:18px !important;
        margin-bottom:18px !important;
    }

    .relatorio-edit-action-bar .docs-action-primary,
    .relatorio-edit-action-bar .docs-action-secondary,
    .relatorio-edit-action-bar button,
    .relatorio-edit-action-bar a{
        width:100% !important;
        min-height:44px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        border-radius:12px !important;
        font-size:12px !important;
        font-weight:900 !important;
    }
}

@media(max-width:520px){

    .relatorios-admin-actions,
    .relatorio-edit-actions,
    .relatorios-admin-filter-actions,
    .relatorios-admin-table-actions{
        grid-template-columns:1fr !important;
    }

    .relatorios-admin-kpi-grid,
    .relatorio-admin-edit-kpi-grid{
        grid-template-columns:1fr !important;
        gap:11px !important;
    }

    .relatorios-admin-kpi,
    .relatorio-admin-edit-kpi,
    .relatorios-admin-kpi-money,
    .relatorio-admin-edit-kpi-money{
        grid-column:auto !important;
        min-height:auto !important;
        padding:14px !important;
    }

    .relatorios-admin-kpi strong,
    .relatorio-admin-edit-kpi strong{
        font-size:23px !important;
    }

    .relatorios-admin-kpi-money strong,
    .relatorio-admin-edit-kpi-money strong{
        font-size:20px !important;
    }

    .relatorios-admin-filter-panel,
    .relatorios-admin-toolbar,
    .relatorio-edit-toolbar,
    .relatorio-edit-panel,
    .relatorio-edit-cliente-card{
        border-radius:18px !important;
        padding:14px !important;
    }

    .relatorios-admin-table tr{
        margin-left:10px !important;
        margin-right:10px !important;
		padding:14px !important;
		gap:9px !important;
        border-radius:18px !important;
    }
	
    .relatorios-admin-table tbody{
        gap:12px !important;
    }
	
	.relatorios-admin-table td{
        padding:10px 11px !important;
        border-radius:13px !important;
    }

    .relatorios-admin-data{
        font-size:16px !important;
    }

    .relatorios-admin-table td:nth-child(3) strong{
        font-size:15px !important;
    }

    .relatorios-admin-valor{
        font-size:15px !important;
    }

    .relatorios-admin-table-actions{
        grid-template-columns:1fr !important;
    }

    .relatorios-admin-table-actions a:nth-child(3){
        grid-column:auto !important;
    }
}

/* =========================================================
   00.13 - MOBILE - ADMIN / VISUALIZAR E EDITAR RELATÓRIO
========================================================= */

@media(max-width:900px){

    /* =========================
       Estrutura geral
    ========================= */

    body.sx-area-admin .relatorio-view-page,
    body.sx-area-admin .visualizar-relatorio-page,
    body.sx-area-admin .relatorio-edit-page,
    body.sx-area-admin .editar-relatorio-page,
    body.sx-area-admin .relatorio-view-container,
    body.sx-area-admin .visualizar-relatorio-container,
    body.sx-area-admin .relatorio-edit-container,
    body.sx-area-admin .editar-relatorio-container{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        overflow:hidden !important;
        box-sizing:border-box !important;
    }

    body.sx-area-admin .relatorio-view-layout,
    body.sx-area-admin .visualizar-relatorio-layout,
    body.sx-area-admin .relatorio-edit-layout,
    body.sx-area-admin .editar-relatorio-layout{
        width:100% !important;
        max-width:100% !important;

        display:grid !important;
        grid-template-columns:1fr !important;
        gap:14px !important;

        margin:0 !important;
        padding:0 !important;

        overflow:hidden !important;
        box-sizing:border-box !important;
    }

    body.sx-area-admin .relatorio-view-main,
    body.sx-area-admin .visualizar-relatorio-main,
    body.sx-area-admin .relatorio-edit-main,
    body.sx-area-admin .editar-relatorio-main{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        box-sizing:border-box !important;
    }

    /* Oculta lateral no mobile */
    body.sx-area-admin .relatorio-view-side,
    body.sx-area-admin .visualizar-relatorio-side,
    body.sx-area-admin .relatorio-edit-side,
    body.sx-area-admin .editar-relatorio-side,
    body.sx-area-admin .relatorio-side-card{
        display:none !important;
        visibility:hidden !important;
        width:0 !important;
        height:0 !important;
        min-width:0 !important;
        min-height:0 !important;
        padding:0 !important;
        margin:0 !important;
        overflow:hidden !important;
    }

    /* =========================
       Hero / cabeçalho
    ========================= */

    body.sx-area-admin .relatorio-view-hero,
    body.sx-area-admin .visualizar-relatorio-hero,
    body.sx-area-admin .relatorio-edit-hero,
    body.sx-area-admin .editar-relatorio-hero,
    body.sx-area-admin .relatorio-edit-header-page,
    body.sx-area-admin .editar-relatorio-header{
        width:100% !important;

        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        gap:16px !important;

        padding:18px 16px !important;
        margin:0 0 16px 0 !important;

        border-radius:22px !important;
        background:
            radial-gradient(circle at top left,rgba(200,164,77,.10),transparent 38%),
            linear-gradient(180deg,#1E232D,#171A21) !important;
        border:1px solid rgba(200,164,77,.15) !important;
        box-shadow:0 14px 34px rgba(0,0,0,.25) !important;

        overflow:hidden !important;
        box-sizing:border-box !important;
    }

    body.sx-area-admin .relatorio-view-hero > div:first-child,
    body.sx-area-admin .visualizar-relatorio-hero > div:first-child,
    body.sx-area-admin .relatorio-edit-hero > div:first-child,
    body.sx-area-admin .editar-relatorio-hero > div:first-child,
    body.sx-area-admin .relatorio-edit-header-page > div:first-child,
    body.sx-area-admin .editar-relatorio-header > div:first-child{
        width:100% !important;
        min-width:0 !important;
    }

    body.sx-area-admin .relatorio-view-hero h2,
    body.sx-area-admin .visualizar-relatorio-hero h2,
    body.sx-area-admin .relatorio-edit-hero h2,
    body.sx-area-admin .editar-relatorio-hero h2,
    body.sx-area-admin .relatorio-edit-header-page h2,
    body.sx-area-admin .editar-relatorio-header h2{
        color:#ECECEC !important;
        font-size:24px !important;
        line-height:1.15 !important;
        margin:0 0 8px 0 !important;

        white-space:normal !important;
        word-break:break-word !important;
        overflow-wrap:anywhere !important;
    }

    body.sx-area-admin .relatorio-view-hero p,
    body.sx-area-admin .visualizar-relatorio-hero p,
    body.sx-area-admin .relatorio-edit-hero p,
    body.sx-area-admin .editar-relatorio-hero p,
    body.sx-area-admin .relatorio-edit-header-page p,
    body.sx-area-admin .editar-relatorio-header p{
        color:#9FA6B2 !important;
        font-size:12.5px !important;
        line-height:1.5 !important;
        margin:0 !important;
    }

    body.sx-area-admin .relatorio-view-actions,
    body.sx-area-admin .visualizar-relatorio-actions,
    body.sx-area-admin .relatorio-edit-actions-top,
    body.sx-area-admin .editar-relatorio-actions-top,
    body.sx-area-admin .relatorio-edit-header-actions,
    body.sx-area-admin .editar-relatorio-header-actions{
        width:100% !important;

        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:10px !important;
    }

    body.sx-area-admin .relatorio-view-actions a,
    body.sx-area-admin .visualizar-relatorio-actions a,
    body.sx-area-admin .relatorio-edit-actions-top a,
    body.sx-area-admin .editar-relatorio-actions-top a,
    body.sx-area-admin .relatorio-edit-header-actions a,
    body.sx-area-admin .editar-relatorio-header-actions a{
        width:100% !important;
        min-height:44px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        padding:0 12px !important;
        border-radius:13px !important;

        font-size:12px !important;
        font-weight:900 !important;
        text-align:center !important;
        white-space:nowrap !important;

        box-sizing:border-box !important;
    }

    /* =========================
       KPIs do relatório
    ========================= */

    body.sx-area-admin .relatorio-view-kpi-grid,
    body.sx-area-admin .visualizar-relatorio-kpi-grid,
    body.sx-area-admin .relatorio-edit-kpi-grid,
    body.sx-area-admin .editar-relatorio-kpi-grid,
    body.sx-area-admin .relatorio-kpi-grid{
        width:100% !important;

        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:12px !important;

        margin:0 0 16px 0 !important;
    }

    body.sx-area-admin .relatorio-view-kpi,
    body.sx-area-admin .visualizar-relatorio-kpi,
    body.sx-area-admin .relatorio-edit-kpi,
    body.sx-area-admin .editar-relatorio-kpi,
    body.sx-area-admin .relatorio-kpi{
        width:100% !important;
        min-height:112px !important;

        display:flex !important;
        flex-direction:column !important;
        justify-content:space-between !important;
        gap:8px !important;

        padding:15px 14px !important;
        border-radius:18px !important;

        background:
            radial-gradient(circle at top left,rgba(200,164,77,.08),transparent 36%),
            linear-gradient(180deg,#1E232D,#171A21) !important;
        border:1px solid rgba(200,164,77,.14) !important;
        box-shadow:0 12px 28px rgba(0,0,0,.22) !important;

        overflow:hidden !important;
        box-sizing:border-box !important;
    }

    body.sx-area-admin .relatorio-view-kpi span,
    body.sx-area-admin .visualizar-relatorio-kpi span,
    body.sx-area-admin .relatorio-edit-kpi span,
    body.sx-area-admin .editar-relatorio-kpi span,
    body.sx-area-admin .relatorio-kpi span{
        color:#C8A44D !important;
        font-size:10.5px !important;
        line-height:1.25 !important;
        font-weight:900 !important;
        letter-spacing:.7px !important;
        text-transform:uppercase !important;
    }

    body.sx-area-admin .relatorio-view-kpi strong,
    body.sx-area-admin .visualizar-relatorio-kpi strong,
    body.sx-area-admin .relatorio-edit-kpi strong,
    body.sx-area-admin .editar-relatorio-kpi strong,
    body.sx-area-admin .relatorio-kpi strong{
        color:#ECECEC !important;
        font-size:22px !important;
        line-height:1.1 !important;
        font-weight:900 !important;

        white-space:normal !important;
        word-break:break-word !important;
        overflow-wrap:anywhere !important;
    }

    body.sx-area-admin .relatorio-view-kpi small,
    body.sx-area-admin .visualizar-relatorio-kpi small,
    body.sx-area-admin .relatorio-edit-kpi small,
    body.sx-area-admin .editar-relatorio-kpi small,
    body.sx-area-admin .relatorio-kpi small{
        color:#8E98AA !important;
        font-size:11px !important;
        line-height:1.35 !important;
    }

    body.sx-area-admin .relatorio-kpi-money,
    body.sx-area-admin .relatorio-view-kpi-money,
    body.sx-area-admin .visualizar-relatorio-kpi-money,
    body.sx-area-admin .relatorio-edit-kpi-money,
    body.sx-area-admin .editar-relatorio-kpi-money{
        grid-column:1 / -1 !important;
    }

    body.sx-area-admin .relatorio-kpi-money strong,
    body.sx-area-admin .relatorio-view-kpi-money strong,
    body.sx-area-admin .visualizar-relatorio-kpi-money strong,
    body.sx-area-admin .relatorio-edit-kpi-money strong,
    body.sx-area-admin .editar-relatorio-kpi-money strong{
        color:#F0D37D !important;
        font-size:22px !important;
    }

    /* =========================
       Cards principais
    ========================= */

    body.sx-area-admin .relatorio-view-card,
    body.sx-area-admin .visualizar-relatorio-card,
    body.sx-area-admin .relatorio-edit-card,
    body.sx-area-admin .editar-relatorio-card,
    body.sx-area-admin .relatorio-card,
    body.sx-area-admin .relatorio-panel{
        width:100% !important;
        max-width:100% !important;

        padding:16px !important;
        border-radius:20px !important;

        background:
            radial-gradient(circle at top left,rgba(200,164,77,.08),transparent 36%),
            linear-gradient(180deg,#1E232D,#171A21) !important;
        border:1px solid rgba(200,164,77,.14) !important;
        box-shadow:0 12px 28px rgba(0,0,0,.22) !important;

        overflow:hidden !important;
        box-sizing:border-box !important;
    }

    body.sx-area-admin .relatorio-view-card-header,
    body.sx-area-admin .visualizar-relatorio-card-header,
    body.sx-area-admin .relatorio-edit-card-header,
    body.sx-area-admin .editar-relatorio-card-header,
    body.sx-area-admin .relatorio-panel-header{
        width:100% !important;

        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        gap:10px !important;

        padding:0 0 14px 0 !important;
        margin:0 0 14px 0 !important;

        border-bottom:1px solid rgba(200,164,77,.10) !important;
    }

    body.sx-area-admin .relatorio-view-card-header h3,
    body.sx-area-admin .visualizar-relatorio-card-header h3,
    body.sx-area-admin .relatorio-edit-card-header h3,
    body.sx-area-admin .editar-relatorio-card-header h3,
    body.sx-area-admin .relatorio-panel-header h3{
        color:#ECECEC !important;
        font-size:18px !important;
        line-height:1.25 !important;
        margin:0 !important;

        word-break:break-word !important;
        overflow-wrap:anywhere !important;
    }

    body.sx-area-admin .relatorio-view-card-header p,
    body.sx-area-admin .visualizar-relatorio-card-header p,
    body.sx-area-admin .relatorio-edit-card-header p,
    body.sx-area-admin .editar-relatorio-card-header p,
    body.sx-area-admin .relatorio-panel-header p{
        color:#9FA6B2 !important;
        font-size:12.5px !important;
        line-height:1.5 !important;
        margin:0 !important;
    }

    /* =========================
       Grids de informações
    ========================= */

    body.sx-area-admin .relatorio-view-info-grid,
    body.sx-area-admin .visualizar-relatorio-info-grid,
    body.sx-area-admin .relatorio-edit-info-grid,
    body.sx-area-admin .editar-relatorio-info-grid,
    body.sx-area-admin .relatorio-info-grid{
        width:100% !important;

        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:10px !important;

        margin:0 0 16px 0 !important;
        padding:0 !important;

        box-sizing:border-box !important;
    }

    body.sx-area-admin .relatorio-view-info-grid > div,
    body.sx-area-admin .visualizar-relatorio-info-grid > div,
    body.sx-area-admin .relatorio-edit-info-grid > div,
    body.sx-area-admin .editar-relatorio-info-grid > div,
    body.sx-area-admin .relatorio-info-grid > div{
        width:100% !important;
        min-width:0 !important;
        min-height:78px !important;

        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        justify-content:flex-start !important;
        gap:6px !important;

        padding:12px 13px !important;

        background:#0F1115 !important;
        border:1px solid rgba(200,164,77,.10) !important;
        border-radius:14px !important;

        overflow:hidden !important;
        box-sizing:border-box !important;
    }

    body.sx-area-admin .relatorio-view-info-grid small,
    body.sx-area-admin .visualizar-relatorio-info-grid small,
    body.sx-area-admin .relatorio-edit-info-grid small,
    body.sx-area-admin .editar-relatorio-info-grid small,
    body.sx-area-admin .relatorio-info-grid small{
        color:#C8A44D !important;
        font-size:9.8px !important;
        line-height:1.2 !important;
        font-weight:900 !important;
        letter-spacing:.7px !important;
        text-transform:uppercase !important;
        margin:0 !important;
    }

    body.sx-area-admin .relatorio-view-info-grid strong,
    body.sx-area-admin .visualizar-relatorio-info-grid strong,
    body.sx-area-admin .relatorio-edit-info-grid strong,
    body.sx-area-admin .editar-relatorio-info-grid strong,
    body.sx-area-admin .relatorio-info-grid strong{
        display:block !important;
        width:100% !important;

        color:#ECECEC !important;
        font-size:12.8px !important;
        line-height:1.35 !important;
        font-weight:900 !important;

        margin:0 !important;

        white-space:normal !important;
        word-break:break-word !important;
        overflow-wrap:anywhere !important;
    }

    /* =========================
       Clientes dentro do relatório
    ========================= */

    body.sx-area-admin .relatorio-clientes-list,
    body.sx-area-admin .relatorio-view-clientes-list,
    body.sx-area-admin .visualizar-relatorio-clientes-list,
    body.sx-area-admin .relatorio-edit-clientes-list,
    body.sx-area-admin .editar-relatorio-clientes-list{
        width:100% !important;

        display:flex !important;
        flex-direction:column !important;
        gap:14px !important;

        margin:0 !important;
        padding:0 !important;
    }

    body.sx-area-admin .relatorio-cliente-card,
    body.sx-area-admin .relatorio-view-cliente-card,
    body.sx-area-admin .visualizar-relatorio-cliente-card,
    body.sx-area-admin .relatorio-edit-cliente-card,
    body.sx-area-admin .editar-relatorio-cliente-card{
        width:100% !important;
        max-width:100% !important;

        padding:16px !important;
        border-radius:20px !important;

        background:#151A22 !important;
        border:1px solid rgba(200,164,77,.12) !important;
        box-shadow:0 10px 24px rgba(0,0,0,.18) !important;

        overflow:hidden !important;
        box-sizing:border-box !important;
    }

    body.sx-area-admin .relatorio-cliente-header,
    body.sx-area-admin .relatorio-view-cliente-header,
    body.sx-area-admin .visualizar-relatorio-cliente-header,
    body.sx-area-admin .relatorio-edit-cliente-header,
    body.sx-area-admin .editar-relatorio-cliente-header{
        width:100% !important;

        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        gap:8px !important;

        padding-bottom:13px !important;
        margin-bottom:13px !important;

        border-bottom:1px solid rgba(200,164,77,.10) !important;
    }

    body.sx-area-admin .relatorio-cliente-header h3,
    body.sx-area-admin .relatorio-view-cliente-header h3,
    body.sx-area-admin .visualizar-relatorio-cliente-header h3,
    body.sx-area-admin .relatorio-edit-cliente-header h3,
    body.sx-area-admin .editar-relatorio-cliente-header h3{
        color:#ECECEC !important;
        font-size:17px !important;
        line-height:1.25 !important;
        margin:0 !important;

        word-break:break-word !important;
        overflow-wrap:anywhere !important;
    }

    body.sx-area-admin .relatorio-cliente-info-grid,
    body.sx-area-admin .relatorio-view-cliente-info-grid,
    body.sx-area-admin .visualizar-relatorio-cliente-info-grid,
    body.sx-area-admin .relatorio-edit-cliente-info-grid,
    body.sx-area-admin .editar-relatorio-cliente-info-grid{
        width:100% !important;

        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:10px !important;

        margin:12px 0 0 0 !important;
        padding:0 !important;

        box-sizing:border-box !important;
    }

    body.sx-area-admin .relatorio-cliente-info-grid > div,
    body.sx-area-admin .relatorio-view-cliente-info-grid > div,
    body.sx-area-admin .visualizar-relatorio-cliente-info-grid > div,
    body.sx-area-admin .relatorio-edit-cliente-info-grid > div,
    body.sx-area-admin .editar-relatorio-cliente-info-grid > div{
        width:100% !important;
        min-width:0 !important;
        min-height:78px !important;

        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        justify-content:flex-start !important;
        gap:6px !important;

        padding:12px 13px !important;

        background:#0F1115 !important;
        border:1px solid rgba(200,164,77,.10) !important;
        border-radius:14px !important;

        overflow:hidden !important;
        box-sizing:border-box !important;
    }

    body.sx-area-admin .relatorio-cliente-info-grid small,
    body.sx-area-admin .relatorio-view-cliente-info-grid small,
    body.sx-area-admin .visualizar-relatorio-cliente-info-grid small,
    body.sx-area-admin .relatorio-edit-cliente-info-grid small,
    body.sx-area-admin .editar-relatorio-cliente-info-grid small{
        color:#C8A44D !important;
        font-size:9.8px !important;
        line-height:1.2 !important;
        font-weight:900 !important;
        letter-spacing:.7px !important;
        text-transform:uppercase !important;
        margin:0 !important;
    }

    body.sx-area-admin .relatorio-cliente-info-grid strong,
    body.sx-area-admin .relatorio-view-cliente-info-grid strong,
    body.sx-area-admin .visualizar-relatorio-cliente-info-grid strong,
    body.sx-area-admin .relatorio-edit-cliente-info-grid strong,
    body.sx-area-admin .editar-relatorio-cliente-info-grid strong{
        display:block !important;
        width:100% !important;

        color:#ECECEC !important;
        font-size:12.8px !important;
        line-height:1.35 !important;
        font-weight:900 !important;

        margin:0 !important;

        white-space:normal !important;
        word-break:break-word !important;
        overflow-wrap:anywhere !important;
    }

    body.sx-area-admin .relatorio-cliente-info-grid > div:nth-child(6),
    body.sx-area-admin .relatorio-view-cliente-info-grid > div:nth-child(6),
    body.sx-area-admin .visualizar-relatorio-cliente-info-grid > div:nth-child(6),
    body.sx-area-admin .relatorio-edit-cliente-info-grid > div:nth-child(6),
    body.sx-area-admin .editar-relatorio-cliente-info-grid > div:nth-child(6){
        grid-column:1 / -1 !important;
    }

    body.sx-area-admin .relatorio-cliente-info-grid > div:nth-child(6) strong,
    body.sx-area-admin .relatorio-view-cliente-info-grid > div:nth-child(6) strong,
    body.sx-area-admin .visualizar-relatorio-cliente-info-grid > div:nth-child(6) strong,
    body.sx-area-admin .relatorio-edit-cliente-info-grid > div:nth-child(6) strong,
    body.sx-area-admin .editar-relatorio-cliente-info-grid > div:nth-child(6) strong{
        color:#F0D37D !important;
        font-size:15px !important;
    }

    /* =========================
       Textos da visualização
    ========================= */

    body.sx-area-admin .relatorio-view-text-grid,
    body.sx-area-admin .visualizar-relatorio-text-grid,
    body.sx-area-admin .relatorio-text-grid{
        width:100% !important;

        display:grid !important;
        grid-template-columns:1fr !important;
        gap:14px !important;

        margin:0 0 16px 0 !important;
    }

    body.sx-area-admin .relatorio-view-text-block,
    body.sx-area-admin .visualizar-relatorio-text-block,
    body.sx-area-admin .relatorio-text-block{
        width:100% !important;

        display:flex !important;
        flex-direction:column !important;
        gap:10px !important;

        padding:15px 14px !important;
        border-radius:18px !important;

        background:
            radial-gradient(circle at top left,rgba(200,164,77,.07),transparent 36%),
            linear-gradient(180deg,#1E232D,#171A21) !important;
        border:1px solid rgba(200,164,77,.13) !important;
        box-shadow:0 10px 24px rgba(0,0,0,.18) !important;

        overflow:hidden !important;
        box-sizing:border-box !important;
    }

    body.sx-area-admin .relatorio-view-text-block small,
    body.sx-area-admin .visualizar-relatorio-text-block small,
    body.sx-area-admin .relatorio-text-block small{
        display:block !important;

        color:#C8A44D !important;
        font-size:10.5px !important;
        line-height:1.25 !important;
        font-weight:900 !important;
        letter-spacing:.8px !important;
        text-transform:uppercase !important;

        padding-bottom:10px !important;
        border-bottom:1px solid rgba(200,164,77,.10) !important;
    }

    body.sx-area-admin .relatorio-view-text-block p,
    body.sx-area-admin .visualizar-relatorio-text-block p,
    body.sx-area-admin .relatorio-text-block p{
        width:100% !important;

        color:#DDE1E8 !important;
        font-size:12.5px !important;
        line-height:1.65 !important;
        font-weight:500 !important;

        margin:0 !important;

        white-space:normal !important;
        word-break:break-word !important;
        overflow-wrap:anywhere !important;
    }

    /* =========================
       Formulário da edição
    ========================= */

    body.sx-area-admin .relatorio-edit-form-grid,
    body.sx-area-admin .editar-relatorio-form-grid,
    body.sx-area-admin .relatorio-edit-grid,
    body.sx-area-admin .editar-relatorio-grid{
        width:100% !important;

        display:grid !important;
        grid-template-columns:1fr !important;
        gap:13px !important;

        margin:0 !important;
        box-sizing:border-box !important;
    }

    body.sx-area-admin .relatorio-edit-form-grid .form-group,
    body.sx-area-admin .editar-relatorio-form-grid .form-group,
    body.sx-area-admin .relatorio-edit-grid .form-group,
    body.sx-area-admin .editar-relatorio-grid .form-group{
        width:100% !important;
        grid-column:1 / -1 !important;
        margin:0 !important;
    }

    body.sx-area-admin .relatorio-edit-form-grid label,
    body.sx-area-admin .editar-relatorio-form-grid label,
    body.sx-area-admin .relatorio-edit-grid label,
    body.sx-area-admin .editar-relatorio-grid label{
        display:block !important;
        margin-bottom:6px !important;

        color:#D8BD69 !important;
        font-size:11px !important;
        line-height:1.2 !important;
        font-weight:900 !important;
        letter-spacing:.7px !important;
        text-transform:uppercase !important;
    }

    body.sx-area-admin .relatorio-edit-form-grid input,
    body.sx-area-admin .relatorio-edit-form-grid select,
    body.sx-area-admin .relatorio-edit-form-grid textarea,
    body.sx-area-admin .editar-relatorio-form-grid input,
    body.sx-area-admin .editar-relatorio-form-grid select,
    body.sx-area-admin .editar-relatorio-form-grid textarea,
    body.sx-area-admin .relatorio-edit-grid input,
    body.sx-area-admin .relatorio-edit-grid select,
    body.sx-area-admin .relatorio-edit-grid textarea,
    body.sx-area-admin .editar-relatorio-grid input,
    body.sx-area-admin .editar-relatorio-grid select,
    body.sx-area-admin .editar-relatorio-grid textarea{
        width:100% !important;
        max-width:100% !important;

        background:#0F1115 !important;
        border:1px solid #2B303A !important;
        color:#ECECEC !important;

        border-radius:12px !important;
        font-size:13px !important;
        line-height:1.35 !important;

        box-sizing:border-box !important;
    }

    body.sx-area-admin .relatorio-edit-form-grid input,
    body.sx-area-admin .relatorio-edit-form-grid select,
    body.sx-area-admin .editar-relatorio-form-grid input,
    body.sx-area-admin .editar-relatorio-form-grid select,
    body.sx-area-admin .relatorio-edit-grid input,
    body.sx-area-admin .relatorio-edit-grid select,
    body.sx-area-admin .editar-relatorio-grid input,
    body.sx-area-admin .editar-relatorio-grid select{
        min-height:44px !important;
        height:44px !important;
        padding:0 12px !important;
    }

    body.sx-area-admin .relatorio-edit-form-grid textarea,
    body.sx-area-admin .editar-relatorio-form-grid textarea,
    body.sx-area-admin .relatorio-edit-grid textarea,
    body.sx-area-admin .editar-relatorio-grid textarea{
        min-height:120px !important;
        padding:12px !important;
        resize:vertical !important;
    }

    /* =========================
       Barra final de ações
    ========================= */

    body.sx-area-admin .relatorio-edit-actions,
    body.sx-area-admin .editar-relatorio-actions,
    body.sx-area-admin .relatorio-action-bar,
    body.sx-area-admin .relatorio-edit-action-bar,
    body.sx-area-admin .editar-relatorio-action-bar{
        width:100% !important;

        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:10px !important;

        margin:18px 0 0 0 !important;
        padding:14px !important;

        border-radius:18px !important;
        background:
            radial-gradient(circle at top left,rgba(200,164,77,.08),transparent 36%),
            linear-gradient(180deg,#1E232D,#171A21) !important;
        border:1px solid rgba(200,164,77,.14) !important;

        box-sizing:border-box !important;
    }

    body.sx-area-admin .relatorio-edit-actions a,
    body.sx-area-admin .relatorio-edit-actions button,
    body.sx-area-admin .editar-relatorio-actions a,
    body.sx-area-admin .editar-relatorio-actions button,
    body.sx-area-admin .relatorio-action-bar a,
    body.sx-area-admin .relatorio-action-bar button,
    body.sx-area-admin .relatorio-edit-action-bar a,
    body.sx-area-admin .relatorio-edit-action-bar button,
    body.sx-area-admin .editar-relatorio-action-bar a,
    body.sx-area-admin .editar-relatorio-action-bar button{
        width:100% !important;
        min-height:46px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        padding:0 14px !important;
        border-radius:13px !important;

        font-size:12px !important;
        font-weight:900 !important;
        line-height:1 !important;
        text-align:center !important;
        text-transform:uppercase !important;
        letter-spacing:.6px !important;
        white-space:nowrap !important;

        box-sizing:border-box !important;
    }
}

@media(max-width:520px){

    body.sx-area-admin .relatorio-view-hero,
    body.sx-area-admin .visualizar-relatorio-hero,
    body.sx-area-admin .relatorio-edit-hero,
    body.sx-area-admin .editar-relatorio-hero,
    body.sx-area-admin .relatorio-edit-header-page,
    body.sx-area-admin .editar-relatorio-header{
        padding:16px 14px !important;
        border-radius:20px !important;
    }

    body.sx-area-admin .relatorio-view-hero h2,
    body.sx-area-admin .visualizar-relatorio-hero h2,
    body.sx-area-admin .relatorio-edit-hero h2,
    body.sx-area-admin .editar-relatorio-hero h2,
    body.sx-area-admin .relatorio-edit-header-page h2,
    body.sx-area-admin .editar-relatorio-header h2{
        font-size:22px !important;
    }

    body.sx-area-admin .relatorio-view-actions,
    body.sx-area-admin .visualizar-relatorio-actions,
    body.sx-area-admin .relatorio-edit-actions-top,
    body.sx-area-admin .editar-relatorio-actions-top,
    body.sx-area-admin .relatorio-edit-header-actions,
    body.sx-area-admin .editar-relatorio-header-actions{
        grid-template-columns:1fr !important;
    }

    body.sx-area-admin .relatorio-view-kpi-grid,
    body.sx-area-admin .visualizar-relatorio-kpi-grid,
    body.sx-area-admin .relatorio-edit-kpi-grid,
    body.sx-area-admin .editar-relatorio-kpi-grid,
    body.sx-area-admin .relatorio-kpi-grid{
        grid-template-columns:1fr !important;
        gap:11px !important;
    }

    body.sx-area-admin .relatorio-view-kpi,
    body.sx-area-admin .visualizar-relatorio-kpi,
    body.sx-area-admin .relatorio-edit-kpi,
    body.sx-area-admin .editar-relatorio-kpi,
    body.sx-area-admin .relatorio-kpi,
    body.sx-area-admin .relatorio-kpi-money,
    body.sx-area-admin .relatorio-view-kpi-money,
    body.sx-area-admin .visualizar-relatorio-kpi-money,
    body.sx-area-admin .relatorio-edit-kpi-money,
    body.sx-area-admin .editar-relatorio-kpi-money{
        grid-column:auto !important;
        min-height:auto !important;
        padding:14px !important;
    }

    body.sx-area-admin .relatorio-view-info-grid,
    body.sx-area-admin .visualizar-relatorio-info-grid,
    body.sx-area-admin .relatorio-edit-info-grid,
    body.sx-area-admin .editar-relatorio-info-grid,
    body.sx-area-admin .relatorio-info-grid,
    body.sx-area-admin .relatorio-cliente-info-grid,
    body.sx-area-admin .relatorio-view-cliente-info-grid,
    body.sx-area-admin .visualizar-relatorio-cliente-info-grid,
    body.sx-area-admin .relatorio-edit-cliente-info-grid,
    body.sx-area-admin .editar-relatorio-cliente-info-grid{
        grid-template-columns:1fr !important;
        gap:9px !important;
    }

    body.sx-area-admin .relatorio-view-info-grid > div,
    body.sx-area-admin .visualizar-relatorio-info-grid > div,
    body.sx-area-admin .relatorio-edit-info-grid > div,
    body.sx-area-admin .editar-relatorio-info-grid > div,
    body.sx-area-admin .relatorio-info-grid > div,
    body.sx-area-admin .relatorio-cliente-info-grid > div,
    body.sx-area-admin .relatorio-view-cliente-info-grid > div,
    body.sx-area-admin .visualizar-relatorio-cliente-info-grid > div,
    body.sx-area-admin .relatorio-edit-cliente-info-grid > div,
    body.sx-area-admin .editar-relatorio-cliente-info-grid > div{
        grid-column:auto !important;
        min-height:auto !important;
        padding:12px !important;
        border-radius:13px !important;
    }

    body.sx-area-admin .relatorio-view-card,
    body.sx-area-admin .visualizar-relatorio-card,
    body.sx-area-admin .relatorio-edit-card,
    body.sx-area-admin .editar-relatorio-card,
    body.sx-area-admin .relatorio-card,
    body.sx-area-admin .relatorio-panel,
    body.sx-area-admin .relatorio-cliente-card,
    body.sx-area-admin .relatorio-view-cliente-card,
    body.sx-area-admin .visualizar-relatorio-cliente-card,
    body.sx-area-admin .relatorio-edit-cliente-card,
    body.sx-area-admin .editar-relatorio-cliente-card{
        padding:14px !important;
        border-radius:18px !important;
    }

    body.sx-area-admin .relatorio-edit-actions,
    body.sx-area-admin .editar-relatorio-actions,
    body.sx-area-admin .relatorio-action-bar,
    body.sx-area-admin .relatorio-edit-action-bar,
    body.sx-area-admin .editar-relatorio-action-bar{
        grid-template-columns:1fr !important;
        padding:13px !important;
        border-radius:17px !important;
    }

    body.sx-area-admin .relatorio-edit-actions a,
    body.sx-area-admin .relatorio-edit-actions button,
    body.sx-area-admin .editar-relatorio-actions a,
    body.sx-area-admin .editar-relatorio-actions button,
    body.sx-area-admin .relatorio-action-bar a,
    body.sx-area-admin .relatorio-action-bar button,
    body.sx-area-admin .relatorio-edit-action-bar a,
    body.sx-area-admin .relatorio-edit-action-bar button,
    body.sx-area-admin .editar-relatorio-action-bar a,
    body.sx-area-admin .editar-relatorio-action-bar button{
        min-height:44px !important;
    }
}

/* =========================================================
   00.8 - MOBILE - AJUSTE DO ESPAÇO ENTRE MENU E SAIR
========================================================= */

@media(max-width:900px){

    body.sx-area-funcionario{
        --sx-mobile-drawer-height:430px;
        --sx-mobile-closed-offset:calc((var(--sx-mobile-drawer-height) - var(--sx-mobile-handle-height)) * -1);
    }

    body.sx-area-funcionario .sophyx-sidebar-nav{
        padding-bottom:8px !important;
        margin-bottom:0 !important;
        gap:7px !important;
    }

    body.sx-area-funcionario .sophyx-sidebar-footer{
        margin-top:0 !important;
        padding-top:8px !important;
        padding-bottom:calc((var(--sx-mobile-logo-size) / 2) + 34px) !important;
    }

    body.sx-area-funcionario .sophyx-logout-link{
        margin-top:0 !important;
    }

    body.sx-area-funcionario.sx-mobile-menu-open .sx-mobile-menu-logo{
        top:calc(var(--sx-mobile-drawer-height) - (var(--sx-mobile-logo-size) / 2)) !important;
    }
}

@media(max-width:520px){

    body.sx-area-funcionario{
        --sx-mobile-drawer-height:410px;
        --sx-mobile-closed-offset:calc((var(--sx-mobile-drawer-height) - var(--sx-mobile-handle-height)) * -1);
    }

    body.sx-area-funcionario .sophyx-sidebar-footer{
        padding-bottom:calc((var(--sx-mobile-logo-size) / 2) + 30px) !important;
    }

    body.sx-area-funcionario.sx-mobile-menu-open .sx-mobile-menu-logo{
        top:calc(var(--sx-mobile-drawer-height) - (var(--sx-mobile-logo-size) / 2)) !important;
    }
}

/* =========================================================
   00.9 - MOBILE - FUNCIONÁRIO / NOVO RELATÓRIO
   KPIs, formulário de cliente, status e textos
========================================================= */

@media(max-width:900px){

    /* =========================
       KPIs do relatório
    ========================= */

    body.sx-area-funcionario .relatorio-resumo-grid,
    body.sx-area-funcionario .resumo-relatorio{
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:12px !important;
        width:100% !important;
        margin:0 0 18px 0 !important;
    }

    body.sx-area-funcionario .relatorio-kpi{
        width:100% !important;
        min-height:112px !important;
        padding:15px 14px !important;
        border-radius:18px !important;

        display:flex !important;
        flex-direction:column !important;
        justify-content:space-between !important;
        gap:8px !important;

        overflow:hidden !important;
        background:
            radial-gradient(circle at top left,rgba(200,164,77,.08),transparent 36%),
            linear-gradient(180deg,#1E232D,#171A21) !important;
        border:1px solid rgba(200,164,77,.14) !important;
        box-shadow:0 12px 28px rgba(0,0,0,.22) !important;
    }

    body.sx-area-funcionario .relatorio-kpi span{
        color:#C8A44D !important;
        font-size:10.5px !important;
        line-height:1.25 !important;
        font-weight:900 !important;
        letter-spacing:.7px !important;
        text-transform:uppercase !important;
        white-space:normal !important;
    }

    body.sx-area-funcionario .relatorio-kpi strong{
        color:#ECECEC !important;
        font-size:24px !important;
        line-height:1.05 !important;
        font-weight:900 !important;
        word-break:break-word !important;
        overflow-wrap:anywhere !important;
    }

    body.sx-area-funcionario .relatorio-kpi small{
        color:#8E98AA !important;
        font-size:11px !important;
        line-height:1.35 !important;
        font-weight:500 !important;
    }

    body.sx-area-funcionario .relatorio-kpi-money{
        grid-column:1 / -1 !important;
        min-height:108px !important;
    }

    body.sx-area-funcionario .relatorio-kpi-money strong{
        color:#F0D37D !important;
        font-size:22px !important;
        line-height:1.12 !important;
        white-space:normal !important;
        overflow-wrap:anywhere !important;
    }

    /* =========================
       Grid do formulário do cliente
    ========================= */

    body.sx-area-funcionario .cliente-grid{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:13px !important;
        width:100% !important;
        margin:0 !important;
    }

    body.sx-area-funcionario .cliente-grid .form-group,
    body.sx-area-funcionario .cliente-grid .form-group.full-width{
        width:100% !important;
        grid-column:1 / -1 !important;
        margin:0 !important;
    }

    body.sx-area-funcionario .cliente-grid label{
        display:block !important;
        margin-bottom:6px !important;

        color:#D8BD69 !important;
        font-size:11px !important;
        line-height:1.2 !important;
        font-weight:900 !important;
        letter-spacing:.7px !important;
        text-transform:uppercase !important;
    }

    body.sx-area-funcionario .cliente-grid input,
    body.sx-area-funcionario .cliente-grid select,
    body.sx-area-funcionario .cliente-grid textarea{
        width:100% !important;
        max-width:100% !important;
        box-sizing:border-box !important;

        background:#0F1115 !important;
        border:1px solid #2B303A !important;
        color:#ECECEC !important;

        border-radius:12px !important;
        font-size:13px !important;
        line-height:1.35 !important;
    }

    body.sx-area-funcionario .cliente-grid input,
    body.sx-area-funcionario .cliente-grid select{
        min-height:44px !important;
        height:44px !important;
        padding:0 12px !important;
    }

    body.sx-area-funcionario .cliente-grid textarea{
        min-height:104px !important;
        padding:12px !important;
        resize:vertical !important;
    }

    body.sx-area-funcionario .cliente-grid input:focus,
    body.sx-area-funcionario .cliente-grid select:focus,
    body.sx-area-funcionario .cliente-grid textarea:focus{
        outline:none !important;
        border-color:#C8A44D !important;
        box-shadow:0 0 0 3px rgba(200,164,77,.12) !important;
    }

    body.sx-area-funcionario .cliente-grid input[type="date"]{
        color-scheme:dark !important;
    }

    /* =========================
       Status / switches
    ========================= */

    body.sx-area-funcionario .status-grid{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:10px !important;
        width:100% !important;
        margin-top:16px !important;
    }

    body.sx-area-funcionario .status-grid br{
        display:none !important;
    }

    body.sx-area-funcionario .switch-row{
        width:100% !important;
        min-height:50px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        gap:12px !important;

        padding:12px 13px !important;
        border-radius:15px !important;

        background:#0F1115 !important;
        border:1px solid rgba(200,164,77,.10) !important;
        box-sizing:border-box !important;
    }

    body.sx-area-funcionario .switch-row span{
        color:#ECECEC !important;
        font-size:12.5px !important;
        line-height:1.3 !important;
        font-weight:800 !important;

        white-space:normal !important;
        word-break:break-word !important;
    }

    body.sx-area-funcionario .switch{
        flex:0 0 auto !important;
        margin:0 !important;
        transform:scale(.92) !important;
        transform-origin:right center !important;
    }

    /* =========================
       Botão remover cliente
    ========================= */

    body.sx-area-funcionario .removerCliente,
    body.sx-area-funcionario button.removerCliente,
    body.sx-area-funcionario .btn.btn-danger.removerCliente{
        width:100% !important;
        min-height:44px !important;
        height:44px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        margin:4px 0 0 0 !important;
        padding:0 14px !important;

        border-radius:13px !important;
        font-size:12px !important;
        font-weight:900 !important;
        text-transform:uppercase !important;
        letter-spacing:.6px !important;

        background:rgba(180,45,45,.18) !important;
        border:1px solid rgba(255,90,90,.24) !important;
        color:#FFB3B3 !important;
        box-shadow:none !important;
    }

    /* =========================
       Cards de textos finais
    ========================= */

    body.sx-area-funcionario .relatorio-text-grid{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:14px !important;
        width:100% !important;
        margin-top:18px !important;
    }

    body.sx-area-funcionario .relatorio-text-card{
        width:100% !important;
        padding:16px !important;
        border-radius:20px !important;

        background:
            radial-gradient(circle at top left,rgba(200,164,77,.08),transparent 36%),
            linear-gradient(180deg,#1E232D,#171A21) !important;
        border:1px solid rgba(200,164,77,.14) !important;
        box-shadow:0 12px 28px rgba(0,0,0,.22) !important;
        overflow:hidden !important;
    }

    body.sx-area-funcionario .relatorio-panel-header.compact{
        width:100% !important;
        padding:0 0 13px 0 !important;
        margin:0 0 13px 0 !important;
        border-bottom:1px solid rgba(200,164,77,.10) !important;
    }

    body.sx-area-funcionario .relatorio-panel-header.compact h3{
        color:#ECECEC !important;
        font-size:17px !important;
        line-height:1.25 !important;
        margin:0 0 6px 0 !important;
    }

    body.sx-area-funcionario .relatorio-panel-header.compact p{
        color:#9FA6B2 !important;
        font-size:12.5px !important;
        line-height:1.5 !important;
        margin:0 !important;
    }

    body.sx-area-funcionario .textarea-relatorio{
        width:100% !important;
        min-height:150px !important;
        padding:12px !important;

        background:#0F1115 !important;
        border:1px solid #2B303A !important;
        color:#ECECEC !important;

        border-radius:13px !important;
        font-size:13px !important;
        line-height:1.5 !important;
        resize:vertical !important;
        box-sizing:border-box !important;
    }

    body.sx-area-funcionario .textarea-relatorio:focus{
        outline:none !important;
        border-color:#C8A44D !important;
        box-shadow:0 0 0 3px rgba(200,164,77,.12) !important;
    }
	
	
	body.sx-area-funcionario .relatorio-action-bar{
        width:100% !important;

        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:10px !important;

        margin:18px 0 0 0 !important;
        padding:14px !important;

        border-radius:18px !important;
        background:
            radial-gradient(circle at top left,rgba(200,164,77,.08),transparent 36%),
            linear-gradient(180deg,#1E232D,#171A21) !important;
        border:1px solid rgba(200,164,77,.14) !important;
        box-shadow:0 12px 28px rgba(0,0,0,.22) !important;

        box-sizing:border-box !important;
    }

    body.sx-area-funcionario .relatorio-action-bar .docs-action-secondary,
    body.sx-area-funcionario .relatorio-action-bar .docs-action-primary,
    body.sx-area-funcionario .relatorio-action-bar a,
    body.sx-area-funcionario .relatorio-action-bar button{
        width:100% !important;
        min-width:0 !important;
        min-height:46px !important;
        height:46px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        padding:0 14px !important;
        border-radius:13px !important;

        font-size:12px !important;
        font-weight:900 !important;
        line-height:1 !important;
        text-align:center !important;
        text-transform:uppercase !important;
        letter-spacing:.6px !important;
        white-space:nowrap !important;

        box-sizing:border-box !important;
    }

    body.sx-area-funcionario .relatorio-action-bar .docs-action-secondary{
        background:#0F1115 !important;
        border:1px solid rgba(200,164,77,.16) !important;
        color:#C8A44D !important;
    }

    body.sx-area-funcionario .relatorio-action-bar .docs-action-primary{
        background:linear-gradient(180deg,#D8BD69,#A88432) !important;
        border:1px solid rgba(240,211,125,.35) !important;
        color:#11151D !important;
        box-shadow:0 10px 22px rgba(0,0,0,.28) !important;
    }
}

@media(max-width:520px){

    body.sx-area-funcionario .relatorio-resumo-grid,
    body.sx-area-funcionario .resumo-relatorio{
        grid-template-columns:1fr !important;
        gap:11px !important;
    }

    body.sx-area-funcionario .relatorio-kpi,
    body.sx-area-funcionario .relatorio-kpi-money{
        grid-column:auto !important;
        min-height:auto !important;
        padding:14px !important;
    }

    body.sx-area-funcionario .relatorio-kpi strong{
        font-size:23px !important;
    }

    body.sx-area-funcionario .relatorio-kpi-money strong{
        font-size:20px !important;
    }

    body.sx-area-funcionario .cliente-grid{
        gap:12px !important;
    }

    body.sx-area-funcionario .switch-row{
        min-height:48px !important;
        padding:11px 12px !important;
        border-radius:14px !important;
    }

    body.sx-area-funcionario .switch-row span{
        font-size:12px !important;
    }

    body.sx-area-funcionario .relatorio-text-card{
        padding:14px !important;
        border-radius:18px !important;
    }

    body.sx-area-funcionario .relatorio-panel-header.compact h3{
        font-size:16px !important;
    }

    body.sx-area-funcionario .textarea-relatorio{
        min-height:140px !important;
    }
	
    body.sx-area-funcionario .relatorio-action-bar{
        grid-template-columns:1fr !important;
        padding:13px !important;
        border-radius:17px !important;
        margin-top:16px !important;
    }

    body.sx-area-funcionario .relatorio-action-bar .docs-action-secondary,
    body.sx-area-funcionario .relatorio-action-bar .docs-action-primary,
    body.sx-area-funcionario .relatorio-action-bar a,
    body.sx-area-funcionario .relatorio-action-bar button{
        min-height:44px !important;
        height:44px !important;
        border-radius:12px !important;
    }
	
}

/* =========================================================
   00.10 - MOBILE - FUNCIONÁRIO / CLIENTES
   Listagem, filtros, visualização e edição de clientes
========================================================= */

@media(max-width:900px){

    /* =========================
       Área geral de clientes
    ========================= */

    body.sx-area-funcionario .clientes-page,
    body.sx-area-funcionario .cliente-page,
    body.sx-area-funcionario .cliente-view-page,
    body.sx-area-funcionario .cliente-edit-page{
        width:100% !important;
        max-width:100% !important;
        overflow:hidden !important;
    }

    /* =========================
       Esconde lateral da visualização no mobile
    ========================= */

    body.sx-area-funcionario .cliente-view-side{
        display:none !important;
        visibility:hidden !important;
        width:0 !important;
        height:0 !important;
        min-width:0 !important;
        min-height:0 !important;
        padding:0 !important;
        margin:0 !important;
        overflow:hidden !important;
    }

    /* =========================
       Layout da visualização
    ========================= */

    body.sx-area-funcionario .cliente-view-layout,
    body.sx-area-funcionario .cliente-view-container,
    body.sx-area-funcionario .cliente-view-grid{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:14px !important;
        width:100% !important;
    }

    body.sx-area-funcionario .cliente-view-main,
    body.sx-area-funcionario .cliente-view-content{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
    }

    body.sx-area-funcionario .cliente-view-card,
    body.sx-area-funcionario .cliente-card,
    body.sx-area-funcionario .cliente-panel{
        width:100% !important;
        padding:16px !important;
        border-radius:20px !important;

        background:
            radial-gradient(circle at top left,rgba(200,164,77,.08),transparent 36%),
            linear-gradient(180deg,#1E232D,#171A21) !important;
        border:1px solid rgba(200,164,77,.14) !important;
        box-shadow:0 12px 28px rgba(0,0,0,.22) !important;

        overflow:hidden !important;
        box-sizing:border-box !important;
    }

    body.sx-area-funcionario .cliente-view-header,
    body.sx-area-funcionario .cliente-panel-header,
    body.sx-area-funcionario .cliente-card-header{
        width:100% !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        gap:10px !important;

        padding:0 0 14px 0 !important;
        margin:0 0 14px 0 !important;
        border-bottom:1px solid rgba(200,164,77,.10) !important;
    }

    body.sx-area-funcionario .cliente-view-header h2,
    body.sx-area-funcionario .cliente-view-header h3,
    body.sx-area-funcionario .cliente-panel-header h2,
    body.sx-area-funcionario .cliente-panel-header h3,
    body.sx-area-funcionario .cliente-card-header h2,
    body.sx-area-funcionario .cliente-card-header h3{
        font-size:20px !important;
        line-height:1.2 !important;
        margin:0 !important;
        color:#ECECEC !important;

        white-space:normal !important;
        word-break:break-word !important;
        overflow-wrap:anywhere !important;
    }

    body.sx-area-funcionario .cliente-view-header p,
    body.sx-area-funcionario .cliente-panel-header p,
    body.sx-area-funcionario .cliente-card-header p{
        font-size:12.5px !important;
        line-height:1.5 !important;
        color:#9FA6B2 !important;
        margin:0 !important;
    }

    /* =========================
       Dados internos do cliente
    ========================= */

    body.sx-area-funcionario .cliente-info-grid,
    body.sx-area-funcionario .cliente-data-grid,
    body.sx-area-funcionario .cliente-detail-grid,
    body.sx-area-funcionario .cliente-dados-grid{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:11px !important;
        width:100% !important;
    }

    body.sx-area-funcionario .cliente-info-item,
    body.sx-area-funcionario .cliente-data-item,
    body.sx-area-funcionario .cliente-detail-card,
    body.sx-area-funcionario .cliente-dado-card{
        width:100% !important;
        padding:13px 14px !important;
        border-radius:15px !important;

        background:#0F1115 !important;
        border:1px solid rgba(200,164,77,.10) !important;

        display:flex !important;
        flex-direction:column !important;
        gap:5px !important;

        box-sizing:border-box !important;
        overflow:hidden !important;
    }

    body.sx-area-funcionario .cliente-info-item small,
    body.sx-area-funcionario .cliente-data-item small,
    body.sx-area-funcionario .cliente-detail-card small,
    body.sx-area-funcionario .cliente-dado-card small{
        color:#C8A44D !important;
        font-size:10px !important;
        line-height:1.2 !important;
        font-weight:900 !important;
        letter-spacing:.8px !important;
        text-transform:uppercase !important;
    }

    body.sx-area-funcionario .cliente-info-item strong,
    body.sx-area-funcionario .cliente-data-item strong,
    body.sx-area-funcionario .cliente-detail-card strong,
    body.sx-area-funcionario .cliente-dado-card strong{
        color:#ECECEC !important;
        font-size:13.5px !important;
        line-height:1.35 !important;
        font-weight:900 !important;

        white-space:normal !important;
        word-break:break-word !important;
        overflow-wrap:anywhere !important;
    }

    body.sx-area-funcionario .cliente-info-item span,
    body.sx-area-funcionario .cliente-info-item p,
    body.sx-area-funcionario .cliente-data-item span,
    body.sx-area-funcionario .cliente-data-item p,
    body.sx-area-funcionario .cliente-detail-card span,
    body.sx-area-funcionario .cliente-detail-card p,
    body.sx-area-funcionario .cliente-dado-card span,
    body.sx-area-funcionario .cliente-dado-card p{
        color:#9FA6B2 !important;
        font-size:12px !important;
        line-height:1.45 !important;
        margin:0 !important;

        white-space:normal !important;
        word-break:break-word !important;
        overflow-wrap:anywhere !important;
    }

    /* =========================
       Filtros da área clientes
    ========================= */

    body.sx-area-funcionario .clientes-filter-card{
        width:100% !important;
        padding:16px !important;
        border-radius:20px !important;
        margin-bottom:18px !important;
        overflow:hidden !important;
    }

    body.sx-area-funcionario .clientes-filter-form{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:13px !important;
        width:100% !important;
    }

    body.sx-area-funcionario .clientes-filter-form .form-group{
        width:100% !important;
        margin:0 !important;
    }

    body.sx-area-funcionario .clientes-filter-form label{
        display:block !important;
        margin-bottom:6px !important;

        color:#D8BD69 !important;
        font-size:11px !important;
        line-height:1.2 !important;
        font-weight:900 !important;
        letter-spacing:.7px !important;
        text-transform:uppercase !important;
    }

    body.sx-area-funcionario .clientes-filter-form input,
    body.sx-area-funcionario .clientes-filter-form select{
        width:100% !important;
        min-height:44px !important;
        height:44px !important;
        padding:0 12px !important;
        border-radius:12px !important;
        font-size:13px !important;
        box-sizing:border-box !important;
    }

    body.sx-area-funcionario .clientes-filter-actions{
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:10px !important;
        width:100% !important;
    }

    body.sx-area-funcionario .clientes-filter-actions a,
    body.sx-area-funcionario .clientes-filter-actions button,
    body.sx-area-funcionario .clientes-main-btn,
    body.sx-area-funcionario .clientes-back-btn{
        width:100% !important;
        min-height:44px !important;
        height:44px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        border-radius:12px !important;
        font-size:12px !important;
        font-weight:900 !important;
        text-align:center !important;
        white-space:nowrap !important;
    }

    /* =========================
       Listagem de clientes funcionário
    ========================= */

    body.sx-area-funcionario .clientes-list{
        display:flex !important;
        flex-direction:column !important;
        gap:14px !important;
        width:100% !important;
    }

    body.sx-area-funcionario .cliente-item{
        width:100% !important;
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:12px !important;

        padding:16px !important;
        border-radius:20px !important;

        background:
            radial-gradient(circle at top left,rgba(200,164,77,.08),transparent 36%),
            linear-gradient(180deg,#1E232D,#171A21) !important;
        border:1px solid rgba(200,164,77,.14) !important;
        box-shadow:0 12px 28px rgba(0,0,0,.22) !important;

        overflow:hidden !important;
        box-sizing:border-box !important;
    }

    body.sx-area-funcionario .cliente-main{
        display:grid !important;
        grid-template-columns:auto 1fr !important;
        gap:12px !important;
        align-items:flex-start !important;
        width:100% !important;
        min-width:0 !important;
    }

    body.sx-area-funcionario .cliente-id{
        width:38px !important;
        height:38px !important;
        min-width:38px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        border-radius:12px !important;
        font-size:11px !important;
        font-weight:900 !important;
        color:#11151D !important;
        background:#C8A44D !important;
    }

    body.sx-area-funcionario .cliente-main h3{
        font-size:17px !important;
        line-height:1.25 !important;
        margin:0 0 5px 0 !important;

        color:#ECECEC !important;
        white-space:normal !important;
        word-break:break-word !important;
        overflow-wrap:anywhere !important;
    }

    body.sx-area-funcionario .cliente-main p{
        font-size:12px !important;
        line-height:1.45 !important;
        margin:0 0 10px 0 !important;
        color:#9FA6B2 !important;
        word-break:break-word !important;
    }

    body.sx-area-funcionario .cliente-meta{
        display:flex !important;
        flex-direction:column !important;
        gap:6px !important;
        width:100% !important;
    }

    body.sx-area-funcionario .cliente-meta span{
        width:100% !important;
        display:block !important;

        padding:8px 10px !important;
        border-radius:12px !important;

        background:#0F1115 !important;
        border:1px solid rgba(200,164,77,.10) !important;

        color:#9FA6B2 !important;
        font-size:11.5px !important;
        line-height:1.35 !important;

        white-space:normal !important;
        word-break:break-word !important;
        overflow-wrap:anywhere !important;
    }

    body.sx-area-funcionario .cliente-box,
    body.sx-area-funcionario .cliente-status-box{
        width:100% !important;
        padding:13px 14px !important;
        border-radius:16px !important;

        background:#0F1115 !important;
        border:1px solid rgba(200,164,77,.10) !important;

        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        gap:6px !important;

        box-sizing:border-box !important;
        overflow:hidden !important;
    }

    body.sx-area-funcionario .cliente-box small,
    body.sx-area-funcionario .cliente-status-box small{
        color:#C8A44D !important;
        font-size:10px !important;
        line-height:1.2 !important;
        font-weight:900 !important;
        letter-spacing:.8px !important;
        text-transform:uppercase !important;
    }

    body.sx-area-funcionario .cliente-box strong,
    body.sx-area-funcionario .cliente-status-box strong{
        color:#ECECEC !important;
        font-size:14px !important;
        line-height:1.25 !important;
        word-break:break-word !important;
        overflow-wrap:anywhere !important;
    }

    body.sx-area-funcionario .cliente-box span,
    body.sx-area-funcionario .cliente-status-box span{
        color:#9FA6B2 !important;
        font-size:11.5px !important;
        line-height:1.35 !important;
        word-break:break-word !important;
        overflow-wrap:anywhere !important;
    }

    body.sx-area-funcionario .cliente-status{
        width:auto !important;
        max-width:max-content !important;
        min-height:24px !important;

        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;

        padding:5px 10px !important;
        border-radius:999px !important;

        font-size:10px !important;
        line-height:1 !important;
        font-weight:900 !important;
        letter-spacing:.6px !important;
        text-transform:uppercase !important;
        white-space:nowrap !important;

        align-self:flex-start !important;
    }

    body.sx-area-funcionario .cliente-actions,
    body.sx-area-funcionario .cliente-view-actions,
    body.sx-area-funcionario .cliente-action-bar{
        width:100% !important;
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:10px !important;
        margin-top:4px !important;
    }

    body.sx-area-funcionario .cliente-actions a,
    body.sx-area-funcionario .cliente-view-actions a,
    body.sx-area-funcionario .cliente-action-bar a,
    body.sx-area-funcionario .cliente-action-bar button,
    body.sx-area-funcionario .clientes-action-primary,
    body.sx-area-funcionario .clientes-action-secondary,
    body.sx-area-funcionario .docs-action-primary,
    body.sx-area-funcionario .docs-action-secondary{
        width:100% !important;
        min-height:42px !important;
        height:42px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        border-radius:12px !important;
        padding:0 12px !important;

        font-size:12px !important;
        font-weight:900 !important;
        text-align:center !important;
        white-space:nowrap !important;
        box-sizing:border-box !important;
    }
}

@media(max-width:520px){

    body.sx-area-funcionario .cliente-view-card,
    body.sx-area-funcionario .cliente-card,
    body.sx-area-funcionario .cliente-panel,
    body.sx-area-funcionario .cliente-item{
        padding:14px !important;
        border-radius:18px !important;
    }

    body.sx-area-funcionario .cliente-main{
        grid-template-columns:1fr !important;
    }

    body.sx-area-funcionario .cliente-id{
        width:max-content !important;
        height:28px !important;
        min-width:0 !important;
        padding:0 10px !important;
        border-radius:999px !important;
    }

    body.sx-area-funcionario .clientes-filter-actions,
    body.sx-area-funcionario .cliente-actions,
    body.sx-area-funcionario .cliente-view-actions,
    body.sx-area-funcionario .cliente-action-bar{
        grid-template-columns:1fr !important;
    }

    body.sx-area-funcionario .cliente-view-header h2,
    body.sx-area-funcionario .cliente-view-header h3,
    body.sx-area-funcionario .cliente-panel-header h2,
    body.sx-area-funcionario .cliente-panel-header h3,
    body.sx-area-funcionario .cliente-card-header h2,
    body.sx-area-funcionario .cliente-card-header h3{
        font-size:18px !important;
    }
}

/* =========================================================
   00.10.1 - MOBILE - FUNCIONÁRIO / VISUALIZAR E EDITAR CLIENTE
========================================================= */

@media(max-width:900px){

    /* =========================
       HERO - Visualizar Cliente
    ========================= */

    body.sx-area-funcionario .cliente-view-hero{
        width:100% !important;

        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        gap:16px !important;

        padding:18px 16px !important;
        margin:0 0 16px 0 !important;

        border-radius:22px !important;
        background:
            radial-gradient(circle at top left,rgba(200,164,77,.10),transparent 38%),
            linear-gradient(180deg,#1E232D,#171A21) !important;
        border:1px solid rgba(200,164,77,.15) !important;
        box-shadow:0 14px 34px rgba(0,0,0,.25) !important;

        overflow:hidden !important;
        box-sizing:border-box !important;
    }

    body.sx-area-funcionario .cliente-view-hero > div:first-child{
        width:100% !important;
        min-width:0 !important;
    }

    body.sx-area-funcionario .cliente-view-hero span{
        display:inline-flex !important;
        width:max-content !important;
        max-width:100% !important;

        color:#C8A44D !important;
        background:rgba(200,164,77,.08) !important;
        border:1px solid rgba(200,164,77,.16) !important;

        padding:6px 10px !important;
        border-radius:999px !important;

        font-size:10.5px !important;
        font-weight:900 !important;
        line-height:1 !important;
        letter-spacing:.7px !important;
        text-transform:uppercase !important;
    }

    body.sx-area-funcionario .cliente-view-hero h2{
        color:#ECECEC !important;
        font-size:24px !important;
        line-height:1.15 !important;
        margin:12px 0 6px 0 !important;

        white-space:normal !important;
        word-break:break-word !important;
        overflow-wrap:anywhere !important;
    }

    body.sx-area-funcionario .cliente-view-hero p{
        color:#9FA6B2 !important;
        font-size:12.5px !important;
        line-height:1.45 !important;
        margin:0 !important;
    }

    body.sx-area-funcionario .cliente-view-hero-actions{
        width:100% !important;
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:10px !important;
    }

    body.sx-area-funcionario .cliente-view-hero-actions a,
    body.sx-area-funcionario .cliente-view-hero-actions .docs-main-btn,
    body.sx-area-funcionario .cliente-view-hero-actions .docs-back-btn{
        width:100% !important;
        min-height:44px !important;
        height:44px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        padding:0 12px !important;
        border-radius:13px !important;

        font-size:12px !important;
        font-weight:900 !important;
        line-height:1 !important;
        text-align:center !important;
        white-space:nowrap !important;

        box-sizing:border-box !important;
    }

    /* =========================
       KPIs - Visualizar Cliente
    ========================= */

    body.sx-area-funcionario .cliente-view-kpi-grid{
        width:100% !important;

        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:12px !important;

        margin:0 0 16px 0 !important;
    }

    body.sx-area-funcionario .cliente-view-kpi{
        width:100% !important;
        min-height:112px !important;

        display:flex !important;
        flex-direction:column !important;
        justify-content:space-between !important;
        gap:8px !important;

        padding:15px 14px !important;
        border-radius:18px !important;

        background:
            radial-gradient(circle at top left,rgba(200,164,77,.08),transparent 36%),
            linear-gradient(180deg,#1E232D,#171A21) !important;
        border:1px solid rgba(200,164,77,.14) !important;
        box-shadow:0 12px 28px rgba(0,0,0,.22) !important;

        overflow:hidden !important;
        box-sizing:border-box !important;
    }

    body.sx-area-funcionario .cliente-view-kpi span{
        color:#C8A44D !important;
        font-size:10.5px !important;
        line-height:1.25 !important;
        font-weight:900 !important;
        letter-spacing:.7px !important;
        text-transform:uppercase !important;
    }

    body.sx-area-funcionario .cliente-view-kpi strong{
        color:#ECECEC !important;
        font-size:20px !important;
        line-height:1.12 !important;
        font-weight:900 !important;

        white-space:normal !important;
        word-break:break-word !important;
        overflow-wrap:anywhere !important;
    }

    body.sx-area-funcionario .cliente-view-kpi small{
        color:#8E98AA !important;
        font-size:11px !important;
        line-height:1.35 !important;
    }

    body.sx-area-funcionario .cliente-view-kpi-money{
        grid-column:1 / -1 !important;
    }

    body.sx-area-funcionario .cliente-view-kpi-money strong{
        color:#F0D37D !important;
        font-size:22px !important;
        line-height:1.12 !important;
    }

    /* =========================
       EDITAR CLIENTE - Layout
    ========================= */

    body.sx-area-funcionario .cliente-edit-layout{
        width:100% !important;

        display:grid !important;
        grid-template-columns:1fr !important;
        gap:14px !important;

        margin:0 !important;
        padding:0 !important;
    }

    body.sx-area-funcionario .cliente-edit-layout .cliente-view-side{
        display:none !important;
    }

    body.sx-area-funcionario .cliente-edit-card{
        width:100% !important;
        padding:16px !important;
        border-radius:22px !important;

        background:
            radial-gradient(circle at top left,rgba(200,164,77,.08),transparent 36%),
            linear-gradient(180deg,#1E232D,#171A21) !important;
        border:1px solid rgba(200,164,77,.14) !important;
        box-shadow:0 14px 34px rgba(0,0,0,.25) !important;

        overflow:hidden !important;
        box-sizing:border-box !important;
    }

    body.sx-area-funcionario .cliente-edit-header{
        width:100% !important;

        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        gap:12px !important;

        padding:0 0 14px 0 !important;
        margin:0 0 16px 0 !important;

        border-bottom:1px solid rgba(200,164,77,.10) !important;
    }

    body.sx-area-funcionario .cliente-edit-header > div{
        width:100% !important;
        min-width:0 !important;
    }

    body.sx-area-funcionario .cliente-edit-header span{
        display:inline-flex !important;
        width:max-content !important;
        max-width:100% !important;

        color:#C8A44D !important;
        background:rgba(200,164,77,.08) !important;
        border:1px solid rgba(200,164,77,.16) !important;

        padding:6px 10px !important;
        border-radius:999px !important;

        font-size:10.5px !important;
        font-weight:900 !important;
        line-height:1 !important;
        letter-spacing:.7px !important;
        text-transform:uppercase !important;
    }

    body.sx-area-funcionario .cliente-edit-header h3{
        color:#ECECEC !important;
        font-size:22px !important;
        line-height:1.15 !important;
        margin:12px 0 6px 0 !important;

        white-space:normal !important;
        word-break:break-word !important;
        overflow-wrap:anywhere !important;
    }

    body.sx-area-funcionario .cliente-edit-header p{
        color:#9FA6B2 !important;
        font-size:12.5px !important;
        line-height:1.45 !important;
        margin:0 !important;
    }

    body.sx-area-funcionario .cliente-edit-header > strong{
        width:auto !important;
        min-height:28px !important;

        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;

        padding:6px 11px !important;
        border-radius:999px !important;

        color:#11151D !important;
        background:#C8A44D !important;

        font-size:11px !important;
        font-weight:900 !important;
        line-height:1 !important;
        letter-spacing:.7px !important;
    }

    /* =========================
       EDITAR CLIENTE - Formulário
    ========================= */

    body.sx-area-funcionario .cliente-edit-grid{
        width:100% !important;

        display:grid !important;
        grid-template-columns:1fr !important;
        gap:13px !important;

        margin:0 !important;
    }

    body.sx-area-funcionario .cliente-edit-grid .form-group,
    body.sx-area-funcionario .cliente-edit-grid .form-group.full-width{
        width:100% !important;
        grid-column:1 / -1 !important;
        margin:0 !important;
    }

    body.sx-area-funcionario .cliente-edit-grid label{
        display:block !important;
        margin-bottom:6px !important;

        color:#D8BD69 !important;
        font-size:11px !important;
        line-height:1.2 !important;
        font-weight:900 !important;
        letter-spacing:.7px !important;
        text-transform:uppercase !important;
    }

    body.sx-area-funcionario .cliente-edit-grid input,
    body.sx-area-funcionario .cliente-edit-grid select,
    body.sx-area-funcionario .cliente-edit-grid textarea{
        width:100% !important;
        max-width:100% !important;

        background:#0F1115 !important;
        border:1px solid #2B303A !important;
        color:#ECECEC !important;

        border-radius:12px !important;
        font-size:13px !important;
        line-height:1.35 !important;

        box-sizing:border-box !important;
    }

    body.sx-area-funcionario .cliente-edit-grid input,
    body.sx-area-funcionario .cliente-edit-grid select{
        min-height:44px !important;
        height:44px !important;
        padding:0 12px !important;
    }

    body.sx-area-funcionario .cliente-edit-grid textarea{
        min-height:112px !important;
        padding:12px !important;
        resize:vertical !important;
    }

    body.sx-area-funcionario .cliente-edit-grid input:focus,
    body.sx-area-funcionario .cliente-edit-grid select:focus,
    body.sx-area-funcionario .cliente-edit-grid textarea:focus{
        outline:none !important;
        border-color:#C8A44D !important;
        box-shadow:0 0 0 3px rgba(200,164,77,.12) !important;
    }

    body.sx-area-funcionario .cliente-edit-grid input[type="date"]{
        color-scheme:dark !important;
    }

    /* =========================
       EDITAR CLIENTE - Status
    ========================= */

    body.sx-area-funcionario .cliente-edit-status{
        width:100% !important;

        display:grid !important;
        grid-template-columns:1fr !important;
        gap:10px !important;

        margin:16px 0 0 0 !important;
        padding:14px !important;

        border-radius:18px !important;
        background:#151A22 !important;
        border:1px solid rgba(200,164,77,.12) !important;

        box-sizing:border-box !important;
    }

    body.sx-area-funcionario .cliente-edit-status .switch-row{
        width:100% !important;
        min-height:50px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        gap:12px !important;

        padding:12px 13px !important;
        border-radius:15px !important;

        background:#0F1115 !important;
        border:1px solid rgba(200,164,77,.10) !important;

        box-sizing:border-box !important;
    }

    body.sx-area-funcionario .cliente-edit-status .switch-row span{
        color:#ECECEC !important;
        font-size:12.5px !important;
        line-height:1.3 !important;
        font-weight:800 !important;
    }

    body.sx-area-funcionario .cliente-edit-status .switch{
        flex:0 0 auto !important;
        margin:0 !important;
        transform:scale(.92) !important;
        transform-origin:right center !important;
    }

    /* =========================
       EDITAR CLIENTE - Ações
    ========================= */

    body.sx-area-funcionario .cliente-edit-actions{
        width:100% !important;

        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:10px !important;

        margin:16px 0 0 0 !important;
        padding:14px !important;

        border-radius:18px !important;
        background:
            radial-gradient(circle at top left,rgba(200,164,77,.08),transparent 36%),
            linear-gradient(180deg,#1E232D,#171A21) !important;
        border:1px solid rgba(200,164,77,.14) !important;

        box-sizing:border-box !important;
    }

    body.sx-area-funcionario .cliente-edit-actions a,
    body.sx-area-funcionario .cliente-edit-actions button,
    body.sx-area-funcionario .cliente-edit-actions .clientes-back-btn,
    body.sx-area-funcionario .cliente-edit-actions .clientes-main-btn{
        width:100% !important;
        min-width:0 !important;
        min-height:46px !important;
        height:46px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        padding:0 14px !important;
        border-radius:13px !important;

        font-size:12px !important;
        font-weight:900 !important;
        line-height:1 !important;
        text-align:center !important;
        text-transform:uppercase !important;
        letter-spacing:.6px !important;
        white-space:nowrap !important;

        box-sizing:border-box !important;
    }
}

@media(max-width:520px){

    body.sx-area-funcionario .cliente-view-hero{
        padding:16px 14px !important;
        border-radius:20px !important;
    }

    body.sx-area-funcionario .cliente-view-hero h2{
        font-size:22px !important;
    }

    body.sx-area-funcionario .cliente-view-hero-actions{
        grid-template-columns:1fr !important;
    }

    body.sx-area-funcionario .cliente-view-kpi-grid{
        grid-template-columns:1fr !important;
        gap:11px !important;
    }

    body.sx-area-funcionario .cliente-view-kpi,
    body.sx-area-funcionario .cliente-view-kpi-money{
        grid-column:auto !important;
        min-height:auto !important;
        padding:14px !important;
    }

    body.sx-area-funcionario .cliente-view-kpi strong{
        font-size:19px !important;
    }

    body.sx-area-funcionario .cliente-view-kpi-money strong{
        font-size:20px !important;
    }

    body.sx-area-funcionario .cliente-edit-card{
        padding:14px !important;
        border-radius:20px !important;
    }

    body.sx-area-funcionario .cliente-edit-header h3{
        font-size:20px !important;
    }

    body.sx-area-funcionario .cliente-edit-status,
    body.sx-area-funcionario .cliente-edit-actions{
        padding:13px !important;
        border-radius:17px !important;
    }

    body.sx-area-funcionario .cliente-edit-actions{
        grid-template-columns:1fr !important;
    }

    body.sx-area-funcionario .cliente-edit-actions a,
    body.sx-area-funcionario .cliente-edit-actions button,
    body.sx-area-funcionario .cliente-edit-actions .clientes-back-btn,
    body.sx-area-funcionario .cliente-edit-actions .clientes-main-btn{
        min-height:44px !important;
        height:44px !important;
    }
}

/* =========================================================
   00.11 - MOBILE - FUNCIONÁRIO / RELATÓRIOS
   Histórico, visualização e edição/acompanhamento
========================================================= */

@media(max-width:900px){

    /* =========================
       Painel de histórico
    ========================= */

    body.sx-area-funcionario .relatorios-panel{
        width:100% !important;
        padding:16px !important;
        border-radius:22px !important;

        background:
            radial-gradient(circle at top left,rgba(200,164,77,.08),transparent 36%),
            linear-gradient(180deg,#1E232D,#171A21) !important;
        border:1px solid rgba(200,164,77,.14) !important;
        box-shadow:0 14px 34px rgba(0,0,0,.25) !important;

        overflow:hidden !important;
        box-sizing:border-box !important;
    }

    body.sx-area-funcionario .relatorios-panel-header{
        width:100% !important;

        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        gap:12px !important;

        padding:0 0 14px 0 !important;
        margin:0 0 14px 0 !important;

        border-bottom:1px solid rgba(200,164,77,.10) !important;
    }

    body.sx-area-funcionario .relatorios-panel-header h3{
        color:#ECECEC !important;
        font-size:20px !important;
        line-height:1.2 !important;
        margin:0 0 6px 0 !important;
    }

    body.sx-area-funcionario .relatorios-panel-header p{
        color:#9FA6B2 !important;
        font-size:12.5px !important;
        line-height:1.5 !important;
        margin:0 !important;
    }

    body.sx-area-funcionario .relatorios-panel-header > span{
        width:auto !important;
        min-height:28px !important;

        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;

        padding:6px 11px !important;
        border-radius:999px !important;

        color:#C8A44D !important;
        background:rgba(200,164,77,.08) !important;
        border:1px solid rgba(200,164,77,.16) !important;

        font-size:10.5px !important;
        font-weight:900 !important;
        line-height:1 !important;
        letter-spacing:.7px !important;
        text-transform:uppercase !important;
    }

    /* =========================
       Tabela de relatórios como cards
    ========================= */

    body.sx-area-funcionario .relatorios-table-wrapper,
    body.sx-area-funcionario .table-wrapper.relatorios-table-wrapper{
        width:100% !important;
        overflow:visible !important;
        padding:0 !important;
        background:transparent !important;
    }

    body.sx-area-funcionario .relatorios-table,
    body.sx-area-funcionario .relatorios-table thead,
    body.sx-area-funcionario .relatorios-table tbody,
    body.sx-area-funcionario .relatorios-table tr,
    body.sx-area-funcionario .relatorios-table th,
    body.sx-area-funcionario .relatorios-table td{
        width:100% !important;
    }

    body.sx-area-funcionario .relatorios-table{
        display:block !important;
        min-width:0 !important;
        border-collapse:separate !important;
        border-spacing:0 !important;
        background:transparent !important;
    }

    body.sx-area-funcionario .relatorios-table thead{
        display:none !important;
    }

    body.sx-area-funcionario .relatorios-table tbody{
        display:flex !important;
        flex-direction:column !important;
        gap:14px !important;
        padding:0 !important;
    }

    body.sx-area-funcionario .relatorios-table tr{
        width:100% !important;

        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:10px !important;

        margin:0 !important;
        padding:16px !important;

        border-radius:20px !important;
        background:
            radial-gradient(circle at top left,rgba(200,164,77,.08),transparent 36%),
            linear-gradient(180deg,#1A202A,#111720) !important;
        border:1px solid rgba(200,164,77,.14) !important;
        box-shadow:0 12px 28px rgba(0,0,0,.22) !important;

        box-sizing:border-box !important;
    }

    body.sx-area-funcionario .relatorios-table td{
        width:100% !important;
        min-height:auto !important;

        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        justify-content:flex-start !important;
        gap:5px !important;

        padding:11px 12px !important;

        background:#0F1115 !important;
        border:1px solid rgba(200,164,77,.10) !important;
        border-radius:14px !important;

        color:#ECECEC !important;
        font-size:12px !important;
        line-height:1.35 !important;
        text-align:left !important;

        white-space:normal !important;
        overflow:visible !important;
        box-sizing:border-box !important;
    }

    body.sx-area-funcionario .relatorios-table td::before{
        display:block !important;

        color:#C8A44D !important;
        font-size:9.5px !important;
        line-height:1.1 !important;
        font-weight:900 !important;
        text-transform:uppercase !important;
        letter-spacing:.8px !important;

        margin:0 0 2px 0 !important;
    }

    body.sx-area-funcionario .relatorios-table td:nth-child(1)::before{ content:"Data" !important; }
    body.sx-area-funcionario .relatorios-table td:nth-child(2)::before{ content:"Clientes" !important; }
    body.sx-area-funcionario .relatorios-table td:nth-child(3)::before{ content:"Aprovadas" !important; }
    body.sx-area-funcionario .relatorios-table td:nth-child(4)::before{ content:"Recusadas" !important; }
    body.sx-area-funcionario .relatorios-table td:nth-child(5)::before{ content:"Valor total" !important; }
    body.sx-area-funcionario .relatorios-table td:nth-child(6)::before{ content:"Status" !important; }
    body.sx-area-funcionario .relatorios-table td:nth-child(7)::before{ content:"Edição" !important; }
    body.sx-area-funcionario .relatorios-table td:nth-child(8)::before{ content:"Ações" !important; }

    /* Ordem visual do card */

    body.sx-area-funcionario .relatorios-table td:nth-child(1){
        order:1 !important;
        grid-column:1 / 2 !important;

        background:transparent !important;
        border:none !important;
        padding:0 !important;
    }

    body.sx-area-funcionario .relatorios-table td:nth-child(6){
        order:2 !important;
        grid-column:2 / 3 !important;

        background:transparent !important;
        border:none !important;
        padding:0 !important;

        align-items:flex-end !important;
    }

    body.sx-area-funcionario .relatorios-table td:nth-child(2){
        order:3 !important;
        grid-column:1 / 2 !important;
    }

    body.sx-area-funcionario .relatorios-table td:nth-child(3){
        order:4 !important;
        grid-column:2 / 3 !important;
    }

    body.sx-area-funcionario .relatorios-table td:nth-child(4){
        order:5 !important;
        grid-column:1 / 2 !important;
    }

    body.sx-area-funcionario .relatorios-table td:nth-child(7){
        order:6 !important;
        grid-column:2 / 3 !important;
    }

    body.sx-area-funcionario .relatorios-table td:nth-child(5){
        order:7 !important;
        grid-column:1 / -1 !important;
    }

    body.sx-area-funcionario .relatorios-table td:nth-child(8){
        order:8 !important;
        grid-column:1 / -1 !important;

        background:transparent !important;
        border:none !important;
        padding:4px 0 0 0 !important;
    }

    body.sx-area-funcionario .relatorios-data{
        display:block !important;

        color:#F0D37D !important;
        font-size:17px !important;
        line-height:1.1 !important;
        font-weight:900 !important;

        white-space:nowrap !important;
    }

    body.sx-area-funcionario .relatorios-table td:nth-child(1) small{
        display:block !important;
        margin-top:6px !important;

        color:#9FA6B2 !important;
        font-size:11px !important;
        line-height:1.3 !important;
    }

    body.sx-area-funcionario .relatorios-valor{
        display:block !important;

        color:#F0D37D !important;
        font-size:17px !important;
        line-height:1.25 !important;
        font-weight:900 !important;

        white-space:normal !important;
        word-break:break-word !important;
        overflow-wrap:anywhere !important;
    }

    body.sx-area-funcionario .relatorios-table td:nth-child(6)::before,
    body.sx-area-funcionario .relatorios-table td:nth-child(8)::before{
        display:none !important;
    }

    body.sx-area-funcionario .badge-success,
    body.sx-area-funcionario .badge-status{
        width:auto !important;
        max-width:max-content !important;
        min-width:0 !important;
        min-height:25px !important;

        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;

        padding:5px 10px !important;
        border-radius:999px !important;

        font-size:10px !important;
        line-height:1 !important;
        font-weight:900 !important;
        letter-spacing:.6px !important;
        text-transform:uppercase !important;
        white-space:nowrap !important;
    }

    body.sx-area-funcionario .relatorios-actions{
        width:100% !important;

        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:10px !important;

        margin:0 !important;
    }

    body.sx-area-funcionario .relatorios-actions a,
    body.sx-area-funcionario .relatorios-actions .docs-action-primary,
    body.sx-area-funcionario .relatorios-actions .docs-action-secondary{
        width:100% !important;
        min-width:0 !important;
        min-height:42px !important;
        height:42px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        padding:0 12px !important;
        border-radius:12px !important;

        font-size:12px !important;
        font-weight:900 !important;
        line-height:1 !important;
        text-align:center !important;
        white-space:nowrap !important;

        box-sizing:border-box !important;
    }

    /* =========================
       Visualizar relatório - estruturas comuns
    ========================= */

    body.sx-area-funcionario .relatorio-view-hero,
    body.sx-area-funcionario .relatorio-hero,
    body.sx-area-funcionario .visualizar-relatorio-hero{
        width:100% !important;

        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        gap:16px !important;

        padding:18px 16px !important;
        margin:0 0 16px 0 !important;

        border-radius:22px !important;
        background:
            radial-gradient(circle at top left,rgba(200,164,77,.10),transparent 38%),
            linear-gradient(180deg,#1E232D,#171A21) !important;
        border:1px solid rgba(200,164,77,.15) !important;
        box-shadow:0 14px 34px rgba(0,0,0,.25) !important;

        overflow:hidden !important;
        box-sizing:border-box !important;
    }

    body.sx-area-funcionario .relatorio-view-hero h2,
    body.sx-area-funcionario .relatorio-hero h2,
    body.sx-area-funcionario .visualizar-relatorio-hero h2{
        color:#ECECEC !important;
        font-size:24px !important;
        line-height:1.15 !important;
        margin:0 0 6px 0 !important;

        white-space:normal !important;
        word-break:break-word !important;
        overflow-wrap:anywhere !important;
    }

    body.sx-area-funcionario .relatorio-view-hero p,
    body.sx-area-funcionario .relatorio-hero p,
    body.sx-area-funcionario .visualizar-relatorio-hero p{
        color:#9FA6B2 !important;
        font-size:12.5px !important;
        line-height:1.5 !important;
        margin:0 !important;
    }

    body.sx-area-funcionario .relatorio-view-actions,
    body.sx-area-funcionario .relatorio-hero-actions,
    body.sx-area-funcionario .visualizar-relatorio-actions{
        width:100% !important;

        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:10px !important;
    }

    body.sx-area-funcionario .relatorio-view-actions a,
    body.sx-area-funcionario .relatorio-hero-actions a,
    body.sx-area-funcionario .visualizar-relatorio-actions a{
        width:100% !important;
        min-height:44px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        border-radius:13px !important;
        font-size:12px !important;
        font-weight:900 !important;
        text-align:center !important;
        white-space:nowrap !important;
    }

    /* =========================
       KPIs da visualização/edição
    ========================= */

    body.sx-area-funcionario .relatorio-view-kpi-grid,
    body.sx-area-funcionario .relatorio-kpi-grid,
    body.sx-area-funcionario .visualizar-relatorio-kpi-grid,
    body.sx-area-funcionario .editar-relatorio-kpi-grid{
        width:100% !important;

        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:12px !important;

        margin:0 0 16px 0 !important;
    }

    body.sx-area-funcionario .relatorio-view-kpi,
    body.sx-area-funcionario .visualizar-relatorio-kpi,
    body.sx-area-funcionario .editar-relatorio-kpi{
        width:100% !important;
        min-height:110px !important;

        display:flex !important;
        flex-direction:column !important;
        justify-content:space-between !important;
        gap:8px !important;

        padding:15px 14px !important;
        border-radius:18px !important;

        background:
            radial-gradient(circle at top left,rgba(200,164,77,.08),transparent 36%),
            linear-gradient(180deg,#1E232D,#171A21) !important;
        border:1px solid rgba(200,164,77,.14) !important;
        box-shadow:0 12px 28px rgba(0,0,0,.22) !important;

        overflow:hidden !important;
        box-sizing:border-box !important;
    }

    body.sx-area-funcionario .relatorio-view-kpi span,
    body.sx-area-funcionario .visualizar-relatorio-kpi span,
    body.sx-area-funcionario .editar-relatorio-kpi span{
        color:#C8A44D !important;
        font-size:10.5px !important;
        line-height:1.25 !important;
        font-weight:900 !important;
        letter-spacing:.7px !important;
        text-transform:uppercase !important;
    }

    body.sx-area-funcionario .relatorio-view-kpi strong,
    body.sx-area-funcionario .visualizar-relatorio-kpi strong,
    body.sx-area-funcionario .editar-relatorio-kpi strong{
        color:#ECECEC !important;
        font-size:21px !important;
        line-height:1.12 !important;
        font-weight:900 !important;

        word-break:break-word !important;
        overflow-wrap:anywhere !important;
    }

    body.sx-area-funcionario .relatorio-view-kpi small,
    body.sx-area-funcionario .visualizar-relatorio-kpi small,
    body.sx-area-funcionario .editar-relatorio-kpi small{
        color:#8E98AA !important;
        font-size:11px !important;
        line-height:1.35 !important;
    }

    body.sx-area-funcionario .relatorio-view-kpi-money,
    body.sx-area-funcionario .visualizar-relatorio-kpi-money,
    body.sx-area-funcionario .editar-relatorio-kpi-money{
        grid-column:1 / -1 !important;
    }

    body.sx-area-funcionario .relatorio-view-kpi-money strong,
    body.sx-area-funcionario .visualizar-relatorio-kpi-money strong,
    body.sx-area-funcionario .editar-relatorio-kpi-money strong{
        color:#F0D37D !important;
        font-size:22px !important;
    }

    /* =========================
       Cards/conteúdo da visualização e edição
    ========================= */

    body.sx-area-funcionario .relatorio-view-layout,
    body.sx-area-funcionario .relatorio-edit-layout,
    body.sx-area-funcionario .visualizar-relatorio-layout,
    body.sx-area-funcionario .editar-relatorio-layout{
        width:100% !important;

        display:grid !important;
        grid-template-columns:1fr !important;
        gap:14px !important;

        margin:0 !important;
        padding:0 !important;
    }

    body.sx-area-funcionario .relatorio-view-card,
    body.sx-area-funcionario .relatorio-edit-card,
    body.sx-area-funcionario .visualizar-relatorio-card,
    body.sx-area-funcionario .editar-relatorio-card,
    body.sx-area-funcionario .relatorio-card,
    body.sx-area-funcionario .relatorio-panel{
        width:100% !important;
        padding:16px !important;
        border-radius:20px !important;

        background:
            radial-gradient(circle at top left,rgba(200,164,77,.08),transparent 36%),
            linear-gradient(180deg,#1E232D,#171A21) !important;
        border:1px solid rgba(200,164,77,.14) !important;
        box-shadow:0 12px 28px rgba(0,0,0,.22) !important;

        overflow:hidden !important;
        box-sizing:border-box !important;
    }

    body.sx-area-funcionario .relatorio-view-side,
    body.sx-area-funcionario .relatorio-edit-side,
    body.sx-area-funcionario .visualizar-relatorio-side,
    body.sx-area-funcionario .editar-relatorio-side{
        display:none !important;
    }

    body.sx-area-funcionario .relatorio-view-header,
    body.sx-area-funcionario .relatorio-edit-header,
    body.sx-area-funcionario .relatorio-panel-header{
        width:100% !important;

        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        gap:10px !important;

        padding:0 0 13px 0 !important;
        margin:0 0 13px 0 !important;

        border-bottom:1px solid rgba(200,164,77,.10) !important;
    }

    body.sx-area-funcionario .relatorio-view-header h3,
    body.sx-area-funcionario .relatorio-edit-header h3,
    body.sx-area-funcionario .relatorio-panel-header h3{
        color:#ECECEC !important;
        font-size:18px !important;
        line-height:1.25 !important;
        margin:0 !important;
    }

    body.sx-area-funcionario .relatorio-view-header p,
    body.sx-area-funcionario .relatorio-edit-header p,
    body.sx-area-funcionario .relatorio-panel-header p{
        color:#9FA6B2 !important;
        font-size:12.5px !important;
        line-height:1.5 !important;
        margin:0 !important;
    }

    body.sx-area-funcionario .relatorio-info-grid,
    body.sx-area-funcionario .relatorio-detail-grid,
    body.sx-area-funcionario .relatorio-dados-grid,
    body.sx-area-funcionario .relatorio-readonly-grid{
        width:100% !important;

        display:grid !important;
        grid-template-columns:1fr !important;
        gap:11px !important;
    }

    body.sx-area-funcionario .relatorio-info-item,
    body.sx-area-funcionario .relatorio-detail-card,
    body.sx-area-funcionario .relatorio-dado-card,
    body.sx-area-funcionario .relatorio-readonly-grid > div,
    body.sx-area-funcionario .relatorio-text-block{
        width:100% !important;
        padding:13px 14px !important;
        border-radius:15px !important;

        background:#0F1115 !important;
        border:1px solid rgba(200,164,77,.10) !important;

        display:flex !important;
        flex-direction:column !important;
        gap:5px !important;

        box-sizing:border-box !important;
        overflow:hidden !important;
    }

    body.sx-area-funcionario .relatorio-info-item small,
    body.sx-area-funcionario .relatorio-detail-card small,
    body.sx-area-funcionario .relatorio-dado-card small,
    body.sx-area-funcionario .relatorio-readonly-grid small,
    body.sx-area-funcionario .relatorio-text-block small{
        color:#C8A44D !important;
        font-size:10px !important;
        line-height:1.2 !important;
        font-weight:900 !important;
        letter-spacing:.8px !important;
        text-transform:uppercase !important;
    }

    body.sx-area-funcionario .relatorio-info-item strong,
    body.sx-area-funcionario .relatorio-detail-card strong,
    body.sx-area-funcionario .relatorio-dado-card strong,
    body.sx-area-funcionario .relatorio-readonly-grid strong{
        color:#ECECEC !important;
        font-size:13.5px !important;
        line-height:1.35 !important;
        font-weight:900 !important;

        word-break:break-word !important;
        overflow-wrap:anywhere !important;
    }

    body.sx-area-funcionario .relatorio-info-item p,
    body.sx-area-funcionario .relatorio-detail-card p,
    body.sx-area-funcionario .relatorio-dado-card p,
    body.sx-area-funcionario .relatorio-text-block p{
        color:#9FA6B2 !important;
        font-size:12px !important;
        line-height:1.5 !important;
        margin:0 !important;

        word-break:break-word !important;
        overflow-wrap:anywhere !important;
    }

    /* =========================
       Clientes dentro do relatório
    ========================= */

    body.sx-area-funcionario .relatorio-clientes-list,
    body.sx-area-funcionario .relatorio-view-clientes,
    body.sx-area-funcionario .relatorio-edit-clientes{
        width:100% !important;

        display:flex !important;
        flex-direction:column !important;
        gap:14px !important;
    }

    body.sx-area-funcionario .relatorio-cliente-card,
    body.sx-area-funcionario .relatorio-view-cliente-card,
    body.sx-area-funcionario .relatorio-edit-cliente-card{
        width:100% !important;
        padding:16px !important;
        border-radius:20px !important;

        background:#151A22 !important;
        border:1px solid rgba(200,164,77,.12) !important;
        box-shadow:0 10px 24px rgba(0,0,0,.18) !important;

        box-sizing:border-box !important;
        overflow:hidden !important;
    }

    body.sx-area-funcionario .relatorio-cliente-header,
    body.sx-area-funcionario .relatorio-view-cliente-header,
    body.sx-area-funcionario .relatorio-edit-cliente-header{
        width:100% !important;

        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        gap:8px !important;

        padding-bottom:13px !important;
        margin-bottom:13px !important;

        border-bottom:1px solid rgba(200,164,77,.10) !important;
    }

    body.sx-area-funcionario .relatorio-cliente-header h3,
    body.sx-area-funcionario .relatorio-view-cliente-header h3,
    body.sx-area-funcionario .relatorio-edit-cliente-header h3{
        color:#ECECEC !important;
        font-size:17px !important;
        line-height:1.25 !important;
        margin:0 !important;

        word-break:break-word !important;
        overflow-wrap:anywhere !important;
    }

    /* =========================
       Formulários/edição de relatório
    ========================= */

    body.sx-area-funcionario .relatorio-edit-grid,
    body.sx-area-funcionario .editar-relatorio-grid,
    body.sx-area-funcionario .relatorio-form-grid{
        width:100% !important;

        display:grid !important;
        grid-template-columns:1fr !important;
        gap:13px !important;
    }

    body.sx-area-funcionario .relatorio-edit-grid .form-group,
    body.sx-area-funcionario .editar-relatorio-grid .form-group,
    body.sx-area-funcionario .relatorio-form-grid .form-group,
    body.sx-area-funcionario .relatorio-edit-grid .form-group.full-width,
    body.sx-area-funcionario .editar-relatorio-grid .form-group.full-width,
    body.sx-area-funcionario .relatorio-form-grid .form-group.full-width{
        width:100% !important;
        grid-column:1 / -1 !important;
        margin:0 !important;
    }

    body.sx-area-funcionario .relatorio-edit-grid label,
    body.sx-area-funcionario .editar-relatorio-grid label,
    body.sx-area-funcionario .relatorio-form-grid label{
        display:block !important;
        margin-bottom:6px !important;

        color:#D8BD69 !important;
        font-size:11px !important;
        line-height:1.2 !important;
        font-weight:900 !important;
        letter-spacing:.7px !important;
        text-transform:uppercase !important;
    }

    body.sx-area-funcionario .relatorio-edit-grid input,
    body.sx-area-funcionario .relatorio-edit-grid select,
    body.sx-area-funcionario .relatorio-edit-grid textarea,
    body.sx-area-funcionario .editar-relatorio-grid input,
    body.sx-area-funcionario .editar-relatorio-grid select,
    body.sx-area-funcionario .editar-relatorio-grid textarea,
    body.sx-area-funcionario .relatorio-form-grid input,
    body.sx-area-funcionario .relatorio-form-grid select,
    body.sx-area-funcionario .relatorio-form-grid textarea{
        width:100% !important;
        max-width:100% !important;

        background:#0F1115 !important;
        border:1px solid #2B303A !important;
        color:#ECECEC !important;

        border-radius:12px !important;
        font-size:13px !important;
        line-height:1.35 !important;

        box-sizing:border-box !important;
    }

    body.sx-area-funcionario .relatorio-edit-grid input,
    body.sx-area-funcionario .relatorio-edit-grid select,
    body.sx-area-funcionario .editar-relatorio-grid input,
    body.sx-area-funcionario .editar-relatorio-grid select,
    body.sx-area-funcionario .relatorio-form-grid input,
    body.sx-area-funcionario .relatorio-form-grid select{
        min-height:44px !important;
        height:44px !important;
        padding:0 12px !important;
    }

    body.sx-area-funcionario .relatorio-edit-grid textarea,
    body.sx-area-funcionario .editar-relatorio-grid textarea,
    body.sx-area-funcionario .relatorio-form-grid textarea{
        min-height:130px !important;
        padding:12px !important;
        resize:vertical !important;
    }

    body.sx-area-funcionario .relatorio-edit-actions,
    body.sx-area-funcionario .editar-relatorio-actions,
    body.sx-area-funcionario .relatorio-view-footer-actions{
        width:100% !important;

        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:10px !important;

        margin-top:16px !important;
        padding:14px !important;

        border-radius:18px !important;
        background:
            radial-gradient(circle at top left,rgba(200,164,77,.08),transparent 36%),
            linear-gradient(180deg,#1E232D,#171A21) !important;
        border:1px solid rgba(200,164,77,.14) !important;

        box-sizing:border-box !important;
    }

    body.sx-area-funcionario .relatorio-edit-actions a,
    body.sx-area-funcionario .relatorio-edit-actions button,
    body.sx-area-funcionario .editar-relatorio-actions a,
    body.sx-area-funcionario .editar-relatorio-actions button,
    body.sx-area-funcionario .relatorio-view-footer-actions a,
    body.sx-area-funcionario .relatorio-view-footer-actions button{
        width:100% !important;
        min-height:44px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        border-radius:13px !important;
        font-size:12px !important;
        font-weight:900 !important;
        text-align:center !important;
        text-transform:uppercase !important;
        letter-spacing:.6px !important;
        white-space:nowrap !important;
    }
	
    /* =========================
       Header da página de relatórios
    ========================= */

    body.sx-area-funcionario .relatorios-page-header{
        width:100% !important;

        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        gap:16px !important;

        padding:18px 16px !important;
        margin:0 0 16px 0 !important;

        border-radius:22px !important;
        background:
            radial-gradient(circle at top left,rgba(200,164,77,.10),transparent 38%),
            linear-gradient(180deg,#1E232D,#171A21) !important;
        border:1px solid rgba(200,164,77,.15) !important;
        box-shadow:0 14px 34px rgba(0,0,0,.25) !important;

        overflow:hidden !important;
        box-sizing:border-box !important;
    }

    body.sx-area-funcionario .relatorios-page-header > div:first-child{
        width:100% !important;
        min-width:0 !important;
    }

    body.sx-area-funcionario .relatorios-page-header h2{
        color:#ECECEC !important;
        font-size:24px !important;
        line-height:1.15 !important;
        margin:0 0 8px 0 !important;

        white-space:normal !important;
        word-break:break-word !important;
        overflow-wrap:anywhere !important;
    }

    body.sx-area-funcionario .relatorios-page-header p{
        color:#9FA6B2 !important;
        font-size:12.5px !important;
        line-height:1.5 !important;
        margin:0 !important;
    }

    body.sx-area-funcionario .relatorios-header-actions{
        width:100% !important;

        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:10px !important;
    }

    body.sx-area-funcionario .relatorios-header-actions a,
    body.sx-area-funcionario .relatorios-header-actions .docs-main-btn,
    body.sx-area-funcionario .relatorios-header-actions .docs-back-btn{
        width:100% !important;
        min-height:44px !important;
        height:44px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        padding:0 12px !important;
        border-radius:13px !important;

        font-size:12px !important;
        font-weight:900 !important;
        line-height:1 !important;
        text-align:center !important;
        white-space:nowrap !important;

        box-sizing:border-box !important;
    }

    /* =========================
       KPIs da página de relatórios
    ========================= */

    body.sx-area-funcionario .relatorios-resumo-grid{
        width:100% !important;

        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:12px !important;

        margin:0 0 16px 0 !important;
    }

    body.sx-area-funcionario .relatorios-kpi{
        width:100% !important;
        min-height:112px !important;

        display:flex !important;
        flex-direction:column !important;
        justify-content:space-between !important;
        gap:8px !important;

        padding:15px 14px !important;
        border-radius:18px !important;

        background:
            radial-gradient(circle at top left,rgba(200,164,77,.08),transparent 36%),
            linear-gradient(180deg,#1E232D,#171A21) !important;
        border:1px solid rgba(200,164,77,.14) !important;
        box-shadow:0 12px 28px rgba(0,0,0,.22) !important;

        overflow:hidden !important;
        box-sizing:border-box !important;
    }

    body.sx-area-funcionario .relatorios-kpi span{
        color:#C8A44D !important;
        font-size:10.5px !important;
        line-height:1.25 !important;
        font-weight:900 !important;
        letter-spacing:.7px !important;
        text-transform:uppercase !important;
        white-space:normal !important;
    }

    body.sx-area-funcionario .relatorios-kpi strong{
        color:#ECECEC !important;
        font-size:24px !important;
        line-height:1.05 !important;
        font-weight:900 !important;

        word-break:break-word !important;
        overflow-wrap:anywhere !important;
    }

    body.sx-area-funcionario .relatorios-kpi small{
        color:#8E98AA !important;
        font-size:11px !important;
        line-height:1.35 !important;
    }

    body.sx-area-funcionario .relatorios-kpi-money{
        grid-column:1 / -1 !important;
        min-height:108px !important;
    }

    body.sx-area-funcionario .relatorios-kpi-money strong{
        color:#F0D37D !important;
        font-size:22px !important;
        line-height:1.12 !important;

        white-space:normal !important;
        word-break:break-word !important;
        overflow-wrap:anywhere !important;
    }

    /* =========================
       Visualizar relatório - info grid
    ========================= */

    body.sx-area-funcionario .relatorio-view-info-grid{
        width:100% !important;

        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:11px !important;

        margin:0 0 16px 0 !important;
    }

    body.sx-area-funcionario .relatorio-view-info-grid > div{
        width:100% !important;
        min-height:86px !important;

        display:flex !important;
        flex-direction:column !important;
        justify-content:flex-start !important;
        gap:6px !important;

        padding:13px 14px !important;
        border-radius:15px !important;

        background:#0F1115 !important;
        border:1px solid rgba(200,164,77,.10) !important;

        overflow:hidden !important;
        box-sizing:border-box !important;
    }

    body.sx-area-funcionario .relatorio-view-info-grid small{
        color:#C8A44D !important;
        font-size:10px !important;
        line-height:1.2 !important;
        font-weight:900 !important;
        letter-spacing:.8px !important;
        text-transform:uppercase !important;
    }

    body.sx-area-funcionario .relatorio-view-info-grid strong{
        color:#ECECEC !important;
        font-size:13.5px !important;
        line-height:1.35 !important;
        font-weight:900 !important;

        white-space:normal !important;
        word-break:break-word !important;
        overflow-wrap:anywhere !important;
    }

    /* =========================
       Visualizar relatório - textos
    ========================= */

    body.sx-area-funcionario .relatorio-view-text-grid{
        width:100% !important;

        display:grid !important;
        grid-template-columns:1fr !important;
        gap:14px !important;

        margin:0 0 16px 0 !important;
    }

    body.sx-area-funcionario .relatorio-view-text-block{
        width:100% !important;

        display:flex !important;
        flex-direction:column !important;
        gap:10px !important;

        padding:15px 14px !important;
        border-radius:18px !important;

        background:
            radial-gradient(circle at top left,rgba(200,164,77,.07),transparent 36%),
            linear-gradient(180deg,#1E232D,#171A21) !important;
        border:1px solid rgba(200,164,77,.13) !important;
        box-shadow:0 10px 24px rgba(0,0,0,.18) !important;

        overflow:hidden !important;
        box-sizing:border-box !important;
    }

    body.sx-area-funcionario .relatorio-view-text-block small{
        display:block !important;

        color:#C8A44D !important;
        font-size:10.5px !important;
        line-height:1.25 !important;
        font-weight:900 !important;
        letter-spacing:.8px !important;
        text-transform:uppercase !important;

        padding-bottom:10px !important;
        border-bottom:1px solid rgba(200,164,77,.10) !important;
    }

    body.sx-area-funcionario .relatorio-view-text-block p{
        width:100% !important;

        color:#DDE1E8 !important;
        font-size:12.5px !important;
        line-height:1.65 !important;
        font-weight:500 !important;

        margin:0 !important;

        white-space:normal !important;
        word-break:break-word !important;
        overflow-wrap:anywhere !important;
    }

    /* =========================
       Painel de situação da edição
    ========================= */

    body.sx-area-funcionario .relatorio-edit-status-panel{
        width:100% !important;

        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:12px !important;

        padding:16px !important;
        margin:0 0 16px 0 !important;

        border-radius:22px !important;
        background:
            radial-gradient(circle at top left,rgba(200,164,77,.08),transparent 36%),
            linear-gradient(180deg,#1E232D,#171A21) !important;
        border:1px solid rgba(200,164,77,.14) !important;
        box-shadow:0 14px 34px rgba(0,0,0,.25) !important;

        overflow:hidden !important;
        box-sizing:border-box !important;
    }

    body.sx-area-funcionario .relatorio-edit-status-panel.is-locked{
        border-color:rgba(255,196,87,.18) !important;
        background:
            radial-gradient(circle at top left,rgba(255,196,87,.09),transparent 38%),
            linear-gradient(180deg,#1E232D,#171A21) !important;
    }

    body.sx-area-funcionario .relatorio-edit-status-panel > div{
        width:100% !important;

        display:flex !important;
        flex-direction:column !important;
        gap:6px !important;

        padding:13px 14px !important;
        border-radius:16px !important;

        background:#0F1115 !important;
        border:1px solid rgba(200,164,77,.10) !important;

        box-sizing:border-box !important;
        overflow:hidden !important;
    }

    body.sx-area-funcionario .relatorio-edit-status-panel small{
        color:#C8A44D !important;
        font-size:10px !important;
        line-height:1.2 !important;
        font-weight:900 !important;
        letter-spacing:.8px !important;
        text-transform:uppercase !important;
    }

    body.sx-area-funcionario .relatorio-edit-status-panel strong{
        color:#ECECEC !important;
        font-size:15px !important;
        line-height:1.25 !important;
        font-weight:900 !important;

        white-space:normal !important;
        word-break:break-word !important;
        overflow-wrap:anywhere !important;
    }

    body.sx-area-funcionario .relatorio-edit-status-panel p{
        color:#9FA6B2 !important;
        font-size:12px !important;
        line-height:1.5 !important;
        margin:0 !important;

        white-space:normal !important;
        word-break:break-word !important;
        overflow-wrap:anywhere !important;
    }
	
	    body.sx-area-funcionario .relatorio-cliente-info-grid{
        width:100% !important;

        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:10px !important;

        margin:12px 0 0 0 !important;
        padding:0 !important;

        box-sizing:border-box !important;
    }

    body.sx-area-funcionario .relatorio-cliente-info-grid > div{
        width:100% !important;
        min-width:0 !important;
        min-height:78px !important;

        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        justify-content:flex-start !important;
        gap:6px !important;

        padding:12px 13px !important;

        background:#0F1115 !important;
        border:1px solid rgba(200,164,77,.10) !important;
        border-radius:14px !important;

        overflow:hidden !important;
        box-sizing:border-box !important;
    }

    body.sx-area-funcionario .relatorio-cliente-info-grid small{
        display:block !important;

        color:#C8A44D !important;
        font-size:9.8px !important;
        line-height:1.2 !important;
        font-weight:900 !important;
        letter-spacing:.7px !important;
        text-transform:uppercase !important;

        margin:0 !important;
    }

    body.sx-area-funcionario .relatorio-cliente-info-grid strong{
        display:block !important;
        width:100% !important;
        max-width:100% !important;

        color:#ECECEC !important;
        font-size:12.8px !important;
        line-height:1.35 !important;
        font-weight:900 !important;

        margin:0 !important;

        white-space:normal !important;
        word-break:break-word !important;
        overflow-wrap:anywhere !important;
    }

    /* Campos maiores ocupam linha inteira */
    body.sx-area-funcionario .relatorio-cliente-info-grid > div:nth-child(2),
    body.sx-area-funcionario .relatorio-cliente-info-grid > div:nth-child(5),
    body.sx-area-funcionario .relatorio-cliente-info-grid > div:nth-child(6){
        grid-column:1 / -1 !important;
    }

    /* Valor solicitado com destaque */
    body.sx-area-funcionario .relatorio-cliente-info-grid > div:nth-child(6) strong{
        color:#F0D37D !important;
        font-size:15px !important;
    }
}

@media(max-width:520px){

    body.sx-area-funcionario .relatorios-panel{
        padding:14px !important;
        border-radius:20px !important;
    }

    body.sx-area-funcionario .relatorios-panel-header h3{
        font-size:18px !important;
    }

    body.sx-area-funcionario .relatorios-table tbody{
        gap:12px !important;
    }

    body.sx-area-funcionario .relatorios-table tr{
        grid-template-columns:1fr !important;
        padding:14px !important;
        border-radius:18px !important;
    }

    body.sx-area-funcionario .relatorios-table td,
    body.sx-area-funcionario .relatorios-table td:nth-child(1),
    body.sx-area-funcionario .relatorios-table td:nth-child(2),
    body.sx-area-funcionario .relatorios-table td:nth-child(3),
    body.sx-area-funcionario .relatorios-table td:nth-child(4),
    body.sx-area-funcionario .relatorios-table td:nth-child(5),
    body.sx-area-funcionario .relatorios-table td:nth-child(6),
    body.sx-area-funcionario .relatorios-table td:nth-child(7),
    body.sx-area-funcionario .relatorios-table td:nth-child(8){
        grid-column:1 / -1 !important;
        align-items:flex-start !important;
    }

    body.sx-area-funcionario .relatorios-table td:nth-child(6){
        align-items:flex-start !important;
    }

    body.sx-area-funcionario .relatorios-table td:nth-child(6)::before{
        display:block !important;
        content:"Status" !important;
    }

    body.sx-area-funcionario .relatorios-actions,
    body.sx-area-funcionario .relatorio-view-actions,
    body.sx-area-funcionario .relatorio-hero-actions,
    body.sx-area-funcionario .visualizar-relatorio-actions,
    body.sx-area-funcionario .relatorio-edit-actions,
    body.sx-area-funcionario .editar-relatorio-actions,
    body.sx-area-funcionario .relatorio-view-footer-actions{
        grid-template-columns:1fr !important;
    }

    body.sx-area-funcionario .relatorio-view-kpi-grid,
    body.sx-area-funcionario .relatorio-kpi-grid,
    body.sx-area-funcionario .visualizar-relatorio-kpi-grid,
    body.sx-area-funcionario .editar-relatorio-kpi-grid{
        grid-template-columns:1fr !important;
        gap:11px !important;
    }

    body.sx-area-funcionario .relatorio-view-kpi,
    body.sx-area-funcionario .visualizar-relatorio-kpi,
    body.sx-area-funcionario .editar-relatorio-kpi,
    body.sx-area-funcionario .relatorio-view-kpi-money,
    body.sx-area-funcionario .visualizar-relatorio-kpi-money,
    body.sx-area-funcionario .editar-relatorio-kpi-money{
        grid-column:auto !important;
        min-height:auto !important;
        padding:14px !important;
    }

    body.sx-area-funcionario .relatorio-view-card,
    body.sx-area-funcionario .relatorio-edit-card,
    body.sx-area-funcionario .visualizar-relatorio-card,
    body.sx-area-funcionario .editar-relatorio-card,
    body.sx-area-funcionario .relatorio-card,
    body.sx-area-funcionario .relatorio-panel,
    body.sx-area-funcionario .relatorio-cliente-card,
    body.sx-area-funcionario .relatorio-view-cliente-card,
    body.sx-area-funcionario .relatorio-edit-cliente-card{
        padding:14px !important;
        border-radius:18px !important;
    }

    body.sx-area-funcionario .relatorio-view-hero,
    body.sx-area-funcionario .relatorio-hero,
    body.sx-area-funcionario .visualizar-relatorio-hero{
        padding:16px 14px !important;
        border-radius:20px !important;
    }

    body.sx-area-funcionario .relatorio-view-hero h2,
    body.sx-area-funcionario .relatorio-hero h2,
    body.sx-area-funcionario .visualizar-relatorio-hero h2{
        font-size:22px !important;
    }

    body.sx-area-funcionario .relatorios-page-header{
        padding:16px 14px !important;
        border-radius:20px !important;
    }

    body.sx-area-funcionario .relatorios-page-header h2{
        font-size:22px !important;
    }

    body.sx-area-funcionario .relatorios-header-actions{
        grid-template-columns:1fr !important;
    }

    body.sx-area-funcionario .relatorios-resumo-grid{
        grid-template-columns:1fr !important;
        gap:11px !important;
    }

    body.sx-area-funcionario .relatorios-kpi,
    body.sx-area-funcionario .relatorios-kpi-money{
        grid-column:auto !important;
        min-height:auto !important;
        padding:14px !important;
    }

    body.sx-area-funcionario .relatorios-kpi strong{
        font-size:23px !important;
    }

    body.sx-area-funcionario .relatorios-kpi-money strong{
        font-size:20px !important;
    }

    body.sx-area-funcionario .relatorio-view-info-grid{
        grid-template-columns:1fr !important;
        gap:10px !important;
    }

    body.sx-area-funcionario .relatorio-view-info-grid > div{
        min-height:auto !important;
    }

    body.sx-area-funcionario .relatorio-view-text-block{
        padding:14px !important;
        border-radius:17px !important;
    }

    body.sx-area-funcionario .relatorio-edit-status-panel{
        grid-template-columns:1fr !important;
        padding:14px !important;
        border-radius:20px !important;
    }

    body.sx-area-funcionario .relatorio-edit-status-panel > div{
        padding:13px !important;
        border-radius:15px !important;
    }
	
	body.sx-area-funcionario .relatorio-cliente-info-grid{
        grid-template-columns:1fr !important;
        gap:9px !important;
        margin-top:10px !important;
    }

    body.sx-area-funcionario .relatorio-cliente-info-grid > div{
        min-height:auto !important;
        padding:12px !important;
        border-radius:13px !important;
    }

    body.sx-area-funcionario .relatorio-cliente-info-grid > div:nth-child(2),
    body.sx-area-funcionario .relatorio-cliente-info-grid > div:nth-child(5),
    body.sx-area-funcionario .relatorio-cliente-info-grid > div:nth-child(6){
        grid-column:auto !important;
    }

    body.sx-area-funcionario .relatorio-cliente-info-grid strong{
        font-size:12.5px !important;
    }

    body.sx-area-funcionario .relatorio-cliente-info-grid > div:nth-child(6) strong{
        font-size:14px !important;
    }
}

/* =========================================================
   11 - Documentação de Clientes
   Página: /admin/documentos_cliente.php
   OBS: não alterar .content, .sidebar, .topbar ou menu
========================================================= */

.cliente-docs-page{
    width:100%;
    max-width:100%;
    box-sizing:border-box;
}

/* ALERTAS */

.cliente-docs-page .sx-alert{
    padding:14px 16px;
    border-radius:14px;
    margin-bottom:18px;
    border:1px solid var(--border);
    box-sizing:border-box;
}

.cliente-docs-page .sx-alert-ok{
    background:rgba(30,120,70,.15);
    color:#bff5d2;
}

.cliente-docs-page .sx-alert-error{
    background:rgba(160,40,40,.15);
    color:#ffb8b8;
}

/* CARDS DE RESUMO */

.cliente-docs-page .sx-doc-cards{
    display:grid;
    grid-template-columns:repeat(6, minmax(0,1fr));
    gap:14px;
    margin-bottom:22px;
}

.cliente-docs-page .sx-doc-card{
    background:var(--card);
    border:1px solid var(--border);
    border-radius:18px;
    padding:16px;
    min-width:0;
    box-sizing:border-box;
}

.cliente-docs-page .sx-doc-card span{
    display:block;
    color:var(--muted);
    font-size:12px;
    margin-bottom:6px;
}

.cliente-docs-page .sx-doc-card strong{
    display:block;
    color:var(--gold);
    font-size:24px;
    line-height:1;
}

/* PAINÉIS */

.cliente-docs-page .sx-doc-panel{
    background:var(--card);
    border:1px solid var(--border);
    border-radius:20px;
    padding:18px;
    margin-bottom:22px;
    box-sizing:border-box;
}

.cliente-docs-page .sx-doc-panel-title{
    margin-bottom:16px;
}

.cliente-docs-page .sx-doc-panel-title h2{
    margin:0 0 6px;
    color:var(--text);
    font-size:18px;
    line-height:1.3;
}

.cliente-docs-page .sx-doc-panel-title p{
    margin:0;
    color:var(--muted);
    font-size:13px;
    line-height:1.5;
}

/* LISTA */

.cliente-docs-page .sx-doc-list{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.cliente-docs-page .sx-doc-item{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(340px,420px);
    gap:18px;
    border:1px solid var(--border);
    border-radius:16px;
    padding:14px;
    background:rgba(255,255,255,.02);
    box-sizing:border-box;
    min-width:0;
}

.cliente-docs-page .sx-doc-info,
.cliente-docs-page .sx-doc-tools{
    min-width:0;
}

.cliente-docs-page .sx-doc-title{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:8px;
}

.cliente-docs-page .sx-doc-title strong{
    color:var(--text);
    word-break:break-word;
}

.cliente-docs-page .sx-doc-title small{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:rgba(200,164,77,.12);
    color:var(--gold);
    border:1px solid rgba(200,164,77,.35);
    border-radius:999px;
    padding:4px 8px;
    font-size:11px;
    line-height:1;
}

.cliente-docs-page .sx-doc-meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
    color:var(--muted);
    font-size:12px;
}

.cliente-docs-page .sx-doc-note{
    margin-top:10px;
    padding:10px;
    border-radius:12px;
    background:rgba(255,255,255,.04);
    color:var(--muted);
    font-size:12px;
    line-height:1.5;
}

.cliente-docs-page .sx-doc-note-danger{
    background:rgba(160,40,40,.14);
    color:#ffb8b8;
}

/* AÇÕES DO DOCUMENTO */

.cliente-docs-page .sx-doc-tools{
    display:flex;
    flex-direction:column;
    gap:10px;
    align-items:stretch;
}

.cliente-docs-page .sx-doc-tools > a{
    min-height:38px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-align:center;
}

/* UPLOAD INLINE */

.cliente-docs-page .sx-doc-upload-form{
    width:100%;
    display:grid;
    grid-template-columns:minmax(0,1fr) 130px;
    gap:8px;
    align-items:stretch;
}

.cliente-docs-page .sx-doc-upload-form input[type="file"]{
    grid-column:1 / 3;
}

.cliente-docs-page .sx-doc-upload-form input[type="date"],
.cliente-docs-page .sx-doc-upload-form input[type="text"]{
    grid-column:1 / 2;
}

.cliente-docs-page .sx-doc-upload-form button{
    grid-column:2 / 3;
    grid-row:2 / 4;
    width:100%;
    min-height:42px;
}

/* FORMULÁRIOS INFERIORES */

.cliente-docs-page .sx-doc-grid-forms{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
    margin-bottom:30px;
}

.cliente-docs-page .sx-doc-form-box{
    background:var(--card);
    border:1px solid var(--border);
    border-radius:20px;
    padding:18px;
    display:flex;
    flex-direction:column;
    gap:10px;
    box-sizing:border-box;
    min-width:0;
}

.cliente-docs-page .sx-doc-form-box h2{
    margin:0 0 8px;
    color:var(--text);
    font-size:18px;
}

.cliente-docs-page .sx-doc-form-box label{
    color:var(--muted);
    font-size:13px;
}

.cliente-docs-page .sx-doc-form-box input,
.cliente-docs-page .sx-doc-form-box select,
.cliente-docs-page .sx-doc-form-box textarea,
.cliente-docs-page .sx-doc-upload-form input{
    width:100%;
    max-width:100%;
    background:#0F1115;
    border:1px solid var(--border);
    color:var(--text);
    border-radius:12px;
    padding:10px;
    box-sizing:border-box;
    outline:none;
}

.cliente-docs-page .sx-doc-form-box textarea{
    resize:vertical;
    min-height:90px;
}

.cliente-docs-page .sx-check-line{
    display:flex;
    align-items:center;
    gap:8px;
}

.cliente-docs-page .sx-check-line input{
    width:auto;
}

.cliente-docs-page .sx-empty{
    padding:14px;
    border:1px dashed var(--border);
    border-radius:14px;
    color:var(--muted);
}

/* RESPONSIVO */

@media(max-width:1200px){
    .cliente-docs-page .sx-doc-cards{
        grid-template-columns:repeat(3, minmax(0,1fr));
    }

    .cliente-docs-page .sx-doc-item{
        grid-template-columns:1fr;
    }

    .cliente-docs-page .sx-doc-grid-forms{
        grid-template-columns:1fr;
    }
}

@media(max-width:900px){
    .cliente-docs-page .sx-doc-cards{
        grid-template-columns:repeat(2, minmax(0,1fr));
        gap:10px;
    }

    .cliente-docs-page .sx-doc-card{
        padding:14px;
        border-radius:16px;
    }

    .cliente-docs-page .sx-doc-card strong{
        font-size:21px;
    }

    .cliente-docs-page .sx-doc-panel{
        padding:14px;
        border-radius:18px;
    }

    .cliente-docs-page .sx-doc-item{
        padding:12px;
        border-radius:14px;
    }

    .cliente-docs-page .sx-doc-upload-form{
        grid-template-columns:1fr;
    }

    .cliente-docs-page .sx-doc-upload-form input[type="file"],
    .cliente-docs-page .sx-doc-upload-form input[type="date"],
    .cliente-docs-page .sx-doc-upload-form input[type="text"],
    .cliente-docs-page .sx-doc-upload-form button{
        grid-column:auto;
        grid-row:auto;
    }

    .cliente-docs-page .sx-doc-upload-form button{
        width:100%;
    }
}

@media(max-width:520px){
    .cliente-docs-page .sx-doc-cards{
        grid-template-columns:1fr 1fr;
    }

    .cliente-docs-page .sx-doc-card span{
        font-size:11px;
    }

    .cliente-docs-page .sx-doc-card strong{
        font-size:20px;
    }

    .cliente-docs-page .sx-doc-form-box{
        padding:14px;
        border-radius:16px;
    }
}

/* =========================================================
   11.1 - Padronização de botões da Documentação de Clientes
========================================================= */

/* Botões do topo herdando padrão dos clientes */
.cliente-docs-page ~ *{
    box-sizing:border-box;
}

/* Botões dentro da página documental */
.cliente-docs-page .btn-primary,
.cliente-docs-page .btn-secondary,
.cliente-docs-page button.btn-primary,
.cliente-docs-page button.btn-secondary,
.cliente-docs-page .sx-doc-tools > a,
.cliente-docs-page .sx-doc-upload-form button,
.cliente-docs-page .sx-doc-form-box button{
    min-height:42px !important;
    height:42px !important;
    padding:0 16px !important;
    border-radius:12px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    font-size:13px !important;
    font-weight:700 !important;
    line-height:1 !important;
    text-decoration:none !important;
    white-space:nowrap !important;
    cursor:pointer !important;
    box-sizing:border-box !important;
    transition:.2s ease !important;
}

/* Botão principal */
.cliente-docs-page .btn-primary,
.cliente-docs-page button.btn-primary,
.cliente-docs-page .sx-doc-upload-form button.btn-primary,
.cliente-docs-page .sx-doc-form-box button.btn-primary{
    background:linear-gradient(135deg, #C8A44D, #E0C46E) !important;
    color:#111 !important;
    border:1px solid rgba(200,164,77,.75) !important;
    box-shadow:0 8px 22px rgba(200,164,77,.12) !important;
}

/* Botão secundário */
.cliente-docs-page .btn-secondary,
.cliente-docs-page .sx-doc-tools > a,
.cliente-docs-page button.btn-secondary,
.cliente-docs-page .sx-doc-form-box button.btn-secondary{
    background:rgba(255,255,255,.04) !important;
    color:var(--text) !important;
    border:1px solid var(--border) !important;
}

/* Hover */
.cliente-docs-page .btn-primary:hover,
.cliente-docs-page button.btn-primary:hover,
.cliente-docs-page .sx-doc-upload-form button.btn-primary:hover,
.cliente-docs-page .sx-doc-form-box button.btn-primary:hover{
    filter:brightness(1.05) !important;
    transform:translateY(-1px);
}

.cliente-docs-page .btn-secondary:hover,
.cliente-docs-page .sx-doc-tools > a:hover,
.cliente-docs-page button.btn-secondary:hover,
.cliente-docs-page .sx-doc-form-box button.btn-secondary:hover{
    border-color:rgba(200,164,77,.45) !important;
    color:var(--gold) !important;
    background:rgba(200,164,77,.08) !important;
}

/* Botão "Ver documento" */
.cliente-docs-page .sx-doc-tools > a{
    width:100% !important;
}

/* Botão de upload inline */
.cliente-docs-page .sx-doc-upload-form button{
    width:100% !important;
    min-width:130px !important;
}

/* Botões dos formulários inferiores */
.cliente-docs-page .sx-doc-form-box button{
    width:100% !important;
    margin-top:6px !important;
}

/* Botões do topo da página, mantendo padrão clientes */
.clientes-page-header .clientes-header-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
    flex-wrap:wrap;
}

.clientes-page-header .clientes-header-actions a{
    min-height:42px !important;
    height:42px !important;
    padding:0 16px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:12px !important;
    font-size:13px !important;
    font-weight:700 !important;
    line-height:1 !important;
    text-decoration:none !important;
    white-space:nowrap !important;
    box-sizing:border-box !important;
}

/* Inputs da página para combinar com os botões */
.cliente-docs-page .sx-doc-form-box input,
.cliente-docs-page .sx-doc-form-box select,
.cliente-docs-page .sx-doc-form-box textarea,
.cliente-docs-page .sx-doc-upload-form input{
    min-height:42px !important;
    font-size:13px !important;
}

/* Ajuste do input file para não ficar visualmente desproporcional */
.cliente-docs-page input[type="file"]{
    padding:9px 10px !important;
    cursor:pointer;
}

.cliente-docs-page input[type="file"]::file-selector-button{
    min-height:28px;
    border:0;
    border-radius:9px;
    padding:0 12px;
    margin-right:10px;
    background:rgba(200,164,77,.16);
    color:var(--gold);
    font-weight:700;
    cursor:pointer;
}

/* Formulário inline mais equilibrado */
.cliente-docs-page .sx-doc-upload-form{
    grid-template-columns:minmax(0,1fr) 138px !important;
    align-items:stretch !important;
}

.cliente-docs-page .sx-doc-upload-form input[type="file"]{
    grid-column:1 / 3;
}

.cliente-docs-page .sx-doc-upload-form input[type="date"],
.cliente-docs-page .sx-doc-upload-form input[type="text"]{
    height:42px !important;
}

.cliente-docs-page .sx-doc-upload-form button{
    grid-column:2 / 3;
    grid-row:2 / 4;
}

/* Mobile */
@media(max-width:900px){
    .clientes-page-header .clientes-header-actions{
        width:100%;
        justify-content:stretch;
    }

    .clientes-page-header .clientes-header-actions a{
        width:100%;
    }

    .cliente-docs-page .sx-doc-upload-form{
        grid-template-columns:1fr !important;
    }

    .cliente-docs-page .sx-doc-upload-form input[type="file"],
    .cliente-docs-page .sx-doc-upload-form input[type="date"],
    .cliente-docs-page .sx-doc-upload-form input[type="text"],
    .cliente-docs-page .sx-doc-upload-form button{
        grid-column:auto !important;
        grid-row:auto !important;
        width:100% !important;
    }
}

/* =========================================================
   11.2 - Análise Documental de Clientes
   Página: /admin/analisar_documento_cliente.php
========================================================= */

.cliente-docs-analysis{
    width:100%;
    max-width:100%;
    box-sizing:border-box;
}

.cliente-docs-analysis .sx-alert{
    padding:14px 16px;
    border-radius:14px;
    margin-bottom:18px;
    border:1px solid var(--border);
    box-sizing:border-box;
}

.cliente-docs-analysis .sx-alert-ok{
    background:rgba(30,120,70,.15);
    color:#bff5d2;
}

.cliente-docs-analysis .sx-alert-error{
    background:rgba(160,40,40,.15);
    color:#ffb8b8;
}

.cliente-docs-analysis-grid{
    display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);
    gap:18px;
    margin-bottom:22px;
}

.cliente-docs-preview-box,
.cliente-docs-analysis-panel,
.cliente-docs-decision-box{
    background:var(--card);
    border:1px solid var(--border);
    border-radius:20px;
    padding:18px;
    box-sizing:border-box;
    min-width:0;
}

.cliente-docs-preview-title,
.cliente-docs-decision-title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin-bottom:14px;
}

.cliente-docs-preview-title h3,
.cliente-docs-decision-title h3{
    margin:0;
    color:var(--text);
    font-size:18px;
}

.cliente-docs-decision-title{
    align-items:flex-start;
    flex-direction:column;
    gap:4px;
}

.cliente-docs-decision-title p{
    margin:0;
    color:var(--muted);
    font-size:13px;
}

.cliente-docs-preview-title a{
    min-height:40px;
    height:40px;
    padding:0 14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    text-decoration:none;
    font-size:13px;
    font-weight:700;
}

.cliente-docs-preview-frame{
    width:100%;
    height:72vh;
    min-height:560px;
    border:1px solid var(--border);
    border-radius:16px;
    background:#0F1115;
}

.cliente-docs-status-line{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding-bottom:14px;
    margin-bottom:14px;
    border-bottom:1px solid var(--border);
}

.cliente-docs-status-line span{
    color:var(--muted);
    font-size:13px;
}

.cliente-docs-info-list{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.cliente-docs-info-list div{
    display:flex;
    justify-content:space-between;
    gap:14px;
    padding-bottom:10px;
    border-bottom:1px solid rgba(255,255,255,.05);
}

.cliente-docs-info-list span{
    color:var(--muted);
    font-size:12px;
}

.cliente-docs-info-list strong{
    color:var(--text);
    font-size:12px;
    text-align:right;
    word-break:break-word;
}

.cliente-docs-note{
    margin-top:14px;
    padding:12px;
    border-radius:14px;
    background:rgba(255,255,255,.04);
}

.cliente-docs-note span{
    display:block;
    color:var(--gold);
    font-size:12px;
    font-weight:700;
    margin-bottom:6px;
}

.cliente-docs-note p{
    margin:0;
    color:var(--muted);
    font-size:13px;
    line-height:1.5;
}

.cliente-docs-note-danger{
    background:rgba(160,40,40,.14);
}

.cliente-docs-note-danger p{
    color:#ffb8b8;
}

.cliente-docs-decision-form{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.cliente-docs-decision-form label{
    color:var(--muted);
    font-size:13px;
}

.cliente-docs-decision-form textarea{
    width:100%;
    background:#0F1115;
    border:1px solid var(--border);
    color:var(--text);
    border-radius:12px;
    padding:12px;
    box-sizing:border-box;
    resize:vertical;
    outline:none;
    font-size:13px;
}

.cliente-docs-decision-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:wrap;
    gap:10px;
    margin-top:8px;
}

.cliente-docs-decision-actions button,
.cliente-docs-decision-actions .btn-primary,
.cliente-docs-decision-actions .btn-secondary{
    min-height:42px !important;
    height:42px !important;
    padding:0 16px !important;
    border-radius:12px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:13px !important;
    font-weight:700 !important;
    line-height:1 !important;
    cursor:pointer !important;
    box-sizing:border-box !important;
    border:1px solid var(--border);
}

.sx-doc-btn-danger{
    min-height:42px !important;
    height:42px !important;
    padding:0 16px !important;
    border-radius:12px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:13px !important;
    font-weight:700 !important;
    line-height:1 !important;
    cursor:pointer !important;
    box-sizing:border-box !important;
    background:rgba(160,40,40,.18) !important;
    color:#ffb8b8 !important;
    border:1px solid rgba(160,40,40,.45) !important;
}

.sx-doc-btn-danger:hover{
    background:rgba(160,40,40,.28) !important;
    border-color:rgba(255,120,120,.55) !important;
}

@media(max-width:1200px){
    .cliente-docs-analysis-grid{
        grid-template-columns:1fr;
    }

    .cliente-docs-preview-frame{
        height:620px;
        min-height:520px;
    }
}

@media(max-width:900px){
    .cliente-docs-preview-box,
    .cliente-docs-analysis-panel,
    .cliente-docs-decision-box{
        padding:14px;
        border-radius:18px;
    }

    .cliente-docs-preview-title{
        flex-direction:column;
        align-items:stretch;
    }

    .cliente-docs-preview-title a{
        width:100%;
    }

    .cliente-docs-preview-frame{
        height:520px;
        min-height:420px;
    }

    .cliente-docs-info-list div{
        flex-direction:column;
        gap:4px;
    }

    .cliente-docs-info-list strong{
        text-align:left;
    }

    .cliente-docs-decision-actions{
        flex-direction:column;
        align-items:stretch;
    }

    .cliente-docs-decision-actions button{
        width:100%;
    }
}

/* =========================================================
   11.4 - Barra de carregamento inline dos documentos
========================================================= */

.cliente-docs-page .sx-inline-upload-progress{
    display:none;
    grid-column:1 / 3;
    width:100%;
    padding:10px;
    border-radius:12px;
    background:rgba(200,164,77,.07);
    border:1px solid rgba(200,164,77,.22);
    box-sizing:border-box;
}

.cliente-docs-page .sx-inline-upload-progress.is-active{
    display:block;
}

.cliente-docs-page .sx-inline-upload-progress-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:8px;
}

.cliente-docs-page .sx-inline-upload-progress-top span{
    color:var(--muted);
    font-size:12px;
    font-weight:600;
}

.cliente-docs-page .sx-inline-upload-progress-top strong{
    color:var(--gold);
    font-size:12px;
    font-weight:800;
}

.cliente-docs-page .sx-inline-upload-progress-bar{
    width:100%;
    height:8px;
    border-radius:999px;
    background:#0F1115;
    border:1px solid var(--border);
    overflow:hidden;
}

.cliente-docs-page .sx-inline-upload-progress-bar span{
    display:block;
    width:0%;
    height:100%;
    border-radius:999px;
    background:linear-gradient(135deg, #C8A44D, #E0C46E);
    transition:width .22s ease;
}

.cliente-docs-page .sx-doc-form-box .sx-inline-upload-progress{
    grid-column:auto;
}

.cliente-docs-page button:disabled{
    opacity:.65 !important;
    cursor:not-allowed !important;
    transform:none !important;
}

@media(max-width:900px){
    .cliente-docs-page .sx-inline-upload-progress{
        grid-column:auto;
    }
}

/* =========================================================
   11.5 - Leitura automática e comparação cadastral
========================================================= */

.cliente-docs-reading-box{
    background:var(--card);
    border:1px solid var(--border);
    border-radius:20px;
    padding:18px;
    box-sizing:border-box;
    margin-bottom:22px;
}

.cliente-docs-reading-title{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    margin-bottom:16px;
}

.cliente-docs-reading-title h3{
    margin:0 0 6px;
    color:var(--text);
    font-size:18px;
}

.cliente-docs-reading-title p{
    margin:0;
    color:var(--muted);
    font-size:13px;
    line-height:1.5;
}

.cliente-docs-reading-title form{
    flex-shrink:0;
}

.cliente-docs-reading-title button{
    min-height:42px !important;
    height:42px !important;
    padding:0 16px !important;
    border-radius:12px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:13px !important;
    font-weight:700 !important;
    cursor:pointer !important;
}

.cliente-docs-reading-status{
    display:grid;
    grid-template-columns:repeat(3, minmax(0,1fr));
    gap:12px;
    margin-bottom:16px;
}

.cliente-docs-reading-status div{
    background:rgba(255,255,255,.03);
    border:1px solid var(--border);
    border-radius:14px;
    padding:12px;
}

.cliente-docs-reading-status span{
    display:block;
    color:var(--muted);
    font-size:12px;
    margin-bottom:5px;
}

.cliente-docs-reading-status strong{
    display:block;
    color:var(--text);
    font-size:13px;
}

.cliente-docs-extraction-form{
    margin-top:12px;
}

.cliente-docs-extraction-table{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.cliente-docs-extraction-row{
    display:grid;
    grid-template-columns:80px 150px minmax(0,1fr) minmax(0,1fr) 150px 90px;
    gap:10px;
    align-items:center;
    padding:12px;
    border:1px solid var(--border);
    border-radius:14px;
    background:rgba(255,255,255,.025);
    color:var(--muted);
    font-size:12px;
}

.cliente-docs-extraction-head{
    background:rgba(200,164,77,.08);
    color:var(--gold);
    font-weight:800;
}

.cliente-docs-extraction-row strong{
    color:var(--text);
}

.cliente-docs-extraction-row input[type="checkbox"]{
    width:18px;
    height:18px;
    accent-color:#C8A44D;
}

.sx-mini-ok{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:24px;
    padding:0 8px;
    border-radius:999px;
    background:rgba(30,120,70,.16);
    color:#bff5d2;
    font-size:11px;
    font-weight:700;
}

.sx-mini-muted{
    color:var(--muted);
}

.cliente-docs-extraction-actions{
    display:flex;
    justify-content:flex-end;
    margin-top:14px;
}

.cliente-docs-extraction-actions button{
    min-height:42px !important;
    height:42px !important;
    padding:0 16px !important;
    border-radius:12px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:13px !important;
    font-weight:700 !important;
    cursor:pointer !important;
}

@media(max-width:1200px){
    .cliente-docs-extraction-row{
        grid-template-columns:70px 130px minmax(0,1fr) minmax(0,1fr);
    }

    .cliente-docs-extraction-row > div:nth-child(5),
    .cliente-docs-extraction-row > div:nth-child(6){
        grid-column:auto;
    }
}

@media(max-width:900px){
    .cliente-docs-reading-title{
        flex-direction:column;
        align-items:stretch;
    }

    .cliente-docs-reading-title button{
        width:100%;
    }

    .cliente-docs-reading-status{
        grid-template-columns:1fr;
    }

    .cliente-docs-extraction-row,
    .cliente-docs-extraction-head{
        display:block;
    }

    .cliente-docs-extraction-head{
        display:none;
    }

    .cliente-docs-extraction-row{
        padding:14px;
    }

    .cliente-docs-extraction-row > div{
        display:flex;
        justify-content:space-between;
        gap:12px;
        padding:7px 0;
        border-bottom:1px solid rgba(255,255,255,.05);
    }

    .cliente-docs-extraction-row > div:last-child{
        border-bottom:0;
    }

    .cliente-docs-extraction-row > div::before{
        content:attr(data-label);
        color:var(--gold);
        font-weight:700;
        font-size:12px;
    }

    .cliente-docs-extraction-actions{
        justify-content:stretch;
    }

    .cliente-docs-extraction-actions button{
        width:100%;
    }
}

/* =========================================================
   11.6 - OCR no navegador - Análise Documental
========================================================= */

.cliente-docs-reading-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
    flex-wrap:wrap;
}

.cliente-docs-reading-actions form{
    margin:0;
}

.cliente-docs-reading-actions button{
    min-height:42px !important;
    height:42px !important;
    padding:0 16px !important;
    border-radius:12px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:13px !important;
    font-weight:700 !important;
    cursor:pointer !important;
    white-space:nowrap !important;
}

.sx-browser-ocr-box{
    display:none;
    width:100%;
    padding:12px;
    border-radius:14px;
    background:rgba(200,164,77,.07);
    border:1px solid rgba(200,164,77,.25);
    box-sizing:border-box;
    margin-bottom:16px;
}

.sx-browser-ocr-box.is-active{
    display:block;
}

.sx-browser-ocr-box.is-success{
    border-color:rgba(60,160,95,.45);
    background:rgba(60,160,95,.10);
}

.sx-browser-ocr-box.is-error{
    border-color:rgba(190,60,60,.45);
    background:rgba(190,60,60,.10);
}

.sx-browser-ocr-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:8px;
}

.sx-browser-ocr-top span{
    color:var(--muted);
    font-size:12px;
    font-weight:700;
}

.sx-browser-ocr-top strong{
    color:var(--gold);
    font-size:12px;
    font-weight:800;
}

.sx-browser-ocr-bar{
    width:100%;
    height:9px;
    border-radius:999px;
    background:#0F1115;
    border:1px solid var(--border);
    overflow:hidden;
    margin-bottom:8px;
}

.sx-browser-ocr-bar span{
    display:block;
    width:0%;
    height:100%;
    border-radius:999px;
    background:linear-gradient(135deg, #C8A44D, #E0C46E);
    transition:width .22s ease;
}

.sx-browser-ocr-box small{
    display:block;
    color:var(--muted);
    font-size:11px;
    line-height:1.5;
}

.sx-browser-ocr-box.is-error .sx-browser-ocr-top span{
    color:#ffb8b8;
}

.sx-browser-ocr-box.is-success .sx-browser-ocr-top span{
    color:#bff5d2;
}

@media(max-width:900px){
    .cliente-docs-reading-actions{
        width:100%;
        flex-direction:column;
        align-items:stretch;
    }

    .cliente-docs-reading-actions button,
    .cliente-docs-reading-actions form{
        width:100%;
    }
}

/* =========================================================
   11.7 - Botão OCR navegador - ajuste final
========================================================= */

.cliente-docs-reading-title{
    align-items:center !important;
}

.cliente-docs-reading-actions{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:10px !important;
    flex-wrap:wrap !important;
}

.sx-ocr-main-btn{
    min-height:42px !important;
    height:42px !important;
    padding:0 18px !important;
    border-radius:12px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    border:1px solid rgba(200,164,77,.75) !important;
    background:linear-gradient(135deg, #C8A44D, #E0C46E) !important;
    color:#101010 !important;
    font-size:13px !important;
    font-weight:800 !important;
    line-height:1 !important;
    text-decoration:none !important;
    white-space:nowrap !important;
    cursor:pointer !important;
    box-sizing:border-box !important;
    box-shadow:0 10px 24px rgba(200,164,77,.14) !important;
    transition:.2s ease !important;
    appearance:none !important;
}

.sx-ocr-main-btn:hover{
    filter:brightness(1.05) !important;
    transform:translateY(-1px) !important;
}

.sx-ocr-main-btn:disabled{
    opacity:.68 !important;
    cursor:not-allowed !important;
    transform:none !important;
    filter:none !important;
}

.sx-ocr-unavailable{
    min-height:42px;
    padding:0 14px;
    border-radius:12px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.04);
    border:1px solid var(--border);
    color:var(--muted);
    font-size:13px;
    font-weight:600;
}

@media(max-width:900px){
    .cliente-docs-reading-title{
        align-items:stretch !important;
    }

    .cliente-docs-reading-actions{
        width:100% !important;
        justify-content:stretch !important;
    }

    .sx-ocr-main-btn,
    .sx-ocr-unavailable{
        width:100% !important;
    }
}

/* =========================================================
   11.9 - Validade documental por OCR
========================================================= */

.cliente-docs-validade-ocr-box{
    margin:16px 0;
    padding:14px;
    border-radius:16px;
    border:1px solid var(--border);
    background:rgba(255,255,255,.025);
}

.cliente-docs-validade-ocr-title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:12px;
}

.cliente-docs-validade-ocr-title h4{
    margin:0;
    color:var(--text);
    font-size:15px;
}

.cliente-docs-validade-ocr-grid{
    display:grid;
    grid-template-columns:repeat(5, minmax(0,1fr));
    gap:10px;
}

.cliente-docs-validade-ocr-grid div{
    border:1px solid var(--border);
    background:rgba(255,255,255,.025);
    border-radius:12px;
    padding:10px;
    box-sizing:border-box;
}

.cliente-docs-validade-ocr-grid span{
    display:block;
    color:var(--muted);
    font-size:11px;
    margin-bottom:5px;
}

.cliente-docs-validade-ocr-grid strong{
    display:block;
    color:var(--text);
    font-size:12px;
    line-height:1.35;
    word-break:break-word;
}

.cliente-docs-validade-alert{
    margin-top:12px;
    padding:10px 12px;
    border-radius:12px;
    background:rgba(160,40,40,.14);
    border:1px solid rgba(160,40,40,.35);
    color:#ffb8b8;
    font-size:12px;
    font-weight:700;
}

.sx-validade-valido{
    border-color:rgba(60,160,95,.35);
}

.sx-validade-vence_breve{
    border-color:rgba(200,164,77,.45);
}

.sx-validade-vencido,
.sx-validade-sem_emissao,
.sx-validade-invalida{
    border-color:rgba(160,40,40,.45);
}

@media(max-width:1200px){
    .cliente-docs-validade-ocr-grid{
        grid-template-columns:repeat(2, minmax(0,1fr));
    }
}

@media(max-width:700px){
    .cliente-docs-validade-ocr-title{
        flex-direction:column;
        align-items:flex-start;
    }

    .cliente-docs-validade-ocr-grid{
        grid-template-columns:1fr;
    }
}

/* =========================================================
   11.10 - Correção manual da validade documental
========================================================= */

.cliente-docs-validade-manual-form{
    margin-top:14px;
    padding-top:14px;
    border-top:1px solid var(--border);
}

.cliente-docs-validade-manual-form label{
    display:block;
    color:var(--muted);
    font-size:12px;
    font-weight:700;
    margin-bottom:8px;
}

.cliente-docs-validade-manual-row{
    display:flex;
    align-items:center;
    gap:10px;
}

.cliente-docs-validade-manual-row input{
    min-height:42px;
    height:42px;
    background:#0F1115;
    border:1px solid var(--border);
    color:var(--text);
    border-radius:12px;
    padding:0 12px;
    box-sizing:border-box;
    outline:none;
}

.cliente-docs-validade-manual-row button{
    min-height:42px !important;
    height:42px !important;
    padding:0 16px !important;
    border-radius:12px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:13px !important;
    font-weight:800 !important;
    white-space:nowrap !important;
}

.cliente-docs-validade-manual-form small{
    display:block;
    margin-top:8px;
    color:var(--muted);
    font-size:11px;
    line-height:1.45;
}

@media(max-width:700px){
    .cliente-docs-validade-manual-row{
        flex-direction:column;
        align-items:stretch;
    }

    .cliente-docs-validade-manual-row input,
    .cliente-docs-validade-manual-row button{
        width:100%;
    }
}

/* =========================================================
   11.11 - Botões da análise documental
========================================================= */

.cliente-docs-analysis .btn-primary,
.cliente-docs-analysis button.btn-primary,
.cliente-docs-analysis a.btn-primary,
.cliente-docs-extraction-actions .btn-primary,
.cliente-docs-validade-manual-row .btn-primary{
    min-height:42px !important;
    height:42px !important;
    padding:0 18px !important;
    border-radius:12px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    border:1px solid rgba(200,164,77,.75) !important;
    background:linear-gradient(135deg, #C8A44D, #E0C46E) !important;
    color:#101010 !important;
    font-size:13px !important;
    font-weight:600 !important;
    line-height:1 !important;
    text-decoration:none !important;
    white-space:nowrap !important;
    cursor:pointer !important;
    box-sizing:border-box !important;
    box-shadow:0 10px 24px rgba(200,164,77,.14) !important;
    transition:.2s ease !important;
    appearance:none !important;
}

.cliente-docs-analysis .btn-primary:hover,
.cliente-docs-analysis button.btn-primary:hover,
.cliente-docs-analysis a.btn-primary:hover,
.cliente-docs-extraction-actions .btn-primary:hover,
.cliente-docs-validade-manual-row .btn-primary:hover{
    filter:brightness(1.05) !important;
    transform:translateY(-1px) !important;
}

.cliente-docs-analysis .btn-primary:disabled,
.cliente-docs-analysis button.btn-primary:disabled,
.cliente-docs-extraction-actions .btn-primary:disabled,
.cliente-docs-validade-manual-row .btn-primary:disabled{
    opacity:.68 !important;
    cursor:not-allowed !important;
    transform:none !important;
    filter:none !important;
}

/* Botão aplicar dados extraídos */
.cliente-docs-extraction-actions{
    display:flex !important;
    justify-content:flex-end !important;
    align-items:center !important;
    gap:10px !important;
    margin-top:16px !important;
    padding-top:14px !important;
    border-top:1px solid var(--border) !important;
}

/* Botão recalcular validade */
.cliente-docs-validade-manual-row{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    flex-wrap:wrap !important;
}

.cliente-docs-validade-manual-row input[type="date"]{
    min-height:42px !important;
    height:42px !important;
    background:#0F1115 !important;
    border:1px solid var(--border) !important;
    color:var(--text) !important;
    border-radius:12px !important;
    padding:0 12px !important;
    box-sizing:border-box !important;
    outline:none !important;
}

.cliente-docs-validade-manual-row input[type="date"]:focus{
    border-color:rgba(200,164,77,.65) !important;
    box-shadow:0 0 0 3px rgba(200,164,77,.08) !important;
}

@media(max-width:700px){
    .cliente-docs-extraction-actions{
        justify-content:stretch !important;
    }

    .cliente-docs-extraction-actions .btn-primary,
    .cliente-docs-validade-manual-row .btn-primary,
    .cliente-docs-validade-manual-row input[type="date"]{
        width:100% !important;
    }

    .cliente-docs-validade-manual-row{
        flex-direction:column !important;
        align-items:stretch !important;
    }
}







/* =========================================================
   11.12 - Texto bruto OCR
========================================================= */

.cliente-docs-raw-ocr-box{
    margin-top:18px;
    padding:16px;
    border-radius:16px;
    border:1px solid var(--border);
    background:rgba(255,255,255,.025);
}

.cliente-docs-raw-ocr-title{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
    margin-bottom:12px;
}

.cliente-docs-raw-ocr-title h4{
    margin:0;
    color:var(--text);
    font-size:15px;
}

.cliente-docs-raw-ocr-title p{
    margin:5px 0 0;
    color:var(--muted);
    font-size:12px;
    line-height:1.45;
}

.cliente-docs-raw-ocr-box textarea{
    width:100%;
    min-height:320px;
    resize:vertical;
    border-radius:14px;
    border:1px solid var(--border);
    background:#0F1115;
    color:var(--text);
    padding:14px;
    box-sizing:border-box;
    font-family:Consolas, Monaco, monospace;
    font-size:12px;
    line-height:1.55;
    outline:none;
}

.cliente-docs-raw-ocr-box textarea:focus{
    border-color:rgba(200,164,77,.65);
    box-shadow:0 0 0 3px rgba(200,164,77,.08);
}

.sx-copy-ocr-btn{
    min-height:38px;
    padding:0 14px;
    border-radius:12px;
    border:1px solid rgba(200,164,77,.65);
    background:linear-gradient(135deg, #C8A44D, #E0C46E);
    color:#101010;
    font-size:12px;
    font-weight:800;
    cursor:pointer;
    white-space:nowrap;
}

@media(max-width:700px){
    .cliente-docs-raw-ocr-title{
        flex-direction:column;
    }

    .sx-copy-ocr-btn{
        width:100%;
    }
}

/* =========================================================
   AJUSTE - LISTAGEM DOCUMENTOS DE CLIENTES
========================================================= */

.docs-item{
    grid-template-columns:
        minmax(280px, 1.7fr)
        minmax(210px, .85fr)
        minmax(220px, .9fr)
        minmax(170px, .65fr)
        minmax(180px, .7fr) !important;
    align-items:stretch !important;
}

.docs-status-box{
    min-width:170px;
    overflow:hidden;
}

.docs-status-box .badge-success,
.docs-status-box .badge-danger,
.docs-status-box .badge-warning,
.docs-status-box .badge-info{
    width:100%;
    max-width:100%;
    justify-content:center;
    text-align:center;
    white-space:normal;
    line-height:1.25;
    min-height:30px;
    padding:6px 10px;
}

.docs-validity{
    min-width:220px;
}

.docs-actions{
    min-width:180px;
    align-self:stretch;
    justify-content:center;
}

.docs-actions .docs-action-primary,
.docs-actions .docs-action-secondary,
.docs-actions .docs-action-danger{
    min-height:42px;
}

.docs-divergencia-badge{
    display:flex !important;
    margin-top:10px;
}

/* =========================================================
   CLIENTES - RESUMO DOCUMENTAL NO CARD
========================================================= */

.cliente-doc-box{
    gap:8px !important;
}

.cliente-doc-badges{
    width:100%;
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-top:4px;
}

.cliente-doc-badges .badge-success,
.cliente-doc-badges .badge-danger,
.cliente-doc-badges .badge-info,
.cliente-doc-badges .badge-warning{
    min-height:24px;
    padding:4px 8px;
    font-size:10px;
    line-height:1.15;
    white-space:normal;
}

/* =========================================================
   ADMIN - CLIENTES COM RESUMO DOCUMENTAL
========================================================= */

@media(min-width:1201px){

    .cliente-item-admin{
        display:grid !important;
        grid-template-columns:
            minmax(280px, 1.55fr)
            minmax(155px, .78fr)
            minmax(155px, .78fr)
            minmax(145px, .70fr)
            minmax(160px, .78fr)
            minmax(140px, .68fr)
            minmax(145px, .66fr) !important;
        gap:18px !important;
        align-items:stretch !important;
    }

    .cliente-item-admin .cliente-main,
    .cliente-item-admin .cliente-box,
    .cliente-item-admin .cliente-status-box,
    .cliente-item-admin .cliente-actions{
        min-width:0 !important;
        height:100% !important;
    }

    .cliente-item-admin .cliente-actions{
        display:flex !important;
        flex-direction:column !important;
        justify-content:center !important;
        align-items:stretch !important;
        gap:8px !important;
        margin:0 !important;
    }

    .cliente-item-admin .cliente-actions a{
        width:100% !important;
        min-height:38px !important;
        height:38px !important;
        padding:0 10px !important;
        font-size:11px !important;
        border-radius:11px !important;
    }

}

/* Caixa de documentos dentro do card */

.cliente-doc-box{
    gap:8px !important;
}

.cliente-doc-badges{
    width:100%;
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-top:4px;
}

.cliente-doc-badges .badge-success,
.cliente-doc-badges .badge-danger,
.cliente-doc-badges .badge-info,
.cliente-doc-badges .badge-warning{
    min-height:24px !important;
    padding:4px 8px !important;
    font-size:10px !important;
    line-height:1.15 !important;
    white-space:normal !important;
    text-align:center !important;
}

/* Ajuste intermediário para notebook/telas menores */

@media(max-width:1200px){

    .cliente-item-admin{
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:14px !important;
    }

    .cliente-item-admin .cliente-main,
    .cliente-item-admin .cliente-actions{
        grid-column:1 / -1 !important;
    }

    .cliente-item-admin .cliente-actions{
        display:grid !important;
        grid-template-columns:repeat(3,1fr) !important;
        gap:10px !important;
    }

}

/* Mobile */

@media(max-width:760px){

    .cliente-item-admin{
        grid-template-columns:1fr !important;
    }

    .cliente-item-admin .cliente-main,
    .cliente-item-admin .cliente-actions{
        grid-column:auto !important;
    }

    .cliente-item-admin .cliente-actions{
        grid-template-columns:1fr !important;
    }

}

/* =========================================================
   VISUALIZAR CLIENTE - ATALHO DOCUMENTOS
========================================================= */

.cliente-side-documents{
    border-color:rgba(200,164,77,.28) !important;
}

.cliente-side-doc-btn{
    width:100%;
    margin-top:14px;
    min-height:40px;
    font-size:12px;
}

/* =========================================================
   EDITAR / VISUALIZAR CLIENTE - ATALHO DOCUMENTOS
========================================================= */

.cliente-side-documents{
    border-color:rgba(200,164,77,.28) !important;
}

.cliente-side-doc-btn{
    width:100%;
    margin-top:14px;
    min-height:40px;
    font-size:12px;
}

.cliente-edit-actions{
    display:grid !important;
    grid-template-columns:1fr 1fr 1.2fr !important;
    gap:12px !important;
    align-items:center !important;
}

.cliente-edit-actions .clientes-back-btn,
.cliente-edit-actions .clientes-main-btn{
    width:100% !important;
    min-height:44px !important;
}

@media(max-width:760px){
    .cliente-edit-actions{
        grid-template-columns:1fr !important;
    }
}

/* =========================================================
   FUNCIONÁRIO - CLIENTES COM RESUMO DOCUMENTAL
========================================================= */

@media(min-width:1201px){

    body.sx-area-funcionario .cliente-item-funcionario{
        display:grid !important;
        grid-template-columns:
            minmax(280px, 1.6fr)
            minmax(155px, .85fr)
            minmax(155px, .85fr)
            minmax(150px, .75fr)
            minmax(170px, .85fr)
            minmax(145px, .65fr) !important;
        gap:18px !important;
        align-items:stretch !important;
    }

    body.sx-area-funcionario .cliente-item-funcionario .cliente-main,
    body.sx-area-funcionario .cliente-item-funcionario .cliente-box,
    body.sx-area-funcionario .cliente-item-funcionario .cliente-status-box,
    body.sx-area-funcionario .cliente-item-funcionario .cliente-actions{
        min-width:0 !important;
        height:100% !important;
    }

    body.sx-area-funcionario .cliente-item-funcionario .cliente-actions{
        display:flex !important;
        flex-direction:column !important;
        justify-content:center !important;
        align-items:stretch !important;
        gap:8px !important;
        margin:0 !important;
    }

    body.sx-area-funcionario .cliente-item-funcionario .cliente-actions a{
        width:100% !important;
        min-height:38px !important;
        height:38px !important;
        padding:0 10px !important;
        font-size:11px !important;
        border-radius:11px !important;
    }

}

body.sx-area-funcionario .cliente-doc-box{
    gap:8px !important;
}

body.sx-area-funcionario .cliente-doc-badges{
    width:100%;
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-top:4px;
}

body.sx-area-funcionario .cliente-doc-badges .badge-success,
body.sx-area-funcionario .cliente-doc-badges .badge-danger,
body.sx-area-funcionario .cliente-doc-badges .badge-info,
body.sx-area-funcionario .cliente-doc-badges .badge-warning{
    min-height:24px !important;
    padding:4px 8px !important;
    font-size:10px !important;
    line-height:1.15 !important;
    white-space:normal !important;
    text-align:center !important;
}

@media(max-width:1200px){

    body.sx-area-funcionario .cliente-item-funcionario{
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:14px !important;
    }

    body.sx-area-funcionario .cliente-item-funcionario .cliente-main,
    body.sx-area-funcionario .cliente-item-funcionario .cliente-actions{
        grid-column:1 / -1 !important;
    }

    body.sx-area-funcionario .cliente-item-funcionario .cliente-actions{
        display:grid !important;
        grid-template-columns:repeat(3,1fr) !important;
        gap:10px !important;
    }

}

@media(max-width:760px){

    body.sx-area-funcionario .cliente-item-funcionario{
        grid-template-columns:1fr !important;
    }

    body.sx-area-funcionario .cliente-item-funcionario .cliente-main,
    body.sx-area-funcionario .cliente-item-funcionario .cliente-actions{
        grid-column:auto !important;
    }

    body.sx-area-funcionario .cliente-item-funcionario .cliente-actions{
        grid-template-columns:1fr !important;
    }

}

/* =========================================================
   DOCUMENTOS CONTROLADOS - CORREÇÃO MOBILE
========================================================= */

@media(max-width:760px){

    body.sx-page-documentos-controlados .content{
        width:100% !important;
        max-width:100% !important;
        overflow-x:hidden !important;
        padding-left:12px !important;
        padding-right:12px !important;
        box-sizing:border-box !important;
    }

    body.sx-page-documentos-controlados .card,
    body.sx-page-documentos-controlados .docs-card,
    body.sx-page-documentos-controlados .documento-card,
    body.sx-page-documentos-controlados .document-card,
    body.sx-page-documentos-controlados .doc-card{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        overflow:hidden !important;
        box-sizing:border-box !important;
    }

    body.sx-page-documentos-controlados .docs-list,
    body.sx-page-documentos-controlados .documentos-list,
    body.sx-page-documentos-controlados .document-list{
        width:100% !important;
        max-width:100% !important;
        display:flex !important;
        flex-direction:column !important;
        gap:16px !important;
        overflow:hidden !important;
    }

    body.sx-page-documentos-controlados .docs-item,
    body.sx-page-documentos-controlados .documento-item,
    body.sx-page-documentos-controlados .document-item,
    body.sx-page-documentos-controlados .doc-item{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:14px !important;
        overflow:hidden !important;
        box-sizing:border-box !important;
    }

    body.sx-page-documentos-controlados h1,
    body.sx-page-documentos-controlados h2,
    body.sx-page-documentos-controlados h3,
    body.sx-page-documentos-controlados p,
    body.sx-page-documentos-controlados span,
    body.sx-page-documentos-controlados strong,
    body.sx-page-documentos-controlados small{
        max-width:100% !important;
        overflow-wrap:anywhere !important;
        word-break:break-word !important;
    }

    body.sx-page-documentos-controlados input,
    body.sx-page-documentos-controlados select,
    body.sx-page-documentos-controlados textarea,
    body.sx-page-documentos-controlados button,
    body.sx-page-documentos-controlados a{
        max-width:100% !important;
        box-sizing:border-box !important;
    }

    body.sx-page-documentos-controlados input[type="text"],
    body.sx-page-documentos-controlados input[type="datetime-local"],
    body.sx-page-documentos-controlados input[type="date"],
    body.sx-page-documentos-controlados input[type="time"],
    body.sx-page-documentos-controlados select,
    body.sx-page-documentos-controlados textarea{
        width:100% !important;
        min-width:0 !important;
    }

    body.sx-page-documentos-controlados .docs-actions,
    body.sx-page-documentos-controlados .documento-actions,
    body.sx-page-documentos-controlados .document-actions,
    body.sx-page-documentos-controlados .doc-actions{
        width:100% !important;
        max-width:100% !important;
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:10px !important;
    }

    body.sx-page-documentos-controlados .docs-actions a,
    body.sx-page-documentos-controlados .docs-actions button,
    body.sx-page-documentos-controlados .documento-actions a,
    body.sx-page-documentos-controlados .documento-actions button,
    body.sx-page-documentos-controlados .document-actions a,
    body.sx-page-documentos-controlados .document-actions button,
    body.sx-page-documentos-controlados .doc-actions a,
    body.sx-page-documentos-controlados .doc-actions button{
        width:100% !important;
        min-height:42px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        text-align:center !important;
        white-space:normal !important;
    }

}

/* =========================================================
   DOCUMENTOS DO CLIENTE - MÚLTIPLAS MATRÍCULAS
========================================================= */

.sx-doc-matricula-box{
    border-color:rgba(200,164,77,.34) !important;
    background:linear-gradient(145deg, rgba(200,164,77,.08), rgba(30,35,45,.96)) !important;
}

.sx-doc-helper-text{
    color:#9FA6B2;
    font-size:13px;
    line-height:1.6;
    margin:0 0 14px;
}