/* LC Tech OS — complementos ao padrão LC Tech (app.css / padrao.css) */

/* Ficha de registro do OS Plus: campos vazios escondidos até marcar "mostrar campos vazios" */
.detail-grid .detail-item.vazio{display:none}
.detail-grid.mostrar-vazios .detail-item.vazio{display:block}
.detail-item strong.texto-longo{white-space:pre-wrap;word-break:break-word;font-weight:600}

/* Tabela de dados do OS Plus: textos longos cortados com reticências */
.tabela-dados td{max-width:320px;overflow:hidden;text-overflow:ellipsis}
.tabela-dados td.num{white-space:nowrap}

/* Linha de opções acima da ficha */
.opcoes-ficha{display:flex;align-items:center;gap:8px;font-size:12px;color:#718096;margin:-4px 0 12px}
.opcoes-ficha input{width:auto;margin:0}

/* Lista de tabelas do OS Plus */
.lista-tabelas td:first-child a{font-weight:700}

/* Itens da OS (tabela editável) */
#tabelaItens td{padding:6px 8px;vertical-align:middle}
#tabelaItens input,#tabelaItens select{width:100%;min-width:0;margin:0}
#tabelaItens input.num,.field input.num{text-align:right}
#tabelaItens td.item-total{font-weight:700;white-space:nowrap}
.field input.total-os{font-size:20px;font-weight:850;color:#102238;background:#fff7ee;border-color:#ffd9b0}
@media(max-width:720px){#tabelaItens td{padding:4px 0}}

/* Perfis e permissões */
.tabela-perfis td.perfil-col,.tabela-perfis th.perfil-col{text-align:center;width:120px}
.tabela-perfis th.perfil-col .sub{display:block;font-weight:500;text-transform:none;letter-spacing:0}
.tabela-perfis input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:#ff8500}
.tabela-perfis tr.grupo-perm td{background:#f8fafc;color:#102238;padding-top:12px}

/* Relatórios */
.rel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:13px}
.rel-card{display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid #e5eaf0;border-radius:15px;padding:16px 17px;box-shadow:0 12px 32px rgba(16,34,56,.05);transition:.15s}
.rel-card:hover{border-color:#ffc58a;transform:translateY(-1px)}
.rel-card strong{display:block;color:#102238;font-size:14px;margin-bottom:5px}.rel-card span{color:#718096;font-size:12px;line-height:1.5}
.rel-grupo{margin:18px 0 9px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#8091a7;font-weight:800}
tr.linha-total td{font-weight:800;background:#f8fafc;border-top:2px solid #102238}
.barra-rel{height:8px;border-radius:9px;background:#ffe2c2;min-width:2px}
.barra-rel span{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#ff8500,#ff9e2f)}
@media print{
  .sidebar,.topbar,.footer,.menu-toggle,.overlay,.page-actions,.toolbar,.paginacao,.nao-imprimir{display:none!important}
  .main{margin:0!important;padding:0!important}.content{padding:0!important}
  .card{box-shadow:none!important;border:0!important;padding:0!important;margin-bottom:10px!important}
  body{background:#fff!important}.table-wrap{overflow:visible!important;border:0!important}
  table{font-size:10.5px}th,td{padding:4px 6px!important}
  .metric-grid{gap:6px!important}.metric-card{box-shadow:none!important;padding:8px!important}
  @page{size:A4;margin:10mm}
}

/* Fotos e anexos */
.galeria{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
.galeria-item{margin:0;border:1px solid #e5eaf0;border-radius:13px;overflow:hidden;background:#fff;position:relative}
.galeria-item img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#f3f6f9}
.galeria-item figcaption{padding:8px 34px 9px 10px;font-size:12px;line-height:1.35;color:#102238}
.galeria-item figcaption span{display:block;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.galeria-item figcaption small{color:#8091a7}
.galeria-item form{position:absolute;right:6px;bottom:8px;margin:0}
.galeria-x{border:0;background:#fff1f0;color:#c53030;width:24px;height:24px;border-radius:7px;font-size:16px;line-height:1;cursor:pointer}
.galeria-x:hover{background:#fed7d7}
.anexar-botoes{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.anexar-botoes input[name=descricao]{flex:1;min-width:220px;margin:0}
.anexar-botoes label.btn{cursor:pointer;margin:0}
.form-inline-arquivo{display:inline;margin:0}.form-inline-arquivo label{cursor:pointer;margin:0}
.tag-ext{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.04em;padding:2px 6px;border-radius:6px;background:#eef2f7;color:#44546a;margin-right:4px;vertical-align:1px}
@media print{.galeria-item form,.anexar-form{display:none!important}}
@media(max-width:720px){.anexar-botoes input[name=descricao]{flex:1 1 100%;min-width:0;order:3}.anexar-botoes button{order:4}.galeria{grid-template-columns:repeat(2,1fr)}}

/* Lançamento da NF-e de compra */
.item-nota h3{margin:0 0 4px;font-size:14px;color:#102238;overflow-wrap:anywhere}
.item-nota .sub{display:block}
.sugestao{margin:12px 0;padding:9px 12px;border-radius:10px;font-size:12.5px;line-height:1.45}
.sug-ok{background:#e8f6ee;color:#14633a}.sug-novo{background:#eaf2fb;color:#1c5a96}.sug-feito{background:#eef5ee;color:#2d6a3a}
.item-apagado{opacity:.6}
.check-inline{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:13px;color:#344256;cursor:pointer}
.check-inline input{width:16px;height:16px;margin:0;accent-color:#ff8500}
.link-mes{margin:0 2px}

/* Logo LC Tech */
.brand-logo{width:40px;height:40px;object-fit:contain;flex:none;filter:drop-shadow(0 4px 10px rgba(0,0,0,.25))}
.login-logo-img img{display:block;width:min(300px,100%);height:auto}
.login-sistema{margin-top:10px;color:#aebfd0;font-size:12px;font-weight:700;letter-spacing:.04em}


/* Lista de sugestões no visual do sistema (autocompletar.js) */
.ac-campo{padding-right:34px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238091a7' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:12px 12px!important}
.ac-campo[aria-expanded=true]{border-color:#ff8500!important;box-shadow:0 0 0 3px rgba(255,133,0,.14)!important}
.ac-painel{position:fixed;z-index:9999;max-height:300px;overflow:auto;background:#fff;border:1px solid #e3e8ef;border-radius:14px;box-shadow:0 18px 44px rgba(16,34,56,.16),0 2px 6px rgba(16,34,56,.06);padding:6px;font-size:13.5px;overscroll-behavior:contain;animation:acAbre .12s ease-out}
.ac-painel.ac-acima{animation-name:acAbreCima}
@keyframes acAbre{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@keyframes acAbreCima{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.ac-cab{padding:6px 10px 6px;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8091a7}
.ac-item{display:flex;flex-direction:column;gap:1px;padding:8px 10px 8px 12px;border-radius:9px;cursor:pointer;color:#102238;position:relative;line-height:1.3}
.ac-item:hover{background:#f5f7fa}
.ac-item.ac-ativo{background:#fff4e6}
.ac-item.ac-ativo::before{content:"";position:absolute;left:3px;top:8px;bottom:8px;width:3px;border-radius:3px;background:#ff8500}
.ac-valor{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ac-extra{font-size:12px;color:#718096;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ac-item mark{background:none;color:#e07400;font-weight:800;padding:0}
.ac-painel::-webkit-scrollbar{width:8px}.ac-painel::-webkit-scrollbar-thumb{background:#d7dee8;border-radius:8px;border:2px solid #fff}
@media(max-width:620px){.ac-painel{font-size:15px;max-height:260px}.ac-item{padding:11px 12px}}

/* multiempresa: troca de empresa (administrador geral) e aviso de licença */
.sidebar-company-troca{text-decoration:none;cursor:pointer;transition:border-color .15s,background .15s}
.sidebar-company-troca:hover{border-color:rgba(255,138,0,.55);background:rgba(255,138,0,.09)}
.sidebar-company-troca .troca-ico{margin-left:auto;color:#ff8a00;font-size:15px;font-weight:700}
.content .aviso-licenca.aviso-erro{background:#fff1f1;color:#9b1c1c;border-color:#ffd0d0}
.lic-renovar{display:flex;gap:4px;flex-wrap:nowrap}
.lic-renovar button{padding:4px 8px;font-size:11px}
.empresa-linha-inativa td{opacity:.55}
.admin-cards .metric-value small{font-size:12px;color:#748297;font-weight:600}
.access-card .ok-acesso{background:#eafaf1;color:#17663d;border:1px solid #bfe9d0;border-radius:10px;padding:10px 12px;font-size:12px;font-weight:650;margin-bottom:14px}
.login-esqueci{display:block;text-align:right;margin:-4px 0 14px;font-size:12px;font-weight:650;color:#e07400;text-decoration:none}
.login-esqueci:hover{text-decoration:underline}
.link-botao{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0;color:#e07400!important;font:inherit;font-weight:750!important;cursor:pointer;text-decoration:underline;min-height:0!important;height:auto!important;width:auto!important}
.link-botao:hover{color:#b35400!important}
#modalCliente .modal-corpo .aviso{margin-bottom:12px}
.label-com-acao{display:flex!important;justify-content:space-between;align-items:baseline;gap:10px}
.label-com-acao .link-botao{font-size:12px;text-decoration:none}
.label-com-acao .link-botao:hover{text-decoration:underline}
#cliente_info{min-height:16px}
#mc_erro[hidden]{display:none!important}