/* =====================================================================
   PERFEX CRM - MODERN SAAS SIDEBAR (FLOTANTE EN PC, NATIVO EN MÓVIL)
   ===================================================================== */

/* 1. INYECTAR ÍCONOS FALTANTES AL MENÚ DE CONFIGURACIÓN */
#setup-menu .menu-item-staff .menu-icon::before { content: "\f0c0"; font-family: "Font Awesome 6 Free", "FontAwesome"; font-weight: 900; }
#setup-menu .menu-item-customers .menu-icon::before { content: "\f0f7"; font-family: "Font Awesome 6 Free", "FontAwesome"; font-weight: 900; }
#setup-menu .menu-item-finance .menu-icon::before { content: "\f155"; font-family: "Font Awesome 6 Free", "FontAwesome"; font-weight: 900; }
#setup-menu .menu-item-contracts .menu-icon::before { content: "\f15c"; font-family: "Font Awesome 6 Free", "FontAwesome"; font-weight: 900; }
#setup-menu .menu-item-estimate_request .menu-icon::before { content: "\f0f6"; font-family: "Font Awesome 6 Free", "FontAwesome"; font-weight: 900; }
#setup-menu .menu-item-email-templates .menu-icon::before { content: "\f0e0"; font-family: "Font Awesome 6 Free", "FontAwesome"; font-weight: 900; }
#setup-menu .menu-item-custom-fields .menu-icon::before { content: "\f0ca"; font-family: "Font Awesome 6 Free", "FontAwesome"; font-weight: 900; }
#setup-menu .menu-item-gdpr .menu-icon::before { content: "\f132"; font-family: "Font Awesome 6 Free", "FontAwesome"; font-weight: 900; }
#setup-menu .menu-item-roles .menu-icon::before { content: "\f084"; font-family: "Font Awesome 6 Free", "FontAwesome"; font-weight: 900; }
#setup-menu .menu-item-settings .menu-icon::before { content: "\f013"; font-family: "Font Awesome 6 Free", "FontAwesome"; font-weight: 900; }
#setup-menu .menu-item-my_account .menu-icon::before { content: "\f2bd"; font-family: "Font Awesome 6 Free", "FontAwesome"; font-weight: 900; }
#setup-menu .menu-item-support .menu-icon::before { content: "\f1cd"; font-family: "Font Awesome 6 Free", "FontAwesome"; font-weight: 900; }

/* =====================================================================
   2. ESTILO DE BOTONES Y COLORES (Aplica a Móvil y PC)
   ===================================================================== */

/* Fondo general de la barra y quitar borde oscuro */
body .sidebar {
    background-color: #ffffff !important;
    border-right: 1px solid #f1f5f9 !important;
}

/* Quitar líneas divisorias antiguas de Perfex */
.sidebar ul.nav > li {
    border-bottom: none !important;
    border-top: none !important;
}

/* Margen lateral para que los botones no peguen a los bordes */
.sidebar .nav {
    padding: 0 12px;
}

/* Forma de píldora para los enlaces principales */
.sidebar .nav > li > a {
    border-radius: 12px !important;
    padding: 12px 16px;
    margin-bottom: 4px;
    color: #64748b !important; 
    font-weight: 500;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid transparent;
}

/* Iconos principales y flechas */
.sidebar .nav > li > a .menu-icon {
    color: #94a3b8 !important;
    font-size: 18px;
    margin-right: 14px;
    transition: all 0.25s ease;
}
.sidebar .nav > li > a .arrow {
    color: #94a3b8 !important;
}

/* Hover (Al pasar el ratón) */
.sidebar .nav > li > a:hover,
.sidebar .nav > li > a:focus {
    background-color: #f8fafc !important; 
    color: #0f172a !important; 
    transform: translateX(4px); 
}
.sidebar .nav > li > a:hover .menu-icon {
    color: #4f46e5 !important;
}

/* ESTADO ACTIVO (Módulo Seleccionado) */
.sidebar .nav > li.active > a {
    background-color: rgba(79, 70, 229, 0.08) !important; 
    color: #4f46e5 !important; 
    font-weight: 600;
    box-shadow: none;
}
.sidebar .nav > li.active > a .menu-icon {
    color: #4f46e5 !important;
}

/* =====================================================================
   NUEVO: SUB-MENÚS (ACORDEÓN EXPANDIDO) - ESTÉTICA LIMPIA
   ===================================================================== */

/* Resetear el empuje nativo de la lista hacia la derecha */
.sidebar ul.nav-second-level {
    background: transparent !important; 
    border: none !important;
    margin-bottom: 8px !important;
    padding-left: 0 !important; /* Vital: elimina el espacio extra a la izquierda */
}

/* Diseño de la sub-píldora (centrada y con icono inyectado) */
.sidebar .nav-second-level li a {
    margin: 2px 14px 2px 24px !important; /* 24px de margen izquierdo para alinearlo visualmente */
    border-radius: 8px !important;
    padding: 8px 12px 8px 16px !important;
    color: #64748b !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    transition: all 0.2s ease;
    display: flex !important;
    align-items: center !important;
}

/* Inyectar icono sutil de "punto" */
.sidebar .nav-second-level li a::before {
    content: "\f111"; /* fa-circle */
    font-family: "Font Awesome 6 Free", "FontAwesome";
    font-weight: 900;
    margin-right: 12px;
    font-size: 5px; /* Muy pequeñito */
    color: #cbd5e1;
    transition: all 0.2s ease;
    display: inline-block;
    transform: translateY(-2px); /* Lo centra verticalmente */
}

/* 3. Sub-menú Activo (Estilo "Ghost" igual que el principal) */
.sidebar .nav-second-level li.active > a {
    background-color: rgba(79, 70, 229, 0.08) !important; /* Fondo índigo transparente */
    color: #4f46e5 !important; /* Letra índigo brillante */
    font-weight: 600 !important;
}

/* El icono también se pinta de índigo cuando está activo */
.sidebar .nav-second-level li.active > a::before {
    color: #4f46e5 !important;
}

/* 4. Efecto al pasar el ratón (Hover) */
.sidebar .nav-second-level li a:hover {
    background-color: #f1f5f9 !important;
    color: #0f172a !important;
    transform: translateX(4px); /* Animación sutil a la derecha */
}

/* El icono se oscurece al pasar el ratón */
.sidebar .nav-second-level li a:hover::before {
    color: #64748b;
}

/* =====================================================================
   3. PANEL FLOTANTE ESTILO SAAS (SÓLO EN ESCRITORIO / PC)
   ===================================================================== */
@media (min-width: 769px) {
    
    /* Panel Flotante cuando el menú está abierto */
    body:not(.hide-sidebar) .sidebar {
        top: 72px !important; 
        left: 20px !important; 
        bottom: 20px !important; 
        height: calc(100vh - 92px) !important; 
        border-radius: 24px !important; 
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06) !important;
        border: 1px solid rgba(226, 232, 240, 0.8) !important;
        z-index: 1040;
    }

    /* Mantener la forma cuando se oculta, pero dejando que el sistema lo saque de la pantalla */
    body.hide-sidebar:not(.show-sidebar) #menu.sidebar {
        width: 76px !important;
        margin-left: 0 !important;
        left: 14px !important;
        top: 72px !important;
        bottom: 20px !important;
        height: calc(100vh - 92px) !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
        border-radius: 22px !important;
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06) !important;
        overflow: visible !important;
        transition: width 0.25s ease, left 0.25s ease;
    }

    body.hide-sidebar:not(.show-sidebar) #menu.sidebar .nav {
        padding: 0 5px !important;
    }

    body.hide-sidebar:not(.show-sidebar) #menu.sidebar .nav > li > a {
        min-height: 44px;
        padding: 12px !important;
        text-align: center;
    }

    body.hide-sidebar:not(.show-sidebar) #menu.sidebar .nav > li > a:hover,
    body.hide-sidebar:not(.show-sidebar) #menu.sidebar .nav > li > a:focus {
        transform: none;
    }

    body.hide-sidebar:not(.show-sidebar) #menu.sidebar .menu-icon {
        float: none !important;
        display: inline-block !important;
        width: 20px !important;
        margin: 0 !important;
    }

    body.hide-sidebar:not(.show-sidebar) #menu.sidebar .menu-text,
    body.hide-sidebar:not(.show-sidebar) #menu.sidebar .sub-menu-text,
    body.hide-sidebar:not(.show-sidebar) #menu.sidebar .arrow,
    body.hide-sidebar:not(.show-sidebar) #menu.sidebar .badge,
    body.hide-sidebar:not(.show-sidebar) #menu.sidebar .nav-second-level {
        display: none !important;
    }

    body.hide-sidebar:not(.show-sidebar) #menu .sidebar-user-profile {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }

    body.hide-sidebar:not(.show-sidebar) #menu .sidebar-user-profile .profile {
        padding: 7px !important;
        text-align: center;
    }

    body.hide-sidebar:not(.show-sidebar) #menu .sidebar-user-profile .profile > span {
        display: block !important;
    }

    body.hide-sidebar:not(.show-sidebar) #menu .sidebar-user-profile .profile > span > span {
        display: none !important;
    }

    body.hide-sidebar:not(.show-sidebar) #menu .sidebar-user-profile img {
        float: none !important;
        margin: 0 auto !important;
    }

    body.hide-sidebar:not(.show-sidebar) #menu .sidebar-user-profile .dropdown-menu {
        left: 68px;
        top: 0;
        min-width: 210px;
    }

    #setup-menu-wrapper.display-block {
        width: 250px !important;
        left: 278px !important;
        top: 72px !important;
        bottom: 20px !important;
        height: calc(100vh - 92px) !important;
        min-height: 0 !important;
        padding: 0 7px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        background: #fff !important;
        border: 1px solid rgba(226, 232, 240, 0.9) !important;
        border-radius: 24px !important;
        box-shadow: 0 14px 45px rgba(15, 23, 42, 0.12) !important;
        z-index: 1060 !important;
    }

    body.hide-sidebar:not(.show-sidebar) #setup-menu-wrapper.display-block {
        left: 104px !important;
    }

    #setup-menu-wrapper #setup-menu {
        margin-top: 0 !important;
        padding: 10px 5px 16px !important;
    }

    /* Ajuste de margen para que el perfil no choque con los bordes curvos */
    body .sidebar .sidebar-user-profile,
    body .sidebar .customizer-heading {
        margin-top: 15px !important;
    }

    /* Ajustar el espacio de contenido principal (derecha) cuando el menú está abierto */
    body:not(.hide-sidebar) #wrapper {
        margin-left: 278px !important; 
        padding-top: 15px !important;
    }

    /* Cuando Perfex oculta la barra, el contenido vuelve a la izquierda */
    body.hide-sidebar:not(.show-sidebar) #wrapper {
        margin-left: 108px !important;
        padding-top: 15px !important;
    }

    body.hide-sidebar:not(.show-sidebar) #header {
        margin-left: 0 !important;
    }

    /* Animación suave para el contenido principal */
    body #wrapper {
        transition: margin-left 0.25s ease-in-out;
    }
}
/* SQUAREDOPS Inventory */
.sq-inventory-page{--sq-ink:#172033;--sq-muted:#667085;--sq-line:#e7eaf0;--sq-blue:#1769e0;--sq-soft:#f5f7fb;color:var(--sq-ink)}
.sq-inventory-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:30px;border-radius:24px;background:radial-gradient(circle at 82% 10%,rgba(89,210,184,.24),transparent 32%),linear-gradient(135deg,#10243f,#163f66 58%,#176d78);color:#fff;box-shadow:0 18px 45px rgba(16,36,63,.18);margin-bottom:20px}
.sq-inventory-hero h1{font-family:"Manrope","Trebuchet MS",sans-serif;font-size:30px;line-height:1.15;font-weight:800;letter-spacing:-.04em;margin:8px 0}
.sq-inventory-hero p{color:rgba(255,255,255,.72);font-size:14px;margin:0;max-width:650px}
.sq-eyebrow{display:block;font-size:10px;line-height:1.4;font-weight:800;letter-spacing:.16em;color:#6b7a90}
.sq-inventory-hero .sq-eyebrow{color:#8ee4d3}
.sq-inventory-hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.sq-btn-primary,.sq-btn-secondary{border-radius:11px!important;font-weight:700!important;padding:10px 15px!important;border:0!important}
.sq-btn-primary{background:#16a085!important;color:#fff!important;box-shadow:0 8px 20px rgba(22,160,133,.22)}
.sq-btn-secondary{background:#fff!important;color:#24324a!important;border:1px solid #e4e8ef!important}
.sq-inventory-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.sq-kpi-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--sq-line);border-radius:17px;padding:17px;box-shadow:0 8px 24px rgba(30,42,65,.05)}
.sq-kpi-card small{display:block;color:var(--sq-muted);font-weight:600;margin-bottom:4px}
.sq-kpi-card strong{font-family:"Manrope","Trebuchet MS",sans-serif;font-size:23px;letter-spacing:-.035em}
.sq-kpi-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;font-size:16px}
.sq-kpi-blue{color:#1769e0;background:#e9f2ff}.sq-kpi-green{color:#0f8b6d;background:#e5f8f2}.sq-kpi-amber{color:#b56a00;background:#fff3dc}.sq-kpi-red{color:#cf3e4e;background:#ffeaed}
.sq-inventory-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}
.sq-inventory-main{display:grid;gap:18px}.sq-inventory-aside{position:sticky;top:82px}
.sq-surface{background:#fff;border:1px solid var(--sq-line);border-radius:18px;box-shadow:0 10px 30px rgba(28,41,61,.05);overflow:hidden}
.sq-inventory-filters{display:flex;align-items:center;gap:9px;padding:14px;border-bottom:1px solid var(--sq-line);flex-wrap:wrap}
.sq-search{position:relative;flex:1;min-width:220px}.sq-search i{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#98a2b3}
.sq-search input{width:100%;height:39px;border:1px solid #dfe4eb;border-radius:10px;padding:0 12px 0 37px;outline:none}.sq-search input:focus{border-color:#68a1ea;box-shadow:0 0 0 3px rgba(23,105,224,.09)}
.sq-inventory-table,.sq-kardex-table{margin:0!important}.sq-inventory-table thead th,.sq-kardex-table thead th{border:0!important;background:#f8f9fb!important;color:#667085!important;font-size:11px!important;text-transform:uppercase;letter-spacing:.05em;padding:12px 14px!important}
.sq-inventory-table tbody td,.sq-kardex-table tbody td{vertical-align:middle!important;border-color:#edf0f4!important;padding:13px 14px!important}
.sq-product-cell{display:flex;align-items:center;gap:11px}.sq-product-cell a{display:block;color:#172033;font-weight:750}.sq-product-cell small,.sq-kardex-table td small{display:block;color:#8a94a5;margin-top:3px}
.sq-product-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#edf3fb;color:#5276a3;overflow:hidden}.sq-product-avatar img{width:100%;height:100%;object-fit:cover}
.sq-stock-pill{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:750}.sq-stock-pill.is-ok{color:#08795d;background:#e5f8f2}.sq-stock-pill.is-low{color:#9a5c00;background:#fff1d5}.sq-stock-pill.is-out{color:#bd3041;background:#ffe8eb}
.sq-icon-button{display:inline-grid;place-items:center;width:33px;height:33px;border:1px solid #e1e6ed;border-radius:9px;color:#58677c;background:#fff}
.sq-section-heading{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 20px 13px}.sq-section-heading h2{font-family:"Manrope","Trebuchet MS",sans-serif;font-size:20px;font-weight:800;letter-spacing:-.025em;margin:4px 0}.sq-section-heading p{color:var(--sq-muted);margin:0}.sq-section-heading.compact h2{font-size:17px}
.sq-kardex-table tr.is-reversed{opacity:.5;text-decoration:line-through}.sq-movement-type{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800}.sq-movement-type.is-in{color:#08795d}.sq-movement-type.is-out{color:#c43949}
.sq-activity-list{padding:0 15px 12px}.sq-activity-item{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 4px;border-top:1px solid #eef1f5;color:#172033}.sq-activity-item:hover{color:#1769e0}.sq-activity-item strong,.sq-activity-item small{display:block}.sq-activity-item small{color:#8792a3;font-size:11px;margin-top:3px}.sq-activity-item b{font-size:12px}
.sq-activity-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px}.sq-activity-icon.is-in{color:#08795d;background:#e5f8f2}.sq-activity-icon.is-out{color:#c43949;background:#ffe8eb}
.sq-empty-state{text-align:center!important;color:#8a94a5!important;padding:35px!important}.sq-modal{border:0!important;border-radius:18px!important;overflow:hidden}.sq-modal .modal-header{padding:20px;border-bottom:1px solid #edf0f4}.sq-modal .modal-title{font-weight:800;margin-top:4px}
@media(max-width:1199px){.sq-inventory-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.sq-inventory-layout{grid-template-columns:1fr}.sq-inventory-aside{position:static}}
@media(max-width:767px){.sq-inventory-hero{align-items:flex-start;flex-direction:column;padding:22px}.sq-inventory-hero h1{font-size:25px}.sq-inventory-kpis{grid-template-columns:1fr}.sq-inventory-hero-actions{width:100%}.sq-inventory-hero-actions .btn{flex:1}.sq-inventory-filters>*{width:100%!important}.sq-inventory-table{min-width:850px}}

/* SQUAREDOPS product catalog */
.sq-items-page,.sq-expense-page{--sq-ink:#172033;--sq-muted:#667085;--sq-line:#e5e9ef;--sq-navy:#10243f;--sq-teal:#118a78;color:var(--sq-ink)}
.sq-items-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:28px 30px;margin-bottom:18px;border-radius:24px;color:#fff;background:radial-gradient(circle at 82% 10%,rgba(73,201,174,.27),transparent 31%),linear-gradient(135deg,#10243f,#174f69 64%,#147b75);box-shadow:0 18px 45px rgba(16,36,63,.16)}
.sq-items-hero h1,.sq-expense-hero h1{font-family:"Manrope","Trebuchet MS",sans-serif;font-size:30px;line-height:1.12;font-weight:800;letter-spacing:-.04em;margin:7px 0}
.sq-items-hero p,.sq-expense-hero p{max-width:650px;color:rgba(255,255,255,.72);font-size:14px;margin:0}
.sq-items-hero .sq-eyebrow,.sq-expense-hero .sq-eyebrow{color:#8ee4d3}
.sq-items-hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.sq-items-kpis{margin-left:-7px!important;margin-right:-7px!important;margin-bottom:4px!important}
.sq-items-kpis>[class*=col-]{padding-left:7px!important;padding-right:7px!important}
.sq-item-kpi{border-radius:17px!important;border:1px solid var(--sq-line)!important;box-shadow:0 8px 24px rgba(30,42,65,.05)!important}
.sq-item-kpi .panel-body{display:flex;align-items:center;gap:14px;min-height:84px;padding:16px!important}
.sq-item-kpi small{display:block;color:var(--sq-muted);font-size:11px;font-weight:700;margin-bottom:4px;text-transform:uppercase;letter-spacing:.04em}
.sq-item-kpi strong{display:block;font-family:"Manrope","Trebuchet MS",sans-serif;font-size:22px;line-height:1.1;letter-spacing:-.035em}
.sq-items-overview{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr);gap:14px;margin-bottom:18px}
.sq-items-overview .panel_s{margin:0!important;height:100%}
.sq-items-health,.sq-items-quick{border:1px solid var(--sq-line)!important;border-radius:18px!important;box-shadow:0 10px 30px rgba(28,41,61,.05)!important;overflow:hidden}
.sq-items-health .panel-body,.sq-items-quick .panel-body{height:100%;padding:20px!important}
.sq-items-health .sq-section-heading{padding:0 0 14px}
.sq-items-health .sq-section-heading a{font-size:12px;font-weight:750;color:#147b75}
.sq-items-health-body{display:grid;grid-template-columns:190px 1fr;gap:22px;align-items:center}
.sq-items-chart{height:125px}
.sq-items-health-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sq-items-health-legend>div{position:relative;padding:13px;border:1px solid #edf0f4;border-radius:13px;background:#fafbfc}
.sq-items-health-legend span{display:block;width:8px;height:8px;border-radius:50%;margin-bottom:11px}
.sq-items-health-legend span.is-ok{background:#16a085}.sq-items-health-legend span.is-low{background:#e6a23c}.sq-items-health-legend span.is-out{background:#d64b5d}
.sq-items-health-legend strong,.sq-items-health-legend small{display:block}.sq-items-health-legend strong{font-size:21px}.sq-items-health-legend small{color:#7d8797;font-size:11px;margin-top:3px}
.sq-items-quick h3{font-family:"Manrope","Trebuchet MS",sans-serif;font-size:18px;font-weight:800;margin:5px 0 12px}
.sq-items-quick a{display:grid;grid-template-columns:34px minmax(0,1fr) 12px;align-items:center;gap:10px;padding:11px 3px;border-top:1px solid #edf0f4;color:#25334a}
.sq-items-quick a>i:first-child{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;color:#147b75;background:#e8f7f3}
.sq-items-quick a>i:last-child{font-size:10px;color:#a4acb8}.sq-items-quick strong,.sq-items-quick small{display:block}.sq-items-quick small{color:#8a94a5;font-size:11px;margin-top:2px}
.sq-catalog-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin:2px 0 12px!important}
.sq-catalog-heading h4{font-family:"Manrope","Trebuchet MS",sans-serif;font-size:21px!important;letter-spacing:-.025em}
.sq-catalog-heading h4 .sq-eyebrow{margin-bottom:4px}
.sq-items-catalog>.panel_s{border:1px solid var(--sq-line);border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(28,41,61,.05)}
.sq-items-catalog>.panel_s>.panel-body{padding:18px!important}
.sq-items-catalog .dataTables_filter input,.sq-items-catalog .dataTables_length select{border-radius:10px!important;border-color:#dfe4eb!important}
.sq-items-catalog table thead th{background:#f7f9fb!important;color:#677287!important;font-size:10px!important;text-transform:uppercase;letter-spacing:.055em;border-bottom:0!important}
.sq-items-catalog table tbody td{vertical-align:middle!important;border-color:#edf0f4!important}

/* Product editor */
.sq-item-modal .modal-dialog{width:min(1080px,calc(100% - 30px))!important}
.sq-item-modal .modal-content{border:0;border-radius:22px;overflow:hidden;box-shadow:0 28px 90px rgba(16,36,63,.25)}
.sq-item-modal-header{padding:20px 24px!important;color:#fff;background:radial-gradient(circle at 85% 0,rgba(70,203,174,.25),transparent 34%),linear-gradient(135deg,#10243f,#174f69)!important;border:0!important}
.sq-item-modal-header .sq-eyebrow{color:#8ee4d3}.sq-item-modal-header .modal-title{font-family:"Manrope","Trebuchet MS",sans-serif;font-size:22px;font-weight:800;margin-top:5px}.sq-item-modal-header .close{color:#fff!important;opacity:.7;text-shadow:none}
.sq-item-modal-body{padding:20px 24px 8px!important;background:#f7f9fb}
.sq-item-modal-intro{display:flex;align-items:center;gap:13px;padding:13px 15px;margin-bottom:14px;border:1px solid #e2e8ef;border-radius:14px;background:#fff}
.sq-item-modal-intro-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#147b75;background:#e8f7f3}.sq-item-modal-intro strong,.sq-item-modal-intro p{display:block}.sq-item-modal-intro p{color:#7b8595;font-size:12px;margin:2px 0 0}
.sq-item-tabs{display:flex!important;gap:5px;padding:5px!important;border:1px solid #e1e6ed!important;border-radius:13px;background:#fff}
.sq-item-tabs>li{float:none!important;margin:0!important}.sq-item-tabs>li>a{display:flex;align-items:center;gap:7px;margin:0!important;padding:9px 13px!important;border:0!important;border-radius:9px!important;color:#677287!important;font-weight:700}.sq-item-tabs>li.active>a{color:#fff!important;background:#153f5c!important}
.sq-item-modal .tab-content{margin-top:14px!important}.sq-item-form,.sq-item-ledger{padding:20px;border:1px solid #e2e7ed;border-radius:16px;background:#fff}
.sq-form-section-title{display:flex;align-items:center;gap:11px;margin:20px 0 13px;padding-top:18px;border-top:1px solid #edf0f4}
.sq-form-section-title:first-child{margin-top:0;padding-top:0;border-top:0}.sq-form-section-title>span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;color:#147b75;background:#e8f7f3}
.sq-form-section-title strong,.sq-form-section-title small{display:block}.sq-form-section-title strong{font-size:14px}.sq-form-section-title small{color:#8993a3;font-size:11px;margin-top:2px}
.sq-item-form .form-control,.sq-expense-card .form-control{border-color:#dfe4eb!important;border-radius:10px!important;box-shadow:none!important}.sq-item-form .form-control:focus,.sq-expense-card .form-control:focus{border-color:#5e9dba!important;box-shadow:0 0 0 3px rgba(35,126,157,.09)!important}
.sq-file-drop{display:flex;align-items:center;gap:10px;min-height:55px;padding:10px 13px;border:1px dashed #9eb9c7;border-radius:11px;color:#315a70;background:#f3faf9;cursor:pointer}.sq-file-drop i{font-size:20px}.sq-file-drop strong,.sq-file-drop small{display:block}.sq-file-drop small{color:#7d8c98;font-size:10px;margin-top:2px}.sq-file-input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;overflow:hidden!important}
.sq-item-ledger .sq-section-heading{padding:0 0 13px}.sq-item-ledger table{margin-bottom:0!important}.sq-item-modal-footer{padding:14px 24px!important;border-top:1px solid #e7ebf0!important;background:#fff}.sq-item-modal-footer .btn{border-radius:10px!important;font-weight:700!important;padding:9px 16px!important}

/* Expense editor */
.sq-expense-shell{max-width:980px!important}
.sq-expense-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:25px 28px;margin-bottom:14px;border-radius:22px;color:#fff;background:radial-gradient(circle at 82% 0,rgba(241,183,88,.24),transparent 30%),linear-gradient(135deg,#10243f,#174b63 65%,#176b69);box-shadow:0 16px 40px rgba(16,36,63,.15)}
.sq-expense-hero h1{font-size:27px}.sq-expense-hero-badge{display:flex;align-items:center;gap:11px;min-width:155px;padding:12px 14px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.09);backdrop-filter:blur(8px)}
.sq-expense-hero-badge>i{font-size:20px;color:#ffd58c}.sq-expense-hero-badge small,.sq-expense-hero-badge strong{display:block}.sq-expense-hero-badge small{color:rgba(255,255,255,.62);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.sq-expense-hero-badge strong{font-size:12px;margin-top:2px}
.sq-expense-tabs{display:inline-flex!important;gap:4px;padding:4px!important;margin-bottom:10px!important;border:1px solid #e1e6ed!important;border-radius:12px;background:#fff}.sq-expense-tabs>li{float:none!important}.sq-expense-tabs>li>a{margin:0!important;padding:9px 15px!important;border:0!important;border-radius:8px!important;font-weight:700;color:#657185!important}.sq-expense-tabs>li.active>a{color:#fff!important;background:#153f5c!important}
.sq-expense-card{border:1px solid var(--sq-line)!important;border-radius:20px!important;overflow:hidden;box-shadow:0 14px 38px rgba(28,41,61,.06)!important}.sq-expense-card>.panel-body{padding:24px 28px!important}
.sq-expense-dropzone{display:flex!important;align-items:center;justify-content:center;gap:12px;min-height:92px!important;margin-bottom:6px!important;border:1px dashed #9eb6c4!important;border-radius:14px!important;color:#315a70!important;background:linear-gradient(135deg,#f4faf9,#f7f9fc)!important}
.sq-expense-dropzone>i{font-size:24px;color:#147b75}.sq-expense-dropzone strong,.sq-expense-dropzone small{display:block}.sq-expense-dropzone small{color:#7c8797;font-size:11px;margin-top:3px}
.sq-expense-card .sq-form-section-title{margin-top:24px}.sq-expense-card .tw-bg-slate-50,.sq-expense-card .tw-bg-blue-50{border-radius:14px!important;border-color:#dce8ea!important;background:#f4faf9!important}
.sq-expense-advanced{min-height:330px}.sq-expense-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px;padding-top:18px;border-top:1px solid #e9edf1}.sq-expense-actions .btn{border-radius:10px!important;padding:9px 16px!important;font-weight:700!important}
@media(max-width:991px){.sq-items-overview{grid-template-columns:1fr}.sq-items-health-body{grid-template-columns:160px 1fr}}
@media(max-width:767px){.sq-items-hero,.sq-expense-hero{align-items:flex-start;flex-direction:column;padding:21px}.sq-items-hero h1,.sq-expense-hero h1{font-size:25px}.sq-items-hero-actions{width:100%}.sq-items-hero-actions .btn{flex:1}.sq-items-kpis>[class*=col-]{width:100%}.sq-items-health-body{grid-template-columns:1fr}.sq-items-health-legend{grid-template-columns:repeat(3,1fr)}.sq-catalog-heading{align-items:flex-start;flex-direction:column}.sq-item-modal .modal-dialog{width:calc(100% - 16px)!important;margin:8px!important}.sq-item-modal-body,.sq-expense-card>.panel-body{padding:16px!important}.sq-item-tabs{overflow-x:auto}.sq-item-tabs>li>a{white-space:nowrap}.sq-expense-hero-badge{width:100%}}

/* SQUAREDOPS catalog rebuild */
.sq-products-catalog{overflow:visible}
.sq-products-heading{align-items:center;border-bottom:1px solid #edf0f4;padding:20px}
.sq-products-actions{display:flex;gap:8px;flex-wrap:wrap}
.sq-products-table{padding:0 20px 20px}
.sq-products-table .dataTables_wrapper{padding-top:4px}
.sq-products-table .dataTables_filter input,.sq-products-table .dataTables_length select{height:38px;border:1px solid #dfe4eb!important;border-radius:10px!important;box-shadow:none!important}
.sq-products-table table{margin-top:14px!important}
.sq-products-table table thead th{padding:12px!important;border:0!important;background:#f7f9fb!important;color:#667085!important;font-size:10px!important;text-transform:uppercase;letter-spacing:.055em}
.sq-products-table table tbody td{padding:13px 12px!important;vertical-align:middle!important;border-color:#edf0f4!important}
.sq-products-table table tbody td:nth-child(2) a{font-weight:750;color:#172033}
.sq-inline-create{display:flex;gap:9px;padding:14px;margin-bottom:18px;border-radius:13px;background:#f5f8fa}
.sq-inline-create .form-control{height:41px;border-radius:10px}
.sq-groups-modal table thead th{background:#f7f9fb}

.sq-product-editor .modal-dialog{width:min(1160px,calc(100% - 30px))!important}
.sq-product-editor .modal-content{border:0;border-radius:22px;overflow:hidden;box-shadow:0 30px 90px rgba(16,36,63,.28)}
.sq-product-editor .modal-header{padding:22px 26px 18px;color:#fff;border:0;background:radial-gradient(circle at 83% 0,rgba(76,207,179,.27),transparent 32%),linear-gradient(135deg,#10243f,#174f69)}
.sq-product-editor .modal-header .sq-eyebrow{color:#8ee4d3}.sq-product-editor .modal-header h4{font-family:"Manrope","Trebuchet MS",sans-serif;font-size:24px;font-weight:800;letter-spacing:-.03em;margin:5px 0}.sq-product-editor .modal-header p{color:rgba(255,255,255,.68);margin:0}.sq-product-editor .modal-header .close{color:#fff;opacity:.72;text-shadow:none}
.sq-product-editor .modal-body{padding:0 24px 20px;background:#f5f7fa}
.sq-product-tabs{display:flex;gap:4px;margin:0 -24px 18px!important;padding:10px 24px!important;border:0!important;background:#fff;box-shadow:0 1px 0 #e7ebef}
.sq-product-tabs>li{float:none!important;margin:0!important}.sq-product-tabs>li>a{display:flex;align-items:center;gap:7px;padding:9px 14px!important;margin:0!important;border:0!important;border-radius:9px!important;color:#667085!important;font-weight:750}.sq-product-tabs>li.active>a{color:#fff!important;background:#153f5c!important}
.sq-product-form-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.75fr);gap:16px;align-items:start}
.sq-product-form-grid main,.sq-product-form-grid aside{display:grid;gap:16px}
.sq-product-form-section,.sq-product-data-tab{padding:20px;border:1px solid #e3e8ee;border-radius:17px;background:#fff;box-shadow:0 8px 22px rgba(29,42,61,.035)}
.sq-product-form-section .sq-form-section-title{margin:0 0 16px;padding:0;border:0}
.sq-product-form-section .form-control{border-color:#dce2e9!important;border-radius:10px!important;box-shadow:none!important}
.sq-product-form-section .form-control:focus{border-color:#5797ae!important;box-shadow:0 0 0 3px rgba(27,116,145,.09)!important}
.sq-switch-card{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px;margin-bottom:17px;border:1px solid #dce7e8;border-radius:13px;background:#f2faf8;cursor:pointer}
.sq-switch-card span strong,.sq-switch-card span small{display:block}.sq-switch-card span small{color:#74828d;font-size:11px;margin-top:2px}.sq-switch-card input{position:absolute;opacity:0}.sq-switch-card i{position:relative;flex:0 0 42px;width:42px;height:24px;border-radius:999px;background:#b8c3cd;transition:.2s}.sq-switch-card i:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.18);transition:.2s}.sq-switch-card input:checked+i{background:#16a085}.sq-switch-card input:checked+i:after{transform:translateX(18px)}
#sq-stock-fields{transition:.2s}#sq-stock-fields.is-disabled{opacity:.42;pointer-events:none}
.sq-product-upload{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 14px;border:1px dashed #91afba;border-radius:14px;color:#315a70;background:linear-gradient(145deg,#f3faf8,#f8fafc);cursor:pointer}.sq-product-upload>i{font-size:25px;color:#148c78;margin-bottom:8px}.sq-product-upload strong,.sq-product-upload small,.sq-product-upload span{display:block}.sq-product-upload small{color:#7d8996;font-size:11px;margin-top:3px}.sq-product-upload span{max-width:100%;margin-top:12px;padding:5px 9px;border-radius:7px;color:#647184;background:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sq-product-data-tab>.sq-section-heading{padding:0 0 14px}.sq-product-data-tab table{margin:0}.sq-product-editor .modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 24px;border-top:1px solid #e4e9ee;background:#fff}.sq-product-editor .modal-footer .btn{border-radius:10px!important;font-weight:700!important;padding:9px 16px!important}
@media(max-width:991px){.sq-product-form-grid{grid-template-columns:1fr}.sq-product-form-grid aside{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.sq-products-heading{align-items:flex-start;flex-direction:column}.sq-products-actions{width:100%}.sq-products-actions .btn{flex:1}.sq-products-table{padding:0 12px 15px;overflow-x:auto}.sq-products-table table{min-width:1050px}.sq-product-editor .modal-dialog{width:calc(100% - 14px)!important;margin:7px!important}.sq-product-editor .modal-body{padding:0 14px 14px}.sq-product-tabs{margin:0 -14px 14px!important;padding:9px 14px!important;overflow-x:auto}.sq-product-tabs>li>a{white-space:nowrap}.sq-product-form-grid aside{grid-template-columns:1fr}.sq-product-form-section{padding:16px}}

/* SQUAREDOPS OpenWA */
.sq-openwa-hero{background:radial-gradient(circle at 82% 0,rgba(73,222,160,.28),transparent 32%),linear-gradient(135deg,#0d2b2a,#14534d 58%,#118a65)}
.sq-openwa-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}
.sq-openwa-grid main,.sq-openwa-grid aside{display:grid;gap:18px}
.sq-openwa-grid aside{position:sticky;top:82px}
.sq-openwa-settings{overflow:hidden}.sq-openwa-settings .sq-section-heading{border-bottom:1px solid #edf0f4}
.sq-openwa-card-body{padding:18px 20px 20px}
.sq-openwa-card-body .form-control{border-color:#dce3e9!important;border-radius:10px!important;box-shadow:none!important}
.sq-openwa-button-row{display:flex;justify-content:flex-end;gap:8px}
.sq-openwa-response{display:block;max-width:430px;max-height:48px;color:#697586;overflow:hidden;word-break:break-word}
.sq-openwa-qr{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:280px;border:1px dashed #96b9ad;border-radius:15px;background:#f3faf7;color:#327160}
.sq-openwa-qr>i{font-size:32px}.sq-openwa-qr img{display:block;width:250px;height:250px;max-width:100%}
.sq-openwa-campaign-grid{display:grid;grid-template-columns:minmax(360px,.8fr) minmax(0,1.2fr);gap:18px;align-items:start}
.sq-openwa-campaign-grid>.sq-surface{overflow:hidden}.sq-openwa-campaign-grid .sq-section-heading{border-bottom:1px solid #edf0f4}
@media(max-width:1100px){.sq-openwa-grid,.sq-openwa-campaign-grid{grid-template-columns:1fr}.sq-openwa-grid aside{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.sq-openwa-grid aside{grid-template-columns:1fr}.sq-openwa-response{max-width:220px}}