:root {
    --spx-navy: #162b3b;
    --spx-navy-deep: #0f202d;
    --spx-orange: #f28c28;
    --spx-blue: #2584e8;
    --spx-green: #16a56f;
    --spx-purple: #7555d9;
    --spx-ink: #1b2934;
    --spx-muted: #6f7d88;
    --spx-line: #dfe6eb;
    --spx-canvas: #f3f6f8;
    --spx-white: #fff;
    --spx-radius: 16px;
    --spx-shadow: 0 10px 32px rgba(19, 42, 58, .08);
}

body { color: var(--spx-ink); background: var(--spx-canvas) !important; }
.app-main { background: var(--spx-canvas); }
.content-wrapper { background: transparent !important; }
.content-header { padding: 22px 24px 6px; }
.content { padding: 0 24px 28px !important; }

/* Navegação */
#jazzy-navbar {
    min-height: 64px;
    border: 0 !important;
    border-bottom: 1px solid rgba(22, 43, 59, .08) !important;
    box-shadow: 0 4px 18px rgba(17, 38, 53, .05);
}
#jazzy-navbar .nav-link { color: #4e5f6c; font-weight: 600; border-radius: 9px; }
#jazzy-navbar .nav-link:hover { color: var(--spx-orange); background: #fff6eb; }
.app-sidebar { background: linear-gradient(180deg, var(--spx-navy) 0%, var(--spx-navy-deep) 100%) !important; }
.brand-link { min-height: 64px; display: flex; align-items: center; border-bottom: 1px solid rgba(255,255,255,.09) !important; }
.brand-text { color: #fff !important; font-weight: 800 !important; letter-spacing: .07em; }
.nav-sidebar .nav-header { color: #8298a7; font-size: .7rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.nav-sidebar .nav-link { border-radius: 10px; margin: 2px 9px; width: auto !important; color: #d7e2e9 !important; }
.nav-sidebar .nav-link:hover { background: rgba(255,255,255,.08) !important; color: #fff !important; }
.nav-sidebar .nav-link.active { background: linear-gradient(135deg, var(--spx-orange), #e87815) !important; color: #fff !important; box-shadow: 0 7px 18px rgba(242, 140, 40, .27); }

/* Menu lateral Smartpex */
#jazzy-sidebar { border-right:1px solid rgba(255,255,255,.055); box-shadow:10px 0 35px rgba(9,27,39,.12) !important; }
#jazzy-sidebar .sidebar-brand { min-height:70px; padding:0 10px; background:rgba(5,20,30,.2); border-bottom:1px solid rgba(255,255,255,.075); }
#jazzy-sidebar #jazzy-logo { gap:11px; min-height:70px; padding:10px 12px; border:0 !important; text-decoration:none; }
#jazzy-sidebar #jazzy-logo .brand-image { display:none; }
#jazzy-sidebar #jazzy-logo::before { content:"SP"; display:grid; place-items:center; flex:0 0 auto; width:38px; height:38px; color:#fff; background:linear-gradient(145deg,#f5a044,#e87513); border:1px solid rgba(255,255,255,.16); border-radius:11px; box-shadow:0 7px 17px rgba(242,140,40,.25); font-size:.72rem; font-weight:900; letter-spacing:-.03em; }
#jazzy-sidebar .brand-text { font-size:.96rem; font-weight:850 !important; letter-spacing:.11em; }
#jazzy-sidebar .sidebar-wrapper { padding:0 7px 18px; overflow-x:hidden; scrollbar-width:thin; scrollbar-color:rgba(255,255,255,.2) transparent; }
#jazzy-sidebar .user-panel { align-items:center; gap:10px; margin:12px 7px 11px !important; padding:10px 11px !important; background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.07) !important; border-radius:12px; }
#jazzy-sidebar .user-panel .image { display:grid; place-items:center; width:32px; height:32px; padding:0; color:#ffd19d; background:rgba(242,140,40,.13); border-radius:9px; }
#jazzy-sidebar .user-panel .user-profile { font-size:1.08rem; }
#jazzy-sidebar .user-panel .info { min-width:0; padding:0; }
#jazzy-sidebar .user-panel .info a, #jazzy-sidebar .user-panel .info span { overflow:hidden; color:#dce7ed; font-size:.75rem; font-weight:750; text-overflow:ellipsis; white-space:nowrap; }
#jazzy-sidebar nav { margin-top:0 !important; }
#jazzy-sidebar .sidebar-menu > .nav-item:first-child { margin-bottom:9px; padding-bottom:9px; border-bottom:1px solid rgba(255,255,255,.07); }
#jazzy-sidebar .nav-header { margin:13px 11px 5px; padding:0; color:#728b9a; font-size:.61rem; font-weight:850; letter-spacing:.13em; }
#jazzy-sidebar .nav-link { position:relative; min-height:43px; padding:10px 11px; border:1px solid transparent; border-radius:11px; transition:background .18s ease,color .18s ease,transform .18s ease,border-color .18s ease; }
#jazzy-sidebar .nav-link .nav-icon { width:26px; margin:0 8px 0 0; color:#8da4b2; font-size:.85rem; text-align:center; transition:color .18s ease,transform .18s ease; }
#jazzy-sidebar .nav-link p { font-size:.76rem; font-weight:680; line-height:1.2; }
#jazzy-sidebar .nav-link:hover { transform:translateX(2px); border-color:rgba(255,255,255,.06); }
#jazzy-sidebar .nav-link:hover .nav-icon { color:#ffb86c; transform:scale(1.06); }
#jazzy-sidebar .nav-link.active .nav-icon { color:#fff; }
#jazzy-sidebar .nav-link.active::after { content:""; position:absolute; top:50%; right:8px; width:5px; height:5px; background:#fff; border-radius:50%; transform:translateY(-50%); box-shadow:0 0 0 4px rgba(255,255,255,.12); }
#jazzy-sidebar .has-treeview > .nav-link { color:#edf4f8 !important; background:rgba(255,255,255,.035); }
#jazzy-sidebar .has-treeview.menu-open > .nav-link { color:#fff !important; background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.07); }
#jazzy-sidebar .nav-arrow { right:11px; color:#7791a1; font-size:.62rem; }
#jazzy-sidebar .menu-open > .nav-link .nav-arrow { color:#ffb96f; }
#jazzy-sidebar .nav-treeview { margin:4px 0 7px 15px; padding:3px 0 3px 7px; border-left:1px solid rgba(255,255,255,.09); }
#jazzy-sidebar .nav-treeview .nav-link { min-height:39px; margin:1px 5px; padding-top:8px; padding-bottom:8px; color:#b9c9d2 !important; border-radius:9px; }
#jazzy-sidebar .nav-treeview .nav-link .nav-icon { width:23px; font-size:.72rem; }
#jazzy-sidebar .nav-treeview .nav-link.active { color:#fff !important; background:linear-gradient(135deg,#f28c28,#df7617) !important; }
.sidebar-collapse #jazzy-sidebar #jazzy-logo { justify-content:center; padding-right:0; padding-left:0; }
.sidebar-collapse #jazzy-sidebar #jazzy-logo::before { width:35px; height:35px; }

/* Componentes administrativos gerais */
.breadcrumb { background: transparent; padding-left: 0; }
.card { border: 1px solid var(--spx-line); border-radius: 14px; box-shadow: var(--spx-shadow); overflow: hidden; }
.card-header { border-bottom-color: var(--spx-line); background: #fff; }
.btn { border-radius: 9px; font-weight: 700; }
.btn-primary { background: var(--spx-blue); border-color: var(--spx-blue); }
.btn-success { background: var(--spx-green); border-color: var(--spx-green); }
.form-control, .form-select, .select2-container--default .select2-selection--single { border-radius: 9px !important; border-color: #d7e0e6 !important; }
.form-control:focus, .form-select:focus { border-color: var(--spx-blue) !important; box-shadow: 0 0 0 3px rgba(37,132,232,.12) !important; }
.table thead th { color: #667783; font-size: .73rem; letter-spacing: .04em; text-transform: uppercase; border-bottom-width: 1px; }
.table td { vertical-align: middle; }

/* Dashboard */
.smartpex-admin-dashboard .content-header { display: none; }
.smartpex-admin-dashboard .content { padding-top: 26px !important; }
.spx-dashboard { max-width: 1540px; margin: 0 auto; }
.spx-hero {
    position: relative; overflow: hidden; display: flex; justify-content: space-between; align-items: center;
    min-height: 208px; padding: 36px 42px; border-radius: 22px; color: #fff;
    background: linear-gradient(125deg, #132c3d 0%, #20445a 62%, #2a5268 100%);
    box-shadow: 0 18px 44px rgba(18, 44, 61, .20);
}
.spx-hero::before { content: ""; position: absolute; inset: auto -55px -110px auto; width: 330px; height: 330px; border: 65px solid rgba(255,255,255,.045); border-radius: 50%; }
.spx-hero-copy { position: relative; z-index: 1; }
.spx-eyebrow { display: inline-flex; gap: 8px; align-items: center; color: #ffc27d; font-size: .75rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.spx-hero h1 { margin: 14px 0 8px; color: #fff; font-size: clamp(1.85rem, 3vw, 2.65rem); font-weight: 800; letter-spacing: -.035em; }
.spx-hero p { max-width: 650px; margin: 0; color: #cadae4; font-size: 1.02rem; }
.spx-hero-mark { position: relative; z-index: 1; display: flex; align-items: flex-end; gap: 9px; margin-right: 32px; transform: skewX(-10deg); }
.spx-hero-mark span { display: block; width: 16px; border-radius: 5px 5px 2px 2px; background: var(--spx-orange); box-shadow: 0 5px 18px rgba(242,140,40,.25); }
.spx-hero-mark span:nth-child(1) { height: 42px; opacity: .55; }
.spx-hero-mark span:nth-child(2) { height: 70px; opacity: .78; }
.spx-hero-mark span:nth-child(3) { height: 100px; }

.spx-quick-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 15px; margin: -28px 24px 28px; position: relative; z-index: 2; }
.spx-quick-card { display: grid; grid-template-columns: 48px 1fr auto; gap: 13px; align-items: center; min-height: 94px; padding: 17px; color: var(--spx-ink) !important; background: #fff; border: 1px solid rgba(221,230,235,.9); border-radius: 15px; box-shadow: var(--spx-shadow); transition: transform .2s, box-shadow .2s, border-color .2s; }
.spx-quick-card:hover { transform: translateY(-4px); text-decoration: none; box-shadow: 0 16px 38px rgba(19,42,58,.14); }
.spx-quick-icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 13px; font-size: 1.15rem; }
.spx-quick-card strong, .spx-quick-card small { display: block; }
.spx-quick-card strong { margin-bottom: 4px; font-size: .94rem; }
.spx-quick-card small { color: var(--spx-muted); font-size: .76rem; line-height: 1.35; }
.spx-arrow { color: #9aa8b2; font-size: .8rem; }
.spx-quick-orange .spx-quick-icon { color: #d96e0d; background: #fff1df; }.spx-quick-orange:hover { border-color: #f4b36f; }
.spx-quick-blue .spx-quick-icon { color: #1c72ca; background: #e8f3ff; }.spx-quick-blue:hover { border-color: #80b9ef; }
.spx-quick-green .spx-quick-icon { color: #0b8a5a; background: #e3f8ef; }.spx-quick-green:hover { border-color: #74d3af; }
.spx-quick-purple .spx-quick-icon { color: #6748c8; background: #f0ebff; }.spx-quick-purple:hover { border-color: #a895e7; }

.spx-dashboard-columns { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 330px); gap: 24px; }
.spx-main-column, .spx-activity-column { min-width: 0; }
.spx-section-heading { display: flex; justify-content: space-between; align-items: end; min-height: 55px; margin-bottom: 13px; }
.spx-section-kicker { color: var(--spx-orange); font-size: .7rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.spx-section-heading h2 { margin: 3px 0 0; font-size: 1.22rem; font-weight: 800; letter-spacing: -.02em; }
.spx-section-badge { padding: 7px 10px; color: #667784; background: #e8edf1; border-radius: 20px; font-size: .72rem; font-weight: 700; }
.spx-module-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }
.spx-module-card { background: #fff; border: 1px solid var(--spx-line); border-radius: var(--spx-radius); box-shadow: 0 7px 24px rgba(20,43,58,.055); overflow: hidden; }
.spx-module-card header { display: flex; align-items: center; gap: 12px; padding: 17px 18px; background: linear-gradient(180deg,#fff,#fafcfd); border-bottom: 1px solid #e8edf0; }
.spx-module-icon { display: grid; place-items: center; width: 39px; height: 39px; color: var(--spx-blue); background: #eaf4ff; border-radius: 11px; }
.spx-module-card header small { display: block; color: #8a99a3; font-size: .63rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.spx-module-card h3 { margin: 1px 0 0; font-size: 1rem; font-weight: 800; }
.spx-model-list { padding: 5px 10px 10px; }
.spx-model-row { display: flex; align-items: center; justify-content: space-between; min-height: 43px; padding: 6px 7px; border-bottom: 1px solid #eef2f4; }
.spx-model-row:last-child { border-bottom: 0; }
.spx-model-name { display: flex; align-items: center; gap: 9px; min-width: 0; color: #334854; font-size: .83rem; font-weight: 650; }
.spx-model-name:hover { color: var(--spx-blue); text-decoration: none; }
.spx-model-name i { width: 18px; color: #91a1ab; font-size: .72rem; text-align: center; }
.spx-model-actions { display: flex; gap: 5px; }
.spx-model-actions a { display: grid; place-items: center; width: 28px; height: 28px; color: #71818c; background: #f2f5f7; border-radius: 8px; font-size: .7rem; }
.spx-model-actions a:hover { color: #fff; background: var(--spx-blue); text-decoration: none; }
.spx-activity-card { width: 100%; max-width: 100%; padding: 7px 16px; background: #fff; border: 1px solid var(--spx-line); border-radius: var(--spx-radius); box-shadow: 0 7px 24px rgba(20,43,58,.055); overflow: hidden; }
.spx-activity-item { display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 11px; max-width: 100%; padding: 15px 0; border-bottom: 1px solid #e9eef1; overflow: hidden; }
.spx-activity-item > div { min-width: 0; max-width: 100%; overflow: hidden; }
.spx-activity-item:last-child { border-bottom: 0; }
.spx-activity-icon { display: grid; place-items: center; width: 34px; height: 34px; color: #1b72c5; background: #e9f4ff; border-radius: 10px; font-size: .7rem; }
.spx-activity-icon.is-add { color: #098253; background: #e4f8ef; }.spx-activity-icon.is-delete { color: #d84a4a; background: #ffebeb; }
.spx-activity-item strong, .spx-activity-item a { display: block; overflow: hidden; color: #293d49; font-size: .82rem; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.spx-activity-item p { max-width: 100%; margin: 3px 0; color: #7b8992; font-size: .72rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.spx-activity-item time { color: #99a4ab; font-size: .68rem; }
.spx-empty { grid-column: 1/-1; padding: 45px 20px; text-align: center; color: var(--spx-muted); background: #fff; border: 1px dashed #cbd6dc; border-radius: var(--spx-radius); }
.spx-empty i { display: block; margin-bottom: 10px; font-size: 1.5rem; }.spx-empty p { margin: 0; }
.spx-empty-activity { border: 0; padding: 35px 10px; }

@media (max-width: 1199px) {
    .spx-quick-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .spx-dashboard-columns { grid-template-columns: 1fr; }
    .spx-activity-column { max-width: none; }
}
@media (max-width: 767px) {
    .content { padding: 0 12px 22px !important; }
    .smartpex-admin-dashboard .content { padding-top: 12px !important; }
    .spx-hero { min-height: 185px; padding: 28px 22px 58px; border-radius: 16px; }
    .spx-hero-mark { display: none; }
    .spx-quick-grid { grid-template-columns: 1fr; margin: -38px 10px 24px; gap: 10px; }
    .spx-quick-card { min-height: 82px; }
    .spx-module-grid { grid-template-columns: 1fr; }
    .spx-section-badge { display: none; }
}

/* Listagem de Clientes RBX */
.model-clienterbx.change-list .app-content-header { display:none; }
.model-clienterbx.change-list .app-content { padding-top:24px; }
.spx-client-list-hero { position:relative; isolation:isolate; display:flex; align-items:center; justify-content:space-between; gap:22px; min-height:156px; margin-bottom:18px; padding:26px 30px; overflow:hidden; color:#fff; background:linear-gradient(125deg,#142d3d,#214b62 68%,#2b6077); border-radius:18px; box-shadow:0 15px 38px rgba(18,43,59,.17); animation:spxClientHeroIn .4s cubic-bezier(.2,.8,.2,1) both; }
.spx-client-list-hero::after { content:""; position:absolute; z-index:-1; right:-45px; bottom:-115px; width:260px; height:260px; border:48px solid rgba(255,255,255,.045); border-radius:50%; }
.spx-client-list-eyebrow { color:#ffc37f; font-size:.68rem; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.spx-client-list-hero h1 { margin:7px 0 5px; color:#fff; font-size:clamp(1.55rem,2.7vw,2.15rem); font-weight:850; letter-spacing:-.035em; }
.spx-client-list-hero p { max-width:680px; margin:0; color:#c5d6df; font-size:.83rem; }
.spx-client-list-count { display:grid; place-items:center; flex:0 0 auto; min-width:145px; min-height:94px; padding:13px; background:rgba(7,24,34,.24); border:1px solid rgba(255,255,255,.1); border-radius:14px; }
.spx-client-list-count span { color:#fff; font-size:2rem; font-weight:880; line-height:1; }
.spx-client-list-count small { margin-top:5px; color:#bfd0da; font-size:.65rem; font-weight:700; }
.model-clienterbx.change-list #change-list-filters { padding-bottom:16px !important; }
.model-clienterbx.change-list #change-list-filters > div { align-items:stretch !important; padding:14px; background:#fff; border:1px solid var(--spx-line); border-radius:14px; box-shadow:0 7px 23px rgba(20,43,58,.055); }
.model-clienterbx.change-list #changelist-search { min-width:300px; }
.model-clienterbx.change-list #searchbar { flex:1 1 300px; min-width:210px !important; min-height:46px; padding-left:40px; background-color:#f7f9fa; background-image:linear-gradient(45deg,transparent,transparent); border-radius:11px !important; }
.model-clienterbx.change-list #changelist-search { position:relative; }
.model-clienterbx.change-list #changelist-search::before { content:"\f002"; position:absolute; z-index:2; top:14px; left:14px; color:#81909a; font-family:"Font Awesome 5 Free"; font-size:.8rem; font-weight:900; pointer-events:none; }
.model-clienterbx.change-list #changelist-search > .btn { min-height:46px; padding:9px 18px; border:0; border-radius:11px; box-shadow:0 6px 15px rgba(37,132,232,.18); }
.spx-client-list-tools { display:flex; gap:8px; }
.spx-list-tool { display:grid; grid-template-columns:34px 1fr; align-items:center; gap:9px; min-width:154px; min-height:46px; padding:6px 11px; color:#fff !important; border-radius:11px; box-shadow:0 6px 16px rgba(20,43,58,.13); text-decoration:none !important; transition:transform .18s ease,box-shadow .18s ease,filter .18s ease; }
.spx-list-tool:hover { transform:translateY(-2px); color:#fff !important; box-shadow:0 10px 20px rgba(20,43,58,.17); filter:saturate(1.08); }
.spx-list-tool-primary { background:linear-gradient(130deg,#1879ca,#2797e7); }.spx-list-tool-secondary { background:linear-gradient(130deg,#167b59,#22a876); }
.spx-list-tool-icon { display:grid; place-items:center; width:32px; height:32px; background:rgba(255,255,255,.15); border-radius:9px; font-size:.74rem; }
.spx-list-tool strong,.spx-list-tool small { display:block; }.spx-list-tool strong { font-size:.7rem; font-weight:820; }.spx-list-tool small { color:rgba(255,255,255,.72); font-size:.58rem; }
.model-clienterbx.change-list .change-list-actions { margin:0; padding:0 0 12px !important; }
.model-clienterbx.change-list .actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:11px 13px; background:#eef3f6; border:1px solid #dfe7ec; border-radius:12px; }
.model-clienterbx.change-list .actions label { margin:0; color:#647681; font-size:.7rem; font-weight:800; }
.model-clienterbx.change-list .actions select { min-height:38px; border-color:#d2dce3; border-radius:9px; }
.model-clienterbx.change-list #changelist > .row > .col-12 > .card { border-radius:15px; box-shadow:0 9px 28px rgba(20,43,58,.075); }
.model-clienterbx.change-list #changelist .table-responsive { padding:0; }
.model-clienterbx.change-list #result_list { min-width:940px; margin:0; }
.model-clienterbx.change-list #result_list thead th { padding:13px 14px; color:#6c7e89; background:#eef3f6; border:0; }
.model-clienterbx.change-list #result_list thead a { color:#526671; text-decoration:none; }
.model-clienterbx.change-list #result_list tbody tr { background:#fff; transition:background .18s ease,transform .18s ease,box-shadow .18s ease; }
.model-clienterbx.change-list #result_list tbody tr:nth-child(even) { background:#fafcfd; }
.model-clienterbx.change-list #result_list tbody tr:hover { position:relative; z-index:1; background:#f1f7fb; box-shadow:inset 4px 0 0 var(--spx-orange); }
.model-clienterbx.change-list #result_list td,.model-clienterbx.change-list #result_list th { padding:13px 14px; border-color:#e8edf0; font-size:.78rem; vertical-align:middle; }
.model-clienterbx.change-list #result_list tbody th a { color:#1e668f; font-weight:820; text-decoration:none; }
.model-clienterbx.change-list #result_list tbody th a:hover { color:var(--spx-orange); }
.model-clienterbx.change-list .spx-list-row-enter { animation:spxListRowIn .3s ease var(--spx-row-delay,0ms) both; }
.model-clienterbx.change-list .paginator { margin-top:14px; padding:12px 14px; background:#fff; border:1px solid var(--spx-line); border-radius:12px; }
@keyframes spxListRowIn { from { opacity:0; transform:translateY(5px); } to { opacity:1; transform:translateY(0); } }

@media (max-width: 767px) {
    #jazzy-sidebar .user-panel { margin-right:5px !important; margin-left:5px !important; }
    .model-clienterbx.change-list .app-content { padding-top:12px; }
    .model-clienterbx.change-list .app-content > .container-fluid { padding-right:10px; padding-left:10px; }
    .spx-client-list-hero { align-items:flex-start; flex-direction:column; min-height:0; padding:20px 18px; border-radius:14px; }
    .spx-client-list-hero p { font-size:.76rem; line-height:1.45; }
    .spx-client-list-count { display:flex; justify-content:flex-start; gap:8px; width:100%; min-width:0; min-height:0; padding:10px 12px; }
    .spx-client-list-count span { font-size:1.35rem; }.spx-client-list-count small { margin:0; }
    .model-clienterbx.change-list #change-list-filters > div { padding:10px; }
    .model-clienterbx.change-list #changelist-search { width:100%; min-width:0; }
    .model-clienterbx.change-list #searchbar { flex-basis:100%; width:100% !important; }
    .model-clienterbx.change-list #changelist-search > .btn { flex:1; }
    .model-clienterbx.change-list #changelist-search .quiet { width:100%; margin:1px 2px !important; }
    .spx-client-list-tools { display:grid; grid-template-columns:1fr 1fr; width:100%; }
    .spx-list-tool { min-width:0; }
    .model-clienterbx.change-list #changelist .table-responsive::after { content:"Deslize para o lado para consultar todos os dados"; position:sticky; left:0; display:block; width:max-content; max-width:100vw; padding:9px 13px; color:#73838d; background:#f5f8fa; font-size:.65rem; }
}
@media (max-width: 430px) {
    .spx-client-list-tools { grid-template-columns:1fr; }
}

/* Detalhe do cliente RBX */
.model-clienterbx.change-form .content-header { padding-bottom: 2px; }
.model-clienterbx.change-form #content-main,
.model-clienterbx.change-form #clienterbx_form,
.model-clienterbx.change-form #clienterbx_form > .row,
.model-clienterbx.change-form #clienterbx_form > .row > [class*="col-"] { min-width: 0; max-width: 100%; }
.model-clienterbx.change-form #clienterbx_form > .row { align-items: start; }
.model-clienterbx.change-form #clienterbx_form > .row > .col-lg-9 > .card { overflow: visible; border: 0; background: transparent; box-shadow: none; }
.model-clienterbx.change-form #clienterbx_form > .row > .col-lg-9 > .card > .card-body { padding: 0; }

.spx-client-hero {
    position: relative; isolation: isolate; display: flex; align-items: center; justify-content: space-between; gap: 24px;
    width: 100%; margin: 0 0 20px; padding: 25px 28px; overflow: hidden; color: #fff;
    background: linear-gradient(125deg, #132b3b 0%, #21485f 65%, #2a5b72 100%);
    border: 1px solid rgba(255,255,255,.08); border-radius: 18px; box-shadow: 0 16px 38px rgba(18,43,59,.18);
    animation: spxClientHeroIn .42s cubic-bezier(.2,.8,.2,1) both;
}
.spx-client-hero::after { content:""; position:absolute; z-index:-1; right:-60px; bottom:-120px; width:280px; height:280px; border:54px solid rgba(255,255,255,.045); border-radius:50%; }
.spx-client-identity { display:flex; align-items:center; gap:16px; min-width:0; }
.spx-client-avatar { display:grid; place-items:center; flex:0 0 auto; width:58px; height:58px; color:#fff; background:linear-gradient(145deg,#f5a045,#e87916); border:1px solid rgba(255,255,255,.18); border-radius:16px; box-shadow:0 8px 20px rgba(242,140,40,.26); font-size:1.35rem; font-weight:850; }
.spx-client-eyebrow { color:#ffc481; font-size:.68rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.spx-client-hero h1 { max-width:720px; margin:5px 0 7px; overflow:hidden; color:#fff; font-size:clamp(1.25rem,2.3vw,1.85rem); font-weight:820; letter-spacing:-.025em; text-overflow:ellipsis; white-space:nowrap; }
.spx-client-meta { display:flex; flex-wrap:wrap; gap:7px 14px; color:#c5d6e0; font-size:.75rem; }
.spx-client-meta span { display:inline-flex; align-items:center; gap:6px; }
.spx-client-status { position:relative; z-index:1; flex:0 0 auto; min-width:190px; padding:12px 15px; background:rgba(8,25,36,.23); border:1px solid rgba(255,255,255,.1); border-radius:12px; }
.spx-client-status small, .spx-client-status time { display:block; color:#aebfca; font-size:.66rem; }
.spx-client-status strong { display:flex; align-items:center; gap:7px; margin:4px 0; color:#fff; font-size:.88rem; }
.spx-client-connection-dot { flex:0 0 auto; width:8px; height:8px; border-radius:50%; }
.spx-client-connection.is-loading .spx-client-connection-dot { background:#f5b942; box-shadow:0 0 0 4px rgba(245,185,66,.13); animation:spxStatusPulse 1.1s ease-in-out infinite; }
.spx-client-connection.is-online .spx-client-connection-dot { background:#45d993; box-shadow:0 0 0 4px rgba(69,217,147,.13); }
.spx-client-connection.is-offline .spx-client-connection-dot { background:#ff6b6b; box-shadow:0 0 0 4px rgba(255,107,107,.13); }
.spx-client-connection.is-error .spx-client-connection-dot { background:#f5b942; box-shadow:0 0 0 4px rgba(245,185,66,.13); }
.spx-client-ip { display:block; max-width:310px; margin:0 0 5px; color:#fff; font-family:monospace; font-size:.72rem; line-height:1.4; overflow-wrap:anywhere; }
.spx-equipment-access { display:flex; align-items:center; justify-content:center; gap:7px; width:100%; margin:9px 0 8px; padding:8px 10px; color:#173b4c !important; background:#fff; border:1px solid rgba(255,255,255,.45); border-radius:8px; box-shadow:0 5px 12px rgba(5,23,34,.14); font-size:.69rem; font-weight:850; text-decoration:none !important; transition:transform .18s ease,box-shadow .18s ease; }
.spx-equipment-access[hidden] { display:none; }
.spx-equipment-access:hover { color:#173b4c !important; transform:translateY(-1px); box-shadow:0 7px 16px rgba(5,23,34,.2); }
.spx-equipment-access em { margin-left:auto; padding:2px 5px; color:#b35e10; background:#fff0dc; border-radius:999px; font-size:.55rem; font-style:normal; font-weight:850; white-space:nowrap; }

.spx-client-section-nav,.model-clienterbx.change-form #jazzy-tabs.spx-client-section-tabs { position:sticky; z-index:30; top:62px; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:7px; width:100%; margin:-7px 0 18px; padding:9px; overflow:visible; background:rgba(247,250,252,.97); border:1px solid #d9e3e9 !important; border-radius:14px; box-shadow:0 9px 24px rgba(20,43,58,.1); backdrop-filter:blur(8px); }
.model-clienterbx.change-form #jazzy-tabs.spx-client-section-tabs .nav-item { min-width:0; margin:0; }
.spx-section-nav-link { --spx-nav-color:#647d8b; position:relative; display:grid !important; grid-template-columns:32px minmax(0,1fr) 10px; align-items:center; gap:7px; width:100%; min-width:0; min-height:54px; padding:7px 8px !important; overflow:hidden; color:#334b58 !important; background:#fff !important; border:1px solid #dce5ea !important; border-radius:10px !important; box-shadow:0 3px 9px rgba(20,43,58,.05); text-decoration:none !important; transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
.spx-section-nav-link::before { content:""; position:absolute; inset:0 auto 0 0; width:3px; background:var(--spx-nav-color); }
.spx-section-nav-link > i { display:grid; place-items:center; width:32px; height:32px; color:var(--spx-nav-color); background:color-mix(in srgb,var(--spx-nav-color) 11%,#fff); border-radius:9px; font-size:.76rem; }
.spx-section-nav-link > span,.spx-section-nav-link strong,.spx-section-nav-link small { display:block; min-width:0; }
.spx-section-nav-link strong { color:#2d4653; font-size:.7rem; font-weight:850; line-height:1.15; }
.spx-section-nav-link small { margin-top:3px; overflow:hidden; color:#84929b; font-size:.56rem; font-weight:650; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; }
.spx-section-nav-link > em { color:#a6b2b9; font-size:.55rem; transition:transform .18s ease,color .18s ease; }
.spx-section-nav-link:hover,.spx-section-nav-link.is-current,.model-clienterbx.change-form #jazzy-tabs .spx-section-nav-link.active { color:#263e4b !important; background:color-mix(in srgb,var(--spx-nav-color) 7%,#fff) !important; border-color:color-mix(in srgb,var(--spx-nav-color) 45%,#dce5ea) !important; box-shadow:0 8px 18px rgba(20,43,58,.11); transform:translateY(-2px); }
.spx-section-nav-link:hover > em,.spx-section-nav-link.is-current > em,.spx-section-nav-link.active > em { color:var(--spx-nav-color); transform:translateX(2px); }
.spx-section-nav-link.is-current,.spx-section-nav-link.active { background:color-mix(in srgb,var(--spx-nav-color) 7%,#fff) !important; }
.spx-section-nav-link.is-provision { --spx-nav-color:#df7417; }.spx-section-nav-link.is-ticket { --spx-nav-color:#d34f69; }.spx-section-nav-link.is-profile { --spx-nav-color:#2678a0; }.spx-section-nav-link.is-billing { --spx-nav-color:#238b67; }.spx-section-nav-link.is-finance { --spx-nav-color:#168b91; }.spx-section-nav-link.is-contracts { --spx-nav-color:#7655ba; }.spx-section-nav-link.is-auth { --spx-nav-color:#bd8415; }.spx-section-nav-link.is-equipment { --spx-nav-color:#34749b; }.spx-section-nav-link.is-other { --spx-nav-color:#72828c; }
.model-clienterbx.change-form .spx-client-section { --spx-section-color:#718694; scroll-margin-top:128px; overflow:hidden; border:1px solid #dce5ea !important; border-top:4px solid var(--spx-section-color) !important; border-radius:15px !important; box-shadow:0 8px 24px rgba(20,43,58,.075) !important; }
.model-clienterbx.change-form .spx-section-header { display:flex !important; align-items:center; gap:12px; min-height:68px; margin:0 !important; padding:12px 16px !important; color:#29424f !important; background:linear-gradient(105deg,color-mix(in srgb,var(--spx-section-color) 10%,#fff),#fff 72%) !important; border:0 !important; border-bottom:1px solid color-mix(in srgb,var(--spx-section-color) 19%,#e5ebef) !important; border-radius:0 !important; box-shadow:none !important; }
.spx-section-heading-icon { display:inline-grid; place-items:center; flex:0 0 auto; width:42px; height:42px; margin:0; color:#fff; background:linear-gradient(145deg,var(--spx-section-color),color-mix(in srgb,var(--spx-section-color) 78%,#1d3442)); border-radius:11px; box-shadow:0 6px 14px color-mix(in srgb,var(--spx-section-color) 24%,transparent); font-size:.9rem; }
.spx-section-heading-copy,.spx-section-heading-copy strong,.spx-section-heading-copy small { display:block; min-width:0; }
.spx-section-heading-copy strong { color:#243e4c; font-size:.88rem; font-weight:880; letter-spacing:-.01em; line-height:1.2; }
.spx-section-heading-copy small { margin-top:4px; color:#788994; font-size:.62rem; font-weight:650; line-height:1.25; }
.model-clienterbx.change-form .spx-section-profile > .spx-profile-body { padding:17px 18px 20px !important; background:#fbfcfd; }
.spx-profile-subsection { display:flex; align-items:center; gap:8px; margin:19px 0 11px; padding:0 0 8px; color:#2c5266; border-bottom:1px solid #dfe8ed; }
.spx-profile-subsection:first-child { margin-top:0; }
.spx-profile-subsection i { display:grid; place-items:center; width:27px; height:27px; color:#fff; background:#28799f; border-radius:8px; font-size:.63rem; }
.spx-profile-subsection strong { font-size:.72rem; font-weight:880; letter-spacing:.025em; text-transform:uppercase; }
.spx-section-profile .form-group { margin:0 0 10px; }
.spx-profile-form-row { display:grid !important; grid-template-columns:repeat(var(--spx-profile-columns,1),minmax(0,1fr)); gap:10px; margin:0 !important; }
.spx-profile-field { min-width:0; padding:0; }
.spx-profile-field > label { display:block; width:auto; max-width:none; margin:0 0 5px; padding:0; color:#627682; font-size:.62rem; font-weight:820; letter-spacing:.045em; text-transform:uppercase; }
.spx-profile-field > .fieldBox,.spx-profile-field > [class*="col-"] { flex:none; width:100%; max-width:100%; padding:0; }
.spx-profile-field .form-control,.spx-profile-field select,.spx-profile-field textarea { width:100%; min-height:39px; }
.spx-profile-field .readonly { min-height:39px; background:#fff !important; }
.spx-call-customer { display:grid; grid-template-columns:30px minmax(0,1fr); align-items:center; gap:0 8px; width:100%; margin-top:7px; padding:7px 9px; color:#176247 !important; background:#e9f8f1; border:1px solid #bfe6d3; border-radius:9px; text-decoration:none !important; transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease; }
.spx-call-customer > i { grid-row:1/3; display:grid; place-items:center; width:30px; height:30px; color:#fff; background:#159363; border-radius:8px; font-size:.68rem; }
.spx-call-customer > span { font-size:.65rem; font-weight:880; line-height:1.15; }.spx-call-customer > small { margin-top:2px; color:#5d7d6f; font-family:monospace; font-size:.56rem; line-height:1.15; }
.spx-call-customer:hover { color:#12543d !important; border-color:#79c5a2; box-shadow:0 6px 14px rgba(21,147,99,.13); transform:translateY(-1px); }
.spx-call-customer.is-disabled { cursor:not-allowed; filter:grayscale(.7); opacity:.55; transform:none; }
.spx-section-provision,.spx-section-ticket { --spx-section-color:#de791e !important; }.spx-section-profile { --spx-section-color:#28799f !important; }.spx-section-billing,.spx-section-finance { --spx-section-color:#19845c !important; }.spx-section-contracts { --spx-section-color:#7660a9 !important; }.spx-section-auth { --spx-section-color:#c38b1c !important; }.spx-section-equipment { --spx-section-color:#317590 !important; }.spx-section-other { --spx-section-color:#7d8c95 !important; }

.spx-ticket-launcher { display:flex; align-items:center; justify-content:space-between; gap:22px; padding:4px 0 10px; }
.model-clienterbx.change-form .field-painel_chamado_rbx .readonly { padding:0; background:transparent; border:0; }
.spx-ticket-launcher-copy { flex:0 0 210px; }
.spx-ticket-launcher-copy strong,.spx-ticket-launcher-copy small { display:block; }
.spx-ticket-launcher-copy strong { margin:4px 0; color:#203846; font-size:.94rem; }
.spx-ticket-launcher-copy small { color:#7d8d97; font-size:.7rem; }
.spx-ticket-eyebrow,.spx-ticket-modal-eyebrow { color:#df7417; font-size:.62rem; font-weight:850; letter-spacing:.09em; text-transform:uppercase; }
.spx-ticket-type-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; flex:1; }
.spx-ticket-type { display:flex; align-items:center; gap:10px; min-height:66px; padding:11px 12px; text-align:left; background:#fff; border:1px solid #dce6eb; border-radius:11px; box-shadow:0 5px 14px rgba(20,43,58,.055); cursor:pointer; transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
.spx-ticket-type:hover { transform:translateY(-2px); border-color:#e9ad71; box-shadow:0 9px 20px rgba(20,43,58,.1); }
.spx-ticket-type > i { display:grid; place-items:center; flex:0 0 auto; width:35px; height:35px; color:#fff; border-radius:9px; }
.spx-ticket-type.support > i { background:#db7218; }.spx-ticket-type.installation > i { background:#16865b; }.spx-ticket-type.change > i { background:#2e6f98; }.spx-ticket-type.other > i { background:#6e5aa2; }
.spx-ticket-type strong,.spx-ticket-type small { display:block; }
.spx-ticket-type strong { color:#29414f; font-size:.72rem; }.spx-ticket-type small { margin-top:2px; color:#86949d; font-size:.6rem; }
.spx-ticket-modal { position:fixed; z-index:10550; inset:0; display:grid; place-items:center; padding:20px; background:rgba(10,28,39,.68); backdrop-filter:blur(3px); }
.spx-ticket-modal[hidden] { display:none; }
.spx-ticket-modal .select2-container { z-index:2; width:100% !important; }
.select2-container--open { z-index:10650 !important; }
.select2-container--open .select2-dropdown { z-index:10651 !important; }
.spx-ticket-dialog { position:relative; width:min(650px,100%); max-height:calc(100vh - 32px); padding:25px; overflow-x:hidden; overflow-y:auto; box-sizing:border-box; background:#fff; border-radius:17px; box-shadow:0 24px 70px rgba(3,18,28,.32); animation:spxClientSectionIn .25s ease both; }
.spx-ticket-dialog h2 { margin:5px 0 3px; color:#183442; font-size:1.25rem; }.spx-ticket-dialog > p { margin:0 0 19px; color:#71838e; font-size:.76rem; }
.spx-ticket-close { position:absolute; top:13px; right:15px; width:32px; height:32px; color:#6c7d87; background:#f0f4f6; border:0; border-radius:50%; font-size:1.25rem; cursor:pointer; }
.spx-ticket-grid-fields { display:grid; grid-template-columns:minmax(0,1fr); gap:11px; margin-bottom:14px; }
.spx-ticket-select-field { display:block; min-width:0; max-width:100%; }
.spx-ticket-select-field > span { display:block; margin-bottom:6px; color:#435966; font-size:.68rem; font-weight:820; text-transform:uppercase; }
.spx-ticket-select-field select { width:100%; min-height:39px; padding:8px 9px; color:#294451; background:#fafcfd; border:1px solid #d8e2e7; border-radius:9px; font-size:.72rem; }
.spx-ticket-select-field .select2-container,.spx-ticket-select-field .select2-selection { min-width:0; max-width:100%; }
.spx-ticket-select-field .select2-selection__rendered { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.select2-container--open .select2-results__option { overflow-wrap:anywhere; white-space:normal; }
.spx-ticket-select-field small { display:block; margin-top:4px; color:#85949d; font-size:.6rem; }
.spx-ticket-field > span,.spx-ticket-schedule label { display:block; margin-bottom:6px; color:#435966; font-size:.68rem; font-weight:820; text-transform:uppercase; }
.spx-ticket-field textarea { width:100%; min-height:102px; padding:11px 12px; resize:vertical; color:#273f4d; background:#fafcfd; border:1px solid #d8e2e7; border-radius:10px; font:inherit; font-size:.82rem; box-sizing:border-box; }
.spx-ticket-field > small,.spx-ticket-schedule small { display:block; margin-top:5px; color:#85949d; font-size:.64rem; }
.spx-ticket-agenda-toggle { display:flex; align-items:center; gap:10px; margin:17px 0 11px; padding:12px; background:#f4f8fa; border:1px solid #dfe8ed; border-radius:10px; cursor:pointer; }
.spx-ticket-agenda-toggle input { width:18px; height:18px; margin:0; accent-color:#df7417; }.spx-ticket-agenda-toggle strong,.spx-ticket-agenda-toggle small { display:block; }.spx-ticket-agenda-toggle strong { color:#304956; font-size:.76rem; }.spx-ticket-agenda-toggle small { margin-top:2px; color:#7b8c96; font-size:.63rem; }
.spx-ticket-schedule { padding:12px; background:#fff9f2; border:1px solid #f1d4b5; border-radius:10px; }.spx-ticket-schedule[hidden] { display:none; }.spx-ticket-schedule input { width:100%; padding:9px 10px; color:#2d4654; background:#fff; border:1px solid #dfc19f; border-radius:8px; box-sizing:border-box; }
.spx-ticket-flow { display:flex; flex-wrap:wrap; gap:6px; margin:16px 0 10px; }.spx-ticket-flow span { padding:5px 8px; color:#54707f; background:#edf3f6; border-radius:999px; font-size:.61rem; font-weight:750; }.spx-ticket-flow i { margin-right:3px; color:#18845d; }
.spx-ticket-result { min-height:18px; margin:5px 0 12px; font-size:.71rem; line-height:1.45; }.spx-ticket-result.is-loading { color:#557483; }.spx-ticket-result.is-success { color:#14764f; }.spx-ticket-result.is-warning { color:#9a621d; }.spx-ticket-result.is-error { color:#bd3d3d; }
.spx-ticket-modal-actions { display:flex; justify-content:flex-end; gap:8px; }.spx-ticket-modal-actions .button { padding:8px 13px !important; border-radius:8px !important; }.spx-ticket-cancel { color:#657984 !important; background:#edf2f4 !important; border:0 !important; }.spx-ticket-submit,.spx-ticket-agenda-link { color:#fff !important; background:#db741d !important; border:0 !important; text-decoration:none !important; }.spx-ticket-copy-protocol { color:#fff !important; background:#28799f !important; border:0 !important; }

.model-clienterbx.change-form .form-group > label { color:#637583; font-size:.69rem; font-weight:800; letter-spacing:.055em; text-transform:uppercase; }
.model-clienterbx.change-form .form-group .readonly { min-height:39px; margin:0; padding:9px 11px; color:#2d424f; background:#f5f8fa; border:1px solid #e1e8ed; border-radius:9px; overflow-wrap:anywhere; }
.model-clienterbx.change-form fieldset.module { min-width:0; margin-bottom:16px; padding:17px 18px 8px; background:#fff; border:1px solid var(--spx-line); border-radius:15px; box-shadow:0 7px 24px rgba(20,43,58,.055); }
.model-clienterbx.change-form fieldset.module > h2,
.model-clienterbx.change-form fieldset.module > legend { color:var(--spx-navy); font-size:1rem; font-weight:820; }
.model-clienterbx.change-form fieldset.module .description { margin:3px 0 14px; color:#768691; font-size:.76rem; line-height:1.5; }
.model-clienterbx.change-form .spx-client-reveal { animation:spxClientSectionIn .36s cubic-bezier(.2,.8,.2,1) var(--spx-delay, 0ms) both; }

.spx-provision-panel { display:grid; grid-template-columns:minmax(190px,.7fr) minmax(360px,1.3fr); gap:17px; align-items:center; width:100%; padding:5px 0 8px; }
.spx-provision-copy { min-width:0; }
.spx-provision-copy > strong, .spx-provision-copy > small { display:block; }
.spx-provision-copy > strong { margin:4px 0 5px; color:#1c3342; font-size:.98rem; }
.spx-provision-copy > small { max-width:330px; color:#7a8994; font-size:.73rem; line-height:1.45; }
.spx-provision-eyebrow { color:#e27717; font-size:.65rem; font-weight:850; letter-spacing:.09em; text-transform:uppercase; }
.spx-provision-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.spx-olt-button { position:relative; display:grid !important; grid-template-columns:42px minmax(0,1fr) 16px; gap:10px; align-items:center; min-height:72px; padding:11px 12px !important; overflow:hidden; color:#fff !important; border:0 !important; border-radius:12px !important; box-shadow:0 8px 20px rgba(22,43,59,.14); text-decoration:none !important; transition:transform .2s ease,box-shadow .2s ease,filter .2s ease; }
.spx-olt-button::after { content:""; position:absolute; top:-70%; left:-35%; width:32%; height:230%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.17),transparent); transform:rotate(18deg); transition:left .5s ease; }
.spx-olt-button:hover { transform:translateY(-3px); color:#fff !important; box-shadow:0 13px 26px rgba(22,43,59,.2); }
.spx-olt-button:hover::after { left:115%; }
.spx-olt-vila { background:linear-gradient(130deg,#118557,#18ad73) !important; }.spx-olt-sig { background:linear-gradient(130deg,#d96d0e,#f29332) !important; }
.spx-olt-icon { display:grid; place-items:center; width:40px; height:40px; background:rgba(255,255,255,.15); border:1px solid rgba(255,255,255,.12); border-radius:10px; font-size:.95rem; }
.spx-olt-button strong,.spx-olt-button small { display:block; position:relative; z-index:1; }
.spx-olt-button strong { color:#fff; font-size:.78rem; font-weight:850; text-transform:none; }.spx-olt-button small { margin-top:2px; color:rgba(255,255,255,.75); font-size:.62rem; }
.spx-olt-arrow { position:relative; z-index:1; color:rgba(255,255,255,.72); font-size:.68rem; }

.model-clienterbx.change-form .inline-group { min-width:0; max-width:100%; margin:0 0 16px; overflow:hidden; background:#fff; border:1px solid var(--spx-line); border-radius:15px; box-shadow:0 7px 24px rgba(20,43,58,.055); }
.model-clienterbx.change-form .inline-group .tabular { display:block; width:100%; max-width:100%; overflow-x:auto; overscroll-behavior-inline:contain; scrollbar-width:thin; scrollbar-color:#9dafba #eef2f4; }
.model-clienterbx.change-form .inline-group fieldset.module { min-width:720px; margin:0; padding:0; border:0; border-radius:0; box-shadow:none; }
.model-clienterbx.change-form .inline-group table { margin:0; }
.model-clienterbx.change-form .inline-group th { padding:11px 12px; background:#eef3f6; }
.model-clienterbx.change-form .inline-group td { padding:11px 12px; }
.model-clienterbx.change-form .inline-group td p { margin:0; }
.model-clienterbx.change-form .spx-contract-inline fieldset.module { min-width:0 !important; }
.model-clienterbx.change-form .spx-contract-inline table { min-width:0 !important; table-layout:fixed; }
.model-clienterbx.change-form .spx-contract-inline thead { display:none; }
.model-clienterbx.change-form .spx-contract-inline td { width:100%; padding:10px; background:#f4f7f9; }
.model-clienterbx.change-form .spx-contract-inline td.original { display:none; }
.spx-contract-card { width:100%; overflow:hidden; background:#fff; border:1px solid #dfe7ec; border-radius:12px; box-shadow:0 4px 14px rgba(20,43,58,.05); }
.spx-contract-card-header { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:12px 14px; background:#f8fafb; border-bottom:1px solid #e5ebef; }
.spx-contract-card-header small,.spx-contract-card-header strong { display:block; }
.spx-contract-card-header small { color:#7b8b95; font-size:.62rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.spx-contract-card-header strong { margin-top:2px; color:#203b4b; font-size:.8rem; }
.spx-main-contract-label { display:inline-block; margin-left:5px; padding:2px 5px; color:#986018; background:#fff0d8; border:1px solid #f1d3a5; border-radius:999px; font-size:.52rem; font-style:normal; font-weight:850; letter-spacing:.03em; text-transform:uppercase; vertical-align:middle; }
.spx-contract-state { flex:0 0 auto; padding:5px 8px; color:#176847; background:#e5f6ee; border:1px solid #c8eadb; border-radius:999px; font-size:.63rem; font-weight:850; }
.spx-contract-facts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; padding:11px 14px; border-bottom:1px solid #edf1f3; }
.spx-contract-facts span { min-width:0; }
.spx-contract-facts small,.spx-contract-facts strong { display:block; }
.spx-contract-facts small { color:#81909a; font-size:.6rem; font-weight:800; text-transform:uppercase; }
.spx-contract-facts strong { margin-top:2px; color:#334d5b; font-size:.72rem; overflow-wrap:anywhere; }
.spx-contract-actions { display:grid; grid-template-columns:minmax(190px,.7fr) minmax(290px,1.3fr); gap:8px 12px; align-items:end; padding:11px 14px 12px; }
.spx-contract-date-field > label { display:block; margin:0 0 5px; color:#667985; font-size:.64rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
.spx-contract-start-date { width:100%; min-height:36px; padding:6px 8px; color:#263e4c; background:#f7f9fa; border:1px solid #d7e0e5; border-radius:8px; font-size:.72rem; }
.spx-contract-date-hint { display:block; margin-top:4px; color:#7d8d97; font-size:.6rem; line-height:1.3; }
.spx-contract-buttons { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
.spx-contract-buttons .button { display:inline-flex; align-items:center; justify-content:center; gap:5px; min-height:34px; padding:6px 9px; border:0; border-radius:8px; font-size:.68rem; font-weight:800; white-space:nowrap; cursor:pointer; }
.spx-contract-save { color:#fff !important; background:#2b78b8 !important; }
.spx-contract-activate { color:#fff !important; background:#169665 !important; }
.spx-contract-buttons .button:disabled { cursor:not-allowed; filter:grayscale(.55); opacity:.48; }
.spx-contract-result { grid-column:1/-1; display:block; min-height:16px; font-size:.65rem; line-height:1.35; }
.spx-contract-result.is-loading { color:#b86816; }.spx-contract-result.is-success { color:#168156; }.spx-contract-result.is-error { color:#bd3535; }
.spx-contract-filters { display:flex; flex-wrap:wrap; gap:7px; margin:0 0 12px; padding:9px; background:#fff; border:1px solid #dfe7ec; border-radius:11px; box-shadow:0 4px 14px rgba(20,43,58,.04); }
.spx-contract-filter { display:inline-flex; align-items:center; gap:7px; min-height:34px; padding:6px 10px; color:#49606d; background:#f2f6f8; border:1px solid #dce5ea; border-radius:8px; font-size:.68rem; font-weight:800; cursor:pointer; transition:background .15s ease,border-color .15s ease,color .15s ease; }
.spx-contract-filter strong { min-width:20px; padding:2px 6px; color:#637783; background:#fff; border-radius:999px; font-size:.61rem; text-align:center; }
.spx-contract-filter:hover { color:#1e6387; border-color:#9fc5d8; }
.spx-contract-filter[aria-pressed="true"] { color:#fff; background:#246783; border-color:#246783; }
.spx-contract-filter[aria-pressed="true"] strong { color:#17516c; }
.spx-contract-filter-empty { margin:0 0 12px; padding:18px; color:#6d7f89; background:#fff; border:1px dashed #cbd8df; border-radius:10px; font-size:.72rem; text-align:center; }
.model-clienterbx.change-form #contratos-group fieldset.module { min-width:0 !important; padding:0; background:transparent; border:0; box-shadow:none; }
.model-clienterbx.change-form #contratos-group > fieldset > .card-body { padding:10px; background:#f4f7f9; }
.model-clienterbx.change-form #contratos-group .panel > .card { margin-bottom:10px; background:transparent; border:0; box-shadow:none; }
.model-clienterbx.change-form #contratos-group .panel > .card > .card-header { display:none; }
.model-clienterbx.change-form #contratos-group .panel > .card > .card-body { padding:0; }
.model-clienterbx.change-form #contratos-group .field-painel_contrato { margin:0; }
.model-clienterbx.change-form #contratos-group .field-painel_contrato > .row { display:block; margin:0; }
.model-clienterbx.change-form #contratos-group .field-painel_contrato > .row > label { display:none; }
.model-clienterbx.change-form #contratos-group .field-painel_contrato > .row > .field-painel_contrato { width:100%; max-width:100%; padding:0; }
.model-clienterbx.change-form #contratos-group .field-painel_contrato .readonly { padding:0; background:transparent; border:0; }
.spx-package-header { display:grid; grid-template-columns:minmax(170px,.8fr) minmax(410px,1.7fr) auto; align-items:center; gap:14px; margin:13px 0 8px; padding:14px; color:#294552; background:#fff; border:1px solid #d8e3e9; border-left:5px solid #4f6db5; border-radius:13px; box-shadow:0 8px 22px rgba(20,43,58,.09); transition:border-color .18s ease,box-shadow .18s ease; }
.spx-package-header.is-expanded { border-color:#aabce1; border-left-color:#4f6db5; box-shadow:0 10px 26px rgba(20,43,58,.12); }
.spx-package-header:first-of-type { margin-top:0; }
.spx-package-identity small,.spx-package-identity strong { display:block; }
.spx-package-identity small { color:#667ab0; font-size:.61rem; font-weight:880; letter-spacing:.09em; text-transform:uppercase; }
.spx-package-identity strong { margin-top:4px; color:#223e4c; font-size:.86rem; line-height:1.25; }
.spx-package-metrics { display:grid; grid-template-columns:.65fr repeat(3,1fr); gap:7px; }
.spx-package-metrics > span { min-width:0; padding:8px 9px; background:#f3f6f8; border:1px solid #e3eaee; border-radius:9px; }
.spx-package-metrics small,.spx-package-metrics strong { display:block; }
.spx-package-metrics small { overflow:hidden; color:#7c8b94; font-size:.54rem; font-weight:820; letter-spacing:.035em; text-overflow:ellipsis; text-transform:uppercase; white-space:nowrap; }
.spx-package-metrics strong { margin-top:3px; overflow:hidden; color:#263f4d; font-size:.78rem; font-weight:880; text-overflow:ellipsis; white-space:nowrap; }
.spx-package-metrics .is-count strong { color:#4f6db5; font-size:1rem; }
.spx-package-metrics .is-discount { background:#fff6e9; border-color:#f2d8b5; }.spx-package-metrics .is-discount strong { color:#b86316; }
.spx-package-metrics .is-fidelity { background:#f0edff; border-color:#d8d0f3; }.spx-package-metrics .is-fidelity strong { color:#6549a6; }
.spx-package-toggle { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-width:112px; min-height:40px; padding:8px 11px; color:#fff; background:#4f6db5; border:0; border-radius:9px; box-shadow:0 5px 12px rgba(79,109,181,.2); font-size:.65rem; font-weight:850; cursor:pointer; transition:transform .16s ease,background .16s ease,box-shadow .16s ease; }
.spx-package-toggle:hover { background:#405ea6; box-shadow:0 7px 16px rgba(79,109,181,.28); transform:translateY(-1px); }.spx-package-toggle i { font-size:.58rem; }
.model-clienterbx.change-form #jazzy-actions { position:sticky; top:78px; border-radius:14px; box-shadow:0 8px 25px rgba(20,43,58,.09); }
.model-clienterbx.change-form .field-painel_financeiro_rbx .readonly { padding:0; background:transparent; border:0; }

@keyframes spxClientHeroIn { from { opacity:0; transform:translateY(-10px) scale(.99); } to { opacity:1; transform:translateY(0) scale(1); } }
@keyframes spxClientSectionIn { from { opacity:0; transform:translateY(9px); } to { opacity:1; transform:translateY(0); } }
@keyframes spxStatusPulse { 50% { opacity:.4; transform:scale(.8); } }

@media (max-width: 991px) {
    .model-clienterbx.change-form #jazzy-actions { position:static; margin-top:4px; }
    .model-clienterbx.change-form #jazzy-tabs.spx-client-section-tabs { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .spx-package-header { grid-template-columns:1fr; }
    .spx-package-toggle { width:100%; }
    .spx-provision-panel { grid-template-columns:1fr; }
    .spx-provision-copy > small { max-width:none; }
    .spx-ticket-launcher { align-items:stretch; flex-direction:column; }
    .spx-ticket-launcher-copy { flex:auto; }
    .spx-client-section-nav,.model-clienterbx.change-form #jazzy-tabs.spx-client-section-tabs { position:relative; top:auto; }
}
@media (max-width: 767px) {
    .model-clienterbx.change-form .content-header { padding:14px 12px 3px; }
    .model-clienterbx.change-form .content { padding-left:10px !important; padding-right:10px !important; }
    .model-clienterbx.change-form .breadcrumb { flex-wrap:nowrap; max-width:100%; overflow-x:auto; padding-bottom:7px; white-space:nowrap; }
    .spx-client-hero { align-items:flex-start; flex-direction:column; gap:15px; padding:19px 17px; border-radius:14px; }
    .spx-client-identity { align-items:flex-start; width:100%; }
    .spx-client-avatar { width:48px; height:48px; border-radius:13px; }
    .spx-client-identity > div { min-width:0; }
    .spx-client-hero h1 { max-width:calc(100vw - 110px); font-size:1.18rem; }
    .model-clienterbx.change-form #jazzy-tabs.spx-client-section-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .spx-section-nav-link small { display:none; }
    .spx-profile-form-row { grid-template-columns:1fr; }
    .spx-client-meta { align-items:flex-start; flex-direction:column; gap:4px; }
    .spx-client-status { width:100%; min-width:0; }
    .model-clienterbx.change-form fieldset.module { padding:14px 13px 5px; border-radius:12px; }
    .model-clienterbx.change-form .form-row { margin-right:0; margin-left:0; }
    .model-clienterbx.change-form .form-group { min-width:0; padding-right:0; padding-left:0; }
    .spx-provision-actions { grid-template-columns:1fr; }
    .spx-ticket-type-actions { grid-template-columns:1fr; }
    .spx-ticket-grid-fields { grid-template-columns:1fr; }
    .spx-ticket-dialog { padding:21px 16px; border-radius:14px; }
    .spx-ticket-modal-actions { flex-wrap:wrap; }
    .spx-ticket-modal-actions .spx-ticket-submit { flex:1; }
    .spx-olt-button { min-height:68px; }
    .model-clienterbx.change-form .inline-group { border-radius:12px; }
    .model-clienterbx.change-form .inline-group::after { content:"Deslize para o lado para ver todos os dados"; position:sticky; left:0; display:block; width:max-content; max-width:100%; padding:8px 12px; color:#7a8994; background:#f7f9fa; font-size:.65rem; }
    .model-clienterbx.change-form .spx-contract-inline::after { display:none; content:none; }
    .spx-contract-card-header { align-items:flex-start; flex-direction:column; gap:7px; }
    .spx-contract-filters { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
    .spx-contract-filter { justify-content:space-between; }
    .spx-package-header { grid-template-columns:1fr; gap:10px; }
    .spx-package-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .spx-package-toggle { width:100%; }
    .spx-contract-facts { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .spx-contract-actions { grid-template-columns:1fr; }
    .spx-contract-buttons { grid-template-columns:1fr; }
    .model-clienterbx.change-list .object-tools { align-items:stretch; flex-direction:column; width:100%; }
    .model-clienterbx.change-list .object-tools li, .model-clienterbx.change-list .object-tools a { width:100%; margin-left:0 !important; justify-content:center; }
}