/* ===== Central: sistemas da holding ===== */
:root{--cj-tinta:#1f2d4d;--cj-suave:#677189;--cj-linha:#e4e8f1;--cj-fundo:#f6f8fc;--cj-raio:18px;--cj-sombra:0 1px 2px rgba(23,37,59,.05),0 8px 28px rgba(23,37,59,.07)}

/* --- menu lateral --- */
.cj-menu-sistemas{margin-bottom:14px}
.cj-admin .sidebar nav.cj-menu-sistemas>a[href="/empresas/"] .nav-icon{background-image:url('/assets/img/admin-icons/layers.svg')}
.cj-admin .sidebar nav.cj-menu-sistemas>a.cj-menu-criar .nav-icon{background-image:url('/assets/img/admin-icons/plus.svg')}
.cj-admin .sidebar nav.cj-menu-sistemas>a.cj-menu-pers .nav-icon{background-image:url('/assets/img/admin-icons/palette.svg')}
.cj-admin .sidebar nav.cj-menu-sistemas>a .nav-icon.cj-menu-logo{background:#fff!important;border:1px solid var(--cj-linha);overflow:hidden;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex:0 0 30px;border-radius:9px;padding:0}
.cj-menu-logo img,.cj-menu-empresa-logo img{width:100%;height:100%;object-fit:contain;display:block}
.cj-admin .sidebar .cj-menu-sigla{color:#fff;font-size:11px!important;font-weight:800;border:0!important;display:inline-flex;align-items:center;justify-content:center}
.cj-menu-empresa{margin:4px 0 14px;padding:14px;border:1px solid var(--cj-linha);border-radius:16px;background:linear-gradient(180deg,#fff,#f8f9fd)}
.cj-admin .sidebar .cj-menu-voltar{display:inline-block;font-size:12px;font-weight:700;color:var(--cj-suave);text-decoration:none;margin-bottom:12px;padding:0;background:none;min-height:0}
.cj-admin .sidebar .cj-menu-voltar:hover{color:#354581}
.cj-menu-empresa-id{display:flex;align-items:center;gap:11px;min-width:0}
.cj-menu-empresa-id b{font-size:16px;color:var(--cj-tinta);line-height:1.2;overflow-wrap:anywhere}
.cj-menu-empresa-logo{width:42px;height:42px;flex:0 0 42px;border-radius:12px;border:1px solid var(--cj-linha);background:#fff;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;padding:3px}
.cj-menu-empresa-logo.cj-menu-sigla{padding:0;font-size:14px!important;border:0}

/* --- marca da central --- */
.cj-central-nome{font-size:21px;font-weight:800;color:#354581;letter-spacing:-.3px;line-height:1.1;overflow-wrap:anywhere}
.login-box .cj-central-nome{display:block;font-size:26px;margin-bottom:6px}
.cj-sidebar-brand img,.masthead .brand img{max-height:46px;max-width:190px;object-fit:contain}

/* --- lista de sistemas --- */
.cj-sis-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px;margin:6px 0 22px}
.cj-sis{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--cj-linha);border-radius:var(--cj-raio);box-shadow:var(--cj-sombra);text-decoration:none;color:inherit;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease;min-width:0}
.cj-sis:hover{transform:translateY(-3px);box-shadow:0 2px 4px rgba(23,37,59,.06),0 18px 40px rgba(23,37,59,.12)}
.cj-sis:focus-visible{outline:3px solid var(--s);outline-offset:3px}
.cj-sis-faixa{height:78px;background:linear-gradient(120deg,var(--p) 0%,var(--p) 55%,var(--s) 140%)}
.cj-sis-logo{margin:-34px 22px 0;width:68px;height:68px;border-radius:18px;background:#fff;border:1px solid var(--cj-linha);box-shadow:0 6px 18px rgba(23,37,59,.12);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:8px}
.cj-sis-logo .cj-emp-logo{width:100%;height:100%;object-fit:contain}
.cj-sis-logo .cj-emp-sigla{width:100%;height:100%;border-radius:12px;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px}
.cj-sis-info{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 22px 0}
.cj-sis-info b{font-size:19px;color:var(--cj-tinta);letter-spacing:-.2px;overflow-wrap:anywhere}
.cj-sis-dom{display:flex;flex-wrap:wrap;gap:6px;padding:12px 22px 0}
.cj-sis-dom em{font-style:normal;font-size:12px;color:var(--cj-suave);background:var(--cj-fundo);border:1px solid var(--cj-linha);border-radius:8px;padding:3px 8px;overflow-wrap:anywhere}
.cj-sis-abrir{margin-top:auto;padding:16px 22px 18px;font-weight:800;font-size:14px;color:var(--p)}
.cj-pill{display:inline-block;font-size:12px;font-weight:700;color:#1f6b3a;background:#e6f6ec;border-radius:99px;padding:3px 10px;white-space:nowrap}

/* --- identidade da central --- */
.cj-central-id summary{cursor:pointer;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;list-style:none}
.cj-central-id summary::-webkit-details-marker{display:none}
.cj-central-id summary span{font-weight:800;color:var(--cj-tinta)}
.cj-central-id summary small{color:var(--cj-suave)}
.cj-central-id summary::after{content:"Editar";margin-left:auto;font-size:13px;font-weight:700;color:#c56a10}
.cj-central-id[open] summary::after{content:"Fechar"}
.cj-central-id form{margin-top:16px}

/* --- capa da empresa --- */
.cj-emp-capa{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:26px 28px;border-radius:22px;color:#fff;background:linear-gradient(120deg,var(--p) 0%,var(--p) 60%,var(--s) 160%);box-shadow:var(--cj-sombra);margin-bottom:18px}
.cj-emp-capa-logo{width:84px;height:84px;flex:0 0 84px;border-radius:20px;background:#fff;display:flex;align-items:center;justify-content:center;padding:10px;overflow:hidden;box-shadow:0 8px 22px rgba(0,0,0,.18)}
.cj-emp-capa-logo .cj-emp-logo{width:100%;height:100%;object-fit:contain}
.cj-emp-capa-logo .cj-emp-sigla{width:100%;height:100%;border-radius:14px;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:26px}
.cj-emp-capa>div{flex:1 1 260px;min-width:0}
.cj-emp-capa h2{margin:0 0 6px;color:#fff;font-size:28px;letter-spacing:-.4px}
.cj-emp-capa p{margin:4px 0;color:rgba(255,255,255,.88);font-size:14px}
.cj-emp-capa .cj-pill{background:rgba(255,255,255,.2);color:#fff;margin-right:8px}
.cj-emp-capa-dom{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px!important}
.cj-emp-capa-dom a{color:#fff;text-decoration:none;font-size:13px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);border-radius:9px;padding:4px 10px;overflow-wrap:anywhere}
.cj-emp-capa-dom a:hover{background:rgba(255,255,255,.24)}

.cj-aviso{background:#fff8ec;border:1px solid #f6dfb8;color:#6b4a12;border-radius:14px;padding:13px 16px;margin:0 0 18px;font-size:14px;line-height:1.55}

/* --- editor (formulário + prévia) --- */
.cj-emp-editor{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start;margin-bottom:22px}
.cj-emp-campos{display:flex;flex-direction:column;gap:18px;min-width:0}
.cj-emp-bloco{background:#fff;border:1px solid var(--cj-linha);border-radius:var(--cj-raio);box-shadow:var(--cj-sombra);padding:22px 24px}
.cj-emp-bloco>header{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}
.cj-emp-bloco>header>span{width:30px;height:30px;flex:0 0 30px;border-radius:10px;background:#fff1e2;color:#c56a10;font-weight:800;display:flex;align-items:center;justify-content:center}
.cj-emp-bloco h3{margin:2px 0 3px;font-size:17px;color:var(--cj-tinta)}
.cj-emp-bloco header p{margin:0;color:var(--cj-suave);font-size:14px}
.cj-emp-grade{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}
.cj-emp-grade-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cj-col-2{grid-column:1/-1}
.cj-emp-grade label,.cj-emp-situacao{display:flex;flex-direction:column;gap:6px;min-width:0}
.cj-emp-grade small{color:var(--cj-suave);font-weight:400}
.cj-emp-grade input[readonly]{background:var(--cj-fundo);color:var(--cj-suave)}
.cj-emp-situacao{margin-top:16px;max-width:420px}
.cj-emp-cor{display:flex;align-items:center;gap:10px}
.cj-emp-cor input[type=color]{width:52px;height:42px;padding:3px;min-height:0;cursor:pointer;border-radius:10px}
.cj-emp-check{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;margin-top:12px;font-size:14px;color:var(--cj-suave)}
.cj-emp-check input{width:auto;min-height:0}
.cj-emp-acoes{display:flex;justify-content:flex-end}
.cj-emp-acoes .primary{padding:13px 26px}

.cj-emp-previa{position:sticky;top:20px;display:flex;flex-direction:column;gap:14px}
.cj-emp-previa-rotulo{margin:0;font-size:11px;font-weight:800;letter-spacing:1.4px;color:var(--cj-suave);text-transform:uppercase}
.cj-prev-tela{background:#fff;border:1px solid var(--cj-linha);border-radius:16px;overflow:hidden;box-shadow:var(--cj-sombra)}
.cj-prev-topo{background:var(--p);color:#fff;display:flex;align-items:center;gap:10px;padding:12px 14px}
.cj-prev-logo{width:34px;height:34px;flex:0 0 34px;border-radius:9px;background:#fff;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;padding:2px}
.cj-prev-logo img{width:100%;height:100%;object-fit:contain}
.cj-prev-topo b{font-size:15px;overflow-wrap:anywhere}
.cj-prev-corpo{padding:16px 16px 18px;display:flex;flex-direction:column;gap:8px}
.cj-prev-corpo small{font-size:9px;font-weight:800;letter-spacing:1.3px;color:var(--s)}
.cj-prev-corpo h4{margin:0 0 4px;color:var(--p);font-size:18px}
.cj-prev-campo{height:30px;border:1px solid var(--cj-linha);border-radius:8px;background:var(--cj-fundo)}
.cj-prev-btn{display:block;text-align:center;background:var(--s);color:#fff;font-weight:800;font-size:13px;padding:10px;border-radius:9px;margin-top:4px}
.cj-prev-celular{width:190px;align-self:center;border:7px solid #1f2d4d;border-radius:26px;background:#fff;padding:0 10px 12px;display:flex;flex-wrap:wrap;gap:6px;box-shadow:var(--cj-sombra)}
.cj-prev-cel-topo{width:calc(100% + 20px);margin:0 -10px 6px;height:44px;background:linear-gradient(120deg,var(--p),var(--s) 170%)}
.cj-prev-chip{font-size:10px;font-weight:700;border-radius:99px;padding:3px 9px;background:var(--cj-fundo);color:var(--cj-suave)}
.cj-prev-chip.ativo{background:var(--s);color:#fff}
.cj-prev-item{width:100%;display:flex;gap:8px;align-items:center;border:1px solid var(--cj-linha);border-radius:10px;padding:6px}
.cj-prev-item i{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,#ffd9a8,#ffb36b)}
.cj-prev-item span{display:flex;flex-direction:column;font-size:11px}
.cj-prev-item em{font-style:normal;color:var(--p);font-weight:800}
.cj-prev-celular .cj-prev-btn{width:100%;font-size:11px;padding:8px}

/* --- domínios --- */
.cj-dom-lista{display:flex;flex-direction:column;gap:10px}
.cj-dom{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;border:1px solid var(--cj-linha);border-radius:14px;padding:12px 16px}
.cj-dom>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.cj-dom small{color:var(--cj-suave);font-size:12px}
.cj-dom b{color:var(--cj-tinta);overflow-wrap:anywhere}
.cj-dom .secondary{display:inline-block;font-size:13px;padding:8px 14px;white-space:nowrap}
.cj-dom-verificar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0}
.cj-dom-verificar small{color:var(--cj-suave)}
.cj-emp-status{display:inline-block;align-self:flex-start;font-size:12px;padding:3px 9px;border-radius:8px;background:#f2f4f9;color:#536a9c}
.cj-emp-status.ok{background:#e6f6ec;color:#1f6b3a}
.cj-emp-status.erro{background:#ffebe7;color:#9d392c}
.cj-emp-ajuda summary{cursor:pointer;font-weight:700;color:var(--cj-tinta)}
.cj-emp-ajuda li{margin:8px 0;line-height:1.55}
.cj-emp-ajuda code{overflow-wrap:anywhere}
.cj-emp-perigo summary{cursor:pointer;font-weight:700;color:#a33b31}
.cj-emp-perigo{border-left:4px solid #a33b31}

@media (max-width:1100px){.cj-emp-editor{grid-template-columns:1fr}.cj-emp-previa{position:static;flex-direction:row;flex-wrap:wrap;align-items:flex-start}.cj-prev-tela{flex:1 1 260px}}
@media (max-width:640px){.cj-emp-grade,.cj-emp-grade-3{grid-template-columns:1fr}.cj-emp-bloco{padding:18px}.cj-emp-capa{padding:20px}.cj-emp-capa h2{font-size:23px}.cj-emp-capa-logo{width:68px;height:68px;flex-basis:68px}.cj-emp-acoes .primary{width:100%}}