/*
 * Identidade visual Commcept — utilities globais
 * Carregado pelo theme-commcept em inc/theme_styles.blade.php
 */

.btn-commcept {
    background: linear-gradient(135deg, #ff0a6c, #6d4dff);
    color: #fff;
    font-weight: 600;
    padding: .55rem 1.1rem;
    border: none;
    border-radius: 8px;
    transition: opacity .15s ease;
}
.btn-commcept:hover, .btn-commcept:focus {
    color: #fff;
    opacity: .92;
    text-decoration: none;
}
.btn-commcept[disabled] { opacity: .5; cursor: not-allowed; }

.card-commcept {
    border-left: 4px solid #6d4dff;
}
.card-commcept .card-body h5,
.text-commcept-gradient {
    background: linear-gradient(135deg, #ff0a6c, #6d4dff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Marker class para reconhecer integração ativa (cor pink suave) */
.badge-commcept {
    background-color: #ff0a6c;
    color: #fff;
}

/* ---------- Layout: offset do conteúdo pela sidebar fixa ----------
 * O coreui4.css aplica `.wrapper { padding-left: var(--cui-sidebar-occupy-start, 0) }`,
 * mas a variável não estava sendo definida neste tema custom, então o conteúdo
 * ficava atrás da sidebar fixa (cortado à esquerda em todas as telas).
 * Definimos a variável no desktop (largura padrão da sidebar CoreUI = 16rem).
 * Quando a sidebar é recolhida (.hide) a regra não casa e o offset volta a 0;
 * no mobile (<768px) a sidebar vira drawer sobreposto, sem offset. */
@media (min-width: 768px) {
    .sidebar.sidebar-fixed:not(.hide) ~ .wrapper {
        --cui-sidebar-occupy-start: 16rem;
        padding-left: 16rem !important;
    }
}