/* =========================================================
   LC TECH OS — camada de componentes no padrão LC Tech (igual Granja Gestão)
   Carregada depois do CSS de cada tela, para que os componentes
   antigos (topo, botões, cards, paginação) sigam o visual LC Tech.
   ========================================================= */

/* Container antigo das telas: o espaçamento agora vem de .content */
.content .container,.content>main,.content .wrap,.content .pagina-conteudo{max-width:none!important;margin:0!important;padding:0!important;width:auto!important}

/* Cabeçalho da tela (título + ações), no padrão .page-head */
.content .topo,.content .cabecalho-pagina,.content .titulo-acoes,.content .page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:2px 0 20px;flex-wrap:wrap}
.content .topo h1,.content .topo h2,.content .cabecalho-pagina h1,.content .cabecalho-pagina h2,.content .titulo-acoes h1,.content .titulo-acoes h2,.content>h1,.content>h2,.content .page-title{margin:0;font-size:27px;letter-spacing:-.035em;color:#102238;font-weight:800;line-height:1.15}
.content .topo p,.content .cabecalho-pagina p,.content .titulo-acoes p{margin:6px 0 0;color:#7a8798;font-size:12px}
.content .topo .acoes,.content .topo>div:last-child{display:flex;gap:8px;flex-wrap:wrap}

/* Botões antigos -> botões LC Tech */
.content .btn,.content a.btn,.content button.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:9px;padding:10px 14px;text-decoration:none;cursor:pointer;font-weight:750;font-size:12px;line-height:1.2;transition:.15s;box-shadow:none}
.content .btn.verde,.content .btn.azul,.content .btn.laranja,.content .btn.primario,.content .btn-primario,.content .btn-salvar,.content .botao-principal{background:var(--orange)!important;color:#fff!important;box-shadow:0 6px 14px rgba(255,133,0,.18)}
.content .btn.verde:hover,.content .btn.azul:hover,.content .btn.laranja:hover,.content .btn.primario:hover,.content .btn-primario:hover,.content .btn-salvar:hover{background:#ed7800!important;transform:translateY(-1px)}
.content .btn.cinza,.content .btn.secundario,.content .btn-secundario,.content .btn-cancelar,.content .btn-voltar{background:#f0f3f7!important;color:#465467!important;box-shadow:none}
.content .btn.cinza:hover,.content .btn.secundario:hover,.content .btn-cancelar:hover,.content .btn-voltar:hover{background:#e5eaf0!important}
.content .btn.vermelho,.content .btn.perigo,.content .btn-excluir,.content .btn-danger{background:#df3e46!important;color:#fff!important;box-shadow:none}
.content .btn.amarelo{background:#fff4dd!important;color:#986b00!important;box-shadow:none}

/* Cards e painéis */
.content .card,.content .painel,.content .formulario,.content .dados{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
.content .card h2,.content .painel h2{color:#102238;letter-spacing:-.02em}

/* Indicadores antigos -> metric-card */
.content .indicadores,.content .resumo,.content .cards{gap:13px!important;margin-bottom:16px}
.content .ind,.content .resumo-box,.content .indicador{background:#fff!important;border:1px solid var(--border)!important;border-radius:15px!important;box-shadow:var(--shadow)!important;padding:17px!important;position:relative;overflow:hidden}
.content .ind:after,.content .resumo-box:after,.content .indicador:after{content:"";position:absolute;right:-28px;top:-32px;width:88px;height:88px;border-radius:50%;background:rgba(255,133,0,.07)}
.content .ind small,.content .resumo-box small,.content .resumo-box span,.content .indicador small{color:#778497!important;font-size:11px!important;font-weight:750}
.content .ind strong:last-child,.content .resumo-box strong:last-child,.content .indicador strong:last-child,.content .indicador .numero,.content .ind .numero,.content .resumo-box .valor{font-size:24px!important;font-weight:850;letter-spacing:-.035em;color:#102238;display:block;margin-top:6px}
.content .ind strong:not(:last-child),.content .indicador strong:not(:last-child),.content .resumo-box strong:not(:last-child),.content .indicador .rotulo{display:block;color:#778497!important;font-size:11px!important;font-weight:750!important;letter-spacing:0!important;text-transform:none}

/* Filtros / busca */
.content .filtros,.content .busca,.content .pesquisa{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
.content .filtros input,.content .busca input,.content .pesquisa input{margin-top:0}

/* Abas de status (Todas / Finalizadas / ...) */
.content .abas a,.content .filtros-status a,.content .status-filtros a,.content .tabs a{border-radius:9px!important;font-weight:750;font-size:12px}
.content .abas a.ativo,.content .abas a.ativa,.content .filtros-status a.ativo,.content .status-filtros a.ativo,.content .tabs a.ativo,.content .abas .selecionado{background:var(--orange)!important;color:#fff!important}

/* Tabelas: cabeçalho no padrão LC Tech */
.content th{background:#f8fafc!important;color:#778497!important;font-size:9.5px!important;text-transform:uppercase;letter-spacing:.07em;font-weight:850!important;white-space:nowrap}
.content td{font-size:12.5px}
.content table{border-collapse:separate;border-spacing:0}

/* Inputs */
.content input:not([type=checkbox]):not([type=radio]):not([type=file]),.content select,.content textarea{border-color:#d9e0e8;border-radius:9px}
.content input:focus,.content select:focus,.content textarea:focus{border-color:#ffb15b!important;box-shadow:0 0 0 3px rgba(255,133,0,.10)!important;outline:none}

/* Paginação antiga -> pager LC Tech */
.content .paginacao,.content .paginacao-padrao,.content .paginacao-area{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-top:12px;padding:12px 18px;background:#fff;border:1px solid #e6ebf1;border-radius:12px;font-size:13px;color:#5b6775}
.content .paginacao-info{justify-self:start}.content .paginacao-info strong{color:#26313d}
.content .paginacao-controles{justify-self:center;display:flex;gap:4px;flex-wrap:wrap;align-items:center;justify-content:center}
.content .paginacao-opcoes,.content .paginacao-tamanho{justify-self:end;display:flex;gap:6px;align-items:center;white-space:nowrap}
.content .paginacao-opcoes select,.content .paginacao-tamanho select{margin:0;width:auto;min-width:62px;padding:6px 8px;font-size:13px;border-radius:8px}
.content .paginacao .pagina,.content .paginacao-controles .pagina,.content .pagina-numero,.content .pag-btn,.content .paginacao-desativado{min-width:32px;height:32px;padding:0 9px;border-radius:8px;border:1px solid #dce2e9;background:#fff;color:#26313d;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.content .pagina.ativa,.content .pagina-numero.ativa,.content .pag-btn.atual{background:#ff8a00!important;border-color:#ff8a00!important;color:#fff!important}
.content a.pagina:hover,.content a.pagina-numero:hover,.content a.pag-btn:hover{border-color:#ff8a00;color:#ff8a00}
.content .paginacao-desativado{opacity:.4}
@media(max-width:720px){.content .paginacao,.content .paginacao-padrao,.content .paginacao-area{grid-template-columns:1fr;justify-items:center;text-align:center}.content .paginacao-info,.content .paginacao-opcoes,.content .paginacao-tamanho{justify-self:center}}

/* Mensagens antigas */
.content .erro,.content .alerta-erro{background:#fff0f1;color:#aa3038;border:1px solid #ffd0d4;border-radius:10px;padding:11px 13px;font-size:12px;font-weight:650}
.content .sucesso,.content .mensagem.sucesso{background:#eaf9f1;color:#16754d;border:1px solid #cceedd;border-radius:10px}

/* Telas de acesso (login, primeiro acesso, senha) */
.access-card{width:min(440px,100%);background:#fff;border:1px solid var(--border);border-radius:22px;padding:30px;box-shadow:0 25px 70px rgba(15,23,42,.12)}
.access-card .lock-icon{width:43px;height:43px;border-radius:12px;background:#fff3e6;color:var(--orange);display:grid;place-items:center;margin-bottom:16px}
.access-card h2{margin:0;color:#102238;font-size:24px;letter-spacing:-.04em}
.access-card .intro{color:#8995a5;font-size:11px;margin:7px 0 22px;line-height:1.5}
.access-card .field{margin-bottom:13px}
.access-card button{width:100%;height:44px;margin-top:6px}
.access-card .erro-acesso{background:#fff0f1;color:#aa3038;border:1px solid #ffd0d4;border-radius:10px;padding:10px 12px;font-size:12px;font-weight:650;margin-bottom:14px}
.access-card .links{margin-top:14px;font-size:11px;text-align:center}.access-card .links a{color:#526074}
.empresa-opcao{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--border);border-radius:12px;margin-bottom:9px;cursor:pointer;background:#fff}
.empresa-opcao:hover{border-color:#ffb15b}
.empresa-opcao input{width:auto;margin:0}
.empresa-opcao strong{display:block;font-size:13px;color:#102238}.empresa-opcao small{display:block;color:#7a8798;font-size:11px;margin-top:2px}

/* Logo da empresa na barra lateral */
.brand-logo{width:38px;height:38px;border-radius:11px;object-fit:contain;background:#fff;padding:3px}

@media print{.sidebar,.topbar,.overlay,.menu-toggle,.footer,.page-actions,.topo .acoes{display:none!important}.main{margin:0!important}.content{padding:0!important}.card{box-shadow:none!important}}

/* Grades dos formulários antigos (2 colunas) — o .grid do LC Tech tem 12 colunas */
.content .grid>:not(.full){grid-column:auto}
.content .grid>.full{grid-column:1/-1}

/* Botões dentro de tabelas: compactos, "Ver" neutro como no LC Tech */
.content td .btn,.content td a.btn,.content td button.btn{padding:6px 10px!important;font-size:11px!important;border-radius:8px!important;box-shadow:none!important;min-height:0}
.content td .btn.azul,.content td .btn.ver,.content td .btn-ver{background:#eef1f5!important;color:#26313d!important}
.content td .btn.azul:hover,.content td .btn.ver:hover{background:#e1e6ec!important;transform:none}
.content td form{display:inline-block;margin:0}

/* Cabeçalho antigo .top / .cab dentro do novo .topo */
.content .topo>div:first-child h1,.content .topo>div:first-child h2{margin:0}
.content .topo .status{align-self:center}
a.metric-card.metric-link{text-decoration:none;color:inherit;transition:.15s}
a.metric-card.metric-link:hover{border-color:#ffd2a3;transform:translateY(-1px)}
.operation-list strong{font-size:12px}

/* Linhas de filtro antigas: campos lado a lado (no LC Tech os inputs têm width:100%) */
.content .filtros>input,.content .filtros>select,.content .pesquisa>input,.content .pesquisa>select,.content .barra>input,.content .barra>select,.content .busca>input,.content .busca>select,.content form[style*="flex"]>input,.content form[style*="flex"]>select{width:auto;margin-top:0}
.content .filtros>input[type=text],.content .filtros>input[type=search],.content .filtros>input:not([type]),.content .pesquisa>input,.content .barra>input,.content .busca>input{flex:1 1 240px}
.content .filtros>select{min-width:170px}
@media(max-width:720px){.content .filtros>*,.content .pesquisa>*,.content .barra>*{width:100%!important}}

/* Situações (ABERTA, VENCIDA...) como etiquetas do LC Tech */
.content .status.ABERTA,.content .status.ABERTO,.content .status.PENDENTE{background:#e9f2ff;color:#2867a7}
.content .status.VENCIDA,.content .status.VENCIDO,.content .status.cancelada{background:#ffeaeb;color:#b62d35}
.content .status.RECEBIDA,.content .status.PAGA,.content .status.ATIVO{background:#e8f8f0;color:#14794e}
.content .status.CANCELADA,.content .status.INATIVO{background:#f1f3f5;color:#6b7684}
.content td{vertical-align:middle}

/* Cabeçalhos antigos que tinham fundo colorido */
.content .topo,.content .topo h1,.content .topo h2{background:none!important;box-shadow:none!important;border:0!important;padding:0!important;color:#102238}
.content .topo p,.content .topo .subtitulo{color:#7a8798!important;background:none!important;padding:0!important}
/* Outros botões antigos */
.content .btn-add,.content .btn-adicionar{background:var(--orange)!important;color:#fff!important;border:0;border-radius:9px;padding:8px 12px;font-weight:750;font-size:12px;cursor:pointer;box-shadow:none}
.content .btn-mini{border-radius:8px!important;padding:6px 10px!important;font-size:11px!important;font-weight:750;box-shadow:none!important}
.content .btn-mini.editar{background:#eef1f5!important;color:#26313d!important}
.content .alerta-pagamentos{font-weight:700}
.content .resumo-box>div:first-child:not(.valor),.content .resumo-box h3,.content .ind small,.content .ind>span:first-child{color:#778497!important;font-size:11px!important;font-weight:750!important;margin:0}
.content .resumo-box .valor{font-size:24px!important}
@media(max-width:720px){
  .content .topo,.content .cabecalho-pagina,.content .titulo-acoes{display:block}
  .content .topo>*:not(:first-child){margin-top:12px}
  .content .topo h1,.content .topo h2{font-size:23px!important;text-align:left}
  .content .filtros>*,.content .pesquisa>*,.content .barra>*,.content .busca>*{flex:none!important}
}
@media(max-width:430px){.metric-card{display:block!important}.metric-card .metric-value{margin-top:10px!important}}

/* ===== Avisos de licença, painel geral e telas de administração ===== */
.aviso-licenca{display:flex;align-items:center;gap:8px;padding:11px 13px;border-radius:10px;margin-bottom:14px;font-size:12px;font-weight:650;border:1px solid}
.aviso-licenca.aviso{background:#fff8e6;color:#8a5a00;border-color:#ffe3a3}
.aviso-licenca.alerta,.aviso-licenca.erro{background:#fff0f1;color:#aa3038;border-color:#ffd0d4}
.btn-mini{padding:6px 10px;font-size:11px}
.acoes-linha{white-space:nowrap}
.acoes-linha form{display:inline;margin:0}
.acoes-linha .btn{margin-right:4px}
.linha-inativa td{opacity:.6}
.ajuda-campo{font-size:11px;margin-top:5px}
.content .grid.form-grid-2{grid-template-columns:repeat(4,minmax(0,1fr))}
.content .grid.form-grid-2>.field{grid-column:span 1}
.content .grid.form-grid-2>.field.wide{grid-column:span 2}
.content .grid.form-grid-2>.field.full{grid-column:1/-1}
@media(max-width:900px){.content .grid.form-grid-2{grid-template-columns:1fr 1fr}.content .grid.form-grid-2>.field.wide{grid-column:1/-1}}
@media(max-width:560px){.content .grid.form-grid-2>.field{grid-column:1/-1 !important}}
.card .operation-list span{font-size:12px;color:#3f4c5e;display:block}
.card .operation-list div{font-size:12px;gap:10px}
.metric-link{text-decoration:none;color:inherit}
.login-esqueci{text-align:center;margin-top:12px;font-size:12px}
.login-esqueci a{color:#ff7a00;font-weight:700;text-decoration:none}
.login-esqueci a:hover{text-decoration:underline}
/* ===== Relatórios e indicadores ===== */
.rel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.rel-card{text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:6px;transition:.15s;margin:0}
.rel-card:hover{border-color:#ffb15b;transform:translateY(-1px)}
.rel-card .card-subtitle{flex:1}
.rel-abrir{color:#ff7a00;font-weight:800;font-size:12px}
.rel-filtro-form{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
.rel-filtro-form .field{min-width:150px}
.rel-filtro-form>.btn{height:40px}
.rel-rapidos{display:flex;flex-wrap:wrap;gap:6px;flex-basis:100%}
.chip{display:inline-block;padding:5px 11px;border-radius:20px;background:#f0f3f7;color:#465467;font-size:11px;font-weight:700;text-decoration:none}
.chip:hover{background:#ffe9d1;color:#b35400}
th.num,td.num{text-align:right;white-space:nowrap}
.linha-grupo td{background:#f6f8fb;font-weight:850;color:#3f4c5e;text-transform:uppercase;font-size:10px;letter-spacing:.04em}
.linha-total td{background:#fff5ea;font-weight:850}
.rel-obs{font-size:11px;margin:12px 0 0}
.btn-whats{background:#1fa855;box-shadow:none}
.btn-whats:hover{background:#178a45}
.grafico-wrap{display:flex;gap:6px;margin-top:14px;height:220px}
.grafico{flex:1;height:100%;overflow:visible;background:linear-gradient(#fff,#fff)}
.graf-barra{fill:#ffb15b}
.graf-barra:hover{fill:#ff8500}
.graf-linha{fill:none;stroke:#102238;stroke-width:2;stroke-linejoin:round}
.graf-grade{stroke:#edf0f4;stroke-width:.4}
.graf-eixo{display:flex;flex-direction:column;justify-content:space-between;font-size:10px;color:#778497;text-align:right;min-width:34px}
.graf-eixo-dir{text-align:left}
.graf-datas{display:flex;justify-content:space-between;font-size:10px;color:#778497;margin:4px 40px 0}
.legenda-graf{display:flex;gap:12px;font-size:11px;color:#556}
.legenda-graf i{display:inline-block;width:12px;height:10px;margin-right:5px;vertical-align:middle}
.leg-barra{background:#ffb15b;border-radius:2px}
.leg-linha{height:2px !important;background:#102238}
.barra-pct{display:inline-block;width:50px;height:6px;background:#f0f3f7;border-radius:4px;margin-right:6px;vertical-align:middle;overflow:hidden}
.barra-pct span{display:block;height:100%;background:#ff8500}
@media(max-width:700px){.rel-filtro-form .field{flex:1 1 45%;min-width:0}.grafico-wrap{height:170px}}
.whats-card{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.btn.btn-whats,a.btn.btn-whats{background:#1fa855;color:#fff}

/* Administrador dentro de uma granja: atalhos para voltar ao painel */
.sidebar-company.com-saida{display:block;padding:0;overflow:hidden}
.com-saida .sc-topo{display:flex;align-items:center;gap:9px;padding:11px 12px}
.com-saida .sc-nome{min-width:0;flex:1}
.com-saida .sc-nome strong{max-width:none}
.com-saida .sc-sair{display:flex;align-items:center;gap:8px;padding:9px 12px;border-top:1px solid rgba(255,255,255,.07);color:#ffb15b;font-size:11px;font-weight:750;text-decoration:none;transition:background .15s,color .15s}
.com-saida .sc-sair svg{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:2}
.com-saida .sc-sair span{flex:1;white-space:nowrap}
.com-saida .sc-sair i{font-style:normal;opacity:.6;transition:transform .15s}
.com-saida .sc-sair:hover{background:rgba(255,133,0,.14);color:#fff}
.com-saida .sc-sair:hover i{transform:translateX(3px);opacity:1}
.top-painel{display:inline-flex;align-items:center;gap:6px;padding:9px 13px;border-radius:10px;background:#ff8500;color:#fff;font-size:12px;font-weight:800;text-decoration:none;white-space:nowrap;box-shadow:0 6px 14px rgba(255,133,0,.18)}
.top-painel:hover{background:#ed7800}
@media(max-width:700px){.top-painel{padding:8px 10px;font-size:11px}}