html{overflow-y:scroll;scrollbar-gutter:stable;}
:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#142035;background:#f4f7fb;font-size:16px}
*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:#1658a3;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}.wrap{max-width:1160px;margin:auto;padding:0 24px}.topbar{background:#111d32;color:#fff;border-bottom:3px solid #33c29a}.bar-inner{min-height:70px;display:flex;align-items:center;gap:26px}.brand{font-weight:800;color:#fff;font-size:1.2rem;white-space:nowrap}.brand:hover{text-decoration:none}.brand-mark{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;background:#31c29a;color:#102035;border-radius:9px;font-size:.85rem;margin-right:6px}.topbar nav{display:flex;gap:18px;margin-left:auto}.topbar nav a,.text-button{color:#e0e8f4;font-size:.92rem}.text-button{border:0;background:none;cursor:pointer;padding:8px}.logout-form{margin-left:0}.main{padding-top:42px;padding-bottom:65px}.page-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.eyebrow{color:#078a68;font-size:.78rem;letter-spacing:.13em;font-weight:800;margin:0 0 8px}h1{font-size:clamp(1.7rem,3vw,2.55rem);line-height:1.15;letter-spacing:-.03em;margin:0 0 10px}h2{font-size:1.12rem;line-height:1.38;margin:0 0 10px}.muted,.agency,.source-note{color:#607086;line-height:1.55}.page-head .muted{margin:0}.auth-card,.panel,.opportunity-card,.empty{background:#fff;border:1px solid #dce5ef;border-radius:16px;box-shadow:0 8px 30px rgba(17,29,50,.04)}.auth-card{max-width:500px;padding:34px;margin:20px auto}.auth-card .muted{margin-bottom:25px}.form-stack{display:grid;gap:17px}.form-stack label{display:grid;gap:7px;font-weight:650;font-size:.9rem}.form-stack input,.form-stack select,.form-stack textarea{width:100%;padding:12px 13px;border:1px solid #bfcede;border-radius:9px;background:#fff;color:#142035;outline:none}.form-stack input:focus,.form-stack textarea:focus,.form-stack select:focus{border-color:#087f64;box-shadow:0 0 0 3px #d3f3e8}.form-foot{margin:22px 0 0;color:#607086}.button{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border-radius:9px;border:1px solid transparent;font-weight:750;font-size:.9rem;cursor:pointer;min-height:44px;text-align:center}.button:hover{text-decoration:none}.primary{background:#087f64;color:#fff}.primary:hover{background:#056a53}.secondary{background:#fff;border-color:#a7b9c9;color:#173149}.secondary:hover{background:#eff5f9}.danger{background:#fff;border-color:#d49a96;color:#9b2c26}.danger:hover{background:#fff0ef;border-color:#c96f68}.profile-panel{padding:26px;max-width:650px}.company-name{font-weight:800;margin:0 0 22px}.company-name span{color:#718097;font-weight:400}.notice{padding:13px 16px;border-radius:9px;margin-bottom:18px;background:#e4f6ee;color:#126144}.notice.error{background:#ffebe9;color:#8c2b27}.notice.caution{background:#fff2d5;color:#72521b}.search-summary{display:flex;flex-wrap:wrap;gap:11px;margin-bottom:24px}.search-summary span{background:#e8eef5;border-radius:7px;padding:9px 12px;color:#38506b;font-size:.9rem}.search-summary strong{color:#1a334f;margin-right:5px}.results-count{font-weight:700;color:#38506b}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.opportunity-card{padding:22px}.card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}.pill{background:#dbf4ea;color:#075f49;padding:5px 9px;border-radius:20px;font-size:.79rem;font-weight:800}.date{color:#72829b;font-size:.82rem}.opportunity-card h2{font-size:1.08rem}.agency{margin:0 0 18px}.details{border-top:1px solid #e5ebf1;padding-top:14px;display:flex;gap:20px;flex-wrap:wrap;color:#2b3c52;font-size:.85rem}.details span{display:grid;gap:3px}.details strong{color:#68788d;font-size:.76rem;text-transform:uppercase;letter-spacing:.04em}.card-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:20px}.card-actions form{margin:0}.saved-label{color:#087f64;font-weight:750}.empty{padding:36px;max-width:660px}.empty p{color:#607086}.source-note{font-size:.84rem;margin-top:22px}@media(max-width:700px){.wrap{padding:0 16px}.bar-inner{flex-wrap:wrap;padding-top:12px;padding-bottom:12px;gap:10px}.brand{width:100%}.topbar nav{margin-left:0;gap:14px;flex:1}.main{padding-top:28px}.page-head{display:block}.page-head>.button{margin-top:8px}.cards{grid-template-columns:1fr}.auth-card{padding:24px 20px;margin:8px auto}.details{gap:14px}.card-actions .button{width:100%}.card-actions form{width:100%}}
.detail-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:18px}.detail-panel{padding:24px;min-width:0}.detail-list{margin:0 0 22px}.detail-list div{padding:10px 0;border-bottom:1px solid #e5ebf1}.detail-list dt{color:#68788d;font-size:.78rem;font-weight:750;text-transform:uppercase}.detail-list dd{margin:4px 0 0;overflow-wrap:anywhere}.document-list{list-style:none;padding:0;margin:0}.document-list li{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;border-top:1px solid #e5ebf1}.document-list li:first-child{border-top:0}.document-list span{display:block;color:#607086;font-size:.83rem;margin-top:3px}.document-list strong{overflow-wrap:anywhere}
@media(max-width:800px){.detail-grid{grid-template-columns:1fr}}
.page-head>.button{flex-shrink:0;white-space:nowrap}.expired-pill{background:#fff2d5;color:#72521b}.card-top{flex-wrap:wrap}
.activity-fieldset{margin:0;padding:0;border:0}.activity-fieldset legend{font-weight:750;margin-bottom:11px}.activity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.form-stack .activity-option{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #bfcede;border-radius:9px;cursor:pointer;font-weight:550;min-height:48px}.form-stack .activity-option:has(input:checked){border-color:#087f64;background:#e4f6ee}.form-stack .activity-option input{width:18px;height:18px;flex:0 0 18px;margin:0;accent-color:#087f64}.activity-option span{line-height:1.3}@media(max-width:650px){.activity-grid{grid-template-columns:1fr}}
.analysis-teaser{padding:22px;margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:24px}.analysis-teaser p{margin:5px 0}.analysis-teaser .button{flex-shrink:0}.report-header{margin:30px 0 14px}.report-header p{color:#607086}.report-section{padding:24px;margin-top:16px}.report-entry{border-top:1px solid #e5ebf1;padding:17px 0}.report-entry h3{font-size:1rem;margin:0 0 6px}.report-source{font-size:.83rem;color:#607086;margin:0 0 8px}.report-entry blockquote{margin:0;padding:12px 15px;background:#f4f7fb;border-left:3px solid #087f64;color:#38506b;line-height:1.5;overflow-wrap:anywhere}@media(max-width:700px){.analysis-teaser{display:block}.analysis-teaser .button{margin-top:13px;width:100%}}
.print-report{margin:16px 0 3px}@media print{.topbar,.print-report,#report-form,.page-head>.button,.notice.success{display:none!important}.wrap{max-width:none}.main{padding:0}.panel,.report-section{box-shadow:none;break-inside:avoid}.report-entry{break-inside:avoid}body{background:#fff;color:#111}}
.report-table-scroll{overflow-x:auto}.report-table{width:100%;border-collapse:collapse;font-size:1rem}.report-table th,.report-table td{width:55%;text-align:left;vertical-align:top;padding:12px;border-bottom:1px solid #dce5ef;font-weight:400}.report-table th:last-child,.report-table td:last-child{width:45%}.report-table thead{background:#e5f3ee;color:#087f64}.report-table tbody tr:nth-child(even){background:#f6f9fa}.report-reference+.report-reference{margin-top:5px}@media(max-width:650px){.report-table{min-width:540px}}
.location-filter-panel{padding:16px 18px;margin:-4px 0 18px}.location-filter-form{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.location-filter-main,.location-filter-state{display:grid;gap:6px}.location-filter-main{min-width:250px;flex:1}.location-filter-state{min-width:150px}.location-filter-form label{font-size:.78rem;font-weight:800;color:#38506b;text-transform:uppercase;letter-spacing:.04em}.location-filter-form select{min-height:44px;padding:10px 12px;border:1px solid #bfcede;border-radius:9px;background:#fff;color:#142035}.location-filter-help{margin:8px 0 0;font-size:.83rem}@media(max-width:700px){.location-filter-form{display:grid;grid-template-columns:1fr}.location-filter-main,.location-filter-state{min-width:0}.location-filter-form .button{width:100%}}
/* =========================================================
LICIQUEST — OPORTUNIDADES EM TELA CHEIA
========================================================= */
@media (min-width: 1200px){
.container,
.page-container,
.content,
.main-content{
width:100% !important;
max-width:none !important;
}
main{
width:100% !important;
max-width:none !important;
}
.opportunities-page,
.opportunities-shell,
.dashboard-shell{
width:100% !important;
max-width:none !important;
padding-left:48px !important;
padding-right:48px !important;
}
.opportunity-grid,
.opportunities-grid{
width:100% !important;
max-width:none !important;
}
}
/* =========================================================
LICIQUEST — DASHBOARD DE OPORTUNIDADES TELA CHEIA
========================================================= */
@media (min-width:1200px){
main.wrap.main:has(.dashboard-full:not(.lq-saved-page)){
width:calc(100% - 96px) !important;
max-width:none !important;
margin-left:48px !important;
margin-right:48px !important;
}
.dashboard-full{
width:100% !important;
max-width:none !important;
}
.dashboard-full .page-head,
.dashboard-full .location-filter-panel,
.dashboard-full .search-summary,
.dashboard-full .notice,
.dashboard-full .results-count,
.dashboard-full .cards,
.dashboard-full .source-note{
width:100% !important;
max-width:none !important;
}
.dashboard-full .cards{
display:grid !important;
grid-template-columns:1fr !important;
gap:18px !important;
}
.dashboard-full .opportunity-card{
width:100% !important;
max-width:none !important;
box-sizing:border-box !important;
}
}
@media (min-width:1800px){
main.wrap.main:has(.dashboard-full:not(.lq-saved-page)){
width:calc(100% - 120px) !important;
margin-left:60px !important;
margin-right:60px !important;
}
}
/* LiciQuest — logo oficial no topo */
.brand-logo{
display:flex !important;
align-items:center !important;
text-decoration:none !important;
padding:0 !important;
}
.brand-logo img{
display:block !important;
height:42px !important;
width:auto !important;
max-width:260px !important;
object-fit:contain !important;
}
.brand-logo .brand-mark{
display:none !important;
}
@media(max-width:650px){
.brand-logo img{
height:34px !important;
max-width:210px !important;
}
}
/* LiciQuest — logo maior no topo */
.brand-logo img{
height:56px !important;
max-width:340px !important;
}
@media(max-width:650px){
.brand-logo img{
height:44px !important;
max-width:270px !important;
}
}
/* LiciQuest — navegação pública em formato de botões maiores */
.topbar .public-nav{
display:flex !important;
align-items:center !important;
gap:12px !important;
}
.topbar .public-nav a{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
min-height:46px !important;
padding:0 20px !important;
border:1px solid rgba(255,255,255,.25) !important;
border-radius:10px !important;
color:#ffffff !important;
font-size:17px !important;
font-weight:700 !important;
line-height:1 !important;
background:rgba(255,255,255,.06) !important;
text-decoration:none !important;
white-space:nowrap !important;
transition:.18s ease !important;
}
.topbar .public-nav a:hover{
background:rgba(255,255,255,.12) !important;
border-color:rgba(255,255,255,.42) !important;
text-decoration:none !important;
}
/* Botão principal — Cadastrar empresa */
.topbar .public-nav .public-signup{
background:#33c29a !important;
border-color:#33c29a !important;
color:#071522 !important;
font-size:17px !important;
font-weight:800 !important;
padding-left:24px !important;
padding-right:24px !important;
}
.topbar .public-nav .public-signup:hover{
background:#46d5aa !important;
border-color:#46d5aa !important;
}
/* Mobile */
@media(max-width:700px){
.topbar .public-nav{
gap:8px !important;
flex-wrap:wrap !important;
}
.topbar .public-nav a{
min-height:42px !important;
padding:0 14px !important;
font-size:15px !important;
}
}
/* LiciQuest — ajuste fino dos botões do topo */
.topbar .public-nav a{
min-height:40px !important;
padding:0 16px !important;
font-size:15px !important;
}
.topbar .public-nav .public-signup{
font-size:15px !important;
padding-left:19px !important;
padding-right:19px !important;
}
@media(max-width:700px){
.topbar .public-nav a{
min-height:38px !important;
padding:0 12px !important;
font-size:14px !important;
}
}
/* =========================================================
LICIQUEST — MENU DA ÁREA LOGADA EM FORMATO DE BOTÕES
Oportunidades | Salvas | Perfil | Sair
========================================================= */
.topbar .bar-inner > nav:not(.public-nav){
display:flex !important;
align-items:center !important;
gap:12px !important;
margin-left:auto !important;
}
.topbar .bar-inner > nav:not(.public-nav) a{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
min-height:46px !important;
padding:0 20px !important;
border:1px solid rgba(255,255,255,.25) !important;
border-radius:10px !important;
background:rgba(255,255,255,.06) !important;
color:#ffffff !important;
font-size:17px !important;
font-weight:700 !important;
line-height:1 !important;
text-decoration:none !important;
white-space:nowrap !important;
cursor:pointer !important;
transition:
background .18s ease,
border-color .18s ease,
transform .18s ease !important;
}
.topbar .bar-inner > nav:not(.public-nav) a:hover,
.topbar .logout-form .text-button:hover{
background:rgba(255,255,255,.12) !important;
border-color:rgba(255,255,255,.42) !important;
text-decoration:none !important;
}
.topbar .logout-form{
margin:0 !important;
}
/* Mobile */
@media(max-width:700px){
.topbar .bar-inner > nav:not(.public-nav){
gap:8px !important;
flex-wrap:wrap !important;
}
.topbar .bar-inner > nav:not(.public-nav) a,
.topbar .logout-form .text-button{
min-height:42px !important;
padding:0 14px !important;
font-size:15px !important;
}
}
/* =========================================================
LICIQUEST — ÁREA LOGADA EM TELA CHEIA
========================================================= */
/* Cabeçalho */
.topbar .bar-inner{
width:calc(100% - 96px) !important;
max-width:none !important;
margin-left:48px !important;
margin-right:48px !important;
padding-left:0 !important;
padding-right:0 !important;
}
/* Conteúdo principal */
main.wrap.main{
width:calc(100% - 96px) !important;
max-width:none !important;
margin-left:48px !important;
margin-right:48px !important;
padding-left:0 !important;
padding-right:0 !important;
}
/* Telas muito grandes */
@media(min-width:1800px){
.topbar .bar-inner,
main.wrap.main{
width:calc(100% - 120px) !important;
margin-left:60px !important;
margin-right:60px !important;
}
}
/* Tablet */
@media(max-width:900px){
.topbar .bar-inner,
main.wrap.main{
width:calc(100% - 40px) !important;
margin-left:20px !important;
margin-right:20px !important;
}
}
/* Celular */
@media(max-width:700px){
.topbar .bar-inner,
main.wrap.main{
width:calc(100% - 32px) !important;
margin-left:16px !important;
margin-right:16px !important;
}
}
/* =========================================================
LICIQUEST — OPORTUNIDADES: 1 CARD POR LINHA
========================================================= */
.cards{
grid-template-columns:1fr !important;
width:100% !important;
}
.opportunity-card{
width:100% !important;
max-width:none !important;
}
/* =========================================================
LICIQUEST — CARDS DE OPORTUNIDADES COMPACTOS
========================================================= */
.dashboard-full .cards{
gap:10px !important;
}
.dashboard-full .opportunity-card{
padding:14px 18px !important;
}
/* Cidade + data */
.dashboard-full .opportunity-card .card-top{
margin-bottom:8px !important;
}
/* Objeto */
.dashboard-full .opportunity-card h2{
margin:0 0 5px !important;
font-size:1rem !important;
line-height:1.32 !important;
}
/* Órgão */
.dashboard-full .opportunity-card .agency{
margin:0 0 9px !important;
line-height:1.35 !important;
font-size:.88rem !important;
}
/* Prazo + valor */
.dashboard-full .opportunity-card .details{
padding-top:8px !important;
gap:28px !important;
font-size:.82rem !important;
}
.dashboard-full .opportunity-card .details span{
gap:1px !important;
}
.dashboard-full .opportunity-card .details strong{
font-size:.70rem !important;
}
/* Botões */
.dashboard-full .opportunity-card .card-actions{
margin-top:9px !important;
gap:8px !important;
}
.dashboard-full .opportunity-card .card-actions .button{
min-height:36px !important;
padding:7px 13px !important;
font-size:.80rem !important;
}
/* Etiqueta cidade */
.dashboard-full .opportunity-card .pill{
padding:4px 8px !important;
font-size:.74rem !important;
}
/* Data de publicação */
.dashboard-full .opportunity-card .date{
font-size:.76rem !important;
}
/* Mantém conforto no celular */
@media(max-width:700px){
.dashboard-full .opportunity-card{
padding:14px !important;
}
.dashboard-full .opportunity-card .card-actions .button{
min-height:40px !important;
}
}
/* =========================================================
LOCALIZAÇÃO — respeitar campos ocultos
========================================================= */
#state-field[hidden],
#city-field[hidden] {
display: none !important;
}
/* =========================================================
PERFIL DE BUSCA — DESKTOP FULL WIDTH
========================================================= */
.profile-panel{
width:100% !important;
max-width:none !important;
box-sizing:border-box !important;
}
.profile-panel .form-stack{
width:100% !important;
max-width:none !important;
}
/* Ramos de atividade distribuídos pela largura */
.profile-panel .activity-grid{
display:grid !important;
grid-template-columns:repeat(7, minmax(0, 1fr)) !important;
gap:10px !important;
width:100% !important;
}
.profile-panel .activity-option{
min-width:0 !important;
width:100% !important;
box-sizing:border-box !important;
}
/* =========================================================
LOCALIZAÇÃO + BOTÃO EM UMA ÚNICA LINHA
========================================================= */
.profile-panel .form-stack{
display:grid !important;
grid-template-columns:
minmax(0, 1fr)
minmax(0, 1fr)
auto !important;
column-gap:14px !important;
row-gap:14px !important;
align-items:end !important;
}
/* Empresa ocupa toda a largura */
.profile-panel .company-name{
grid-column:1 / -1 !important;
}
/* Ramos ocupa toda a largura */
.profile-panel .activity-fieldset{
grid-column:1 / -1 !important;
}
/* Localização */
.profile-panel label:has(#search-scope){
grid-column:1 !important;
}
/* Estado */
.profile-panel #state-field{
grid-column:2 !important;
}
/* Município usa a mesma posição do Estado */
.profile-panel #city-field{
grid-column:2 !important;
}
/* Texto auxiliar */
.profile-panel .location-help{
grid-column:1 / 3 !important;
margin:0 !important;
}
/* Botão na direita */
.profile-panel .form-stack > .button.primary{
grid-column:3 !important;
grid-row:auto !important;
min-height:46px !important;
white-space:nowrap !important;
padding-left:22px !important;
padding-right:22px !important;
}
/* Respeita campos ocultos */
.profile-panel #state-field[hidden],
.profile-panel #city-field[hidden]{
display:none !important;
}
/* Campo oculto nunca participa do grid */
.profile-panel input[type="hidden"]{
display:none !important;
}
/* =========================================================
TELAS MÉDIAS
========================================================= */
@media (max-width:1400px){
.profile-panel .activity-grid{
grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
}
}
/* =========================================================
TABLET
========================================================= */
@media (max-width:900px){
.profile-panel .activity-grid{
grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
}
.profile-panel .form-stack{
grid-template-columns:1fr 1fr !important;
}
.profile-panel .form-stack > .button.primary{
grid-column:1 / -1 !important;
width:100% !important;
}
.profile-panel .location-help{
grid-column:1 / -1 !important;
}
}
/* =========================================================
CELULAR
========================================================= */
@media (max-width:600px){
.profile-panel .activity-grid{
grid-template-columns:1fr !important;
}
.profile-panel .form-stack{
display:flex !important;
flex-direction:column !important;
}
.profile-panel .form-stack > *{
width:100% !important;
}
}
/* =========================================================
PERFIL — TIPOGRAFIA MAIOR
========================================================= */
/* Nome da empresa */
.profile-panel .company-name{
font-size:1.05rem !important;
line-height:1.4 !important;
}
.profile-panel .company-name span{
font-size:.95rem !important;
}
/* Título Ramos de atividade */
.profile-panel .activity-fieldset legend{
font-size:1.02rem !important;
font-weight:700 !important;
}
/* Texto dentro dos cards de atividade */
.profile-panel .activity-option{
font-size:.98rem !important;
line-height:1.3 !important;
font-weight:600 !important;
}
/* Títulos Localização / Estado / Município */
.profile-panel label{
font-size:1rem !important;
font-weight:700 !important;
}
/* Selects */
.profile-panel select{
font-size:1rem !important;
font-weight:600 !important;
}
/* Texto auxiliar */
.profile-panel .location-help{
font-size:.96rem !important;
line-height:1.4 !important;
}
/* Botão */
.profile-panel .form-stack > .button.primary{
font-size:1rem !important;
font-weight:700 !important;
}
/* Mantém campos ocultos realmente ocultos */
.profile-panel #state-field[hidden],
.profile-panel #city-field[hidden]{
display:none !important;
}
@media(max-width:600px){
.profile-panel .activity-option,
.profile-panel label,
.profile-panel select{
font-size:1rem !important;
}
}
/* =========================================================
PERFIL — TIPOGRAFIA GRANDE
========================================================= */
/* Nome da empresa */
.profile-panel .company-name{
font-size:1.22rem !important;
font-weight:800 !important;
}
.profile-panel .company-name span{
font-size:1.08rem !important;
}
/* Ramos de atividade */
.profile-panel .activity-fieldset legend{
font-size:1.18rem !important;
font-weight:800 !important;
}
/* Texto de cada opção */
.profile-panel .activity-option{
font-size:1.12rem !important;
font-weight:650 !important;
line-height:1.3 !important;
}
/* Checkbox um pouco maior */
.profile-panel .activity-option input[type="checkbox"]{
width:19px !important;
height:19px !important;
flex:0 0 19px !important;
}
/* Localização / Estado / Município */
.profile-panel label{
font-size:1.14rem !important;
font-weight:800 !important;
}
/* Texto dentro dos selects */
.profile-panel select{
font-size:1.12rem !important;
font-weight:650 !important;
}
/* Texto explicativo */
.profile-panel .location-help{
font-size:1.08rem !important;
line-height:1.45 !important;
}
/* Botão */
.profile-panel .form-stack > .button.primary{
font-size:1.10rem !important;
font-weight:800 !important;
}
/* Campos ocultos continuam realmente ocultos */
.profile-panel #state-field[hidden],
.profile-panel #city-field[hidden]{
display:none !important;
}
/* =========================================================
OPORTUNIDADES — ESTADO / MUNICÍPIO
========================================================= */
.dashboard-full .location-filter-form{
display:grid !important;
grid-template-columns:
minmax(260px, 300px)
110px
minmax(280px, 1fr)
minmax(300px, 1fr)
220px !important;
gap:12px !important;
align-items:end !important;
width:100% !important;
}
.dashboard-full .location-filter-main,
.dashboard-full .location-filter-state,
.dashboard-full .location-filter-city{
display:grid;
gap:6px;
min-width:0 !important;
width:100% !important;
}
/* Muito importante:
hidden significa desaparecer, não ficar cinza */
.dashboard-full #dashboard-state-field[hidden],
.dashboard-full #dashboard-city-field[hidden]{
display:none !important;
}
.dashboard-full .location-filter-form > .button{
white-space:nowrap !important;
min-height:46px !important;
}
.dashboard-full .location-filter-help{
margin:9px 0 0 !important;
}
/* Textos no mesmo padrão maior do perfil */
.dashboard-full .location-filter-form label{
font-size:1.05rem !important;
font-weight:800 !important;
text-transform:none !important;
letter-spacing:0 !important;
}
.dashboard-full .location-filter-form select{
font-size:1.08rem !important;
font-weight:650 !important;
min-height:48px !important;
}
.dashboard-full .location-filter-form > .button{
font-size:1.05rem !important;
font-weight:800 !important;
}
/* MOBILE */
@media(max-width:800px){
.dashboard-full .location-filter-form{
grid-template-columns:1fr !important;
}
.dashboard-full .location-filter-form > .button{
width:100% !important;
}
}
/* =========================================================
OPORTUNIDADES — LOCALIZAÇÃO DO CARD MAIOR E CAIXA ALTA
Ex.: MS · MUNDO NOVO
========================================================= */
.dashboard-full .opportunity-card .pill{
font-size:1rem !important;
font-weight:800 !important;
text-transform:uppercase !important;
letter-spacing:.02em !important;
padding:6px 11px !important;
line-height:1.2 !important;
}
/* =========================================================
OPORTUNIDADES — CONTEÚDO + COLUNA DIREITA
========================================================= */
.dashboard-full .opportunity-card-layout{
display:grid !important;
grid-template-columns:minmax(0, 1fr) 210px !important;
gap:28px !important;
align-items:start !important;
}
/* LADO ESQUERDO */
.dashboard-full .opportunity-card-main{
min-width:0 !important;
}
.dashboard-full .opportunity-card-main h2{
margin:0 0 6px !important;
}
.dashboard-full .opportunity-card-main .agency{
margin:0 0 13px !important;
}
/* PRAZO */
.dashboard-full .opportunity-proposal{
border-top:1px solid #e5ebf1 !important;
padding-top:10px !important;
display:flex !important;
flex-direction:column !important;
gap:3px !important;
color:#2b3c52 !important;
font-size:.88rem !important;
}
.dashboard-full .opportunity-proposal strong{
color:#68788d !important;
font-size:.76rem !important;
text-transform:uppercase !important;
letter-spacing:.04em !important;
}
/* =========================================================
COLUNA DIREITA
========================================================= */
.dashboard-full .opportunity-card-side{
width:210px !important;
border-left:1px solid #e5ebf1 !important;
padding-left:20px !important;
display:flex !important;
flex-direction:column !important;
gap:12px !important;
}
/* VALOR */
.dashboard-full .opportunity-value{
display:flex !important;
flex-direction:column !important;
gap:3px !important;
}
.dashboard-full .opportunity-value strong{
color:#68788d !important;
font-size:.76rem !important;
text-transform:uppercase !important;
letter-spacing:.04em !important;
}
.dashboard-full .opportunity-value span{
color:#142035 !important;
font-size:1rem !important;
font-weight:800 !important;
}
/* BOTÕES */
.dashboard-full .opportunity-side-actions{
display:flex !important;
flex-direction:column !important;
gap:8px !important;
width:100% !important;
}
.dashboard-full .opportunity-side-actions .button{
width:100% !important;
min-height:38px !important;
padding:8px 12px !important;
}
.dashboard-full .opportunity-side-actions form{
width:100% !important;
margin:0 !important;
}
.dashboard-full .opportunity-side-actions form .button{
width:100% !important;
}
/* SALVA */
.dashboard-full .opportunity-card-side .saved-label{
width:100% !important;
text-align:center !important;
padding:8px 10px !important;
}
/* =========================================================
RESPONSIVO
========================================================= */
@media(max-width:800px){
.dashboard-full .opportunity-card-layout{
grid-template-columns:1fr !important;
gap:15px !important;
}
.dashboard-full .opportunity-card-side{
width:100% !important;
border-left:0 !important;
border-top:1px solid #e5ebf1 !important;
padding-left:0 !important;
padding-top:13px !important;
}
.dashboard-full .opportunity-side-actions{
display:grid !important;
grid-template-columns:1fr 1fr !important;
}
}
@media(max-width:500px){
.dashboard-full .opportunity-side-actions{
grid-template-columns:1fr !important;
}
}
/* =========================================================
OPORTUNIDADES — CENTRALIZAR CONTEÚDO DOS CARDS
========================================================= */
/* Conteúdo principal */
.dashboard-full .opportunity-card-main{
text-align:center !important;
}
/* Objeto */
.dashboard-full .opportunity-card-main h2{
text-align:center !important;
}
/* Órgão */
.dashboard-full .opportunity-card-main .agency{
text-align:center !important;
}
/* Prazo */
.dashboard-full .opportunity-proposal{
text-align:center !important;
align-items:center !important;
}
/* Coluna direita */
.dashboard-full .opportunity-card-side{
text-align:center !important;
align-items:center !important;
}
/* Valor estimado */
.dashboard-full .opportunity-value{
text-align:center !important;
align-items:center !important;
width:100% !important;
}
/* Botões */
.dashboard-full .opportunity-side-actions{
align-items:center !important;
text-align:center !important;
}
.dashboard-full .opportunity-side-actions .button{
text-align:center !important;
justify-content:center !important;
}
/* Mantém localização e data nas extremidades */
.dashboard-full .opportunity-card .card-top{
text-align:initial !important;
}
.dashboard-full .opportunity-card .card-top .pill{
text-align:center !important;
}
.dashboard-full .opportunity-card .card-top .date{
text-align:right !important;
}
/* =========================================================
OPORTUNIDADES — BOTÕES MAIORES
========================================================= */
.dashboard-full .opportunity-side-actions .button{
font-size:1rem !important;
font-weight:800 !important;
text-transform:uppercase !important;
letter-spacing:.015em !important;
min-height:42px !important;
padding:9px 12px !important;
text-align:center !important;
justify-content:center !important;
}
/* =========================================================
OPORTUNIDADES — VER FONTE OFICIAL AMARELO
========================================================= */
.dashboard-full .opportunity-side-actions > a.button.secondary{
background:#F4C542 !important;
border-color:#E0AE22 !important;
color:#2A2515 !important;
font-weight:800 !important;
}
/* Hover */
.dashboard-full .opportunity-side-actions > a.button.secondary:hover{
background:#E9B92F !important;
border-color:#D4A21A !important;
color:#211D10 !important;
}
/* =========================================================
OPORTUNIDADES — CORES ALTERNADAS NOS CARDS
========================================================= */
/* Azul suave */
.dashboard-full .cards .opportunity-card:nth-child(5n+1){
background:#F1F7FF !important;
border-color:#C9DDF5 !important;
}
/* Verde suave */
.dashboard-full .cards .opportunity-card:nth-child(5n+2){
background:#F0FAF5 !important;
border-color:#C4E7D6 !important;
}
/* Amarelo suave */
.dashboard-full .cards .opportunity-card:nth-child(5n+3){
background:#FFF9E8 !important;
border-color:#F0DDA4 !important;
}
/* Lilás suave */
.dashboard-full .cards .opportunity-card:nth-child(5n+4){
background:#F7F3FF !important;
border-color:#DCCEF5 !important;
}
/* Cinza azulado suave */
.dashboard-full .cards .opportunity-card:nth-child(5n+5){
background:#F3F7F8 !important;
border-color:#CFDEE2 !important;
}
/* Mantém boa leitura */
.dashboard-full .opportunity-card h2{
color:#142035 !important;
}
.dashboard-full .opportunity-card .agency{
color:#506176 !important;
}
/* Efeito discreto ao passar o mouse */
.dashboard-full .opportunity-card{
transition:
transform .15s ease,
box-shadow .15s ease !important;
}
.dashboard-full .opportunity-card:hover{
transform:translateY(-2px) !important;
box-shadow:0 10px 28px rgba(17,29,50,.10) !important;
}
/* =========================================================
OPORTUNIDADES — COR ÚNICA DOS CARDS
========================================================= */
.dashboard-full .cards .opportunity-card,
.dashboard-full .cards .opportunity-card:nth-child(5n+1),
.dashboard-full .cards .opportunity-card:nth-child(5n+2),
.dashboard-full .cards .opportunity-card:nth-child(5n+3),
.dashboard-full .cards .opportunity-card:nth-child(5n+4),
.dashboard-full .cards .opportunity-card:nth-child(5n+5){
background:#F1F7FF !important;
border-color:#C9DDF5 !important;
}
/* Mantém efeito discreto ao passar o mouse */
.dashboard-full .cards .opportunity-card:hover{
box-shadow:0 10px 28px rgba(17,29,50,.10) !important;
}
/* =========================================================
OPORTUNIDADES — AMARELO/CREME CLARO
========================================================= */
.dashboard-full .cards .opportunity-card,
.dashboard-full .cards .opportunity-card:nth-child(5n+1),
.dashboard-full .cards .opportunity-card:nth-child(5n+2),
.dashboard-full .cards .opportunity-card:nth-child(5n+3),
.dashboard-full .cards .opportunity-card:nth-child(5n+4),
.dashboard-full .cards .opportunity-card:nth-child(5n+5){
background:#FFF9E6 !important;
border-color:#EADDAF !important;
}
.dashboard-full .cards .opportunity-card:hover{
background:#FFF7DC !important;
border-color:#DFC982 !important;
}
/* =========================================================
OPORTUNIDADES — FUNDO NEUTRO MUITO CLARO
========================================================= */
.dashboard-full .cards .opportunity-card,
.dashboard-full .cards .opportunity-card:nth-child(5n+1),
.dashboard-full .cards .opportunity-card:nth-child(5n+2),
.dashboard-full .cards .opportunity-card:nth-child(5n+3),
.dashboard-full .cards .opportunity-card:nth-child(5n+4),
.dashboard-full .cards .opportunity-card:nth-child(5n+5){
background:#FFFEFA !important;
border-color:#E5E1D8 !important;
}
/* Hover igualmente discreto */
.dashboard-full .cards .opportunity-card:hover{
background:#FFFDF7 !important;
border-color:#D8D1C3 !important;
box-shadow:0 8px 22px rgba(17,29,50,.07) !important;
}
/* =========================================================
OPORTUNIDADES — MUNICÍPIO + ÓRGÃO NA LINHA SUPERIOR
========================================================= */
.dashboard-full .opportunity-card .card-top{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:20px !important;
}
/* Grupo da esquerda */
.dashboard-full .opportunity-identification{
display:flex !important;
align-items:center !important;
gap:12px !important;
min-width:0 !important;
}
/* Órgão */
.dashboard-full .opportunity-agency-top{
color:#506176 !important;
font-size:.92rem !important;
font-weight:700 !important;
line-height:1.25 !important;
text-transform:uppercase !important;
white-space:nowrap !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
}
/* Separador discreto entre município e órgão */
.dashboard-full .opportunity-agency-top::before{
content:"|";
color:#b8c2cd !important;
margin-right:12px !important;
font-weight:400 !important;
}
/* Data permanece no extremo direito */
.dashboard-full .opportunity-card .card-top .date{
margin-left:auto !important;
flex-shrink:0 !important;
text-align:right !important;
}
/* MOBILE */
@media(max-width:800px){
.dashboard-full .opportunity-card .card-top{
align-items:flex-start !important;
}
.dashboard-full .opportunity-identification{
flex-wrap:wrap !important;
gap:7px !important;
}
.dashboard-full .opportunity-agency-top{
white-space:normal !important;
}
}
@media(max-width:600px){
.dashboard-full .opportunity-card .card-top{
flex-direction:column !important;
gap:8px !important;
}
.dashboard-full .opportunity-card .card-top .date{
margin-left:0 !important;
text-align:left !important;
}
}
/* =========================================================
OPORTUNIDADES — IDENTIFICAÇÃO DO CONTRATANTE
========================================================= */
.dashboard-full .opportunity-agency-top::before{
content:"| CONTRATANTE:";
color:#38506b !important;
margin-right:6px !important;
font-weight:800 !important;
}
/* Nome do órgão */
.dashboard-full .opportunity-agency-top{
font-size:.92rem !important;
font-weight:700 !important;
text-transform:uppercase !important;
}
/* =========================================================
OPORTUNIDADES — TEXTO DO OBJETO JUSTIFICADO
========================================================= */
.dashboard-full .opportunity-card-main h2{
text-align:justify !important;
text-justify:inter-word !important;
}
/* =========================================================
OPORTUNIDADES — VALOR ESTIMADO MAIOR
========================================================= */
.dashboard-full .opportunity-value span{
font-size:1.30rem !important;
font-weight:900 !important;
line-height:1.2 !important;
}
/* =========================================================
OPORTUNIDADES — DESTAQUE DO TEXTO "VALOR ESTIMADO"
========================================================= */
/* Título VALOR ESTIMADO maior */
.dashboard-full .opportunity-value strong{
font-size:1rem !important;
font-weight:900 !important;
line-height:1.25 !important;
}
/* Retorna o valor R$ ao tamanho anterior */
.dashboard-full .opportunity-value span{
font-size:1rem !important;
font-weight:800 !important;
line-height:1.2 !important;
}
/* =========================================================
OPORTUNIDADES — DESTAQUE DO TEXTO "VALOR ESTIMADO"
========================================================= */
/* Título VALOR ESTIMADO maior */
.dashboard-full .opportunity-value strong{
font-size:1rem !important;
font-weight:900 !important;
line-height:1.25 !important;
}
/* Retorna o valor R$ ao tamanho anterior */
.dashboard-full .opportunity-value span{
font-size:1rem !important;
font-weight:800 !important;
line-height:1.2 !important;
}
/* =========================================================
OPORTUNIDADES — CARD AZUL CLARO + VALOR UNIFORME
========================================================= */
/* Fundo único azul bem claro */
.dashboard-full .cards .opportunity-card,
.dashboard-full .cards .opportunity-card:nth-child(5n+1),
.dashboard-full .cards .opportunity-card:nth-child(5n+2),
.dashboard-full .cards .opportunity-card:nth-child(5n+3),
.dashboard-full .cards .opportunity-card:nth-child(5n+4),
.dashboard-full .cards .opportunity-card:nth-child(5n+5){
background:#F4F8FC !important;
border-color:#D7E2EC !important;
}
/* Hover discreto */
.dashboard-full .cards .opportunity-card:hover{
background:#F1F6FB !important;
border-color:#CAD8E5 !important;
}
/* VALOR ESTIMADO e R$ — mesmo tamanho e mesma cor */
.dashboard-full .opportunity-value strong,
.dashboard-full .opportunity-value span{
font-size:1rem !important;
line-height:1.25 !important;
color:#000000 !important;
font-weight:800 !important;
}
/* Mantém VALOR ESTIMADO em caixa alta */
.dashboard-full .opportunity-value strong{
text-transform:uppercase !important;
letter-spacing:.02em !important;
}
/* =========================================================
CORREÇÃO — CARD PRINCIPAL VOLTA AO FUNDO CLARO
========================================================= */
.dashboard-full .cards .opportunity-card,
.dashboard-full .cards .opportunity-card:nth-child(5n+1),
.dashboard-full .cards .opportunity-card:nth-child(5n+2),
.dashboard-full .cards .opportunity-card:nth-child(5n+3),
.dashboard-full .cards .opportunity-card:nth-child(5n+4),
.dashboard-full .cards .opportunity-card:nth-child(5n+5){
background:#FFFEFA !important;
border-color:#E5E1D8 !important;
}
.dashboard-full .cards .opportunity-card:hover{
background:#FFFEFA !important;
border-color:#D8D1C3 !important;
}
/* =========================================================
SOMENTE "VALOR ESTIMADO" COMO CARD/BOTÃO AZUL
========================================================= */
.dashboard-full .opportunity-value{
width:100% !important;
background:#DCEEFF !important;
border:1px solid #A9CFEE !important;
border-radius:8px !important;
padding:9px 12px !important;
display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:center !important;
text-align:center !important;
box-sizing:border-box !important;
}
/* VALOR ESTIMADO */
.dashboard-full .opportunity-value strong{
color:#000000 !important;
font-size:1rem !important;
font-weight:800 !important;
line-height:1.25 !important;
text-transform:uppercase !important;
letter-spacing:0 !important;
}
/* R$ 580,00 */
.dashboard-full .opportunity-value span{
color:#000000 !important;
font-size:1rem !important;
font-weight:800 !important;
line-height:1.25 !important;
}
/* Sem efeito de botão clicável */
.dashboard-full .opportunity-value{
cursor:default !important;
}
/* =========================================================
OPORTUNIDADES — OBJETO EM CAIXA ALTA
========================================================= */
.dashboard-full .opportunity-card-main h2{
text-transform:uppercase !important;
text-align:justify !important;
text-justify:inter-word !important;
}
/* =========================================================
OPORTUNIDADES — CONTADOR DE RESULTADOS MAIOR
========================================================= */
.dashboard-full .results-count{
font-size:1.25rem !important;
font-weight:800 !important;
line-height:1.3 !important;
}
/* =========================================================
OPORTUNIDADES — CONTADOR EM FORMATO DE BOTÃO
========================================================= */
.dashboard-full .results-count{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:auto !important;
background:#2F6FAE !important;
border:1px solid #255E96 !important;
border-radius:8px !important;
padding:9px 16px !important;
color:#FFFFFF !important;
font-size:1rem !important;
font-weight:800 !important;
line-height:1.2 !important;
text-transform:uppercase !important;
letter-spacing:.02em !important;
margin-top:0 !important;
margin-bottom:12px !important;
box-sizing:border-box !important;
}
/* =========================================================
OPORTUNIDADES SALVAS — PADRÃO VISUAL
========================================================= */
/* ---------------------------------------------------------
UMA OPORTUNIDADE POR LINHA
--------------------------------------------------------- */
.saved-page .saved-cards{
display:grid !important;
grid-template-columns:1fr !important;
gap:10px !important;
width:100% !important;
}
/* ---------------------------------------------------------
CARD
--------------------------------------------------------- */
.saved-page .saved-opportunity-card{
width:100% !important;
padding:14px 18px !important;
background:#FFFEFA !important;
border:1px solid #E5E1D8 !important;
box-sizing:border-box !important;
}
/* ---------------------------------------------------------
TOPO
--------------------------------------------------------- */
.saved-page .saved-card-top{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:20px !important;
margin-bottom:10px !important;
}
/* DATA + CONTRATANTE */
.saved-page .saved-identification{
display:flex !important;
align-items:center !important;
gap:12px !important;
min-width:0 !important;
}
/* DATA SALVA */
.saved-page .saved-date-pill{
flex-shrink:0 !important;
font-size:.90rem !important;
font-weight:800 !important;
text-transform:uppercase !important;
}
/* ÓRGÃO RESPONSÁVEL */
.saved-page .saved-agency{
min-width:0 !important;
color:#506176 !important;
font-size:.92rem !important;
font-weight:700 !important;
text-transform:uppercase !important;
white-space:nowrap !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
}
/* CONTRATANTE */
.saved-page .saved-agency::before{
content:"| CONTRATANTE:";
color:#38506b !important;
margin-right:6px !important;
font-weight:800 !important;
}
/* ---------------------------------------------------------
CORPO — TEXTO + COLUNA DE BOTÕES
--------------------------------------------------------- */
.saved-page .saved-card-layout{
display:grid !important;
grid-template-columns:minmax(0,1fr) 240px !important;
gap:28px !important;
align-items:start !important;
}
/* ---------------------------------------------------------
OBJETO DA OPORTUNIDADE
--------------------------------------------------------- */
.saved-page .saved-card-main{
min-width:0 !important;
}
.saved-page .saved-card-main h2{
margin:0 0 12px !important;
font-size:1rem !important;
line-height:1.38 !important;
font-weight:800 !important;
color:#142035 !important;
text-transform:uppercase !important;
text-align:justify !important;
text-justify:inter-word !important;
}
/* ---------------------------------------------------------
PROPOSTAS ATÉ
--------------------------------------------------------- */
.saved-page .saved-proposal{
border-top:1px solid #e5ebf1 !important;
padding-top:10px !important;
display:flex !important;
flex-direction:column !important;
gap:3px !important;
align-items:center !important;
text-align:center !important;
}
.saved-page .saved-proposal strong{
color:#68788d !important;
font-size:.76rem !important;
font-weight:800 !important;
text-transform:uppercase !important;
letter-spacing:.04em !important;
}
.saved-page .saved-proposal span{
color:#2b3c52 !important;
font-size:.88rem !important;
font-weight:700 !important;
}
/* ---------------------------------------------------------
COLUNA DIREITA
--------------------------------------------------------- */
.saved-page .saved-card-side{
width:240px !important;
border-left:1px solid #e5ebf1 !important;
padding-left:20px !important;
display:flex !important;
flex-direction:column !important;
gap:8px !important;
box-sizing:border-box !important;
}
/* TODOS OS 3 BOTÕES */
.saved-page .saved-card-side .button{
width:100% !important;
min-height:42px !important;
padding:9px 12px !important;
font-size:.88rem !important;
font-weight:800 !important;
text-transform:uppercase !important;
text-align:center !important;
justify-content:center !important;
box-sizing:border-box !important;
}
/* FORM DO BOTÃO REMOVER */
.saved-page .saved-card-side form{
width:100% !important;
margin:0 !important;
}
/* ---------------------------------------------------------
VER FONTE OFICIAL — AMARELO
--------------------------------------------------------- */
.saved-page .saved-official-button{
background:#F4C542 !important;
border-color:#E0AE22 !important;
color:#2A2515 !important;
}
.saved-page .saved-official-button:hover{
background:#E9B92F !important;
border-color:#D4A21A !important;
color:#211D10 !important;
}
/* ---------------------------------------------------------
REMOVER — VERMELHO SUAVE
--------------------------------------------------------- */
.saved-page .saved-card-side .danger{
background:#FFF1F0 !important;
border-color:#E5A09A !important;
color:#9B2C26 !important;
}
.saved-page .saved-card-side .danger:hover{
background:#FFE5E2 !important;
border-color:#D77B73 !important;
}
/* ---------------------------------------------------------
RESPONSIVO
--------------------------------------------------------- */
@media(max-width:800px){
.saved-page .saved-card-layout{
grid-template-columns:1fr !important;
gap:15px !important;
}
.saved-page .saved-card-side{
width:100% !important;
border-left:0 !important;
border-top:1px solid #e5ebf1 !important;
padding-left:0 !important;
padding-top:13px !important;
}
}
@media(max-width:650px){
.saved-page .saved-card-top{
flex-direction:column !important;
align-items:flex-start !important;
gap:8px !important;
}
.saved-page .saved-identification{
flex-wrap:wrap !important;
gap:7px !important;
}
.saved-page .saved-agency{
white-space:normal !important;
}
}
/* =========================================================
OPORTUNIDADES — STATUS "SALVA" EM BOTÃO PRETO
========================================================= */
.dashboard-full .opportunity-card-side .saved-label{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:42px !important;
padding:9px 12px !important;
background:#111111 !important;
border:1px solid #111111 !important;
border-radius:9px !important;
color:#FFFFFF !important;
font-size:1rem !important;
font-weight:800 !important;
text-transform:uppercase !important;
text-align:center !important;
box-sizing:border-box !important;
}
/* =========================================================
LICIQUEST — MINHAS CERTIDÕES
========================================================= */
.certificates-dashboard{
width:100%;
padding:28px 0 50px;
}
.certificates-header{
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:30px;
margin-bottom:24px;
}
.certificates-eyebrow{
display:block;
margin-bottom:7px;
color:#198c69;
font-size:.82rem;
font-weight:800;
letter-spacing:.08em;
}
.certificates-header h1{
margin:0 0 8px;
color:#142f39;
font-size:2rem;
line-height:1.15;
}
.certificates-header p{
margin:0;
color:#65767c;
font-size:1rem;
}
.certificates-company{
min-width:310px;
padding:15px 18px;
background:#f5f9f8;
border:1px solid #dce8e4;
border-radius:12px;
}
.certificates-company span,
.certificates-company small{
display:block;
}
.certificates-company span{
color:#718087;
font-size:.72rem;
font-weight:800;
letter-spacing:.06em;
}
.certificates-company strong{
display:block;
margin:4px 0;
color:#173c38;
font-size:1rem;
}
.certificates-company small{
color:#607177;
font-size:.84rem;
}
.certificates-toolbar{
display:flex;
justify-content:flex-end;
gap:10px;
margin-bottom:20px;
}
.certificates-toolbar button{
min-height:44px;
padding:0 18px;
border-radius:9px;
font-size:.91rem;
font-weight:800;
}
.certificate-main-action{
border:1px solid #188b67;
background:#188b67;
color:#fff;
}
.certificate-download-all{
border:1px solid #193e4a;
background:#193e4a;
color:#fff;
}
.certificates-toolbar button:disabled{
opacity:.55;
cursor:not-allowed;
}
.certificates-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:16px;
}
.certificate-card{
position:relative;
display:flex;
flex-direction:column;
min-height:310px;
padding:21px;
background:#fff;
border:1px solid #dde7e5;
border-radius:14px;
box-shadow:0 8px 24px rgba(17,41,57,.06);
overflow:hidden;
}
.certificate-card::before{
content:"";
position:absolute;
top:0;
left:20px;
right:20px;
height:4px;
background:#22a06b;
border-radius:0 0 5px 5px;
}
.certificate-card-top{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin-bottom:17px;
}
.certificate-icon{
display:flex;
align-items:center;
justify-content:center;
width:38px;
height:38px;
border-radius:10px;
background:#e9f6f1;
color:#168b66;
font-size:1.2rem;
font-weight:900;
}
.certificate-status{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:28px;
padding:4px 10px;
border-radius:999px;
font-size:.72rem;
font-weight:900;
}
.certificate-status.valid{
background:#e5f7ef;
color:#11724f;
}
.certificate-status.warning{
background:#fff3cd;
color:#8a6700;
}
.certificate-status.expired{
background:#fde9e9;
color:#a22a2a;
}
.certificate-status.available{
background:#e8f1fb;
color:#245d91;
}
.certificate-status.missing{
background:#eef1f2;
color:#66767b;
}
.certificate-card-content h2{
margin:0 0 8px;
color:#183b45;
font-size:1.22rem;
}
.certificate-card-content p{
margin:0;
color:#65767c;
font-size:.92rem;
line-height:1.5;
}
.certificate-info{
display:grid;
grid-template-columns:1fr 1fr;
gap:10px;
margin:20px 0;
padding:13px;
background:#f7faf9;
border-radius:10px;
}
.certificate-info span{
display:block;
margin-bottom:4px;
color:#7a888d;
font-size:.69rem;
font-weight:800;
}
.certificate-info strong{
color:#253f47;
font-size:.88rem;
}
.certificate-actions{
display:flex;
flex-wrap:wrap;
gap:8px;
margin-top:auto;
}
.certificate-actions button{
flex:1 1 130px;
min-height:40px;
padding:7px 12px;
border:1px solid #d5dfdc;
border-radius:8px;
background:#fff;
color:#385159;
font-size:.82rem;
font-weight:800;
}
.certificate-actions .certificate-issue{
border-color:#188b67;
background:#188b67;
color:#fff;
}
.certificate-actions .certificate-upload{
border-color:#cad8d4;
background:#f4f8f7;
color:#254b46;
}
.certificate-actions button:disabled{
opacity:.62;
cursor:not-allowed;
}
.certificates-note{
display:flex;
gap:14px;
margin-top:18px;
padding:15px 17px;
background:#f4f8f7;
border:1px solid #dce7e3;
border-radius:10px;
color:#5e7075;
font-size:.86rem;
line-height:1.5;
}
.certificates-note strong{
flex:0 0 auto;
color:#244a45;
}
@media(max-width:900px){
.certificates-header{
flex-direction:column;
}
.certificates-company{
width:100%;
min-width:0;
box-sizing:border-box;
}
.certificates-grid{
grid-template-columns:1fr;
}
}
@media(max-width:650px){
.certificates-dashboard{
padding-top:18px;
}
.certificates-header h1{
font-size:1.65rem;
}
.certificates-toolbar{
display:grid;
grid-template-columns:1fr;
}
.certificates-info{
grid-template-columns:1fr;
}
.certificates-note{
flex-direction:column;
}
}
/* LICIQUEST_CERTIFICATE_OFFICIAL_LINKS_V1 */
.certificate-actions a.certificate-issue {
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
cursor: pointer;
}
.certificate-source {
display: block;
margin-top: 8px;
font-size: .78rem;
opacity: .72;
}
.certificate-fiscal-location {
display: block;
margin-top: 4px;
}
/* =========================================================
LICIQUEST — PERFIL DA EMPRESA V1
========================================================= */
.company-profile-page{
width:100%;
}
.company-profile-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:24px;
margin-bottom:20px;
}
.company-profile-head h1{
margin-bottom:6px;
}
.company-profile-edit{
flex:0 0 auto;
min-width:150px;
}
.company-profile-panel{
padding:26px;
}
.company-profile-form{
display:block;
}
.company-profile-section{
padding:0 0 28px;
margin-bottom:28px;
border-bottom:1px solid rgba(127,127,127,.20);
}
.company-profile-section:last-of-type{
margin-bottom:20px;
}
.company-profile-section-head{
margin-bottom:18px;
}
.company-profile-section-head h2{
margin:0 0 5px;
font-size:1.12rem;
}
.company-profile-section-head p{
margin:0;
opacity:.68;
font-size:.91rem;
}
.company-profile-grid{
display:grid;
grid-template-columns:
repeat(2, minmax(0,1fr));
gap:18px;
}
.company-profile-grid label{
display:flex;
flex-direction:column;
gap:7px;
}
.company-profile-grid label > span,
.company-profile-display > span{
font-size:.82rem;
font-weight:700;
opacity:.72;
}
.company-profile-grid input,
.company-profile-grid select{
width:100%;
}
.company-profile-wide{
grid-column:1 / -1;
}
.company-profile-display{
display:flex;
flex-direction:column;
gap:7px;
}
.company-profile-display strong{
min-height:44px;
display:flex;
align-items:center;
padding:0 13px;
border-radius:8px;
border:1px solid rgba(127,127,127,.22);
}
.company-profile-locked{
opacity:.72;
}
.company-profile-grid input:disabled,
.company-profile-grid select:disabled{
opacity:1;
cursor:default;
}
.company-profile-panel:not(.is-editing)
.company-profile-grid input:disabled,
.company-profile-panel:not(.is-editing)
.company-profile-grid select:disabled{
border-color:transparent;
background:transparent;
padding-left:0;
font-weight:650;
}
.company-profile-panel.is-editing
.company-profile-grid input,
.company-profile-panel.is-editing
.company-profile-grid select{
transition:
border-color .15s ease,
background .15s ease;
}
.company-profile-activities{
display:grid;
grid-template-columns:
repeat(4, minmax(0,1fr));
gap:10px;
}
.company-profile-activity{
display:flex;
align-items:center;
gap:9px;
min-height:44px;
padding:10px 12px;
border:1px solid rgba(127,127,127,.20);
border-radius:9px;
}
.company-profile-activity input{
flex:0 0 auto;
}
.company-profile-activity span{
font-size:.91rem;
font-weight:600;
}
.company-profile-panel:not(.is-editing)
.company-profile-activity{
opacity:.48;
}
.company-profile-panel:not(.is-editing)
.company-profile-activity:has(input:checked){
opacity:1;
}
.company-profile-actions{
display:flex;
justify-content:flex-end;
gap:10px;
}
.company-profile-actions[hidden]{
display:none !important;
}
@media(max-width:1000px){
.company-profile-activities{
grid-template-columns:
repeat(2, minmax(0,1fr));
}
}
@media(max-width:650px){
.company-profile-head{
flex-direction:column;
}
.company-profile-edit{
width:100%;
}
.company-profile-grid{
grid-template-columns:1fr;
}
.company-profile-wide{
grid-column:auto;
}
.company-profile-activities{
grid-template-columns:1fr;
}
.company-profile-actions{
flex-direction:column-reverse;
}
.company-profile-actions .button{
width:100%;
}
}
/* =========================================================
LICIQUEST_CERTIFICATE_STATUS_ACTION_V1
========================================================= */
.certificate-status.action{
background:#fff4d6;
color:#8a6500;
}
/* =========================================================
LICIQUEST_CERTIFICATE_LINK_CENTER_V1
========================================================= */
.certificates-links-only .certificate-card{
min-height:245px;
}
.certificates-links-only .certificate-card-content{
flex:1;
}
.certificate-source-status{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:28px;
padding:4px 10px;
border-radius:999px;
font-size:.72rem;
font-weight:900;
letter-spacing:.02em;
}
.certificate-source-status.available-link{
background:#e5f7ef;
color:#11724f;
}
.certificate-source-status.pending-link{
background:#eef1f2;
color:#66767b;
}
.certificate-link-action{
margin-top:22px;
}
.certificate-official-link{
display:flex;
align-items:center;
justify-content:center;
gap:8px;
width:100%;
min-height:44px;
padding:10px 16px;
box-sizing:border-box;
border:0;
border-radius:9px;
background:#168b66;
color:#fff;
font-family:inherit;
font-size:.9rem;
font-weight:800;
text-decoration:none;
cursor:pointer;
transition:
transform .15s ease,
opacity .15s ease,
box-shadow .15s ease;
}
.certificate-official-link:hover{
color:#fff;
text-decoration:none;
transform:translateY(-1px);
box-shadow:0 7px 18px rgba(22,139,102,.18);
}
.certificate-official-link.is-disabled{
background:#eef1f2;
color:#7b888d;
cursor:not-allowed;
box-shadow:none;
transform:none;
}
@media(max-width:650px){
.certificates-links-only .certificate-card{
min-height:0;
}
.certificate-official-link{
min-height:46px;
}
}
/* =========================================================
LICIQUEST — CENTRAL DE CERTIDÕES COMPACTA V2
1 certidão por linha
========================================================= */
.certificates-links-only .certificates-grid{
display:grid !important;
grid-template-columns:1fr !important;
gap:8px !important;
}
/* CARD */
.certificates-links-only .certificate-card{
display:grid !important;
grid-template-columns:44px minmax(0,1fr) 210px !important;
grid-template-areas:
"top content action" !important;
align-items:center !important;
min-height:0 !important;
height:auto !important;
padding:12px 14px !important;
border-radius:10px !important;
overflow:hidden !important;
}
/* retira a barra verde decorativa superior */
.certificates-links-only .certificate-card::before{
display:none !important;
}
/* TOPO / ÍCONE */
.certificates-links-only .certificate-card-top{
grid-area:top !important;
display:flex !important;
align-items:center !important;
margin:0 !important;
padding:0 !important;
}
.certificates-links-only .certificate-icon{
width:34px !important;
height:34px !important;
min-width:34px !important;
border-radius:8px !important;
font-size:1rem !important;
}
/* esconde selo SITE OFICIAL / EM CONFIGURAÇÃO
porque o próprio botão já informa isso */
.certificates-links-only .certificate-source-status{
display:none !important;
}
/* TEXTO */
.certificates-links-only .certificate-card-content{
grid-area:content !important;
min-width:0 !important;
margin:0 !important;
padding:0 14px 0 4px !important;
}
.certificates-links-only .certificate-card-content h2{
margin:0 0 2px !important;
font-size:1rem !important;
line-height:1.25 !important;
}
.certificates-links-only .certificate-card-content p{
margin:0 !important;
font-size:.82rem !important;
line-height:1.3 !important;
}
/* fonte na mesma área, discreta */
.certificates-links-only .certificate-source{
display:block !important;
margin-top:3px !important;
font-size:.72rem !important;
line-height:1.2 !important;
}
/* BOTÃO */
.certificates-links-only .certificate-link-action{
grid-area:action !important;
width:210px !important;
margin:0 !important;
padding:0 !important;
}
.certificates-links-only .certificate-official-link{
width:100% !important;
min-height:38px !important;
padding:7px 12px !important;
border-radius:8px !important;
font-size:.8rem !important;
white-space:nowrap !important;
}
/* NOTA INFERIOR MAIS COMPACTA */
.certificates-links-only .certificates-note{
margin-top:14px !important;
}
/* =========================================================
MOBILE
========================================================= */
@media(max-width:700px){
.certificates-links-only .certificates-grid{
gap:8px !important;
}
.certificates-links-only .certificate-card{
grid-template-columns:38px minmax(0,1fr) !important;
grid-template-areas:
"top content"
"action action" !important;
padding:11px 12px !important;
}
.certificates-links-only .certificate-card-content{
padding:0 0 0 5px !important;
}
.certificates-links-only .certificate-card-content h2{
font-size:.95rem !important;
}
.certificates-links-only .certificate-card-content p{
font-size:.78rem !important;
}
.certificates-links-only .certificate-icon{
width:32px !important;
height:32px !important;
min-width:32px !important;
}
.certificates-links-only .certificate-link-action{
width:100% !important;
margin-top:9px !important;
}
.certificates-links-only .certificate-official-link{
min-height:38px !important;
}
}
/* =========================================================
LICIQUEST — CARD EMPRESA MAIOR
========================================================= */
.certificates-links-only .certificates-company{
width:380px !important;
min-width:380px !important;
max-width:380px !important;
min-height:135px !important;
padding:20px 24px !important;
box-sizing:border-box !important;
display:flex !important;
flex-direction:column !important;
justify-content:center !important;
}
/* título EMPRESA */
.certificates-links-only .certificates-company > span{
font-size:.78rem !important;
}
/* nome da empresa */
.certificates-links-only .certificates-company > strong{
margin-top:5px !important;
margin-bottom:7px !important;
font-size:1.08rem !important;
}
/* CNPJ e domicílio */
.certificates-links-only .certificates-company small{
font-size:.82rem !important;
line-height:1.45 !important;
}
/* MOBILE */
@media(max-width:700px){
.certificates-links-only .certificates-company{
width:100% !important;
min-width:0 !important;
max-width:none !important;
min-height:125px !important;
padding:18px 20px !important;
}
}
/* =========================================================
LICIQUEST — BOTÃO SAIR VERMELHO CLARO
========================================================= */
a[href*="logout"],
a[href*="sair"]{
background:#fde8e8 !important;
color:#b42318 !important;
border-color:#f7c7c7 !important;
}
a[href*="logout"]:hover,
a[href*="sair"]:hover{
background:#fbd5d5 !important;
color:#961b13 !important;
border-color:#efa8a8 !important;
}
/* =========================================================
LICIQUEST — BOTÃO SAIR VERMELHO CLARO V2
========================================================= */
.logout-form .text-button{
background:#fde8e8 !important;
color:#c62828 !important;
border-color:#f3bcbc !important;
}
.logout-form .text-button:hover{
background:#f8cccc !important;
color:#a91f1f !important;
border-color:#e99f9f !important;
}
.logout-form .text-button:focus{
background:#fde8e8 !important;
color:#c62828 !important;
border-color:#e99f9f !important;
}
/* =========================================================
LICIQUEST — SAIR VERMELHO CLARO FINAL
========================================================= */
.topbar .bar-inner .logout-form .text-button{
background:#fde8e8 !important;
color:#c62828 !important;
border:1px solid #f3bcbc !important;
}
.topbar .bar-inner .logout-form .text-button:hover{
background:#f8cccc !important;
color:#a91f1f !important;
border-color:#e99f9f !important;
}
.topbar .bar-inner .logout-form .text-button:focus{
background:#fde8e8 !important;
color:#c62828 !important;
border-color:#e99f9f !important;
}
/* =========================================================
LICIQUEST — SAIR VERMELHO FORTE + TEXTO BRANCO
========================================================= */
.topbar .bar-inner .logout-form .text-button{
background:#d83a3a !important;
color:#ffffff !important;
border-color:#d83a3a !important;
}
.topbar .bar-inner .logout-form .text-button:hover{
background:#bd2929 !important;
color:#ffffff !important;
border-color:#bd2929 !important;
}
.topbar .bar-inner .logout-form .text-button:focus{
background:#d83a3a !important;
color:#ffffff !important;
border-color:#d83a3a !important;
}
/* =========================================================
LICIQUEST — MENU LOGADO BRANCO + TEXTO AZUL
========================================================= */
.topbar .bar-inner > nav:not(.public-nav) a{
background:#ffffff !important;
color:#173b67 !important;
border:1px solid #ffffff !important;
}
/* HOVER */
.topbar .bar-inner > nav:not(.public-nav) a:hover{
background:#eef4fa !important;
color:#102f55 !important;
border-color:#eef4fa !important;
text-decoration:none !important;
}
/* mantém SAIR vermelho */
.topbar .bar-inner .logout-form .text-button{
background:#d83a3a !important;
color:#ffffff !important;
border-color:#d83a3a !important;
}
.topbar .bar-inner .logout-form .text-button:hover{
background:#bd2929 !important;
color:#ffffff !important;
border-color:#bd2929 !important;
}
/* =========================================================
LICIQUEST — MENU SUPERIOR MAIS FINO
mantém tamanho atual do texto
========================================================= */
.topbar .bar-inner > nav:not(.public-nav) a,
.topbar .bar-inner .logout-form .text-button{
min-height:38px !important;
height:38px !important;
padding-top:0 !important;
padding-bottom:0 !important;
/* tamanho da fonte permanece inalterado */
}
/* MOBILE */
@media(max-width:700px){
.topbar .bar-inner > nav:not(.public-nav) a,
.topbar .bar-inner .logout-form .text-button{
min-height:38px !important;
height:38px !important;
padding-top:0 !important;
padding-bottom:0 !important;
}
}
/* ============================================================
LICIQUEST — DASHBOARD LOGADO PREMIUM V1
TOPO + FILTROS
============================================================ */
.dashboard-full{
width:100% !important;
}
/* ============================================================
CABEÇALHO DA PÁGINA
============================================================ */
.dashboard-full .page-head{
display:flex !important;
align-items:flex-end !important;
justify-content:space-between !important;
gap:24px !important;
margin-bottom:24px !important;
}
.dashboard-full .page-head .eyebrow{
margin:0 0 8px !important;
color:#008b72 !important;
font-size:15px !important;
line-height:1.2 !important;
font-weight:900 !important;
letter-spacing:.12em !important;
}
.dashboard-full .page-head h1{
margin:0 !important;
color:#10213c !important;
font-size:42px !important;
line-height:1.08 !important;
font-weight:850 !important;
letter-spacing:-.035em !important;
}
.dashboard-full .page-head > .button{
min-height:46px !important;
padding:0 20px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
border:1px solid #b9c8d5 !important;
border-radius:10px !important;
background:#ffffff !important;
color:#10213c !important;
font-size:15px !important;
font-weight:800 !important;
}
/* ============================================================
PAINEL DE LOCALIZAÇÃO
============================================================ */
.dashboard-full .location-filter-panel{
margin:0 0 16px !important;
padding:20px 22px !important;
background:#ffffff !important;
border:1px solid #dce5ec !important;
border-radius:16px !important;
box-shadow:
0 8px 24px rgba(16,33,60,.05) !important;
}
/* formulário */
.dashboard-full .location-filter-form{
display:grid !important;
grid-template-columns:
minmax(260px,300px)
110px
minmax(280px,1fr)
minmax(300px,1fr)
220px !important;
gap:12px !important;
align-items:end !important;
width:100% !important;
}
/* campos */
.dashboard-full .location-filter-form label{
display:block !important;
margin:0 0 7px !important;
color:#243b55 !important;
font-size:15px !important;
line-height:1.2 !important;
font-weight:800 !important;
}
.dashboard-full .location-filter-form select{
width:100% !important;
height:48px !important;
padding:0 14px !important;
border:1px solid #cbd8e3 !important;
border-radius:10px !important;
background:#ffffff !important;
color:#172a43 !important;
font-size:16px !important;
font-weight:700 !important;
box-sizing:border-box !important;
}
/* botão aplicar */
.dashboard-full .location-filter-form button,
.dashboard-full .location-filter-form .button{
min-width:175px !important;
height:48px !important;
padding:0 20px !important;
border:0 !important;
border-radius:10px !important;
background:#078b73 !important;
color:#ffffff !important;
font-size:16px !important;
font-weight:850 !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
white-space:nowrap !important;
}
/* texto auxiliar */
.dashboard-full .location-filter-panel small,
.dashboard-full .location-filter-panel .muted{
display:block !important;
margin-top:10px !important;
color:#62778b !important;
font-size:14px !important;
line-height:1.4 !important;
}
/* ============================================================
CHIPS LOCALIZAÇÃO / RAMOS / PERÍODO
============================================================ */
.dashboard-full .filters-summary,
.dashboard-full .search-summary{
gap:8px !important;
}
.dashboard-full .filters-summary > *,
.dashboard-full .search-summary > *{
min-height:34px !important;
padding:7px 12px !important;
background:#eef4f8 !important;
border:1px solid #e1e9ef !important;
border-radius:8px !important;
color:#405973 !important;
font-size:14px !important;
line-height:1.2 !important;
}
/* ============================================================
CONTADOR
============================================================ */
.dashboard-full .results-count{
margin-top:18px !important;
margin-bottom:12px !important;
padding:9px 16px !important;
border-radius:9px !important;
background:#2567a7 !important;
border-color:#2567a7 !important;
font-size:16px !important;
}
/* ============================================================
RESPONSIVO
============================================================ */
@media(max-width:900px){
.dashboard-full .page-head{
align-items:flex-start !important;
}
.dashboard-full .page-head h1{
font-size:34px !important;
}
.dashboard-full .location-filter-form{
grid-template-columns:1fr 1fr !important;
}
.dashboard-full .location-filter-form button,
.dashboard-full .location-filter-form .button{
grid-column:1 / -1 !important;
width:100% !important;
}
}
@media(max-width:650px){
.dashboard-full .page-head{
flex-direction:column !important;
}
.dashboard-full .page-head h1{
font-size:29px !important;
}
.dashboard-full .page-head > .button{
width:100% !important;
}
.dashboard-full .location-filter-form{
grid-template-columns:1fr !important;
}
}
/* ============================================================
LICIQUEST — MENU SUPERIOR MAIS COMPACTO
+ TÍTULO DO DASHBOARD EM CAIXA ALTA
============================================================ */
@media (min-width:900px){
/* botões do menu superior */
.topbar .nav a,
.topbar .nav button,
.topbar .button{
min-height:36px !important;
height:36px !important;
padding:0 15px !important;
font-size:14px !important;
line-height:1 !important;
border-radius:9px !important;
}
}
/* OPORTUNIDADES PARA NOME DA EMPRESA */
.dashboard-full .page-head h1{
text-transform:uppercase !important;
}
/* ============================================================
LICIQUEST — MENU LOGADO MAIS COMPACTO
============================================================ */
@media (min-width:701px){
.topbar .bar-inner > nav:not(.public-nav) a,
.topbar .logout-form .text-button{
min-height:34px !important;
height:34px !important;
padding:0 14px !important;
font-size:14px !important;
line-height:1 !important;
border-radius:8px !important;
}
.topbar .bar-inner > nav:not(.public-nav){
gap:9px !important;
}
}
/* ============================================================
LICIQUEST — CARD DE LOCALIZAÇÃO COM COR
============================================================ */
.dashboard-full .location-filter-panel{
background:linear-gradient(
135deg,
#eef9f6 0%,
#edf5fb 100%
) !important;
border:1px solid #b9ddd3 !important;
box-shadow:
0 8px 24px rgba(16,33,60,.06) !important;
}
/* campos continuam brancos para destacar */
.dashboard-full .location-filter-form select{
background:#ffffff !important;
}
/* labels com um pouco mais de presença */
.dashboard-full .location-filter-form label{
color:#173b4f !important;
}
/* texto auxiliar */
.dashboard-full .location-filter-panel small,
.dashboard-full .location-filter-panel .muted,
.dashboard-full .location-filter-help{
color:#547084 !important;
}
/* ============================================================
LICIQUEST — CARD DE LOCALIZAÇÃO MAIS ESCURO
============================================================ */
.dashboard-full .location-filter-panel{
background:linear-gradient(
135deg,
#d8efe8 0%,
#dbe9f3 100%
) !important;
border:1px solid #9fcbbf !important;
}
/* mantém os campos destacados */
.dashboard-full .location-filter-form select{
background:#ffffff !important;
}
/* textos um pouco mais fortes */
.dashboard-full .location-filter-form label{
color:#16394d !important;
}
.dashboard-full .location-filter-help{
color:#49677b !important;
}
/* ============================================================
LICIQUEST — FILTRO DE LOCALIZAÇÃO MAIS COMPACTO
============================================================ */
@media (min-width:1200px){
/* reduz a largura total do card */
.dashboard-full .location-filter-panel{
width:82% !important;
max-width:1450px !important;
margin-left:0 !important;
margin-right:auto !important;
}
/* campos mais estreitos */
.dashboard-full .location-filter-form{
grid-template-columns:
420px
420px
185px !important;
justify-content:start !important;
gap:16px !important;
}
.dashboard-full .location-filter-main,
.dashboard-full .location-filter-state{
width:100% !important;
min-width:0 !important;
}
.dashboard-full .location-filter-form select{
width:100% !important;
max-width:none !important;
}
/* botão acompanha o conjunto */
.dashboard-full .location-filter-form button,
.dashboard-full .location-filter-form .button{
width:185px !important;
min-width:185px !important;
}
}
/* ============================================================
LICIQUEST — CARD DE LOCALIZAÇÃO ATÉ O FINAL DO BOTÃO
============================================================ */
@media (min-width:1200px){
.dashboard-full .location-filter-panel{
width:fit-content !important;
max-width:none !important;
margin-left:0 !important;
margin-right:auto !important;
padding-right:18px !important;
}
.dashboard-full .location-filter-form{
width:auto !important;
display:grid !important;
grid-template-columns:
420px
420px
185px !important;
gap:16px !important;
justify-content:start !important;
}
}
/* ============================================================
LICIQUEST — BUSCA + RESUMO LATERAL
============================================================ */
@media (min-width:1200px){
.dashboard-full .location-filter-panel{
width:100% !important;
max-width:none !important;
display:grid !important;
grid-template-columns:1057px minmax(320px,1fr) !important;
grid-template-rows:auto auto !important;
column-gap:30px !important;
row-gap:0 !important;
align-items:center !important;
margin-left:0 !important;
margin-right:0 !important;
padding:20px 22px !important;
}
/* campos + botão permanecem na esquerda */
.dashboard-full .location-filter-form{
grid-column:1 !important;
grid-row:1 !important;
width:1057px !important;
grid-template-columns:
420px
420px
185px !important;
gap:16px !important;
}
/* texto auxiliar abaixo dos campos */
.dashboard-full .location-filter-help{
grid-column:1 !important;
grid-row:2 !important;
margin:10px 0 0 !important;
}
/* RESUMO NA LATERAL */
.dashboard-full .search-summary-side{
grid-column:2 !important;
grid-row:1 / span 2 !important;
display:flex !important;
flex-direction:column !important;
justify-content:center !important;
gap:10px !important;
margin:0 !important;
padding:16px 20px !important;
background:rgba(255,255,255,.55) !important;
border:1px solid rgba(93,154,145,.25) !important;
border-radius:12px !important;
min-height:92px !important;
}
.dashboard-full .search-summary-side .search-summary-line{
display:flex !important;
align-items:flex-start !important;
gap:8px !important;
color:#27455a !important;
font-size:16px !important;
line-height:1.35 !important;
}
.dashboard-full .search-summary-side .search-summary-line strong{
flex:0 0 auto !important;
color:#073f50 !important;
font-size:16px !important;
font-weight:900 !important;
}
.dashboard-full .search-summary-side .search-summary-line span{
padding:0 !important;
margin:0 !important;
background:none !important;
border:0 !important;
color:#355a70 !important;
font-size:16px !important;
}
}
/* RESPONSIVO */
@media(max-width:1199px){
.dashboard-full .location-filter-panel{
display:block !important;
width:100% !important;
}
.dashboard-full .search-summary-side{
margin-top:16px !important;
}
}
/* ============================================================
LICIQUEST — CENTRALIZA LABELS DO FILTRO
SEM ALTERAR O LAYOUT
============================================================ */
.dashboard-full .location-filter-main > label,
.dashboard-full .location-filter-state > label{
width:100% !important;
text-align:center !important;
text-transform:uppercase !important;
}
/* ============================================================
LICIQUEST — CENTRALIZA TEXTO DOS SELECTS
SEM ALTERAR O LAYOUT
============================================================ */
.dashboard-full .location-filter-form select{
text-align:center !important;
text-transform:uppercase !important;
text-align-last:center !important;
}
/* ============================================================
LICIQUEST — RESUMO DA BUSCA
TEXTO AZUL, NEGRITO E CAIXA ALTA
SEM ALTERAR O LAYOUT
============================================================ */
.dashboard-full .search-summary-side .search-summary-line span{
color:#1f5f9c !important;
font-weight:800 !important;
text-transform:uppercase !important;
}
/* LICIQUEST — RESUMO DA BUSCA EM VERMELHO */
.dashboard-full .search-summary-side .search-summary-line span{
color:#b42318 !important;
}
/* ============================================================
LICIQUEST — RESUMO DA BUSCA EM CHIPS VERMELHO CLARO
SEM ALTERAR O LAYOUT
============================================================ */
.dashboard-full .search-summary-side .search-summary-line span{
display:inline-flex !important;
align-items:center !important;
padding:5px 10px !important;
background:#fdecec !important;
border:1px solid #f3b7b7 !important;
border-radius:8px !important;
color:#a61b1b !important;
font-weight:800 !important;
text-transform:uppercase !important;
line-height:1.2 !important;
}
/* ============================================================
LICIQUEST — UM CHIP PARA CADA RAMO / ATIVIDADE
============================================================ */
.dashboard-full .search-activity-chips{
display:flex !important;
align-items:center !important;
flex-wrap:wrap !important;
gap:6px !important;
}
.dashboard-full .search-activity-chips span{
display:inline-flex !important;
align-items:center !important;
padding:5px 10px !important;
background:#fdecec !important;
border:1px solid #f3b7b7 !important;
border-radius:8px !important;
color:#a61b1b !important;
font-weight:800 !important;
text-transform:uppercase !important;
line-height:1.2 !important;
}
/* ============================================================
LICIQUEST — CENTRALIZA LABELS NA ALTURA DOS CHIPS
============================================================ */
.dashboard-full .search-summary-side .search-summary-line{
align-items:center !important;
}
.dashboard-full .search-summary-side .search-summary-line > strong{
display:flex !important;
align-items:center !important;
align-self:stretch !important;
}
/* ============================================================
LICIQUEST — PRAZO DE PROPOSTAS EM CARD VERMELHO CLARO
============================================================ */
.dashboard-full .opportunity-card .card-top .date{
display:inline-flex !important;
align-items:center !important;
gap:6px !important;
padding:7px 11px !important;
background:#fdecec !important;
border:1px solid #f3b7b7 !important;
border-radius:8px !important;
color:#9f1d1d !important;
font-weight:700 !important;
line-height:1.2 !important;
white-space:nowrap !important;
}
.dashboard-full .opportunity-card .card-top .date strong{
color:#8f1616 !important;
font-weight:900 !important;
}
/* ============================================================
LICIQUEST — MESMO COMPRIMENTO DO CARD "PROPOSTAS ATÉ"
SOMENTE LARGURA — NÃO ALTERA ALTURA OU LAYOUT
============================================================ */
.dashboard-full .opportunity-value,
.dashboard-full .opportunity-side-actions{
width:214px !important;
}
.dashboard-full .opportunity-side-actions .button{
width:214px !important;
}
/* PROPOSTAS ATÉ — 5PX PARA A DIREITA */
.dashboard-full .opportunity-card .card-top .date{
transform:translateX(5px) !important;
}
/* ============================================================
LICIQUEST — 4 CARDS EM UMA ÚNICA LINHA ABAIXO DO OBJETO
============================================================ */
.dashboard-full .opportunity-card-main{
width:100% !important;
}
.dashboard-full .opportunity-actions-row{
display:grid !important;
grid-template-columns:repeat(4, minmax(0,1fr)) !important;
gap:10px !important;
width:100% !important;
margin-top:14px !important;
align-items:stretch !important;
}
/* Todos ocupam somente sua coluna */
.dashboard-full .opportunity-actions-row > *{
width:100% !important;
max-width:none !important;
box-sizing:border-box !important;
margin:0 !important;
}
/* Propostas até */
.dashboard-full .opportunity-actions-row .date{
display:flex !important;
align-items:center !important;
justify-content:center !important;
transform:none !important;
margin:0 !important;
min-width:0 !important;
width:100% !important;
text-align:center !important;
}
/* Valor estimado */
.dashboard-full .opportunity-actions-row .opportunity-value{
width:100% !important;
max-width:none !important;
margin:0 !important;
}
/* Botões */
.dashboard-full .opportunity-actions-row .button{
width:100% !important;
max-width:none !important;
box-sizing:border-box !important;
margin:0 !important;
}
/* Caso TENHO INTERESSE esteja dentro de form */
.dashboard-full .opportunity-actions-row form{
width:100% !important;
margin:0 !important;
}
/* A antiga coluna lateral fica sem ocupar espaço */
.dashboard-full .opportunity-card-side{
display:none !important;
}
/* O objeto passa a usar toda a largura */
.dashboard-full .opportunity-card-layout{
display:block !important;
}
/* Mobile */
@media(max-width:800px){
.dashboard-full .opportunity-actions-row{
grid-template-columns:repeat(2, minmax(0,1fr)) !important;
}
}
@media(max-width:520px){
.dashboard-full .opportunity-actions-row{
grid-template-columns:1fr !important;
}
}
/* ============================================================
LICIQUEST — PADRÃO ÚNICO DOS 4 CARDS ABAIXO DO OBJETO
============================================================ */
.dashboard-full .opportunity-actions-row{
display:grid !important;
grid-template-columns:repeat(4, minmax(0,1fr)) !important;
gap:10px !important;
width:100% !important;
margin-top:14px !important;
align-items:stretch !important;
}
/* MESMO TAMANHO PARA OS 4 BLOCOS */
.dashboard-full .opportunity-actions-row > *,
.dashboard-full .opportunity-actions-row > form{
width:100% !important;
height:64px !important;
min-height:64px !important;
max-height:64px !important;
margin:0 !important;
padding:0 !important;
box-sizing:border-box !important;
}
/* PADRÃO VISUAL INTERNO */
.dashboard-full .opportunity-actions-row .date,
.dashboard-full .opportunity-actions-row .opportunity-value,
.dashboard-full .opportunity-actions-row .button,
.dashboard-full .opportunity-actions-row form .button{
width:100% !important;
height:64px !important;
min-height:64px !important;
max-height:64px !important;
padding:8px 12px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
text-align:center !important;
box-sizing:border-box !important;
border-radius:9px !important;
font-size:16px !important;
font-weight:800 !important;
line-height:1.20 !important;
margin:0 !important;
transform:none !important;
}
/* PROPOSTAS ATÉ — mantém vermelho claro */
.dashboard-full .opportunity-actions-row .date{
flex-direction:column !important;
background:#FDECEC !important;
border:1px solid #F3B7B7 !important;
color:#9F1D1D !important;
}
/* título e data com o mesmo padrão */
.dashboard-full .opportunity-actions-row .date strong,
.dashboard-full .opportunity-actions-row .date{
font-size:16px !important;
font-weight:800 !important;
}
/* VALOR ESTIMADO */
.dashboard-full .opportunity-actions-row .opportunity-value{
flex-direction:column !important;
}
/* força título e valor para o mesmo tamanho */
.dashboard-full .opportunity-actions-row .opportunity-value strong,
.dashboard-full .opportunity-actions-row .opportunity-value span{
font-size:16px !important;
font-weight:800 !important;
line-height:1.20 !important;
}
/* BOTÕES */
.dashboard-full .opportunity-actions-row .button{
font-size:16px !important;
font-weight:800 !important;
line-height:1.20 !important;
text-transform:uppercase !important;
}
/* remove qualquer largura antiga herdada */
.dashboard-full .opportunity-actions-row .opportunity-side-actions,
.dashboard-full .opportunity-actions-row .opportunity-value,
.dashboard-full .opportunity-actions-row .date{
max-width:none !important;
min-width:0 !important;
}
/* MOBILE */
@media(max-width:800px){
.dashboard-full .opportunity-actions-row{
grid-template-columns:repeat(2, minmax(0,1fr)) !important;
}
}
@media(max-width:520px){
.dashboard-full .opportunity-actions-row{
grid-template-columns:1fr !important;
}
}
/* ============================================================
LICIQUEST — SOMENTE FONTE OFICIAL ACIMA DO TENHO INTERESSE
NÃO ALTERA TAMANHOS NEM OS DEMAIS CARDS
============================================================ */
@media(min-width:801px){
.dashboard-full .opportunity-actions-row{
position:relative !important;
}
/* PROPOSTAS ATÉ permanece na posição atual */
.dashboard-full .opportunity-actions-row .date{
grid-column:1 !important;
}
/* VALOR ESTIMADO permanece na posição atual */
.dashboard-full .opportunity-actions-row .opportunity-value{
grid-column:2 !important;
}
/* TENHO INTERESSE permanece exatamente na 4ª coluna */
.dashboard-full .opportunity-actions-row > form{
grid-column:4 !important;
grid-row:1 !important;
}
/* Move SOMENTE VER FONTE OFICIAL para cima do Tenho Interesse */
.dashboard-full .opportunity-actions-row > a.button{
position:absolute !important;
right:0 !important;
bottom:calc(100% + 10px) !important;
width:calc((100% - 30px) / 4) !important;
margin:0 !important;
transform:none !important;
}
}
/* ============================================================
LICIQUEST — REDUZ LARGURA DOS 2 BOTÕES DA DIREITA
MANTÉM A BORDA DIREITA FIXA
============================================================ */
@media(min-width:801px){
/* VER FONTE OFICIAL */
.dashboard-full .opportunity-actions-row > a.button{
width:190px !important;
right:0 !important;
left:auto !important;
}
/* TENHO INTERESSE */
.dashboard-full .opportunity-actions-row > form{
width:190px !important;
justify-self:end !important;
}
.dashboard-full .opportunity-actions-row > form .button{
width:190px !important;
}
}
/* ============================================================
LICIQUEST — PROPOSTAS ATÉ + VALOR ESTIMADO MENORES
============================================================ */
@media(min-width:801px){
.dashboard-full .opportunity-actions-row .date,
.dashboard-full .opportunity-actions-row .opportunity-value{
width:170px !important;
height:52px !important;
min-height:52px !important;
max-height:52px !important;
padding:6px 10px !important;
}
.dashboard-full .opportunity-actions-row .date,
.dashboard-full .opportunity-actions-row .date strong,
.dashboard-full .opportunity-actions-row .opportunity-value strong,
.dashboard-full .opportunity-actions-row .opportunity-value span{
font-size:14px !important;
line-height:1.15 !important;
}
}
/* ============================================================
LICIQUEST — PROPOSTAS ATÉ MAIS COMPACTO
============================================================ */
@media(min-width:801px){
.dashboard-full .opportunity-actions-row .date{
width:150px !important;
height:46px !important;
min-height:46px !important;
max-height:46px !important;
padding:5px 8px !important;
}
.dashboard-full .opportunity-actions-row .date,
.dashboard-full .opportunity-actions-row .date strong{
font-size:13px !important;
line-height:1.1 !important;
}
}
/* ============================================================
LICIQUEST — PROPOSTAS ATÉ AO LADO DO CONTRATANTE
============================================================ */
@media(min-width:801px){
.dashboard-full .opportunity-identification .date{
position:static !important;
transform:none !important;
margin:0 0 0 12px !important;
width:150px !important;
min-width:150px !important;
max-width:150px !important;
height:46px !important;
min-height:46px !important;
max-height:46px !important;
flex-shrink:0 !important;
display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:center !important;
padding:5px 8px !important;
box-sizing:border-box !important;
font-size:13px !important;
line-height:1.1 !important;
text-align:center !important;
}
.dashboard-full .opportunity-identification .date strong{
font-size:13px !important;
line-height:1.1 !important;
}
}
/* ============================================================
LICIQUEST — PROPOSTAS ATÉ EM UMA ÚNICA LINHA
============================================================ */
@media(min-width:801px){
.dashboard-full .opportunity-identification .date{
flex-direction:row !important;
align-items:center !important;
justify-content:center !important;
gap:5px !important;
width:auto !important;
min-width:0 !important;
max-width:none !important;
height:38px !important;
min-height:38px !important;
max-height:38px !important;
padding:5px 10px !important;
white-space:nowrap !important;
}
.dashboard-full .opportunity-identification .date,
.dashboard-full .opportunity-identification .date strong{
font-size:13px !important;
line-height:1 !important;
}
}
/* ============================================================
LICIQUEST — VALOR ESTIMADO NO INÍCIO DA LINHA
============================================================ */
@media(min-width:801px){
.dashboard-full .opportunity-actions-row .opportunity-value{
justify-self:start !important;
margin-left:0 !important;
}
}
/* ============================================================
LICIQUEST — VALOR ESTIMADO NO INÍCIO DO CARD
SOMENTE POSIÇÃO
============================================================ */
@media(min-width:801px){
.dashboard-full .opportunity-actions-row .opportunity-value{
grid-column:1 !important;
grid-row:1 !important;
justify-self:start !important;
align-self:start !important;
margin-left:0 !important;
margin-right:auto !important;
}
}
/* ============================================================
LICIQUEST — VER FONTE OFICIAL AMARELO COM TEXTO AZUL
============================================================ */
.dashboard-full .opportunity-actions-row > a.button{
background:#F4C542 !important;
border-color:#E0AE22 !important;
color:#1F5F9C !important;
}
.dashboard-full .opportunity-actions-row > a.button:hover{
background:#E9B92F !important;
border-color:#D4A21A !important;
color:#174A79 !important;
}
/* ============================================================
LICIQUEST — OBJETO NÃO AVANÇA SOBRE OS BOTÕES DA DIREITA
============================================================ */
@media(min-width:801px){
.dashboard-full .opportunity-card-main h2{
width:calc(100% - 210px) !important;
max-width:calc(100% - 210px) !important;
margin-right:210px !important;
box-sizing:border-box !important;
}
}
/* ============================================================
LICIQUEST — SALVA NO MESMO PADRÃO DE TENHO INTERESSE
============================================================ */
@media(min-width:801px){
.dashboard-full .opportunity-actions-row > .saved-label{
width:190px !important;
height:64px !important;
min-height:64px !important;
max-height:64px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
margin:0 !important;
padding:8px 12px !important;
box-sizing:border-box !important;
background:#087f64 !important;
border:1px solid #087f64 !important;
border-radius:9px !important;
color:#ffffff !important;
font-size:16px !important;
font-weight:800 !important;
line-height:1.2 !important;
text-transform:uppercase !important;
text-align:center !important;
}
}
/* ============================================================
LICIQUEST — SALVA NA MESMA POSIÇÃO DO TENHO INTERESSE
============================================================ */
@media(min-width:801px){
.dashboard-full .opportunity-actions-row > .saved-label{
grid-column:4 !important;
grid-row:1 !important;
justify-self:end !important;
align-self:start !important;
width:190px !important;
margin:0 !important;
}
}
/* ============================================================
LICIQUEST — BOTÃO SALVA PRETO COM TEXTO BRANCO
============================================================ */
.dashboard-full .opportunity-actions-row > .saved-label{
background:#111111 !important;
border-color:#111111 !important;
color:#FFFFFF !important;
}
/* ============================================================
LICIQUEST — RESPONSIVIDADE REAL DO DASHBOARD
SEM BARRA HORIZONTAL EM 100% DE ZOOM
============================================================ */
html,
body{
width:100%;
max-width:100%;
overflow-x:hidden !important;
}
.dashboard-full{
width:100% !important;
max-width:100% !important;
min-width:0 !important;
box-sizing:border-box !important;
}
/* ============================================================
FILTRO + RESUMO
============================================================ */
@media (min-width:1200px){
.dashboard-full .location-filter-panel{
width:100% !important;
max-width:100% !important;
display:grid !important;
/* esquerda flexível + resumo lateral */
grid-template-columns:minmax(0,1fr) minmax(300px,360px) !important;
column-gap:20px !important;
box-sizing:border-box !important;
margin-left:0 !important;
margin-right:0 !important;
}
.dashboard-full .location-filter-form{
width:100% !important;
min-width:0 !important;
display:grid !important;
grid-template-columns:
minmax(220px,1fr)
minmax(220px,1fr)
auto !important;
gap:16px !important;
box-sizing:border-box !important;
}
.dashboard-full .location-filter-main,
.dashboard-full .location-filter-state{
width:100% !important;
min-width:0 !important;
}
.dashboard-full .location-filter-form select{
width:100% !important;
min-width:0 !important;
max-width:100% !important;
}
.dashboard-full .location-filter-form > .button{
width:auto !important;
min-width:185px !important;
max-width:100% !important;
}
.dashboard-full .search-summary-side{
width:100% !important;
min-width:0 !important;
max-width:100% !important;
box-sizing:border-box !important;
}
}
/* ============================================================
TELAS INTERMEDIÁRIAS
============================================================ */
@media (min-width:801px) and (max-width:1199px){
.dashboard-full .location-filter-panel{
width:100% !important;
max-width:100% !important;
display:block !important;
box-sizing:border-box !important;
}
.dashboard-full .location-filter-form{
width:100% !important;
display:grid !important;
grid-template-columns:
minmax(0,1fr)
minmax(0,1fr)
auto !important;
gap:12px !important;
}
.dashboard-full .search-summary-side{
width:100% !important;
max-width:100% !important;
margin-top:14px !important;
box-sizing:border-box !important;
}
}
/* ============================================================
MOBILE
============================================================ */
@media (max-width:800px){
.dashboard-full .location-filter-panel{
width:100% !important;
max-width:100% !important;
display:block !important;
}
.dashboard-full .location-filter-form{
width:100% !important;
display:grid !important;
grid-template-columns:1fr !important;
}
.dashboard-full .location-filter-form > .button{
width:100% !important;
}
.dashboard-full .search-summary-side{
width:100% !important;
max-width:100% !important;
margin-top:14px !important;
}
}
/* Nenhum conteúdo pode forçar o dashboard além da tela */
.dashboard-full *,
.dashboard-full *::before,
.dashboard-full *::after{
max-width:100%;
box-sizing:border-box;
}
/* ============================================================
SALVAS — PROPOSTAS ATÉ NO MESMO PADRÃO DE OPORTUNIDADES
============================================================ */
.saved-page .saved-proposal-top{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:5px !important;
min-height:38px !important;
height:38px !important;
padding:5px 10px !important;
background:#FFF0F0 !important;
border:1px solid #F3B7B7 !important;
border-radius:8px !important;
color:#B00000 !important;
font-size:13px !important;
font-weight:800 !important;
white-space:nowrap !important;
margin-left:4px !important;
}
.saved-page .saved-proposal-top strong{
font-weight:800 !important;
}
@media(max-width:800px){
.saved-page .saved-identification{
flex-wrap:wrap !important;
}
.saved-page .saved-proposal-top{
margin-left:0 !important;
}
}
/* ============================================================
DETALHE DA OPORTUNIDADE SALVA — TÍTULO MENOR
============================================================ */
.saved-detail-page h1,
.saved-detail h1,
.saved-opportunity-detail h1{
font-size:32px !important;
line-height:1.15 !important;
letter-spacing:-0.02em !important;
max-width:1100px !important;
}
@media(max-width:900px){
.saved-detail-page h1,
.saved-detail h1,
.saved-opportunity-detail h1{
font-size:27px !important;
}
}
@media(max-width:600px){
.saved-detail-page h1,
.saved-detail h1,
.saved-opportunity-detail h1{
font-size:23px !important;
}
}
/* ============================================================
DETALHE SALVO — TÍTULO PRINCIPAL MENOR
============================================================ */
.saved-detail-head h1{
font-size:28px !important;
line-height:1.15 !important;
letter-spacing:-0.02em !important;
max-width:1050px !important;
}
@media(max-width:900px){
.saved-detail-head h1{
font-size:25px !important;
}
}
@media(max-width:600px){
.saved-detail-head h1{
font-size:22px !important;
}
}
/* ============================================================
DETALHE SALVO — NOVO LAYOUT COMPACTO
============================================================ */
.saved-detail-head-main{
min-width:0 !important;
flex:1 1 auto !important;
}
.saved-detail-title-row{
display:flex !important;
align-items:flex-start !important;
gap:16px !important;
min-width:0 !important;
}
.saved-detail-title-row h1{
flex:1 1 auto !important;
min-width:0 !important;
margin-bottom:8px !important;
}
.saved-detail-proposal{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:5px !important;
height:38px !important;
min-height:38px !important;
padding:5px 10px !important;
background:#FFF0F0 !important;
border:1px solid #F3B7B7 !important;
border-radius:8px !important;
color:#B00000 !important;
font-size:13px !important;
font-weight:800 !important;
white-space:nowrap !important;
flex:0 0 auto !important;
}
.saved-detail-layout{
display:grid !important;
grid-template-columns:minmax(0,1fr) 220px !important;
gap:18px !important;
align-items:start !important;
}
.saved-detail-documents{
width:100% !important;
min-width:0 !important;
}
.saved-detail-actions{
display:flex !important;
flex-direction:column !important;
gap:10px !important;
width:100% !important;
}
.saved-detail-actions .button,
.saved-detail-actions form,
.saved-detail-actions form .button{
width:100% !important;
}
.saved-detail-actions form{
margin:0 !important;
}
@media(max-width:900px){
.saved-detail-title-row{
flex-direction:column !important;
gap:10px !important;
}
.saved-detail-layout{
grid-template-columns:1fr !important;
}
.saved-detail-actions{
display:grid !important;
grid-template-columns:1fr 1fr !important;
}
}
@media(max-width:600px){
.saved-detail-actions{
grid-template-columns:1fr !important;
}
}
/* ============================================================
DETALHE SALVO — DOCUMENTOS PNCP MAIS COMPACTOS
============================================================ */
.saved-detail-documents{
padding:15px 18px !important;
}
.saved-detail-documents .eyebrow{
margin-bottom:5px !important;
}
.saved-detail-documents h2{
margin-top:0 !important;
margin-bottom:10px !important;
font-size:17px !important;
}
.saved-detail-documents .document-list{
margin:0 !important;
}
.saved-detail-documents .document-list li{
min-height:0 !important;
padding:7px 0 !important;
gap:12px !important;
}
.saved-detail-documents .document-list strong{
font-size:14px !important;
line-height:1.2 !important;
}
.saved-detail-documents .document-list span{
margin-top:2px !important;
font-size:12px !important;
line-height:1.2 !important;
}
.saved-detail-documents .document-list .button{
min-height:34px !important;
height:34px !important;
padding:5px 12px !important;
font-size:13px !important;
flex:0 0 auto !important;
}
/* ============================================================
DOCUMENTOS PNCP — CARD E ARQUIVOS COM DESTAQUE VISUAL
============================================================ */
.saved-detail-documents{
background:#EEF6FF !important;
border:1px solid #C9DDF5 !important;
}
/* Cada documento como pequeno card */
.saved-detail-documents .document-list li{
background:#FFFFFF !important;
border:1px solid #D6E4F0 !important;
border-radius:8px !important;
padding:8px 10px !important;
margin-bottom:7px !important;
transition:
background .15s ease,
border-color .15s ease,
box-shadow .15s ease !important;
}
/* Remove a linha antiga entre os arquivos */
.saved-detail-documents .document-list li{
border-top:1px solid #D6E4F0 !important;
}
/* Primeiro item também mantém a borda */
.saved-detail-documents .document-list li:first-child{
border-top:1px solid #D6E4F0 !important;
}
/* Pequeno destaque ao passar o mouse */
.saved-detail-documents .document-list li:hover{
background:#F8FBFF !important;
border-color:#A9CBE8 !important;
box-shadow:0 3px 10px rgba(30,80,120,.08) !important;
}
/* Espaçamento do último item */
.saved-detail-documents .document-list li:last-child{
margin-bottom:0 !important;
}
/* ============================================================
DOCUMENTOS PNCP — CONTRASTE MAIS FORTE
============================================================ */
.saved-detail-documents{
background:#DCEEFF !important;
border:1px solid #9FC7EA !important;
box-shadow:0 8px 22px rgba(31,95,156,.10) !important;
}
.saved-detail-documents .eyebrow{
color:#087F64 !important;
}
.saved-detail-documents h2{
color:#143A63 !important;
}
/* Arquivos mais destacados */
.saved-detail-documents .document-list li{
background:#F8FBFF !important;
border:1px solid #AFCDE7 !important;
box-shadow:0 2px 7px rgba(31,95,156,.06) !important;
}
.saved-detail-documents .document-list li:hover{
background:#FFFFFF !important;
border-color:#79ACD8 !important;
box-shadow:0 4px 12px rgba(31,95,156,.12) !important;
}
/* Nome do arquivo */
.saved-detail-documents .document-list strong{
color:#102F50 !important;
}
/* Informações abaixo do arquivo */
.saved-detail-documents .document-list span{
color:#506D8A !important;
}
/* ============================================================
DETALHE SALVO — CORES DOS BOTÕES LATERAIS
============================================================ */
/* ABRIR NO PNCP — amarelo com texto azul */
.saved-detail-actions > a.button.secondary:first-child{
background:#F4C542 !important;
border-color:#E0AE22 !important;
color:#1F5F9C !important;
}
.saved-detail-actions > a.button.secondary:first-child:hover{
background:#E9B92F !important;
border-color:#D4A21A !important;
color:#174A79 !important;
}
/* REMOVER DAS SALVAS — vermelho claro com texto branco */
.saved-detail-actions form .button.danger{
background:#E57373 !important;
border-color:#D85F5F !important;
color:#FFFFFF !important;
}
.saved-detail-actions form .button.danger:hover{
background:#D95F5F !important;
border-color:#C94F4F !important;
color:#FFFFFF !important;
}
/* ============================================================
RELATÓRIO DE ANÁLISE — LAYOUT MAIS COMPACTO
============================================================ */
.analysis-report-head{
margin-bottom:14px !important;
}
.analysis-report-head h1{
font-size:30px !important;
line-height:1.12 !important;
margin-bottom:6px !important;
}
.analysis-report-head .muted{
margin-top:4px !important;
line-height:1.35 !important;
}
/* Aviso amarelo mais compacto */
.analysis-report-head + .notice.caution{
padding:10px 14px !important;
margin-bottom:14px !important;
font-size:14px !important;
line-height:1.35 !important;
}
/* Card gerar/atualizar */
.analysis-report-generator{
padding:16px 20px !important;
}
.analysis-report-generator h2{
margin-top:0 !important;
margin-bottom:8px !important;
font-size:18px !important;
}
.analysis-report-generator > .muted{
margin-top:0 !important;
margin-bottom:12px !important;
font-size:14px !important;
}
/* Upload mais compacto */
.analysis-report-generator .form-stack{
gap:10px !important;
}
.analysis-report-generator .form-stack label{
margin:0 !important;
}
.analysis-report-generator input[type="file"]{
min-height:42px !important;
padding:6px 12px !important;
}
/* Botão menor e alinhado à direita */
.analysis-report-submit-row{
display:flex !important;
justify-content:flex-end !important;
margin-top:2px !important;
}
.analysis-report-submit-row #generate-report-button{
width:auto !important;
min-width:220px !important;
min-height:42px !important;
padding:8px 18px !important;
}
/* Mobile */
@media(max-width:700px){
.analysis-report-head h1{
font-size:25px !important;
}
.analysis-report-submit-row{
justify-content:stretch !important;
}
.analysis-report-submit-row #generate-report-button{
width:100% !important;
min-width:0 !important;
}
}
/* ============================================================
RELATÓRIO — MODO MANUAL + AUTOMÁTICO
============================================================ */
.analysis-mode-help{
background:#F4F8FC !important;
border:1px solid #D4E1EC !important;
border-radius:9px !important;
padding:12px 15px !important;
margin-bottom:12px !important;
font-size:14px !important;
line-height:1.4 !important;
color:#38506B !important;
}
.analysis-mode-help p{
margin:0 0 7px !important;
}
.analysis-mode-help p:last-child{
margin-bottom:0 !important;
}
/* Dois botões lado a lado */
.analysis-report-submit-row{
display:flex !important;
justify-content:flex-end !important;
align-items:center !important;
gap:10px !important;
margin-top:4px !important;
}
/* MANUAL — azul */
.analysis-report-submit-row .analysis-manual-button{
width:auto !important;
min-width:245px !important;
background:#2F6FAE !important;
border-color:#285F96 !important;
color:#FFFFFF !important;
min-height:42px !important;
padding:8px 18px !important;
}
.analysis-report-submit-row .analysis-manual-button:hover{
background:#285F96 !important;
border-color:#214F7D !important;
color:#FFFFFF !important;
}
/* AUTOMÁTICO — verde */
.analysis-report-submit-row .analysis-auto-button{
width:auto !important;
min-width:285px !important;
background:#087F64 !important;
border-color:#087F64 !important;
color:#FFFFFF !important;
min-height:42px !important;
padding:8px 18px !important;
}
.analysis-report-submit-row .analysis-auto-button:hover{
background:#056A53 !important;
border-color:#056A53 !important;
}
@media(max-width:760px){
.analysis-report-submit-row{
display:grid !important;
grid-template-columns:1fr !important;
}
.analysis-report-submit-row .analysis-manual-button,
.analysis-report-submit-row .analysis-auto-button{
width:100% !important;
min-width:0 !important;
}
}
/* ============================================================
RELATÓRIO — MANUAL + AUTOMÁTICO
============================================================ */
.analysis-mode-help{
background:#F4F8FC !important;
border:1px solid #D5E2EE !important;
border-radius:9px !important;
padding:12px 15px !important;
margin-bottom:12px !important;
color:#38506B !important;
font-size:14px !important;
line-height:1.4 !important;
}
.analysis-mode-help p{
margin:0 0 7px !important;
}
.analysis-mode-help p:last-child{
margin-bottom:0 !important;
}
.analysis-report-submit-row{
display:flex !important;
justify-content:flex-end !important;
align-items:center !important;
gap:10px !important;
margin-top:4px !important;
}
/* MANUAL — AZUL */
.analysis-manual-button{
width:auto !important;
min-width:250px !important;
min-height:42px !important;
padding:8px 18px !important;
background:#2F6FAE !important;
border-color:#285F96 !important;
color:#FFFFFF !important;
}
.analysis-manual-button:hover{
background:#285F96 !important;
color:#FFFFFF !important;
}
/* AUTOMÁTICO — VERDE */
.analysis-auto-button{
width:auto !important;
min-width:290px !important;
min-height:42px !important;
padding:8px 18px !important;
background:#087F64 !important;
border-color:#087F64 !important;
color:#FFFFFF !important;
}
.analysis-auto-button:hover{
background:#056A53 !important;
border-color:#056A53 !important;
}
@media(max-width:760px){
.analysis-report-submit-row{
display:grid !important;
grid-template-columns:1fr !important;
}
.analysis-manual-button,
.analysis-auto-button{
width:100% !important;
min-width:0 !important;
}
}
/* BOTÃO AUTOMÁTICO DESATIVADO QUANDO HÁ ARQUIVO MANUAL */
#generate-auto-report-button:disabled{
background:#C7CDD4 !important;
border-color:#C7CDD4 !important;
color:#6F7780 !important;
cursor:not-allowed !important;
opacity:1 !important;
box-shadow:none !important;
}
#generate-auto-report-button:disabled:hover{
background:#C7CDD4 !important;
border-color:#C7CDD4 !important;
color:#6F7780 !important;
}
/* =========================================================
LICIQUEST — BOTÃO GERADOR AUTOMÁTICO — AZUL NEON
========================================================= */
#generate-auto-report-button:not(:disabled) {
background: linear-gradient(
90deg,
#00bfff 0%,
#00e5ff 50%,
#00f7ff 100%
) !important;
color: #07111a !important;
border: 1px solid #00e5ff !important;
box-shadow:
0 0 10px rgba(0, 229, 255, 0.35),
0 0 22px rgba(0, 247, 255, 0.18);
font-weight: 800;
}
#generate-auto-report-button:not(:disabled):hover {
filter: brightness(1.08);
box-shadow:
0 0 14px rgba(0, 229, 255, 0.50),
0 0 28px rgba(0, 247, 255, 0.25);
}
/* =========================================================
GERADOR DE RELATÓRIOS — BOTÕES LADO A LADO
========================================================= */
.report-generator-actions {
display: flex;
gap: 12px;
width: 100%;
margin-top: 10px;
}
.report-generator-actions #generate-report-button,
.report-generator-actions #generate-auto-report-button {
flex: 1 1 0;
width: auto !important;
min-height: 38px !important;
height: 38px !important;
padding: 0 14px !important;
margin: 0 !important;
font-size: 13px !important;
line-height: 1.1 !important;
white-space: nowrap;
}
/* mantém responsivo em telas pequenas */
@media (max-width: 760px) {
.report-generator-actions {
flex-direction: column;
gap: 8px;
}
.report-generator-actions #generate-report-button,
.report-generator-actions #generate-auto-report-button {
width: 100% !important;
}
}
/* =========================================================
GERADOR MANUAL — AZUL ESCURO
========================================================= */
#generate-report-button:not(:disabled) {
background: #0B2D4D !important;
border-color: #0B2D4D !important;
color: #FFFFFF !important;
box-shadow: none !important;
}
#generate-report-button:not(:disabled):hover {
background: #123D66 !important;
border-color: #123D66 !important;
color: #FFFFFF !important;
}
/* DATA EM QUE A OPORTUNIDADE FOI SALVA */
.saved-date-side {
display: block;
width: fit-content;
margin: 0 auto 8px auto;
text-align: center;
white-space: nowrap;
}
.saved-date-side {
display: block;
width: fit-content;
margin: 0 auto 8px auto;
text-align: center;
white-space: nowrap;
}
/* =========================================================
SALVAS — COLUNA DIREITA ALINHADA AO TOPO
========================================================= */
.saved-card-side {
align-self: flex-start !important;
justify-content: flex-start !important;
padding-top: 0 !important;
margin-top: 0 !important;
}
.saved-date-side {
margin-top: 0 !important;
margin-bottom: 6px !important;
}
/* =========================================================
SALVAS — COLUNA DE AÇÕES NO TOPO DO CARD
========================================================= */
.saved-card-side {
margin-top: -48px !important;
}
@media (max-width: 760px) {
.saved-card-side {
margin-top: 0 !important;
}
}
/* =========================================================
OPORTUNIDADES SALVAS — DOWNLOAD DOS ARQUIVOS DO PNCP
========================================================= */
.saved-pncp-download {
display: inline-flex;
align-items: center;
justify-content: center;
margin-top: 14px;
padding: 9px 16px;
width: auto;
background: #0B2D4D;
border: 1px solid #0B2D4D;
border-radius: 8px;
color: #FFFFFF !important;
text-decoration: none !important;
font-size: 13px;
font-weight: 800;
line-height: 1;
cursor: pointer;
}
.saved-pncp-download:hover {
background: #123D66;
border-color: #123D66;
color: #FFFFFF !important;
}
}
/* =========================================================
OPORTUNIDADES SALVAS — CARD COM MAIS DESTAQUE
========================================================= */
.saved-opportunity-card {
background: linear-gradient(
135deg,
#F8FBFF 0%,
#EEF6FF 100%
) !important;
border: 1px solid #C9DDF2 !important;
box-shadow:
0 8px 24px rgba(11, 45, 77, 0.08) !important;
}
/* =========================================================
OPORTUNIDADES SALVAS — FUNDO AZUL MAIS VISÍVEL
========================================================= */
.saved-opportunity-card {
background: linear-gradient(
135deg,
#E8F2FF 0%,
#DDEEFF 100%
) !important;
border: 1px solid #AFCBE8 !important;
box-shadow:
0 8px 24px rgba(11, 45, 77, 0.12) !important;
}
/* OPORTUNIDADES SALVAS — AZUL UM POUCO MAIS ESCURO */
.saved-opportunity-card {
background: linear-gradient(
135deg,
#D7E8F8 0%,
#C9DEF2 100%
) !important;
border: 1px solid #9DBBD8 !important;
box-shadow:
0 8px 24px rgba(11, 45, 77, 0.14) !important;
}
/* =========================================================
OPORTUNIDADES SALVAS — CARDS MAIS COMPACTOS
========================================================= */
.saved-opportunity-card {
padding-top: 14px !important;
padding-bottom: 14px !important;
}
.saved-card-top {
margin-bottom: 8px !important;
}
.saved-card-main h2 {
margin-top: 4px !important;
margin-bottom: 8px !important;
line-height: 1.22 !important;
}
.saved-pncp-download {
margin-top: 8px !important;
padding: 8px 14px !important;
}
.saved-card-side {
gap: 8px !important;
}
.saved-card-side .button {
min-height: 40px !important;
padding-top: 8px !important;
padding-bottom: 8px !important;
}
/* =========================================================
MENU PRINCIPAL — VERDE LICIQUEST
========================================================= */
.nav-links a,
.main-nav a,
header nav a {
background: #0A8F73 !important;
color: #FFFFFF !important;
border-color: #0A8F73 !important;
}
.nav-links a:hover,
.main-nav a:hover,
header nav a:hover {
background: #08755F !important;
color: #FFFFFF !important;
}
/* =========================================================
MENU SUPERIOR — VERDE LICIQUEST
========================================================= */
.topbar .bar-inner > nav:not(.public-nav) a {
background: #0A8F73 !important;
background-image: none !important;
color: #FFFFFF !important;
border-color: #0A8F73 !important;
}
.topbar .bar-inner > nav:not(.public-nav) a:hover {
background: #08755F !important;
background-image: none !important;
color: #FFFFFF !important;
border-color: #08755F !important;
}
/* =========================================================
OPORTUNIDADES SALVAS — VALIDAR DOCUMENTOS
========================================================= */
.saved-card-side .saved-validate-documents {
background: #AEB4BA !important;
border-color: #AEB4BA !important;
color: #111111 !important;
font-weight: 800 !important;
}
.saved-card-side .saved-validate-documents:hover {
background: #989FA6 !important;
border-color: #989FA6 !important;
color: #111111 !important;
}
.saved-card-side .saved-validate-documents {
background: #AEB4BA !important;
border-color: #AEB4BA !important;
color: #111111 !important;
font-weight: 800 !important;
}
.saved-card-side .saved-validate-documents:hover {
background: #989FA6 !important;
border-color: #989FA6 !important;
color: #111111 !important;
}
/* =========================================================
ANALISAR EDITAL — INSTRUÇÕES DE GERAÇÃO
========================================================= */
.analysis-instructions {
margin-bottom: 14px;
padding: 14px 16px;
background: #EEF6FF;
border: 1px solid #C7DBEF;
border-radius: 10px;
color: #0B2D4D;
line-height: 1.45;
}
.analysis-instructions > strong {
display: block;
margin-bottom: 8px;
font-size: 14px;
}
.analysis-instructions p {
margin: 5px 0;
font-size: 13px;
}
.analysis-instructions-note {
margin-top: 8px !important;
font-size: 12px !important;
color: #4E5C68;
}
/* =========================================================
ANÁLISE — RESUMO COMPACTO DA OPORTUNIDADE
========================================================= */
.analysis-opportunity-summary {
margin-top: 6px;
max-width: 850px;
}
.analysis-opportunity-summary p {
margin: 2px 0;
font-size: 14px;
line-height: 1.35;
color: #465A72;
}
.analysis-opportunity-summary strong {
color: #0B2D4D;
}
/* =========================================================
ANALISAR EDITAL — TEXTO DAS INSTRUÇÕES MAIOR
========================================================= */
.analysis-instructions > strong {
font-size: 16px !important;
}
.analysis-instructions p {
font-size: 14px !important;
line-height: 1.5 !important;
}
.analysis-instructions-note {
font-size: 13px !important;
}
/* =========================================================
ANALISAR EDITAL — INSTRUÇÕES MAIORES
========================================================= */
.analysis-instructions > strong {
font-size: 19px !important;
line-height: 1.3 !important;
}
.analysis-instructions p {
font-size: 16px !important;
line-height: 1.6 !important;
}
.analysis-instructions-note {
font-size: 15px !important;
line-height: 1.55 !important;
}
/* =========================================================
LICIQUEST - PERFIL DA EMPRESA MODERNO
========================================================= */
.company-profile-page {
width: 100%;
max-width: none;
margin: 0;
}
.company-profile-head {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 24px;
margin-bottom: 24px;
}
.company-profile-head h1 {
margin: 4px 0 8px !important;
}
.company-profile-head-actions {
display:flex;
align-items:center;
gap:10px;
flex:0 0 auto;
}
.company-profile-edit,
.company-profile-back {
min-width:135px;
min-height:42px;
border-radius:10px !important;
}
.company-profile-back {
background:#0d2942;
border-color:#0d2942;
color:#ffffff;
}
.company-profile-back:hover {
background:#123552;
color:#ffffff;
text-decoration:none;
}
/* CARD PRINCIPAL */
.company-profile-panel {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
padding: 0 !important;
}
/* CADA SEÇÃO VIRA UM CARD */
.company-profile-section {
background: #ffffff;
border: 1px solid #dbe4ed;
border-radius: 16px;
padding: 22px 24px;
margin-bottom: 18px;
box-shadow: 0 4px 16px rgba(15, 35, 55, .05);
}
.company-profile-section + .company-profile-section {
border-top: 1px solid #dbe4ed !important;
}
.company-profile-section-head {
margin-bottom: 18px;
}
.company-profile-section-head h2 {
font-size: 17px !important;
font-weight: 800 !important;
margin: 0 0 4px !important;
color: #10243e;
}
.company-profile-section-head p {
margin: 0 !important;
color: #758295;
font-size: 13px;
}
/* GRID DOS DADOS */
.company-profile-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 18px 28px !important;
}
.company-profile-wide {
grid-column: 1 / -1;
}
/* RÓTULOS */
.company-profile-grid label > span,
.company-profile-display > span {
display: block;
margin-bottom: 6px;
font-size: 12px !important;
font-weight: 700 !important;
color: #667386 !important;
}
/* VISUALIZAÇÃO - INPUTS PARECEM TEXTO */
.company-profile-panel:not(.is-editing)
.company-profile-grid input[data-profile-editable],
.company-profile-panel:not(.is-editing)
.company-profile-grid select[data-profile-editable],
.company-profile-panel:not(.is-editing)
.company-profile-locked {
width: 100%;
min-height: auto !important;
padding: 0 !important;
border: 0 !important;
outline: 0 !important;
background: transparent !important;
box-shadow: none !important;
color: #25364d !important;
font-size: 15px !important;
font-weight: 700 !important;
opacity: 1 !important;
-webkit-text-fill-color: #25364d !important;
appearance: none !important;
}
/* CNPJ */
.company-profile-locked {
cursor: default;
}
.company-profile-panel:not(.is-editing)
.company-profile-locked + small {
display: none;
}
.company-profile-panel.is-editing
.company-profile-locked + small {
display: block;
margin-top: 5px;
color: #7b8797;
font-size: 11px;
}
/* MODO EDIÇÃO */
.company-profile-panel.is-editing
.company-profile-grid input[data-profile-editable],
.company-profile-panel.is-editing
.company-profile-grid select[data-profile-editable] {
min-height: 44px !important;
border: 1px solid #cbd6e0 !important;
border-radius: 9px !important;
background: #ffffff !important;
padding: 9px 12px !important;
box-shadow: 0 1px 2px rgba(0,0,0,.02) !important;
}
.company-profile-panel.is-editing
.company-profile-grid input[data-profile-editable]:focus,
.company-profile-panel.is-editing
.company-profile-grid select[data-profile-editable]:focus {
border-color: #0a8f73 !important;
box-shadow: 0 0 0 3px rgba(10,143,115,.10) !important;
}
/* PLANO */
.company-profile-display {
align-self: end;
}
.company-profile-display strong {
display: inline-flex !important;
align-items: center;
min-height: 30px;
padding: 5px 12px !important;
border-radius: 999px;
background: #e8f7f2 !important;
color: #08745f !important;
border: 1px solid #bce8da;
font-size: 12px !important;
font-weight: 800 !important;
letter-spacing: .04em;
}
/* RAMOS */
.company-profile-activities {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 10px !important;
}
.company-profile-activity {
min-height: 42px !important;
padding: 9px 13px !important;
border-radius: 10px !important;
border: 1px solid #e0e6ec !important;
background: #ffffff !important;
transition: .18s ease;
}
/* NO MODO VISUALIZAÇÃO MOSTRA SOMENTE RAMOS MARCADOS */
.company-profile-panel:not(.is-editing)
.company-profile-activity:has(input:not(:checked)) {
display: none !important;
}
.company-profile-panel:not(.is-editing)
.company-profile-activity:has(input:checked) {
display: inline-flex !important;
width: fit-content !important;
min-height: 34px !important;
padding: 6px 12px !important;
background: #e8f7f2 !important;
border-color: #bce8da !important;
color: #08745f !important;
}
.company-profile-panel:not(.is-editing)
.company-profile-activity:has(input:checked) input {
display: none !important;
}
.company-profile-panel:not(.is-editing)
.company-profile-activities {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
}
/* EDIÇÃO DOS RAMOS */
.company-profile-panel.is-editing
.company-profile-activity:hover {
border-color: #aebdca !important;
background: #f8fafb !important;
}
.company-profile-panel.is-editing
.company-profile-activity:has(input:checked) {
border-color: #0a8f73 !important;
background: #edf9f5 !important;
color: #08745f !important;
}
/* BOTÕES SALVAR / CANCELAR */
.company-profile-actions {
display: flex;
justify-content: flex-end;
gap: 10px;
margin-top: 18px;
padding: 18px 0 4px;
}
.company-profile-actions[hidden] {
display: none !important;
}
/* RESPONSIVO */
@media (max-width: 900px) {
.company-profile-activities {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 650px) {
.company-profile-head {
flex-direction: column;
}
.company-profile-head-actions {
width:100%;
flex-direction:column;
}
.company-profile-edit,
.company-profile-back {
width:100%;
}
.company-profile-section {
padding: 18px 16px;
}
.company-profile-grid {
grid-template-columns: 1fr !important;
gap: 16px !important;
}
.company-profile-wide {
grid-column: auto;
}
.company-profile-activities {
grid-template-columns: 1fr !important;
}
}
/* =========================================================
PERFIL - AJUSTE DE TAMANHOS DE TEXTO
========================================================= */
.company-profile-section-head h2 {
font-size: 20px !important;
}
.company-profile-section-head p {
font-size: 15px !important;
line-height: 1.5 !important;
}
.company-profile-grid label > span,
.company-profile-display > span {
font-size: 14px !important;
line-height: 1.4 !important;
}
.company-profile-panel:not(.is-editing)
.company-profile-grid input[data-profile-editable],
.company-profile-panel:not(.is-editing)
.company-profile-grid select[data-profile-editable],
.company-profile-panel:not(.is-editing)
.company-profile-locked {
font-size: 17px !important;
line-height: 1.45 !important;
}
.company-profile-display strong {
font-size: 14px !important;
}
.company-profile-activity span {
font-size: 14px !important;
}
/* =========================================================
PERFIL - TEXTO MAIOR E DISTRIBUIÇÃO DO CARD
========================================================= */
.company-profile-section {
padding: 24px 26px !important;
}
/* Colunas mais bem distribuídas no card */
.company-profile-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
justify-content: stretch !important;
column-gap: 24px !important;
row-gap: 18px !important;
}
/* Faz os campos da coluna direita ficarem mais afastados da esquerda */
.company-profile-grid > label:nth-child(2),
.company-profile-grid > label:nth-child(5) {
padding-left: 0;
}
/* Rótulos */
.company-profile-grid label > span,
.company-profile-display > span {
font-size: 15px !important;
font-weight: 700 !important;
margin-bottom: 8px !important;
}
/* Valores */
.company-profile-panel:not(.is-editing)
.company-profile-grid input[data-profile-editable],
.company-profile-panel:not(.is-editing)
.company-profile-grid select[data-profile-editable],
.company-profile-panel:not(.is-editing)
.company-profile-locked {
font-size: 19px !important;
font-weight: 700 !important;
line-height: 1.45 !important;
}
/* Endereço */
.company-profile-wide {
grid-column: 1 / -1 !important;
}
/* Plano */
.company-profile-display strong {
font-size: 16px !important;
min-height: 34px !important;
padding: 6px 14px !important;
}
/* PERFIL — DADOS + PLANO + DOMICÍLIO */
.company-profile-main-head {
margin-bottom: 22px !important;
}
.company-profile-fiscal-inline {
margin-top: 24px;
padding-top: 22px;
border-top: 1px solid #e3eaf0;
}
.company-profile-fiscal-inline .company-profile-section-head {
margin-bottom: 16px !important;
}
.lq-activity-limit {
display: flex !important;
align-items: center;
gap: 10px;
margin-top: 10px !important;
font-size: 13px !important;
font-weight: 700 !important;
color: #667b8c !important;
}
.lq-activity-limit strong {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 28px;
padding: 4px 11px;
border-radius: 999px;
background: rgba(15,159,143,.10);
border: 1px solid rgba(15,159,143,.22);
color: #087f71;
font-size: 13px;
font-weight: 800;
}
@media (min-width: 1051px) {
.company-profile-data-section > .company-profile-grid {
grid-template-columns:
minmax(0, 1fr)
minmax(0, 1fr)
minmax(300px, .72fr) !important;
column-gap: 26px !important;
}
.company-profile-data-section > .company-profile-grid > .company-profile-wide {
grid-column: 1 / 3 !important;
}
.company-profile-data-section > .company-profile-grid > .company-plan-card {
grid-column: 3 !important;
grid-row: 1 / span 4 !important;
margin-top: 0 !important;
align-self: stretch;
}
.company-profile-fiscal-inline .company-profile-grid {
grid-template-columns:
minmax(0, 1fr)
minmax(0, 1fr) !important;
max-width: 66%;
}
}
@media (max-width: 1050px) {
.company-profile-data-section > .company-profile-grid > .company-plan-card {
grid-column: 1 / -1 !important;
grid-row: auto !important;
}
.company-profile-fiscal-inline .company-profile-grid {
max-width: none;
}
}
/* Títulos internos */
.company-profile-section-head h2 {
font-size: 21px !important;
}
/* Texto auxiliar */
.company-profile-section-head p {
font-size: 16px !important;
}
/* Mobile */
@media (max-width: 650px) {
.company-profile-grid {
grid-template-columns: 1fr !important;
column-gap: 0 !important;
}
.company-profile-grid > label:nth-child(2),
.company-profile-grid > label:nth-child(5) {
padding-left: 0;
}
}
/* =========================================================
LICIQUEST PREMIUM UI - OPORTUNIDADES
========================================================= */
:root{
--lq-navy:#07182d;
--lq-navy-2:#0b213d;
--lq-navy-3:#112d4d;
--lq-green:#079777;
--lq-green-dark:#06755e;
--lq-green-light:#e7f8f2;
--lq-blue:#2563a8;
--lq-bg:#f3f7fb;
--lq-card:#ffffff;
--lq-text:#10243e;
--lq-muted:#738298;
--lq-border:#dbe5ef;
--lq-shadow:
0 10px 30px rgba(10,31,54,.07);
--lq-radius:16px;
}
/* =========================================================
FUNDO
========================================================= */
body{
background:
linear-gradient(
180deg,
#f4f8fc 0%,
#f7f9fc 100%
) !important;
color:var(--lq-text);
}
/* =========================================================
TOPO / NAVEGAÇÃO
========================================================= */
.topbar{
background:
linear-gradient(
135deg,
#07172b 0%,
#0b213d 100%
) !important;
border-bottom:1px solid rgba(255,255,255,.08) !important;
box-shadow:
0 4px 18px rgba(0,0,0,.14);
}
.topbar .bar-inner{
max-width:1440px !important;
min-height:72px !important;
gap:28px !important;
}
.topbar .brand-logo img{
max-height:44px;
}
.topbar .bar-inner > nav:not(.public-nav){
gap:7px !important;
}
.topbar .bar-inner > nav:not(.public-nav) a{
background:transparent !important;
border:1px solid transparent !important;
color:#dce7f5 !important;
min-height:40px;
padding:9px 14px !important;
border-radius:9px !important;
font-size:14px !important;
font-weight:700 !important;
transition:.18s ease;
}
.topbar .bar-inner > nav:not(.public-nav) a:hover{
background:#17324f !important;
border-color:#284765 !important;
color:#ffffff !important;
text-decoration:none !important;
}
/* =========================================================
LARGURA DO DASHBOARD
========================================================= */
main.wrap.main:has(.dashboard-full:not(.lq-saved-page)){
max-width:1440px !important;
padding-left:34px !important;
padding-right:34px !important;
padding-top:26px !important;
}
.dashboard-full{
max-width:none !important;
}
/* =========================================================
HERO
========================================================= */
.lq-dashboard-hero{
position:relative;
display:grid;
grid-template-columns:minmax(0,1.55fr) minmax(330px,.75fr);
gap:42px;
padding:36px 38px;
margin-bottom:20px;
border-radius:20px;
overflow:hidden;
color:#ffffff;
background:
radial-gradient(
circle at 80% 10%,
rgba(30,164,129,.18),
transparent 36%
),
linear-gradient(
135deg,
#07182d 0%,
#0b213c 70%,
#0c2945 100%
);
box-shadow:
0 18px 40px rgba(7,24,45,.18);
}
.lq-dashboard-hero::after{
content:"";
position:absolute;
width:420px;
height:420px;
right:-140px;
bottom:-250px;
border-radius:50%;
background:
rgba(7,151,119,.08);
pointer-events:none;
}
.lq-hero-main{
position:relative;
z-index:2;
}
.lq-hero-eyebrow{
margin:0 0 11px;
color:#65e0b9;
font-size:12px;
font-weight:800;
letter-spacing:.14em;
}
.lq-hero-main h1{
max-width:760px;
margin:0;
color:#ffffff;
font-size:
clamp(36px,4vw,56px) !important;
line-height:1.02 !important;
letter-spacing:-.045em !important;
}
.lq-hero-main h1 span{
color:#45d6a6;
}
.lq-hero-description{
max-width:680px;
margin:17px 0 25px;
color:#d2deeb;
font-size:17px;
line-height:1.55;
}
.lq-hero-benefits{
display:flex;
flex-wrap:wrap;
gap:28px;
}
.lq-hero-benefit{
display:flex;
align-items:center;
gap:11px;
}
.lq-hero-benefit b{
display:flex;
align-items:center;
justify-content:center;
width:39px;
height:39px;
flex:0 0 39px;
border-radius:50%;
background:
rgba(37,199,154,.14);
border:
1px solid rgba(82,227,185,.27);
color:#54ddb2;
font-size:17px;
}
.lq-hero-benefit span{
display:grid;
gap:2px;
}
.lq-hero-benefit strong{
color:#ffffff;
font-size:14px;
}
.lq-hero-benefit small{
color:#9eb0c4;
font-size:12px;
}
/* HERO DIREITA */
.lq-hero-side{
position:relative;
z-index:2;
align-self:stretch;
display:flex;
flex-direction:column;
justify-content:center;
padding:26px;
border-radius:16px;
border:
1px solid rgba(58,207,164,.35);
background:
linear-gradient(
135deg,
rgba(6,39,56,.88),
rgba(6,30,49,.76)
);
box-shadow:
inset 0 1px rgba(255,255,255,.05);
}
.lq-hero-side-line{
display:block;
width:42px;
height:3px;
margin-bottom:16px;
border-radius:20px;
background:#3bd1a1;
}
.lq-hero-side h2{
margin:0 0 13px;
color:#ffffff;
font-size:25px !important;
line-height:1.18;
}
.lq-hero-side p{
margin:0 0 19px;
color:#bac9d8;
line-height:1.5;
}
.lq-hero-profile-link{
width:fit-content;
color:#52ddb3 !important;
font-weight:750;
font-size:13px;
}
.lq-hero-profile-link:hover{
color:#ffffff !important;
}
/* =========================================================
KPIs
========================================================= */
.lq-dashboard-kpis{
display:grid;
grid-template-columns:
repeat(4,minmax(0,1fr));
gap:14px;
margin-bottom:20px;
}
.lq-kpi-card{
min-height:108px;
display:flex;
align-items:center;
gap:14px;
padding:18px;
background:#ffffff;
border:1px solid var(--lq-border);
border-radius:14px;
box-shadow:
0 5px 18px rgba(16,36,62,.045);
}
.lq-kpi-icon{
width:48px;
height:48px;
flex:0 0 48px;
display:flex;
align-items:center;
justify-content:center;
border-radius:13px;
background:#e8f7f2;
color:#078568;
font-size:23px;
font-weight:800;
}
.lq-kpi-card > div{
min-width:0;
display:grid;
gap:2px;
}
.lq-kpi-card strong{
color:#10243e;
font-size:25px;
line-height:1;
}
.lq-kpi-card span:not(.lq-kpi-icon){
color:#283e58;
font-size:15px;
font-weight:750;
}
.lq-kpi-card small{
color:#8a97a8;
font-size:12.5px;
}
/* =========================================================
FILTROS
========================================================= */
.dashboard-full .location-filter-panel{
position:relative;
margin:0 0 21px !important;
padding:22px 24px !important;
background:#ffffff !important;
border:
1px solid var(--lq-border) !important;
border-radius:var(--lq-radius) !important;
box-shadow:var(--lq-shadow) !important;
}
.dashboard-full .location-filter-panel::before{
content:"Filtrar oportunidades";
display:block;
margin-bottom:16px;
color:#10243e;
font-size:18px;
font-weight:800;
}
.dashboard-full .location-filter-form{
display:grid !important;
grid-template-columns:
minmax(220px,1fr)
minmax(170px,.8fr)
minmax(190px,.9fr) !important;
gap:14px !important;
align-items:end !important;
}
.dashboard-full .location-filter-form label{
color:#50647c !important;
font-size:12px !important;
font-weight:750 !important;
letter-spacing:0 !important;
text-transform:none !important;
}
.dashboard-full .location-filter-form select{
min-height:48px !important;
padding:10px 14px !important;
border:
1px solid #cfdce8 !important;
border-radius:10px !important;
background:#ffffff !important;
color:#263a52 !important;
font-size:14px !important;
font-weight:650 !important;
}
.dashboard-full .location-filter-form select:focus{
border-color:#159b7b !important;
outline:none !important;
box-shadow:
0 0 0 3px rgba(21,155,123,.10) !important;
}
.dashboard-full .location-filter-form > .button{
min-height:48px !important;
padding:10px 24px !important;
border-radius:10px !important;
background:
linear-gradient(
135deg,
#099775,
#05765d
) !important;
border:0 !important;
box-shadow:
0 7px 17px rgba(7,137,106,.19);
color:#ffffff !important;
font-size:14px !important;
font-weight:800 !important;
}
.dashboard-full .location-filter-form > .button:hover{
transform:translateY(-1px);
box-shadow:
0 10px 22px rgba(7,137,106,.23);
}
.dashboard-full .location-filter-help{
margin:13px 0 0 !important;
color:#7a899d !important;
font-size:12px !important;
}
/* =========================================================
RESUMO DA BUSCA
========================================================= */
.dashboard-full .search-summary{
margin:18px 0 0 !important;
padding-top:17px;
border-top:
1px solid #edf1f5;
display:flex !important;
align-items:center;
gap:9px !important;
flex-wrap:wrap;
}
.dashboard-full .search-summary-line{
display:flex;
align-items:center;
gap:7px;
padding:7px 10px;
border-radius:8px;
background:#f4f7fa;
}
.dashboard-full .search-summary-line strong{
color:#557087;
font-size:11px;
letter-spacing:.04em;
}
.dashboard-full .search-summary-line > span,
.dashboard-full .search-activity-chips span{
color:#08755f !important;
background:#e8f7f2 !important;
border:
1px solid #bfe8db;
border-radius:999px;
padding:4px 8px !important;
font-size:11px !important;
font-weight:750;
}
/* =========================================================
CONTAGEM
========================================================= */
.dashboard-full .results-count{
position:relative;
margin:28px 0 14px !important;
color:#10243e !important;
font-size:22px !important;
font-weight:850 !important;
letter-spacing:-.02em;
}
.dashboard-full .results-count::before{
content:"Oportunidades encontradas";
display:block;
margin-bottom:4px;
color:#10243e;
font-size:24px;
font-weight:850;
}
.dashboard-full .results-count{
font-size:13px !important;
color:#8491a3 !important;
}
/* =========================================================
CARDS DE OPORTUNIDADES
========================================================= */
.dashboard-full .cards{
display:grid !important;
grid-template-columns:1fr !important;
gap:12px !important;
}
.dashboard-full .cards .opportunity-card,
.dashboard-full .cards .opportunity-card:nth-child(5n+1),
.dashboard-full .cards .opportunity-card:nth-child(5n+2),
.dashboard-full .cards .opportunity-card:nth-child(5n+3),
.dashboard-full .cards .opportunity-card:nth-child(5n+4),
.dashboard-full .cards .opportunity-card:nth-child(5n+5){
position:relative;
padding:19px 20px !important;
background:#ffffff !important;
border:
1px solid #dce5ed !important;
border-radius:14px !important;
box-shadow:
0 5px 18px rgba(12,34,58,.045) !important;
transition:
transform .17s ease,
box-shadow .17s ease,
border-color .17s ease;
}
.dashboard-full .cards .opportunity-card:hover{
transform:translateY(-2px);
border-color:#c3d7e7 !important;
box-shadow:
0 12px 28px rgba(12,34,58,.09) !important;
}
/* LOCAL / ÓRGÃO */
.dashboard-full .opportunity-identification{
display:flex !important;
align-items:center;
gap:10px !important;
flex-wrap:wrap;
}
.dashboard-full .opportunity-card .pill{
background:#e7f8f2 !important;
color:#08755f !important;
border:
1px solid #bee8db !important;
padding:5px 10px !important;
border-radius:999px !important;
font-size:11px !important;
font-weight:800 !important;
}
.dashboard-full .opportunity-agency-top{
color:#4d6178 !important;
font-size:12px !important;
font-weight:700 !important;
}
/* TÍTULO */
.dashboard-full .opportunity-card-main h2{
margin-top:13px !important;
margin-bottom:12px !important;
max-width:850px;
color:#10243e !important;
font-size:17px !important;
line-height:1.35 !important;
font-weight:800 !important;
letter-spacing:-.015em;
}
/* LAYOUT */
.dashboard-full .opportunity-card-layout{
display:grid !important;
grid-template-columns:
minmax(0,1fr)
minmax(225px,275px) !important;
gap:22px !important;
align-items:center;
}
/* VALOR */
.dashboard-full .opportunity-value{
padding:10px 12px !important;
border-radius:10px;
background:#f5f8fb !important;
border:
1px solid #e3eaf0;
text-align:left !important;
}
.dashboard-full .opportunity-value strong{
display:block;
margin-bottom:4px;
color:#7a899b !important;
font-size:10px !important;
text-transform:uppercase;
letter-spacing:.05em;
}
.dashboard-full .opportunity-value span{
color:#10243e !important;
font-size:17px !important;
font-weight:850 !important;
}
/* PRAZO */
.dashboard-full .opportunity-card .date{
color:#51667d !important;
font-size:12px !important;
line-height:1.4;
}
.dashboard-full .opportunity-card .date strong{
color:#10243e;
font-weight:800;
}
/* AÇÕES */
.dashboard-full .opportunity-side-actions{
display:grid !important;
gap:8px !important;
margin-top:9px !important;
}
.dashboard-full .opportunity-side-actions .button{
width:100% !important;
min-height:40px !important;
border-radius:9px !important;
font-size:12px !important;
font-weight:800 !important;
transform:none !important;
}
.dashboard-full
.opportunity-side-actions
.button.primary{
background:
linear-gradient(
135deg,
#099775,
#05765e
) !important;
color:#ffffff !important;
border:0 !important;
}
.dashboard-full
.opportunity-side-actions
.button.secondary{
background:#ffffff !important;
color:#193653 !important;
border:
1px solid #ccd8e3 !important;
}
.dashboard-full
.opportunity-side-actions
.button.secondary:hover{
background:#f3f7fa !important;
}
/* SALVA */
.dashboard-full .saved-label{
display:flex;
align-items:center;
justify-content:center;
min-height:40px;
padding:8px 12px;
border-radius:9px;
background:#e7f8f2;
border:1px solid #bee8db;
color:#08755f !important;
font-size:12px;
font-weight:800;
}
/* =========================================================
MOBILE
========================================================= */
@media(max-width:1000px){
.lq-dashboard-hero{
grid-template-columns:1fr;
}
.lq-dashboard-kpis{
grid-template-columns:
repeat(2,minmax(0,1fr));
}
.dashboard-full .location-filter-form{
grid-template-columns:
1fr 1fr !important;
}
.dashboard-full .location-filter-form > .button{
grid-column:1 / -1;
}
}
@media(max-width:700px){
main.wrap.main:has(.dashboard-full:not(.lq-saved-page)){
padding-left:15px !important;
padding-right:15px !important;
}
.lq-dashboard-hero{
padding:25px 20px;
border-radius:15px;
}
.lq-hero-main h1{
font-size:37px !important;
}
.lq-hero-benefits{
display:grid;
gap:14px;
}
.lq-dashboard-kpis{
grid-template-columns:1fr;
}
.dashboard-full .location-filter-form{
grid-template-columns:1fr !important;
}
.dashboard-full .opportunity-card-layout{
grid-template-columns:1fr !important;
}
.dashboard-full .opportunity-card-side{
width:100% !important;
}
}
/* =========================================================
LICIQUEST PREMIUM - HEADER REFINADO
========================================================= */
.topbar .bar-inner{
max-width:1440px !important;
min-height:72px !important;
padding-left:28px !important;
padding-right:28px !important;
}
.topbar .brand-logo{
display:flex;
align-items:center;
margin-right:auto;
}
.topbar .brand-logo img{
max-height:34px !important;
width:auto !important;
}
.topbar .bar-inner > nav:not(.public-nav){
margin-left:auto !important;
display:flex !important;
align-items:center !important;
gap:8px !important;
}
.topbar .bar-inner > nav:not(.public-nav) a{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
min-height:40px !important;
padding:9px 14px !important;
border-radius:9px !important;
background:transparent !important;
border:1px solid transparent !important;
color:#d8e4f1 !important;
font-size:13px !important;
font-weight:750 !important;
transition:.18s ease !important;
}
.topbar .bar-inner > nav:not(.public-nav) a:hover{
background:#17334f !important;
border-color:#294968 !important;
color:#ffffff !important;
text-decoration:none !important;
}
.topbar .logout-form{
margin-left:10px !important;
}
.topbar .logout-form .text-button{
min-height:40px !important;
padding:9px 14px !important;
border-radius:9px !important;
background:#17334f !important;
border:1px solid #294968 !important;
color:#d8e4f1 !important;
font-size:13px !important;
font-weight:750 !important;
}
.topbar .logout-form .text-button:hover{
background:#203f5e !important;
color:#ffffff !important;
}
/* HERO UM POUCO MAIS COMPACTO */
.lq-dashboard-hero{
padding-top:30px !important;
padding-bottom:30px !important;
}
.lq-hero-main h1{
font-size:clamp(34px,3.7vw,52px) !important;
}
.lq-hero-description{
margin-top:14px !important;
margin-bottom:22px !important;
}
/* =========================================================
PREMIUM - NAV ATIVA + SAIR NEUTRO
========================================================= */
.topbar .logout-form .text-button{
background:#16324e !important;
border:1px solid #294765 !important;
color:#dce7f3 !important;
}
.topbar .logout-form .text-button:hover{
background:#1d3d5b !important;
border-color:#365876 !important;
color:#ffffff !important;
}
/* Oportunidades como item ativo nesta tela */
/* =========================================================
PREMIUM - KPIs REFINADOS
========================================================= */
.lq-dashboard-kpis{
gap:16px !important;
}
.lq-kpi-card{
min-height:112px !important;
padding:20px !important;
border-radius:15px !important;
box-shadow:0 7px 22px rgba(10,31,54,.06) !important;
}
.lq-kpi-card:hover{
transform:translateY(-2px);
box-shadow:0 12px 28px rgba(10,31,54,.09) !important;
}
.lq-kpi-icon{
width:50px !important;
height:50px !important;
flex-basis:50px !important;
border-radius:14px !important;
}
.lq-kpi-card strong{
font-size:25px;
font-weight:850 !important;
}
.lq-kpi-card span:not(.lq-kpi-icon){
font-size:15px;
font-weight:800 !important;
}
.lq-kpi-card small{
font-size:12.5px;
line-height:1.35 !important;
}
/* =========================================================
HEADER PREMIUM - CORREÇÃO DEFINITIVA BOTÃO SAIR
========================================================= */
body .topbar .bar-inner .logout-form .text-button,
body .topbar .bar-inner .logout-form button.text-button {
background: #17334f !important;
background-image: none !important;
border: 1px solid #294b69 !important;
color: #dce7f3 !important;
min-height: 40px !important;
padding: 9px 15px !important;
border-radius: 9px !important;
box-shadow: none !important;
font-size: 13px !important;
font-weight: 750 !important;
}
body .topbar .bar-inner .logout-form .text-button:hover,
body .topbar .bar-inner .logout-form button.text-button:hover {
background: #203e5c !important;
border-color: #3b5d7b !important;
color: #ffffff !important;
}
/* =========================================================
LICIQUEST PREMIUM - FILTROS V2
========================================================= */
.dashboard-full .location-filter-panel{
display:grid !important;
grid-template-columns:1fr !important;
gap:0 !important;
padding:24px 26px 20px !important;
background:#ffffff !important;
border:1px solid #dbe5ef !important;
border-radius:16px !important;
box-shadow:
0 8px 26px rgba(10,31,54,.055) !important;
}
/* TÍTULO */
.dashboard-full .location-filter-panel::before{
content:"Filtrar oportunidades" !important;
display:block !important;
margin:0 0 3px !important;
color:#10243e !important;
font-size:19px !important;
font-weight:850 !important;
line-height:1.25 !important;
order:0 !important;
}
/* SUBTÍTULO */
.dashboard-full .location-filter-panel::after{
content:"Refine a localização para encontrar oportunidades mais aderentes ao seu negócio.";
display:block;
margin:0 0 20px;
color:#7a899b;
font-size:13px;
line-height:1.45;
}
/* FORMULÁRIO */
.dashboard-full .location-filter-form{
order:1 !important;
display:grid !important;
grid-template-columns:
minmax(245px,1fr)
minmax(190px,.72fr)
minmax(210px,.85fr) !important;
gap:14px !important;
align-items:end !important;
width:100% !important;
}
/* CAMPOS */
.dashboard-full .location-filter-main,
.dashboard-full .location-filter-state,
.dashboard-full .location-filter-city{
width:100% !important;
min-width:0 !important;
}
.dashboard-full .location-filter-form label{
display:block !important;
margin:0 0 7px !important;
color:#53677e !important;
font-size:12px !important;
font-weight:750 !important;
letter-spacing:0 !important;
text-transform:none !important;
}
.dashboard-full .location-filter-form select{
width:100% !important;
min-height:48px !important;
padding:10px 14px !important;
border:1px solid #ccd9e5 !important;
border-radius:10px !important;
background:#ffffff !important;
color:#213750 !important;
font-size:14px !important;
font-weight:700 !important;
box-shadow:none !important;
}
.dashboard-full .location-filter-form select:hover{
border-color:#aebfce !important;
}
.dashboard-full .location-filter-form select:focus{
border-color:#079777 !important;
box-shadow:
0 0 0 3px rgba(7,151,119,.10) !important;
outline:none !important;
}
/* BOTÃO */
.dashboard-full .location-filter-form > .button{
min-height:48px !important;
padding:10px 22px !important;
border:0 !important;
border-radius:10px !important;
background:
linear-gradient(
135deg,
#079777,
#05755d
) !important;
color:#ffffff !important;
font-size:14px !important;
font-weight:850 !important;
box-shadow:
0 7px 18px rgba(7,151,119,.18) !important;
transition:.18s ease !important;
}
.dashboard-full .location-filter-form > .button:hover{
transform:translateY(-1px);
box-shadow:
0 10px 22px rgba(7,151,119,.24) !important;
}
/* TEXTO DE AJUDA */
.dashboard-full .location-filter-help{
order:2 !important;
margin:13px 0 0 !important;
color:#728299 !important;
font-size:12.5px !important;
line-height:1.5 !important;
}
/* =========================================================
RESUMO DA BUSCA - CHIPS PREMIUM
========================================================= */
.dashboard-full .search-summary,
.dashboard-full .search-summary-side{
order:3 !important;
position:static !important;
width:100% !important;
display:flex !important;
flex-wrap:wrap !important;
align-items:center !important;
gap:9px !important;
margin:18px 0 0 !important;
padding:16px 0 0 !important;
border-top:1px solid #edf2f6 !important;
background:transparent !important;
box-shadow:none !important;
}
.dashboard-full .search-summary-line{
display:flex !important;
align-items:center !important;
gap:7px !important;
min-height:35px !important;
padding:6px 10px !important;
background:#f5f8fb !important;
border:1px solid #e2e9ef !important;
border-radius:9px !important;
}
.dashboard-full .search-summary-line strong{
color:#607289 !important;
font-size:10px !important;
font-weight:850 !important;
letter-spacing:.04em !important;
}
.dashboard-full .search-summary-line > span,
.dashboard-full .search-activity-chips span{
display:inline-flex !important;
align-items:center !important;
padding:4px 9px !important;
background:#e7f8f2 !important;
border:1px solid #bce8db !important;
border-radius:999px !important;
color:#08755f !important;
font-size:11px !important;
font-weight:800 !important;
}
/* remove qualquer vermelho antigo dos chips */
.dashboard-full .search-summary-line span,
.dashboard-full .search-summary-line div span{
color:#08755f !important;
border-color:#bce8db !important;
}
/* =========================================================
RESPONSIVO
========================================================= */
@media(max-width:900px){
.dashboard-full .location-filter-form{
grid-template-columns:
1fr 1fr !important;
}
.dashboard-full .location-filter-form > .button{
grid-column:1 / -1;
}
}
@media(max-width:650px){
.dashboard-full .location-filter-panel{
padding:20px 16px !important;
}
.dashboard-full .location-filter-form{
grid-template-columns:1fr !important;
}
.dashboard-full .location-filter-form > .button{
grid-column:auto;
width:100% !important;
}
}
/* =========================================================
LICIQUEST - FILTRO PREMIUM CORREÇÃO ESTRUTURAL
========================================================= */
.dashboard-full .location-filter-panel{
display:block !important;
position:relative !important;
padding:24px 26px !important;
}
/* Desativa títulos artificiais das versões anteriores */
.dashboard-full .location-filter-panel::before,
.dashboard-full .location-filter-panel::after{
content:none !important;
display:none !important;
}
/* CABEÇALHO REAL */
.dashboard-full .lq-filter-heading{
display:flex !important;
align-items:flex-start !important;
justify-content:space-between !important;
margin:0 0 20px !important;
padding:0 !important;
}
.dashboard-full .lq-filter-heading h2{
margin:0 0 4px !important;
color:#10243e !important;
font-size:20px !important;
line-height:1.25 !important;
font-weight:850 !important;
letter-spacing:-.015em !important;
}
.dashboard-full .lq-filter-heading p{
margin:0 !important;
color:#7b899b !important;
font-size:13px !important;
line-height:1.45 !important;
}
/* FORMULÁRIO */
.dashboard-full .location-filter-panel .location-filter-form{
display:grid !important;
grid-template-columns:
minmax(250px,1fr)
minmax(190px,.72fr)
minmax(230px,.85fr) !important;
gap:14px !important;
align-items:end !important;
width:100% !important;
margin:0 !important;
padding:0 !important;
}
/* AJUDA */
.dashboard-full .location-filter-panel .location-filter-help{
display:block !important;
position:static !important;
width:auto !important;
margin:13px 0 0 !important;
padding:0 !important;
transform:none !important;
color:#718198 !important;
font-size:12.5px !important;
}
/* =========================================================
RESUMO: REMOVE A CAIXA LATERAL ANTIGA
========================================================= */
body .dashboard-full
.location-filter-panel
.search-summary.search-summary-side{
position:static !important;
inset:auto !important;
top:auto !important;
right:auto !important;
bottom:auto !important;
left:auto !important;
float:none !important;
width:100% !important;
max-width:none !important;
min-width:0 !important;
height:auto !important;
transform:none !important;
display:flex !important;
flex-direction:row !important;
flex-wrap:wrap !important;
align-items:center !important;
justify-content:flex-start !important;
gap:8px !important;
margin:18px 0 0 !important;
padding:16px 0 0 !important;
border:0 !important;
border-top:1px solid #edf1f5 !important;
border-radius:0 !important;
background:transparent !important;
box-shadow:none !important;
}
/* CADA RESUMO */
body .dashboard-full
.location-filter-panel
.search-summary-side
.search-summary-line{
position:static !important;
display:flex !important;
flex-direction:row !important;
align-items:center !important;
gap:7px !important;
width:auto !important;
min-height:34px !important;
margin:0 !important;
padding:6px 9px !important;
background:#f5f8fb !important;
border:1px solid #e0e8ef !important;
border-radius:9px !important;
box-shadow:none !important;
}
/* TÍTULOS DOS CHIPS */
body .dashboard-full
.location-filter-panel
.search-summary-side
.search-summary-line strong{
margin:0 !important;
color:#65778d !important;
font-size:10px !important;
font-weight:850 !important;
letter-spacing:.045em !important;
}
/* REMOVE DEFINITIVAMENTE O VERMELHO ANTIGO */
body .dashboard-full
.location-filter-panel
.search-summary-side
.search-summary-line > span,
body .dashboard-full
.location-filter-panel
.search-summary-side
.search-activity-chips span{
display:inline-flex !important;
align-items:center !important;
margin:0 !important;
padding:4px 9px !important;
background:#e7f8f2 !important;
background-image:none !important;
border:1px solid #b9e6d9 !important;
border-radius:999px !important;
color:#08755f !important;
font-size:11px !important;
font-weight:800 !important;
box-shadow:none !important;
text-transform:none !important;
}
/* =========================================================
RESULTADOS - REMOVE BARRA AZUL ANTIGA
========================================================= */
body .dashboard-full .results-count{
display:block !important;
width:100% !important;
margin:30px 0 15px !important;
padding:0 !important;
background:transparent !important;
background-image:none !important;
border:0 !important;
border-radius:0 !important;
box-shadow:none !important;
color:#8391a3 !important;
font-size:13px !important;
font-weight:600 !important;
}
body .dashboard-full .results-count::before{
content:"Oportunidades encontradas" !important;
display:block !important;
margin:0 0 4px !important;
color:#10243e !important;
font-size:24px !important;
line-height:1.2 !important;
font-weight:850 !important;
text-transform:none !important;
}
/* MOBILE */
@media(max-width:900px){
.dashboard-full
.location-filter-panel
.location-filter-form{
grid-template-columns:1fr 1fr !important;
}
.dashboard-full
.location-filter-panel
.location-filter-form > .button{
grid-column:1 / -1 !important;
}
}
@media(max-width:650px){
.dashboard-full
.location-filter-panel
.location-filter-form{
grid-template-columns:1fr !important;
}
.dashboard-full
.location-filter-panel
.location-filter-form > .button{
grid-column:auto !important;
}
}
/* =========================================================
HERO PREMIUM FINAL COM IMAGEM
========================================================= */
.lq-dashboard-hero{
min-height:360px !important;
padding:34px 38px !important;
grid-template-columns:
minmax(0,1.45fr)
minmax(360px,.85fr) !important;
align-items:center !important;
background-image:
linear-gradient(
90deg,
rgba(4,20,38,.98) 0%,
rgba(4,20,38,.93) 38%,
rgba(5,29,48,.72) 68%,
rgba(5,36,53,.40) 100%
),
url('/static/hero-licitacoes.png') !important;
background-size:cover !important;
background-position:center right !important;
background-repeat:no-repeat !important;
border-radius:20px !important;
box-shadow:
0 18px 42px rgba(5,22,38,.20) !important;
}
/* remove formas antigas por cima da imagem */
.lq-dashboard-hero::after{
display:none !important;
}
/* TEXTO PRINCIPAL */
.lq-hero-main{
max-width:760px !important;
}
.lq-hero-eyebrow{
margin-bottom:10px !important;
color:#46dbae !important;
font-size:11px !important;
font-weight:850 !important;
letter-spacing:.13em !important;
}
.lq-hero-main h1{
max-width:720px !important;
margin:0 !important;
color:#ffffff !important;
font-size:clamp(38px,4vw,54px) !important;
line-height:1.03 !important;
letter-spacing:-.045em !important;
}
.lq-hero-main h1 span{
color:#43d6a6 !important;
}
.lq-hero-description{
max-width:670px !important;
margin:17px 0 26px !important;
color:#d8e3ee !important;
font-size:16px !important;
line-height:1.55 !important;
}
/* BENEFÍCIOS */
.lq-hero-benefits{
display:flex !important;
align-items:center !important;
gap:24px !important;
}
.lq-hero-benefit{
position:relative;
gap:10px !important;
}
.lq-hero-benefit:not(:last-child){
padding-right:24px;
}
.lq-hero-benefit:not(:last-child)::after{
content:"";
position:absolute;
right:0;
top:5px;
width:1px;
height:34px;
background:
rgba(184,211,229,.22);
}
.lq-hero-benefit b{
width:40px !important;
height:40px !important;
flex-basis:40px !important;
background:
rgba(25,174,133,.20) !important;
border:
1px solid rgba(67,214,166,.35) !important;
color:#51dfb3 !important;
}
.lq-hero-benefit strong{
font-size:13px !important;
}
.lq-hero-benefit small{
font-size:11px !important;
color:#a8b9ca !important;
}
/* =========================================================
CARD DIREITO INTEGRADO À FOTO
========================================================= */
.lq-hero-side{
min-height:250px !important;
justify-content:center !important;
padding:26px 28px !important;
border:
1px solid rgba(55,215,169,.45) !important;
border-radius:16px !important;
background:
linear-gradient(
135deg,
rgba(3,33,45,.90),
rgba(3,32,49,.66)
) !important;
backdrop-filter:blur(3px);
box-shadow:
inset 0 1px 0 rgba(255,255,255,.05),
0 12px 28px rgba(0,0,0,.14) !important;
}
.lq-hero-side-line{
width:40px !important;
height:3px !important;
background:#44d7a8 !important;
}
.lq-hero-side h2{
max-width:300px;
font-size:24px !important;
line-height:1.2 !important;
}
.lq-hero-side p{
max-width:290px;
color:#c4d1dd !important;
font-size:14px !important;
}
.lq-hero-profile-link{
color:#4cdfb0 !important;
}
/* =========================================================
HERO MAIS PRÓXIMO DO FILTRO
========================================================= */
.lq-dashboard-hero{
margin-bottom:14px !important;
}
.lq-dashboard-kpis{
margin-top:0 !important;
}
/* MOBILE */
@media(max-width:900px){
.lq-dashboard-hero{
grid-template-columns:1fr !important;
min-height:auto !important;
background-position:65% center !important;
}
.lq-hero-side{
min-height:auto !important;
}
}
/* =========================================================
HERO PREMIUM - AJUSTE FINO FINAL
========================================================= */
.lq-dashboard-hero{
min-height:330px !important;
padding-top:28px !important;
padding-bottom:28px !important;
background-position:58% center !important;
}
.lq-hero-side{
background:
linear-gradient(
135deg,
rgba(3,33,45,.78),
rgba(3,32,49,.48)
) !important;
backdrop-filter:blur(2px) !important;
}
.lq-hero-main h1{
font-size:clamp(36px,3.8vw,52px) !important;
}
.lq-hero-description{
margin-bottom:22px !important;
}
/* =========================================================
AJUSTE DE ESCALA PARA FICAR IGUAL AO MOCKUP
========================================================= */
/* HEADER MAIS COMPACTO */
.topbar .bar-inner{
min-height:58px !important;
}
.topbar .brand-logo img{
max-height:28px !important;
}
.topbar .bar-inner > nav:not(.public-nav) a,
.topbar .logout-form .text-button{
min-height:34px !important;
padding:7px 11px !important;
font-size:16px !important;
}
/* HERO MAIS BAIXO */
.lq-dashboard-hero{
min-height:265px !important;
padding:
24px 28px !important;
grid-template-columns:
minmax(0,1.55fr)
minmax(300px,.72fr) !important;
gap:28px !important;
border-radius:15px !important;
}
/* TÍTULO MENOR */
.lq-hero-eyebrow{
font-size:9px !important;
margin-bottom:7px !important;
}
.lq-hero-main h1{
font-size:
clamp(30px,3.2vw,42px) !important;
line-height:1.02 !important;
max-width:600px !important;
}
.lq-hero-description{
max-width:560px !important;
margin:
11px 0 18px !important;
font-size:13px !important;
line-height:1.45 !important;
}
/* BENEFÍCIOS MAIS COMPACTOS */
.lq-hero-benefits{
gap:17px !important;
}
.lq-hero-benefit{
gap:8px !important;
}
.lq-hero-benefit:not(:last-child){
padding-right:17px !important;
}
.lq-hero-benefit:not(:last-child)::after{
height:29px !important;
}
.lq-hero-benefit b{
width:32px !important;
height:32px !important;
flex-basis:32px !important;
font-size:14px !important;
}
.lq-hero-benefit strong{
font-size:11px !important;
}
.lq-hero-benefit small{
font-size:9px !important;
}
/* CARD DIREITO MENOR */
.lq-hero-side{
min-height:190px !important;
padding:
20px 22px !important;
border-radius:13px !important;
}
.lq-hero-side-line{
width:32px !important;
margin-bottom:11px !important;
}
.lq-hero-side h2{
max-width:250px !important;
margin-bottom:9px !important;
font-size:18px !important;
line-height:1.18 !important;
}
.lq-hero-side p{
max-width:240px !important;
margin-bottom:12px !important;
font-size:11px !important;
line-height:1.4 !important;
}
.lq-hero-profile-link{
font-size:10px !important;
}
/* KPIs IGUAIS AO MOCKUP: MAIS BAIXOS */
.lq-dashboard-kpis{
gap:10px !important;
margin-bottom:14px !important;
}
.lq-kpi-card{
min-height:76px !important;
padding:
12px 14px !important;
gap:10px !important;
border-radius:11px !important;
}
.lq-kpi-icon{
width:38px !important;
height:38px !important;
flex-basis:38px !important;
border-radius:10px !important;
font-size:17px !important;
}
.lq-kpi-card strong{
font-size:25px;
}
.lq-kpi-card span:not(.lq-kpi-icon){
font-size:15px;
}
.lq-kpi-card small{
font-size:12.5px;
}
/* APROXIMA HERO DOS KPIs */
.lq-dashboard-hero{
margin-bottom:10px !important;
}
/* LARGURA GERAL MAIS PARECIDA COM A REFERÊNCIA */
main.wrap.main:has(.dashboard-full:not(.lq-saved-page)){
max-width:1320px !important;
padding-left:28px !important;
padding-right:28px !important;
}
/* =========================================================
LAYOUT FINAL - ORDEM E PROPORÇÕES DO MOCKUP
========================================================= */
/* HERO */
.lq-dashboard-hero{
min-height:230px !important;
padding:20px 24px !important;
margin-bottom:-12px !important;
grid-template-columns:
minmax(0,1.65fr)
minmax(280px,.70fr) !important;
gap:24px !important;
border-radius:14px !important;
}
.lq-hero-main h1{
font-size:clamp(28px,2.8vw,38px) !important;
max-width:560px !important;
}
.lq-hero-description{
max-width:520px !important;
margin:9px 0 15px !important;
font-size:12px !important;
}
.lq-hero-benefits{
gap:14px !important;
}
.lq-hero-benefit b{
width:30px !important;
height:30px !important;
flex-basis:30px !important;
}
.lq-hero-benefit strong{
font-size:10px !important;
}
.lq-hero-benefit small{
font-size:8px !important;
}
.lq-hero-side{
min-height:155px !important;
padding:16px 18px !important;
}
.lq-hero-side h2{
font-size:16px !important;
max-width:220px !important;
}
.lq-hero-side p{
font-size:10px !important;
max-width:210px !important;
}
/* FILTRO SOBREPOSTO COMO NO MOCKUP */
.dashboard-full .location-filter-panel{
position:relative !important;
z-index:5 !important;
margin-top:0 !important;
margin-bottom:10px !important;
padding:16px 18px !important;
border-radius:12px !important;
box-shadow:
0 8px 24px rgba(10,31,54,.08) !important;
}
.dashboard-full .lq-filter-heading{
margin-bottom:12px !important;
}
.dashboard-full .lq-filter-heading h2{
font-size:15px !important;
margin-bottom:2px !important;
}
.dashboard-full .lq-filter-heading p{
font-size:10px !important;
}
.dashboard-full .location-filter-form{
gap:10px !important;
}
.dashboard-full .location-filter-form select{
min-height:38px !important;
font-size:11px !important;
border-radius:8px !important;
}
.dashboard-full .location-filter-form > .button{
min-height:38px !important;
font-size:11px !important;
border-radius:8px !important;
}
/* KPIs DEPOIS DOS FILTROS */
.lq-dashboard-kpis{
margin-top:0 !important;
margin-bottom:14px !important;
gap:10px !important;
}
.lq-kpi-card{
min-height:70px !important;
padding:10px 12px !important;
}
.lq-kpi-icon{
width:36px !important;
height:36px !important;
flex-basis:36px !important;
}
.lq-kpi-card strong{
font-size:25px;
}
.lq-kpi-card span:not(.lq-kpi-icon){
font-size:15px;
}
.lq-kpi-card small{
font-size:12.5px;
}
/* LARGURA GERAL */
main.wrap.main:has(.dashboard-full:not(.lq-saved-page)){
max-width:1280px !important;
padding-top:16px !important;
}
/* =========================================================
LICIQUEST - GEOMETRIA EXATA DA REFERÊNCIA
HERO FULL WIDTH -> FILTRO SOBREPOSTO -> KPIs
========================================================= */
/* A ÁREA DO DASHBOARD NÃO FICA MAIS PRESA EM 1280px */
body main.wrap.main:has(.dashboard-full:not(.lq-saved-page)){
width:100% !important;
max-width:none !important;
margin:0 !important;
padding:
0
16px
50px !important;
}
body .dashboard-full{
width:100% !important;
max-width:none !important;
margin:0 !important;
padding:0 !important;
}
/* =========================================================
HERO - QUASE TODA A LARGURA DA TELA
========================================================= */
body .dashboard-full .lq-dashboard-hero{
width:100% !important;
max-width:none !important;
margin:
0
0
0 !important;
padding:
20px
26px !important;
min-height:235px !important;
border-radius:
0 !important;
box-sizing:border-box !important;
}
/* =========================================================
FILTRO - SOBREPOSTO AO HERO COMO NA IMAGEM
========================================================= */
body .dashboard-full .location-filter-panel{
position:relative !important;
z-index:20 !important;
width:
calc(100% - 48px) !important;
max-width:none !important;
margin:
-12px
24px
10px !important;
padding:
15px
18px !important;
border-radius:
12px !important;
box-sizing:border-box !important;
background:#ffffff !important;
box-shadow:
0 9px 27px
rgba(11,32,55,.10) !important;
}
/* TÍTULO DO FILTRO */
body .dashboard-full
.location-filter-panel
.lq-filter-heading{
margin:
0
0
11px !important;
}
body .dashboard-full
.location-filter-panel
.lq-filter-heading h2{
margin:
0
0
2px !important;
font-size:
15px !important;
}
body .dashboard-full
.location-filter-panel
.lq-filter-heading p{
font-size:
10px !important;
}
/* CAMPOS EM UMA ÚNICA LINHA */
body .dashboard-full
.location-filter-panel
.location-filter-form{
display:grid !important;
grid-template-columns:
minmax(220px,1.05fr)
minmax(160px,.65fr)
minmax(210px,.90fr) !important;
gap:
10px !important;
align-items:end !important;
width:100% !important;
}
body .dashboard-full
.location-filter-panel
.location-filter-form select,
body .dashboard-full
.location-filter-panel
.location-filter-form > .button{
min-height:
38px !important;
height:
38px !important;
}
/* =========================================================
KPIs - MESMA LARGURA DO FILTRO
========================================================= */
body .dashboard-full .lq-dashboard-kpis{
width:
calc(100% - 48px) !important;
max-width:none !important;
margin:
0
24px
14px !important;
grid-template-columns:
repeat(4,minmax(0,1fr)) !important;
gap:
10px !important;
box-sizing:border-box !important;
}
body .dashboard-full .lq-kpi-card{
min-width:0 !important;
min-height:
68px !important;
padding:
10px
12px !important;
border-radius:
10px !important;
}
/* =========================================================
RESULTADOS SEGUEM A MESMA COLUNA
========================================================= */
body .dashboard-full > .results-count,
body .dashboard-full > .cards,
body .dashboard-full > .notice,
body .dashboard-full > .empty,
body .dashboard-full > .source-note{
width:
calc(100% - 48px) !important;
max-width:none !important;
margin-left:
24px !important;
margin-right:
24px !important;
box-sizing:border-box !important;
}
/* =========================================================
MOBILE
========================================================= */
@media(max-width:700px){
body main.wrap.main:has(.dashboard-full:not(.lq-saved-page)){
padding-left:
10px !important;
padding-right:
10px !important;
}
body .dashboard-full
.location-filter-panel,
body .dashboard-full
.lq-dashboard-kpis,
body .dashboard-full
> .results-count,
body .dashboard-full
> .cards{
width:100% !important;
margin-left:
0 !important;
margin-right:
0 !important;
}
body .dashboard-full
.lq-dashboard-kpis{
grid-template-columns:
1fr !important;
}
}
/* =========================================================
MATCH VISUAL DA REFERÊNCIA - HERO
========================================================= */
body .dashboard-full .lq-dashboard-hero{
min-height:220px !important;
padding:18px 24px !important;
grid-template-columns:
minmax(0,1fr)
314px !important;
gap:28px !important;
align-items:center !important;
}
/* TÍTULO */
body .dashboard-full .lq-hero-main h1{
font-size:37px !important;
line-height:1.02 !important;
max-width:600px !important;
}
body .dashboard-full .lq-hero-description{
margin:9px 0 14px !important;
font-size:12px !important;
line-height:1.42 !important;
}
/* =========================================================
BENEFÍCIOS - MESMA ESCALA DA REFERÊNCIA
========================================================= */
body .dashboard-full .lq-hero-benefits{
display:flex !important;
align-items:center !important;
height:43px !important;
gap:12px !important;
}
body .dashboard-full .lq-hero-benefit{
display:flex !important;
align-items:center !important;
gap:7px !important;
height:43px !important;
}
body .dashboard-full
.lq-hero-benefit:not(:last-child){
padding-right:14px !important;
}
body .dashboard-full
.lq-hero-benefit:not(:last-child)::after{
height:30px !important;
}
body .dashboard-full .lq-hero-benefit b{
width:28px !important;
height:28px !important;
flex:0 0 28px !important;
font-size:12px !important;
}
body .dashboard-full .lq-hero-benefit strong{
font-size:9px !important;
line-height:1.15 !important;
}
body .dashboard-full .lq-hero-benefit small{
font-size:7.5px !important;
line-height:1.15 !important;
}
/* =========================================================
CARD DIREITO - 314x117 COMO A REFERÊNCIA
========================================================= */
body .dashboard-full .lq-hero-side{
width:314px !important;
height:117px !important;
min-height:117px !important;
max-height:117px !important;
padding:12px 14px !important;
align-self:center !important;
justify-self:end !important;
border-radius:10px !important;
overflow:hidden !important;
background:
linear-gradient(
90deg,
rgba(4,32,45,.91) 0%,
rgba(4,32,45,.70) 52%,
rgba(4,32,45,.20) 100%
) !important;
backdrop-filter:none !important;
}
body .dashboard-full .lq-hero-side-line{
width:24px !important;
height:2px !important;
margin-bottom:6px !important;
}
body .dashboard-full .lq-hero-side h2{
width:150px !important;
max-width:150px !important;
margin:0 0 5px !important;
font-size:12px !important;
line-height:1.08 !important;
}
body .dashboard-full .lq-hero-side p{
width:145px !important;
max-width:145px !important;
margin:0 !important;
font-size:7.5px !important;
line-height:1.25 !important;
}
/* na referência não há link abaixo */
body .dashboard-full .lq-hero-profile-link{
display:none !important;
}
/* =========================================================
NAV - ESCALA DA REFERÊNCIA
========================================================= */
body .topbar .bar-inner{
min-height:48px !important;
}
body .topbar .brand-logo img{
max-height:24px !important;
}
body .topbar .lq-premium-nav{
display:flex !important;
align-items:center !important;
gap:7px !important;
}
body .topbar .lq-premium-nav a{
display:flex !important;
align-items:center !important;
gap:5px !important;
min-height:28px !important;
padding:5px 8px !important;
border-radius:6px !important;
font-size:9px !important;
color:#e7eef6 !important;
}
body .topbar .lq-premium-nav a:hover{
background:#18334e !important;
}
body .topbar .lq-premium-nav .lq-nav-icon{
display:inline-flex !important;
align-items:center;
justify-content:center;
width:13px;
font-size:12px !important;
color:#dce9f4 !important;
}
body:has(.dashboard-full)
.topbar .lq-premium-nav
a[href="/oportunidades"]{
background:#1b3652 !important;
border:1px solid #31516e !important;
box-shadow:none !important;
}
body .topbar .logout-form .text-button{
min-height:28px !important;
padding:5px 8px !important;
font-size:9px !important;
border-radius:6px !important;
}
/* =========================================================
LICIQUEST LQ2
HEADER + HERO LIMPOS / ISOLADOS
========================================================= */
body:has(.dashboard-full) .topbar{
height:58px !important;
min-height:58px !important;
background:#081b31 !important;
border:0 !important;
box-shadow:none !important;
}
body:has(.dashboard-full) .topbar .bar-inner{
width:100% !important;
max-width:1320px !important;
height:58px !important;
min-height:58px !important;
margin:auto !important;
padding:0 22px !important;
display:flex !important;
align-items:center !important;
gap:0 !important;
}
body:has(.dashboard-full) .brand-logo{
flex:0 0 auto !important;
margin:0 70px 0 0 !important;
}
body:has(.dashboard-full) .brand-logo img{
display:block !important;
width:auto !important;
height:27px !important;
max-height:27px !important;
}
/* NAV */
.lq2-nav{
display:flex !important;
align-items:center !important;
gap:8px !important;
margin:0 !important;
}
body .topbar .lq2-nav .lq2-nav-item{
display:flex !important;
align-items:center !important;
background:transparent !important;
border:1px solid transparent !important;
border-radius:7px !important;
color:#eef5fb !important;
text-decoration:none !important;
box-shadow:none !important;
height:40px !important;
min-height:40px !important;
padding:0 15px !important;
font-size:20px !important;
font-weight:800 !important;
gap:8px !important;
}
.lq2-nav-item svg{
width:15px !important;
height:15px !important;
fill:none;
stroke:currentColor;
stroke-width:1.7;
stroke-linecap:round;
stroke-linejoin:round;
}
body:has(.dashboard-full)
.lq2-nav-opportunities{
background:#1a3552 !important;
border-color:#294a68 !important;
}
/* CONTA */
.lq2-account{
margin-left:auto;
display:flex;
align-items:center;
height:100%;
color:#fff;
}
.lq2-bell{
position:relative;
display:flex;
align-items:center;
justify-content:center;
width:42px;
height:34px;
margin-right:10px;
border-right:1px solid rgba(255,255,255,.10);
}
.lq2-bell svg{
width:16px;
height:16px;
fill:none;
stroke:#eaf3fa;
stroke-width:1.7;
}
.lq2-bell i{
position:absolute;
top:6px;
right:9px;
width:6px;
height:6px;
background:#42d9a8;
border-radius:50%;
}
.lq2-avatar{
display:flex;
align-items:center;
justify-content:center;
width:34px;
height:34px;
margin-right:9px;
border-radius:50%;
background:
linear-gradient(
135deg,
#0da783,
#08735d
);
color:#fff;
font-size:11px;
font-weight:800;
text-transform:uppercase;
}
.lq2-company{
display:grid;
min-width:150px;
}
.lq2-company strong{
color:#ffffff;
font-size:10px;
line-height:1.25;
white-space:nowrap;
}
.lq2-company small{
color:#9eafbf;
margin-top:2px;
font-size:8px;
white-space:nowrap;
}
.lq2-logout{
margin:0 0 0 5px !important;
}
.lq2-logout button{
width:25px;
height:28px;
padding:0;
border:0;
background:transparent;
color:#eaf3fa;
cursor:pointer;
font-size:16px;
}
/* =========================================================
REMOVE QUALQUER MARGEM GLOBAL DO DASHBOARD
========================================================= */
body main.wrap.main:has(.dashboard-full:not(.lq-saved-page)){
width:100% !important;
max-width:none !important;
margin:0 !important;
padding:0 12px 50px !important;
}
.dashboard-full{
width:100% !important;
max-width:none !important;
}
/* =========================================================
HERO LQ2
========================================================= */
.lq2-hero{
position:relative;
width:100%;
height:220px;
display:grid;
grid-template-columns:
minmax(0,1fr)
470px;
gap:32px;
align-items:center;
padding:20px 26px;
overflow:hidden;
color:#fff;
background-image:
linear-gradient(
90deg,
rgba(3,19,36,.98) 0%,
rgba(3,20,38,.92) 43%,
rgba(3,27,45,.44) 100%
),
url('/static/hero-licitacoes.png');
background-size:cover;
background-position:center right;
border-radius:0;
}
/* TEXTO ESQUERDO */
.lq2-hero-copy{
max-width:620px;
}
.lq2-hero-copy h1{
margin:0;
color:#ffffff;
font-size:37px;
line-height:1.03;
font-weight:820;
letter-spacing:-.035em;
}
.lq2-hero-copy h1 span{
color:#42d7a6;
}
.lq2-hero-subtitle{
margin:10px 0 15px;
color:#dbe6ef;
font-size:12px;
line-height:1.4;
}
/* BENEFÍCIOS */
.lq2-benefits{
display:flex;
align-items:center;
gap:16px;
height:42px;
}
.lq2-benefit{
position:relative;
display:flex;
align-items:center;
gap:8px;
}
.lq2-benefit:not(:last-child){
padding-right:16px;
}
.lq2-benefit:not(:last-child)::after{
content:"";
position:absolute;
top:4px;
right:0;
width:1px;
height:31px;
background:rgba(205,223,235,.22);
}
.lq2-benefit-icon{
display:flex;
align-items:center;
justify-content:center;
width:31px;
height:31px;
flex:0 0 31px;
border-radius:50%;
background:
rgba(13,158,122,.25);
border:
1px solid rgba(58,215,169,.35);
}
.lq2-benefit-icon svg{
width:16px;
height:16px;
fill:none;
stroke:#58dfb6;
stroke-width:1.8;
stroke-linecap:round;
stroke-linejoin:round;
}
.lq2-benefit > div:last-child{
display:grid;
gap:2px;
}
.lq2-benefit strong{
color:#fff;
font-size:9.5px;
line-height:1.1;
}
.lq2-benefit small{
color:#aebdca;
font-size:7.5px;
line-height:1.1;
white-space:nowrap;
}
/* =========================================================
CARD DIREITO
========================================================= */
.lq2-hero-feature{
position:relative;
justify-self:end;
width:470px;
height:150px;
overflow:hidden;
border:
1px solid rgba(55,215,169,.40);
border-radius:12px;
background-image:
linear-gradient(
90deg,
rgba(3,32,45,.94) 0%,
rgba(3,32,45,.81) 42%,
rgba(3,32,45,.20) 72%,
rgba(3,32,45,.03) 100%
),
url('/static/hero-licitacoes.png');
background-size:
auto,
720px auto;
background-position:
center,
78% center;
background-repeat:no-repeat;
box-shadow:
0 9px 22px rgba(0,0,0,.16);
}
.lq2-feature-copy{
position:absolute;
left:20px;
top:19px;
z-index:2;
}
.lq2-feature-copy i{
display:block;
width:29px;
height:2px;
margin-bottom:9px;
border-radius:10px;
background:#45d9aa;
}
.lq2-feature-copy h2{
width:190px;
margin:0 0 8px;
color:#fff;
font-size:15px;
line-height:1.08;
font-weight:800;
}
.lq2-feature-copy p{
margin:0;
color:#c5d2dd;
font-size:9px;
line-height:1.35;
}
/* =========================================================
RESPONSIVO
========================================================= */
@media(max-width:950px){
.lq2-company{
display:none;
}
.lq2-hero{
grid-template-columns:1fr;
height:auto;
}
.lq2-hero-feature{
width:100%;
}
}
/* =========================================================
LQ2 — AJUSTE FINO DE TIPOGRAFIA
========================================================= */
body:has(.dashboard-full) .topbar{
min-height:64px !important;
height:64px !important;
}
body:has(.dashboard-full) .topbar .bar-inner{
min-height:64px !important;
height:64px !important;
}
/* -------------------------
MENU SUPERIOR
------------------------- */
body .topbar .lq2-nav .lq2-nav-item{
}
.lq2-nav-item svg{
width:16px !important;
height:16px !important;
}
/* -------------------------
BLOCO DA CONTA
------------------------- */
.lq2-bell svg{
width:18px !important;
height:18px !important;
}
.lq2-avatar{
width:38px !important;
height:38px !important;
font-size:12px !important;
}
.lq2-company strong{
font-size:13px !important;
line-height:1.2 !important;
}
.lq2-company small{
font-size:10px !important;
line-height:1.2 !important;
}
/* -------------------------
HERO
------------------------- */
.lq2-hero{
min-height:230px !important;
height:230px !important;
padding:24px 28px !important;
}
.lq2-hero-copy{
max-width:680px !important;
}
.lq2-hero-copy h1{
font-size:58px !important;
line-height:1.02 !important;
font-weight:820 !important;
letter-spacing:-0.035em !important;
}
.lq2-hero-subtitle{
margin:12px 0 18px !important;
font-size:18px !important;
line-height:1.45 !important;
color:#e2ebf2 !important;
}
/* -------------------------
BENEFÍCIOS
------------------------- */
.lq2-benefits{
gap:20px !important;
height:auto !important;
}
.lq2-benefit{
gap:10px !important;
}
.lq2-benefit:not(:last-child){
padding-right:20px !important;
}
.lq2-benefit:not(:last-child)::after{
height:36px !important;
top:3px !important;
}
.lq2-benefit-icon{
width:38px !important;
height:38px !important;
flex:0 0 38px !important;
}
.lq2-benefit-icon svg{
width:18px !important;
height:18px !important;
}
.lq2-benefit strong{
font-size:15px !important;
line-height:1.15 !important;
font-weight:750 !important;
}
.lq2-benefit small{
font-size:11px !important;
line-height:1.2 !important;
color:#c2d0db !important;
white-space:nowrap !important;
}
/* -------------------------
CARD DIREITO
------------------------- */
.lq2-hero-feature{
width:500px !important;
height:165px !important;
border-radius:14px !important;
}
.lq2-feature-copy{
left:24px !important;
top:22px !important;
}
.lq2-feature-copy i{
width:34px !important;
height:3px !important;
margin-bottom:12px !important;
}
.lq2-feature-copy h2{
width:245px !important;
font-size:21px !important;
line-height:1.08 !important;
margin:0 0 12px !important;
font-weight:800 !important;
}
.lq2-feature-copy p{
font-size:13px !important;
line-height:1.35 !important;
color:#d4dde5 !important;
}
/* -------------------------
RESPONSIVO
------------------------- */
@media (max-width: 1100px){
.lq2-hero-copy h1{
font-size:48px !important;
}
.lq2-hero-subtitle{
font-size:16px !important;
}
.lq2-benefit strong{
font-size:13px !important;
}
.lq2-benefit small{
font-size:10px !important;
}
.lq2-feature-copy h2{
font-size:18px !important;
}
.lq2-feature-copy p{
font-size:12px !important;
}
}
/* =========================================================
LQ2 — CORREÇÃO DE ESCALA DO HERO
========================================================= */
.lq2-hero{
height:230px !important;
min-height:230px !important;
padding:22px 26px !important;
}
/* TÍTULO: maior que antes, mas sem exagero */
.lq2-hero-copy h1{
font-size:44px !important;
line-height:1.02 !important;
max-width:620px !important;
}
/* SUBTÍTULO */
.lq2-hero-subtitle{
margin:10px 0 16px !important;
font-size:14px !important;
line-height:1.4 !important;
}
/* BENEFÍCIOS VOLTAM A CABER */
.lq2-benefits{
display:flex !important;
align-items:center !important;
gap:17px !important;
height:40px !important;
}
.lq2-benefit{
gap:8px !important;
}
.lq2-benefit:not(:last-child){
padding-right:17px !important;
}
.lq2-benefit-icon{
width:33px !important;
height:33px !important;
flex:0 0 33px !important;
}
.lq2-benefit-icon svg{
width:16px !important;
height:16px !important;
}
.lq2-benefit strong{
font-size:11px !important;
line-height:1.1 !important;
}
.lq2-benefit small{
font-size:8.5px !important;
line-height:1.15 !important;
}
/* CARD DIREITO */
.lq2-hero-feature{
width:470px !important;
height:150px !important;
}
.lq2-feature-copy{
left:20px !important;
top:18px !important;
}
.lq2-feature-copy h2{
width:205px !important;
font-size:16px !important;
line-height:1.08 !important;
margin-bottom:8px !important;
}
.lq2-feature-copy p{
font-size:10px !important;
line-height:1.3 !important;
}
/* MENU */
body .topbar .lq2-nav .lq2-nav-item{
}
.lq2-company strong{
font-size:10px !important;
}
.lq2-company small{
font-size:8px !important;
}
/* =========================================================
LQ2 — SUBIR CONTEÚDO E AUMENTAR TEXTO SEM ESTOURAR O HERO
========================================================= */
.lq2-hero{
align-items:start !important;
padding-top:14px !important;
padding-bottom:14px !important;
}
/* bloco esquerdo mais para cima */
.lq2-hero-copy{
align-self:start !important;
padding-top:4px !important;
}
/* título um pouco maior */
.lq2-hero-copy h1{
font-size:48px !important;
line-height:1.00 !important;
max-width:640px !important;
}
/* subtítulo mais próximo do título */
.lq2-hero-subtitle{
margin:8px 0 12px !important;
font-size:15px !important;
line-height:1.35 !important;
}
/* benefícios sobem junto e ficam mais legíveis */
.lq2-benefits{
margin-top:0 !important;
gap:18px !important;
}
.lq2-benefit strong{
font-size:12px !important;
}
.lq2-benefit small{
font-size:9px !important;
}
/* card direito sobe */
.lq2-hero-feature{
align-self:start !important;
margin-top:8px !important;
}
/* texto do card um pouco maior */
.lq2-feature-copy h2{
font-size:17px !important;
line-height:1.06 !important;
}
.lq2-feature-copy p{
font-size:10.5px !important;
}
/* =========================================================
LQ2 — AUMENTAR SUBTÍTULO E BENEFÍCIOS DO HERO
========================================================= */
.lq2-hero-subtitle{
font-size:18px !important;
line-height:1.45 !important;
max-width:760px !important;
margin:10px 0 14px !important;
}
.lq2-benefits{
gap:22px !important;
align-items:flex-start !important;
}
.lq2-benefit{
gap:10px !important;
}
.lq2-benefit strong{
display:block !important;
font-size:15px !important;
line-height:1.15 !important;
font-weight:800 !important;
margin-bottom:2px !important;
}
.lq2-benefit small{
display:block !important;
font-size:11.5px !important;
line-height:1.25 !important;
opacity:.95 !important;
}
/* ícones um pouco maiores */
.lq2-benefit svg{
width:20px !important;
height:20px !important;
}
/* caso exista bolinha/área do ícone */
.lq2-benefit-icon,
.lq2-benefit .icon,
.lq2-benefit .lq2-icon-wrap{
width:38px !important;
height:38px !important;
min-width:38px !important;
min-height:38px !important;
}
/* =========================================================
LQ2 — LOGO E CABEÇALHO MAIORES
========================================================= */
/* LOGO */
body:has(.dashboard-full) .brand-logo img{
height:34px !important;
max-height:34px !important;
}
/* MENU PRINCIPAL */
body .topbar .lq2-nav .lq2-nav-item{
}
/* ÍCONES DO MENU */
.lq2-nav-item svg{
width:17px !important;
height:17px !important;
}
/* NOME DA EMPRESA */
.lq2-company strong{
font-size:12px !important;
font-weight:800 !important;
}
/* CNPJ */
.lq2-company small{
font-size:9.5px !important;
}
/* AVATAR */
.lq2-avatar{
width:36px !important;
height:36px !important;
font-size:12px !important;
}
/* SINO */
.lq2-bell svg{
width:18px !important;
height:18px !important;
}
/* Mantém o header compacto */
body:has(.dashboard-full) .topbar,
body:has(.dashboard-full) .topbar .bar-inner{
height:60px !important;
min-height:60px !important;
}
/* =========================================================
LQ2 — EMPRESA EM CAIXA ALTA + CNPJ MAIOR
========================================================= */
.lq2-company strong{
text-transform: uppercase !important;
font-size: 12.5px !important;
font-weight: 850 !important;
letter-spacing: .02em !important;
}
.lq2-company small{
font-size: 10.5px !important;
font-weight: 600 !important;
letter-spacing: .01em !important;
color: #b7c5d2 !important;
}
/* =========================================================
LQ2 — LOGO MAIOR + MENU MAIS LEGÍVEL
========================================================= */
/* LOGO */
body:has(.dashboard-full) .brand-logo img{
height:40px !important;
max-height:40px !important;
}
/* BOTÕES DO MENU: Oportunidades até Perfil */
body .topbar .lq2-nav .lq2-nav-item{
}
/* ÍCONES ACOMPANHAM O TAMANHO DO TEXTO */
.lq2-nav-item svg{
width:18px !important;
height:18px !important;
}
/* =========================================================
LQ2 — REMOVE FAIXAS BRANCAS LATERAIS DO HERO
========================================================= */
body main.wrap.main:has(.dashboard-full:not(.lq-saved-page)){
padding-left:0 !important;
padding-right:0 !important;
}
/* HERO ocupa toda a largura disponível */
body .dashboard-full .lq2-hero{
width:100% !important;
margin-left:0 !important;
margin-right:0 !important;
}
/* Mantém os blocos abaixo com respiro lateral */
body .dashboard-full .location-filter-panel,
body .dashboard-full .lq-dashboard-kpis,
body .dashboard-full > .results-count,
body .dashboard-full > .cards,
body .dashboard-full > .notice,
body .dashboard-full > .empty,
body .dashboard-full > .source-note{
width:calc(100% - 48px) !important;
margin-left:24px !important;
margin-right:24px !important;
}
/* =========================================================
LQ2 — CARD DIREITO MAIS PRÓXIMO DA REFERÊNCIA
========================================================= */
.lq2-hero-feature{
width: 360px !important;
height: 128px !important;
border-radius: 10px !important;
background-image:
linear-gradient(
90deg,
rgba(4,31,44,.93) 0%,
rgba(4,31,44,.82) 44%,
rgba(4,31,44,.22) 68%,
rgba(4,31,44,.04) 100%
),
url('/static/hero-licitacoes.png') !important;
background-size:
auto,
520px auto !important;
background-position:
center,
84% center !important;
background-repeat:no-repeat !important;
box-shadow:
0 7px 18px rgba(0,0,0,.15) !important;
}
.lq2-feature-copy{
left:18px !important;
top:16px !important;
}
.lq2-feature-copy i{
width:24px !important;
height:2px !important;
margin-bottom:7px !important;
}
.lq2-feature-copy h2{
width:155px !important;
margin:0 0 7px !important;
font-size:13px !important;
line-height:1.08 !important;
font-weight:800 !important;
}
.lq2-feature-copy p{
width:145px !important;
margin:0 !important;
font-size:8.5px !important;
line-height:1.25 !important;
color:#d2dce5 !important;
}
/* =========================================================
LQ2 — CARD DIREITO: CORREÇÃO FINAL DE PROPORÇÃO
========================================================= */
.lq2-hero-feature{
width:470px !important;
height:150px !important;
min-width:470px !important;
border-radius:12px !important;
background-image:
linear-gradient(
90deg,
rgba(3,29,43,.96) 0%,
rgba(3,29,43,.88) 38%,
rgba(3,29,43,.42) 58%,
rgba(3,29,43,.06) 100%
),
url('/static/hero-licitacoes.png') !important;
background-size:
auto,
600px auto !important;
background-position:
center,
82% center !important;
background-repeat:no-repeat !important;
box-shadow:
0 8px 22px rgba(0,0,0,.16) !important;
}
/* TEXTO DO CARD */
.lq2-feature-copy{
left:22px !important;
top:19px !important;
}
.lq2-feature-copy i{
width:31px !important;
height:2px !important;
margin-bottom:9px !important;
}
.lq2-feature-copy h2{
width:210px !important;
max-width:210px !important;
margin:0 0 9px !important;
font-size:17px !important;
line-height:1.08 !important;
font-weight:800 !important;
}
.lq2-feature-copy p{
width:185px !important;
max-width:185px !important;
margin:0 !important;
font-size:10.5px !important;
line-height:1.3 !important;
color:#d2dde6 !important;
}
/* =========================================================
LQ2 — REFINO INTERNO DO CARD DIREITO
========================================================= */
/* conteúdo um pouco mais centralizado verticalmente */
.lq2-feature-copy{
left:24px !important;
top:22px !important;
}
/* traço verde mais próximo do título */
.lq2-feature-copy i{
width:30px !important;
height:3px !important;
margin:0 0 11px 0 !important;
border-radius:10px !important;
background:#43d9aa !important;
}
/* título maior e mais legível */
.lq2-feature-copy h2{
width:225px !important;
max-width:225px !important;
margin:0 0 10px !important;
font-size:19px !important;
line-height:1.08 !important;
font-weight:850 !important;
letter-spacing:-.01em !important;
color:#ffffff !important;
}
/* texto secundário maior */
.lq2-feature-copy p{
width:205px !important;
max-width:205px !important;
margin:0 !important;
font-size:12px !important;
line-height:1.35 !important;
color:#d8e2ea !important;
}
/* TRAÇO VERDE ENTRE TÍTULO E TEXTO */
.lq2-feature-copy h2{
margin-bottom:10px !important;
}
.lq2-feature-copy i{
display:block !important;
width:30px !important;
height:3px !important;
margin:
0
0
10px
0 !important;
background:#43d9aa !important;
border-radius:10px !important;
}
.lq2-feature-copy p{
margin:0 !important;
}
/* =========================================================
LQ2 — CONTEÚDO DO CARD CENTRALIZADO NA ALTURA
========================================================= */
.lq2-hero-feature{
display:flex !important;
align-items:center !important;
}
.lq2-feature-copy{
position:static !important;
width:auto !important;
margin-left:24px !important;
margin-right:0 !important;
transform:none !important;
text-align:left !important;
}
.lq2-feature-copy h2{
margin:0 0 10px !important;
text-align:left !important;
}
.lq2-feature-copy i{
margin:
0
0
10px
0 !important;
}
.lq2-feature-copy p{
margin:0 !important;
text-align:left !important;
}
.lq2-feature-copy p{
font-size:14px !important;
line-height:1.35 !important;
}
/* =========================================================
LQ2 — TEXTOS SECUNDÁRIOS DOS BENEFÍCIOS EM 14PX
========================================================= */
.lq2-benefit small{
font-size:14px !important;
line-height:1.25 !important;
}
/* =========================================================
LQ2 — LOGO MAIOR NO CABEÇALHO
========================================================= */
/* =========================================================
LQ2 — FILTROS + KPIs NO PADRÃO VALIDADO
========================================================= */
/* PAINEL PRINCIPAL */
body .dashboard-full .location-filter-panel{
position:relative !important;
width:calc(100% - 48px) !important;
margin:-12px 24px 10px !important;
padding:13px 18px 14px !important;
border:1px solid #dce5ee !important;
border-radius:11px !important;
background:#fff !important;
box-shadow:
0 7px 20px rgba(12,34,57,.075) !important;
}
/* CABEÇALHO DO FILTRO */
body .dashboard-full .lq-filter-heading{
display:flex !important;
justify-content:space-between !important;
align-items:flex-start !important;
margin:0 0 10px !important;
}
body .dashboard-full .lq-filter-heading h2{
margin:0 0 2px !important;
color:#10233d !important;
font-size:14px !important;
line-height:1.2 !important;
font-weight:850 !important;
}
body .dashboard-full .lq-filter-heading p{
margin:0 !important;
color:#7a899a !important;
font-size:9.5px !important;
line-height:1.3 !important;
}
/* FORMULÁRIO EM 4 COLUNAS */
body .dashboard-full
.location-filter-panel
.location-filter-form{
display:grid !important;
grid-template-columns:
300px
110px
minmax(260px,1fr)
minmax(280px,1fr)
220px !important;
gap:12px !important;
align-items:end !important;
width:100% !important;
}
/* LABELS */
body .dashboard-full
.location-filter-form label,
body .dashboard-full
.lq2-filter-activity label{
display:block !important;
margin:0 0 5px !important;
color:#53657a !important;
font-size:9.5px !important;
font-weight:750 !important;
text-transform:none !important;
letter-spacing:0 !important;
}
/* SELECTS */
body .dashboard-full
.location-filter-form select{
width:100% !important;
height:37px !important;
min-height:37px !important;
padding:0 10px !important;
border:1px solid #cdd9e5 !important;
border-radius:7px !important;
background:#fff !important;
color:#26384e !important;
font-size:10.5px !important;
font-weight:650 !important;
box-shadow:none !important;
}
/* RAMO DE ATIVIDADE */
.lq2-filter-activity{
width:100%;
}
.lq2-activity-display{
height:37px;
display:flex;
align-items:center;
gap:8px;
padding:0 10px;
border:1px solid #cdd9e5;
border-radius:7px;
background:#fff;
color:#26384e;
font-size:10.5px;
font-weight:650;
}
.lq2-activity-icon{
color:#556b80;
font-size:14px;
}
.lq2-activity-display > span:nth-child(2){
flex:1;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.lq2-activity-arrow{
color:#65788c;
font-size:13px;
}
/* BOTÃO */
body .dashboard-full
.location-filter-form > .button{
height:37px !important;
min-height:37px !important;
padding:0 15px !important;
border:0 !important;
border-radius:7px !important;
background:
linear-gradient(
135deg,
#079777,
#05775f
) !important;
color:#fff !important;
font-size:10.5px !important;
font-weight:800 !important;
box-shadow:
0 5px 13px rgba(7,151,119,.17) !important;
}
/* TEXTO DE AJUDA NÃO APARECE NO MOCKUP */
body .dashboard-full .location-filter-help{
display:none !important;
}
/* REMOVE O RESUMO ANTIGO DE CHIPS */
body .dashboard-full
.location-filter-panel
.search-summary,
body .dashboard-full
.location-filter-panel
.search-summary-side{
display:none !important;
}
/* =========================================================
KPIs COMPACTOS, COMO NA REFERÊNCIA
========================================================= */
body .dashboard-full .lq-dashboard-kpis{
width:calc(100% - 48px) !important;
margin:0 24px 12px !important;
display:grid !important;
grid-template-columns:
repeat(4,minmax(0,1fr)) !important;
gap:9px !important;
}
body .dashboard-full .lq-kpi-card{
min-height:66px !important;
padding:9px 11px !important;
gap:9px !important;
border:1px solid #e0e7ee !important;
border-radius:9px !important;
background:#fff !important;
box-shadow:
0 4px 13px rgba(12,34,57,.04) !important;
}
body .dashboard-full .lq-kpi-icon{
width:34px !important;
height:34px !important;
flex:0 0 34px !important;
border-radius:8px !important;
font-size:15px !important;
}
body .dashboard-full .lq-kpi-card strong{
font-size:25px;
line-height:1 !important;
}
body .dashboard-full
.lq-kpi-card span:not(.lq-kpi-icon){
font-size:15px;
line-height:1.15 !important;
}
body .dashboard-full .lq-kpi-card small{
margin-top:2px !important;
font-size:12.5px;
line-height:1.2 !important;
}
/* RESPONSIVO */
@media(max-width:900px){
body .dashboard-full
.location-filter-panel
.location-filter-form{
grid-template-columns:
1fr 1fr !important;
}
}
@media(max-width:600px){
body .dashboard-full
.location-filter-panel
.location-filter-form{
grid-template-columns:1fr !important;
}
body .dashboard-full .lq-dashboard-kpis{
grid-template-columns:1fr !important;
}
}
/* =========================================================
LQ2 — FILTRO VALIDADO VISUALMENTE
========================================================= */
.lq2-filter-panel{
position:relative !important;
z-index:5 !important;
width:calc(100% - 48px) !important;
margin:-10px 24px 10px !important;
padding:12px 16px 14px !important;
border:1px solid #e0e7ee !important;
border-radius:10px !important;
background:#fff !important;
box-shadow:0 6px 18px rgba(16,35,61,.075) !important;
}
.lq2-filter-heading{
display:flex !important;
justify-content:space-between !important;
align-items:flex-start !important;
margin-bottom:9px !important;
}
.lq2-filter-heading h2{
margin:0 0 2px !important;
color:#10233d !important;
font-size:14px !important;
line-height:1.1 !important;
font-weight:850 !important;
}
.lq2-filter-heading p{
margin:0 !important;
color:#7b8999 !important;
font-size:9px !important;
line-height:1.25 !important;
}
.lq2-clear-filters{
border:0 !important;
background:transparent !important;
color:#345b8d !important;
font-size:9px !important;
font-weight:750 !important;
cursor:pointer !important;
}
.lq2-filter-form{
display:grid !important;
grid-template-columns:
minmax(230px,1.25fr)
minmax(100px,.55fr)
minmax(220px,1fr)
minmax(190px,.82fr) !important;
gap:10px !important;
align-items:end !important;
}
.lq2-filter-form label,
.lq2-filter-activity label{
display:block !important;
margin:0 0 5px !important;
color:#4d6075 !important;
font-size:9.5px !important;
font-weight:750 !important;
text-transform:none !important;
letter-spacing:0 !important;
}
.lq2-filter-form select{
width:100% !important;
height:36px !important;
min-height:36px !important;
padding:0 10px !important;
border:1px solid #cfd9e4 !important;
border-radius:6px !important;
background:#fff !important;
color:#26384e !important;
font-size:10.5px !important;
font-weight:600 !important;
box-shadow:none !important;
}
.lq2-filter-activity{
width:100% !important;
}
.lq2-activity-display{
width:100% !important;
height:36px !important;
display:flex !important;
align-items:center !important;
gap:8px !important;
padding:0 10px !important;
border:1px solid #cfd9e4 !important;
border-radius:6px !important;
background:#fff !important;
color:#26384e !important;
font-size:10.5px !important;
font-weight:600 !important;
}
.lq2-activity-symbol{
color:#435b70 !important;
font-size:13px !important;
}
.lq2-activity-name{
flex:1 !important;
white-space:nowrap !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
}
.lq2-activity-arrow{
color:#718194 !important;
}
.lq2-apply-filter{
height:36px !important;
min-height:36px !important;
padding:0 15px !important;
border:0 !important;
border-radius:6px !important;
background:linear-gradient(
135deg,
#079a78,
#08795f
) !important;
color:#fff !important;
font-size:10.5px !important;
font-weight:800 !important;
box-shadow:0 5px 12px rgba(7,154,120,.16) !important;
}
.lq2-filter-panel .location-filter-help{
display:none !important;
}
/* =========================================================
KPIs
========================================================= */
.lq-dashboard-kpis{
width:calc(100% - 48px) !important;
margin:0 24px 12px !important;
display:grid !important;
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:9px !important;
}
.lq-dashboard-kpis .lq-kpi-card{
min-height:67px !important;
padding:9px 11px !important;
display:flex !important;
align-items:center !important;
gap:10px !important;
border:1px solid #e0e7ee !important;
border-radius:9px !important;
background:#fff !important;
box-shadow:0 4px 13px rgba(16,35,61,.045) !important;
}
.lq-dashboard-kpis .lq-kpi-icon{
width:35px !important;
height:35px !important;
min-width:35px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
border-radius:8px !important;
background:#eaf9f5 !important;
color:#069779 !important;
font-size:16px !important;
}
.lq-dashboard-kpis .lq-kpi-card strong{
display:block !important;
margin-bottom:2px !important;
color:#10233d !important;
font-size:25px;
line-height:1 !important;
font-weight:850 !important;
}
.lq-dashboard-kpis .lq-kpi-card span:not(.lq-kpi-icon){
display:block !important;
color:#20354c !important;
font-size:15px;
line-height:1.15 !important;
font-weight:750 !important;
}
.lq-dashboard-kpis .lq-kpi-card small{
display:block !important;
margin-top:2px !important;
color:#8491a0 !important;
font-size:12.5px;
line-height:1.2 !important;
}
@media(max-width:900px){
.lq2-filter-form{
grid-template-columns:1fr 1fr !important;
}
}
@media(max-width:600px){
.lq2-filter-panel{
width:calc(100% - 24px) !important;
margin-left:12px !important;
margin-right:12px !important;
}
.lq2-filter-form{
grid-template-columns:1fr !important;
}
.lq-dashboard-kpis{
width:calc(100% - 24px) !important;
margin-left:12px !important;
margin-right:12px !important;
grid-template-columns:1fr !important;
}
}
/* =========================================================
AJUSTE FINO — AUMENTAR TEXTOS DO FILTRO
sem alterar card, altura ou layout
========================================================= */
.lq2-filter-heading h2{
font-size:18px !important;
line-height:1.05 !important;
}
.lq2-filter-heading p{
font-size:11px !important;
line-height:1.2 !important;
}
.lq2-clear-filters{
font-size:11px !important;
font-weight:800 !important;
}
.lq2-filter-form label,
.lq2-filter-activity label{
font-size:11px !important;
line-height:1.1 !important;
margin-bottom:4px !important;
}
.lq2-filter-form select{
font-size:12.5px !important;
font-weight:700 !important;
line-height:1 !important;
}
.lq2-activity-display{
font-size:12.5px !important;
font-weight:700 !important;
line-height:1 !important;
}
.lq2-activity-symbol{
font-size:12px !important;
}
.lq2-activity-arrow{
font-size:12px !important;
}
.lq2-apply-filter{
font-size:12.5px !important;
font-weight:800 !important;
line-height:1 !important;
}
.lq2-filter-panel .muted,
.lq2-filter-panel .location-filter-help{
font-size:11px !important;
line-height:1.25 !important;
}
/* =========================================================
LQ2 — FILTRO COM TIPOGRAFIA MAIOR
SEM ALTERAR TAMANHO DO CARD OU LAYOUT
========================================================= */
.lq2-filter-heading h2{
font-size:20px !important;
line-height:1.05 !important;
}
.lq2-filter-heading p{
font-size:12.5px !important;
line-height:1.15 !important;
}
.lq2-clear-filters{
font-size:12px !important;
font-weight:800 !important;
}
.lq2-filter-form label,
.lq2-filter-activity label{
font-size:12px !important;
line-height:1.05 !important;
}
.lq2-filter-form select{
font-size:14px !important;
font-weight:700 !important;
}
.lq2-activity-display{
font-size:14px !important;
font-weight:700 !important;
}
.lq2-apply-filter{
font-size:14px !important;
font-weight:800 !important;
}
.lq2-filter-panel .location-filter-help,
.lq2-filter-panel .muted{
font-size:12.5px !important;
line-height:1.2 !important;
}
/* =========================================================
LQ2 — AUMENTA SOMENTE OS TEXTOS PEQUENOS DO FILTRO
========================================================= */
.lq2-filter-heading p{
font-size:14px !important;
line-height:1.2 !important;
}
.lq2-filter-form label,
.lq2-filter-activity label{
font-size:14px !important;
line-height:1.1 !important;
font-weight:700 !important;
}
.lq2-clear-filters{
font-size:14px !important;
line-height:1 !important;
font-weight:800 !important;
}
.lq2-apply-filter{
font-size:14px !important;
line-height:1 !important;
font-weight:800 !important;
}
.lq2-filter-panel .location-filter-help,
.lq2-filter-panel .muted{
display:block !important;
font-size:14px !important;
line-height:1.25 !important;
}
/* LABELS PRINCIPAIS DO FILTRO */
.lq2-filter-form label,
.lq2-filter-activity label{
font-size:16px !important;
line-height:1.05 !important;
font-weight:800 !important;
}
/* =========================================================
LQ2 — FORÇA TAMANHO DOS LABELS DO FILTRO
========================================================= */
body .dashboard-full .lq2-filter-form label,
body .dashboard-full .lq2-filter-form .lq2-filter-activity label{
font-size:16px !important;
line-height:1.1 !important;
font-weight:800 !important;
color:#253b54 !important;
letter-spacing:0 !important;
text-transform:none !important;
}
/* =========================================================
LQ2 — CAMPOS MAIS COMPACTOS + TEXTO MAIS FORTE
========================================================= */
body .dashboard-full .lq2-filter-form{
grid-template-columns:
minmax(240px,300px)
110px
minmax(260px,1fr)
minmax(280px,1fr)
220px !important;
}
/* TEXTO DOS SELECTS */
body .dashboard-full .lq2-filter-form select{
font-size:15px !important;
font-weight:800 !important;
}
/* RAMO DE ATIVIDADE */
body .dashboard-full .lq2-activity-display{
font-size:15px !important;
font-weight:800 !important;
}
/* mantém a altura atual */
body .dashboard-full .lq2-filter-form select,
body .dashboard-full .lq2-activity-display,
body .dashboard-full .lq2-apply-filter{
height:36px !important;
min-height:36px !important;
}
/* =========================================================
LQ2 — FILTRO: VOLTA À PROPORÇÃO DA REFERÊNCIA
========================================================= */
/* distribuição mais compacta */
body .dashboard-full .lq2-filter-form{
grid-template-columns:
minmax(240px,300px)
110px
minmax(260px,1fr)
minmax(280px,1fr)
220px !important;
gap:12px !important;
align-items:end !important;
}
/* labels discretos como na referência */
body .dashboard-full .lq2-filter-form label,
body .dashboard-full .lq2-filter-form .lq2-filter-activity label{
font-size:11.5px !important;
line-height:1.1 !important;
font-weight:700 !important;
margin:0 0 5px !important;
color:#4b5f74 !important;
}
/* texto interno dos campos: maior que a referência original */
body .dashboard-full .lq2-filter-form select{
height:36px !important;
min-height:36px !important;
font-size:13.5px !important;
font-weight:700 !important;
padding-left:10px !important;
padding-right:28px !important;
}
/* ramo de atividade */
body .dashboard-full .lq2-activity-display{
height:36px !important;
min-height:36px !important;
font-size:13.5px !important;
font-weight:700 !important;
padding:0 10px !important;
}
/* botão */
body .dashboard-full .lq2-apply-filter{
height:36px !important;
min-height:36px !important;
font-size:13px !important;
font-weight:800 !important;
padding:0 16px !important;
}
/* =========================================================
LQ2 — FILTRO MUNICÍPIO + UF
========================================================= */
body .dashboard-full .lq2-filter-form{
grid-template-columns:
minmax(240px,300px)
110px
minmax(260px,1fr)
minmax(280px,1fr)
220px !important;
gap:12px !important;
}
/* LABELS */
body .dashboard-full .lq2-filter-form label{
font-size:12px !important;
line-height:1.1 !important;
margin:0 0 5px !important;
font-weight:700 !important;
color:#42566d !important;
}
/* MUNICÍPIO */
.lq2-city-input-wrap{
position:relative !important;
display:flex !important;
align-items:center !important;
height:36px !important;
border:1px solid #cfd9e4 !important;
border-radius:6px !important;
background:#fff !important;
}
.lq2-city-pin{
width:34px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
color:#53697e !important;
font-size:15px !important;
}
.lq2-city-input-wrap input{
flex:1 !important;
min-width:0 !important;
height:34px !important;
padding:0 !important;
border:0 !important;
outline:0 !important;
background:transparent !important;
color:#26384e !important;
font-size:13px !important;
font-weight:600 !important;
}
.lq2-city-input-wrap input::placeholder{
color:#98a5b2 !important;
opacity:1 !important;
font-weight:500 !important;
}
.lq2-city-clear{
width:32px !important;
height:34px !important;
border:0 !important;
background:transparent !important;
color:#5d6d7e !important;
font-size:17px !important;
cursor:pointer !important;
}
/* UF */
.lq2-select-wrap{
position:relative !important;
display:flex !important;
align-items:center !important;
height:36px !important;
border:1px solid #cfd9e4 !important;
border-radius:6px !important;
background:#fff !important;
}
.lq2-state-icon{
width:34px !important;
display:flex !important;
justify-content:center !important;
color:#53697e !important;
font-size:14px !important;
}
body .dashboard-full .lq2-select-wrap select{
flex:1 !important;
width:auto !important;
height:34px !important;
min-height:34px !important;
border:0 !important;
outline:0 !important;
padding:0 27px 0 0 !important;
background-color:transparent !important;
font-size:13px !important;
font-weight:700 !important;
color:#26384e !important;
}
/* RAMO */
body .dashboard-full .lq2-activity-display{
height:36px !important;
font-size:13px !important;
font-weight:600 !important;
}
/* BOTÃO */
body .dashboard-full .lq2-apply-filter{
height:36px !important;
font-size:13px !important;
font-weight:800 !important;
}
/* TEXTO INFERIOR */
.lq2-location-note{
margin:10px 0 0 !important;
font-size:13px !important;
line-height:1.25 !important;
color:#687b91 !important;
}
.lq2-location-note strong{
color:#40566e !important;
font-weight:750 !important;
}
/* MOBILE */
@media(max-width:900px){
body .dashboard-full .lq2-filter-form{
grid-template-columns:
minmax(240px,300px)
110px
minmax(260px,1fr)
minmax(280px,1fr)
220px !important;
}
}
@media(max-width:600px){
body .dashboard-full .lq2-filter-form{
grid-template-columns:
minmax(240px,300px)
110px
minmax(260px,1fr)
minmax(280px,1fr)
220px !important;
}
}
/* =========================================================
CORRIGE O X DO CAMPO MUNICÍPIO
========================================================= */
body .dashboard-full .lq2-city-clear{
position:static !important;
width:30px !important;
min-width:30px !important;
height:34px !important;
min-height:34px !important;
padding:0 !important;
margin:0 !important;
border:0 !important;
border-radius:0 !important;
background:transparent !important;
box-shadow:none !important;
color:#40566e !important;
font-size:18px !important;
font-weight:600 !important;
line-height:1 !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
cursor:pointer !important;
}
body .dashboard-full .lq2-city-clear:hover{
background:transparent !important;
color:#10233d !important;
}
/* =========================================================
LQ2 — X PEQUENO DENTRO DO CAMPO MUNICÍPIO
========================================================= */
body .dashboard-full
.lq2-city-input-wrap
button.lq2-city-clear{
flex:0 0 30px !important;
width:30px !important;
min-width:30px !important;
max-width:30px !important;
height:34px !important;
min-height:34px !important;
max-height:34px !important;
padding:0 !important;
margin:0 !important;
border:0 !important;
outline:0 !important;
border-radius:0 !important;
background:none !important;
background-color:transparent !important;
background-image:none !important;
box-shadow:none !important;
color:#50647a !important;
font-size:17px !important;
font-weight:600 !important;
line-height:1 !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
cursor:pointer !important;
}
body .dashboard-full
.lq2-city-input-wrap
button.lq2-city-clear:hover{
background:transparent !important;
box-shadow:none !important;
color:#10233d !important;
}
/* AUMENTA SOMENTE O TEXTO DO BOTÃO APLICAR LOCALIZAÇÃO */
body .dashboard-full .lq2-apply-filter{
font-size:15px !important;
font-weight:800 !important;
}
/* =========================================================
LQ2 — FORÇA TEXTO DO BOTÃO APLICAR LOCALIZAÇÃO
========================================================= */
body .dashboard-full
#lq2-location-form
button.lq2-apply-filter.button.primary{
font-size:16px !important;
font-weight:800 !important;
line-height:1 !important;
letter-spacing:0 !important;
}
/* =========================================================
LQ2 — AJUSTE FINAL DOS 3 LABELS DO FILTRO
========================================================= */
body .dashboard-full .lq2-filter-form label{
font-size:13px !important;
font-weight:800 !important;
line-height:1.1 !important;
color:#253b54 !important;
}
/* =========================================================
LQ2 — KPIs NO PADRÃO DA REFERÊNCIA
========================================================= */
body .dashboard-full .lq-dashboard-kpis{
width:calc(100% - 24px) !important;
margin:0 12px 12px !important;
display:grid !important;
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:10px !important;
}
/* CARD */
body .dashboard-full .lq-kpi-card{
position:relative !important;
min-height:72px !important;
padding:10px 12px !important;
display:flex !important;
align-items:center !important;
gap:11px !important;
border:1px solid #e2e8ef !important;
border-radius:10px !important;
background:#ffffff !important;
box-shadow:
0 4px 14px rgba(16,35,61,.045) !important;
}
/* ÍCONE */
body .dashboard-full .lq-kpi-icon{
width:42px !important;
height:42px !important;
min-width:42px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
border-radius:10px !important;
background:#e8f8f3 !important;
color:#07987a !important;
font-size:19px !important;
}
/* NÚMERO */
body .dashboard-full .lq-kpi-card strong{
display:block !important;
margin:0 0 3px !important;
color:#10233d !important;
font-size:25px;
line-height:1 !important;
font-weight:850 !important;
}
/* TÍTULO */
body .dashboard-full
.lq-kpi-card span:not(.lq-kpi-icon){
display:block !important;
color:#1e344d !important;
font-size:15px;
line-height:1.15 !important;
font-weight:800 !important;
}
/* SUBTÍTULO */
body .dashboard-full .lq-kpi-card small{
display:block !important;
margin-top:3px !important;
color:#8a98a8 !important;
font-size:12.5px;
line-height:1.2 !important;
font-weight:500 !important;
}
/* RESPONSIVO */
@media(max-width:900px){
body .dashboard-full .lq-dashboard-kpis{
grid-template-columns:1fr 1fr !important;
}
}
@media(max-width:600px){
body .dashboard-full .lq-dashboard-kpis{
grid-template-columns:1fr !important;
}
}
/* =========================================================
LQ2 — 5 KPIs
========================================================= */
body .dashboard-full .lq-dashboard-kpis{
grid-template-columns:repeat(5,minmax(0,1fr)) !important;
gap:9px !important;
}
/* número */
body .dashboard-full .lq-dashboard-kpis .lq-kpi-card strong{
font-size:25px;
font-weight:850 !important;
line-height:1 !important;
}
/* título */
body .dashboard-full
.lq-dashboard-kpis
.lq-kpi-card span:not(.lq-kpi-icon){
font-size:15px;
font-weight:800 !important;
line-height:1.15 !important;
}
/* descrição */
body .dashboard-full .lq-dashboard-kpis .lq-kpi-card small{
font-size:12.5px;
font-weight:550 !important;
line-height:1.2 !important;
}
/* ícone */
body .dashboard-full .lq-dashboard-kpis .lq-kpi-icon{
width:42px !important;
height:42px !important;
min-width:42px !important;
font-size:19px !important;
}
@media(max-width:1100px){
body .dashboard-full .lq-dashboard-kpis{
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
}
@media(max-width:700px){
body .dashboard-full .lq-dashboard-kpis{
grid-template-columns:1fr 1fr !important;
}
}
@media(max-width:480px){
body .dashboard-full .lq-dashboard-kpis{
grid-template-columns:1fr !important;
}
}
/* =========================================================
LQ2 — ÍCONES LINEARES DOS KPIs
========================================================= */
body .dashboard-full .lq-kpi-icon svg{
width:21px !important;
height:21px !important;
fill:none !important;
stroke:#07987a !important;
stroke-width:1.8 !important;
stroke-linecap:round !important;
stroke-linejoin:round !important;
}
/* =========================================================
LQ2 — KPIs AZUIS COM TEXTO BRANCO
========================================================= */
body .dashboard-full .lq-kpi-card{
background:#0B2239 !important;
border-color:#173650 !important;
box-shadow:
0 5px 16px rgba(5,22,38,.12) !important;
}
/* NÚMEROS */
body .dashboard-full .lq-kpi-card strong{
color:#ffffff !important;
}
/* TÍTULOS */
body .dashboard-full
.lq-kpi-card span:not(.lq-kpi-icon){
color:#ffffff !important;
}
/* SUBTÍTULOS */
body .dashboard-full .lq-kpi-card small{
color:rgba(255,255,255,.72) !important;
}
/* FUNDO DOS ÍCONES */
body .dashboard-full .lq-kpi-icon{
background:rgba(142,255,1,.11) !important;
color:#8EFF01 !important;
}
/* SVG DOS ÍCONES */
body .dashboard-full .lq-kpi-icon svg{
stroke:#8EFF01 !important;
}
/* =========================================================
LQ2 — ÍCONES VERDES COM FUNDO TRANSPARENTE
========================================================= */
body .dashboard-full .lq-kpi-icon{
background:transparent !important;
border:none !important;
box-shadow:none !important;
}
body .dashboard-full .lq-kpi-icon svg{
width:22px !important;
height:22px !important;
fill:none !important;
stroke:#8EFF01 !important;
stroke-width:1.9 !important;
stroke-linecap:round !important;
stroke-linejoin:round !important;
}
/* =========================================================
LQ2 — ÍCONES DOS KPIs NO MESMO VERDE DO HERO
========================================================= */
body .dashboard-full .lq-kpi-icon{
background:transparent !important;
border:none !important;
box-shadow:none !important;
}
body .dashboard-full .lq-kpi-icon svg{
width:22px !important;
height:22px !important;
fill:none !important;
stroke:#43D9AA !important;
stroke-width:1.9 !important;
stroke-linecap:round !important;
stroke-linejoin:round !important;
}
/* =========================================================
LQ3 — NOVOS CARDS DE OPORTUNIDADES
========================================================= */
.lq3-opportunities{
width:calc(100% - 24px) !important;
margin:0 12px 18px !important;
display:flex !important;
flex-direction:column !important;
gap:8px !important;
}
/* CARD */
.lq3-opportunity-card{
display:grid !important;
grid-template-columns:
minmax(360px,1.6fr)
minmax(280px,1.05fr)
minmax(190px,.62fr)
minmax(190px,.62fr) !important;
align-items:center !important;
min-height:136px !important;
padding:12px 14px !important;
border:1px solid #dce5ed !important;
border-radius:10px !important;
background:#ffffff !important;
box-shadow:
0 3px 11px rgba(15,39,66,.04) !important;
}
/* COLUNA PRINCIPAL */
.lq3-opportunity-main{
padding-right:14px !important;
}
.lq3-card-badges{
display:flex !important;
align-items:center !important;
gap:6px !important;
margin-bottom:7px !important;
}
.lq3-type-badge,
.lq3-new-badge{
display:inline-flex !important;
align-items:center !important;
min-height:21px !important;
padding:0 8px !important;
border-radius:20px !important;
font-size:9px !important;
font-weight:750 !important;
}
.lq3-type-badge{
background:#edf5ff !important;
color:#24619b !important;
}
.lq3-new-badge{
background:#e8faf4 !important;
color:#078d70 !important;
}
.lq3-opportunity-title{
margin:0 0 5px !important;
color:#122943 !important;
font-size:14px !important;
line-height:1.22 !important;
font-weight:850 !important;
text-transform:none !important;
}
.lq3-opportunity-agency{
margin:0 0 7px !important;
color:#728194 !important;
font-size:10px !important;
line-height:1.25 !important;
}
.lq3-opportunity-tags{
display:flex !important;
flex-wrap:wrap !important;
gap:5px !important;
}
.lq3-opportunity-tags span{
display:inline-flex !important;
padding:3px 7px !important;
border-radius:20px !important;
background:#eaf7f3 !important;
color:#27715f !important;
font-size:8px !important;
font-weight:650 !important;
}
/* INFORMAÇÕES */
.lq3-opportunity-info{
height:100% !important;
display:flex !important;
flex-direction:column !important;
justify-content:center !important;
gap:10px !important;
padding:0 14px !important;
border-left:1px solid #edf1f5 !important;
border-right:1px solid #edf1f5 !important;
}
.lq3-info-line{
display:flex !important;
align-items:flex-start !important;
gap:8px !important;
}
.lq3-info-icon{
width:22px !important;
flex:0 0 22px !important;
color:#345672 !important;
font-size:13px !important;
text-align:center !important;
}
.lq3-info-line div{
min-width:0 !important;
}
.lq3-info-line small{
display:block !important;
margin-bottom:1px !important;
color:#7b8998 !important;
font-size:8px !important;
}
.lq3-info-line strong{
display:block !important;
color:#18314c !important;
font-size:9.5px !important;
line-height:1.15 !important;
font-weight:750 !important;
}
.lq3-info-line div > span{
display:block !important;
margin-top:1px !important;
color:#768596 !important;
font-size:8px !important;
}
/* PNCP */
.lq3-opportunity-pncp{
height:100% !important;
display:flex !important;
flex-direction:column !important;
justify-content:center !important;
gap:10px !important;
padding:0 14px !important;
border-right:1px solid #edf1f5 !important;
}
.lq3-pncp-item small{
display:block !important;
margin-bottom:2px !important;
color:#7b8998 !important;
font-size:8px !important;
}
.lq3-pncp-item strong{
display:block !important;
color:#1c344e !important;
font-size:9px !important;
line-height:1.2 !important;
font-weight:700 !important;
overflow-wrap:anywhere !important;
}
.lq3-status-badge{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
align-self:flex-start !important;
min-width:72px !important;
height:22px !important;
padding:0 10px !important;
border-radius:20px !important;
background:#dcf6ec !important;
color:#08765e !important;
font-size:9px !important;
font-weight:800 !important;
}
/* AÇÕES */
.lq3-opportunity-actions{
display:grid !important;
grid-template-columns:1fr 34px !important;
gap:6px !important;
padding-left:14px !important;
}
.lq3-opportunity-actions form{
grid-column:1 / 2 !important;
margin:0 !important;
}
.lq3-interest-button,
.lq3-saved-button,
.lq3-official-button{
width:100% !important;
height:34px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
gap:6px !important;
border-radius:6px !important;
font-size:10px !important;
font-weight:800 !important;
text-decoration:none !important;
}
.lq3-interest-button{
border:0 !important;
background:#078a6e !important;
color:#fff !important;
cursor:pointer !important;
}
.lq3-saved-button{
background:#0B2239 !important;
color:#fff !important;
}
.lq3-official-button{
grid-column:1 / 2 !important;
border:1px solid #d2dde7 !important;
background:#fff !important;
color:#25425f !important;
}
.lq3-more-button{
grid-column:2 / 3 !important;
grid-row:1 / 2 !important;
width:34px !important;
height:34px !important;
padding:0 !important;
border:1px solid #d2dde7 !important;
border-radius:6px !important;
background:#fff !important;
color:#314b65 !important;
font-size:18px !important;
cursor:pointer !important;
}
/* TÍTULO DA SEÇÃO */
.dashboard-full .results-count{
width:calc(100% - 36px) !important;
margin:6px 18px 8px !important;
color:#778798 !important;
font-size:10px !important;
font-weight:650 !important;
text-transform:uppercase !important;
}
/* RESPONSIVO */
@media(max-width:1100px){
.lq3-opportunity-card{
grid-template-columns:
minmax(320px,1.4fr)
minmax(260px,1fr)
minmax(180px,.7fr) !important;
}
.lq3-opportunity-actions{
grid-column:1 / -1 !important;
margin-top:10px !important;
padding:10px 0 0 !important;
border-top:1px solid #edf1f5 !important;
}
}
@media(max-width:760px){
.lq3-opportunity-card{
grid-template-columns:1fr !important;
gap:12px !important;
}
.lq3-opportunity-info,
.lq3-opportunity-pncp{
padding:10px 0 !important;
border-left:0 !important;
border-right:0 !important;
border-top:1px solid #edf1f5 !important;
}
.lq3-opportunity-actions{
grid-column:auto !important;
}
}
/* =========================================================
LQ3 — AUMENTA SOMENTE OS TEXTOS DAS INFORMAÇÕES
========================================================= */
/* RÓTULOS */
.lq3-info-line small,
.lq3-pncp-item small{
font-size:10px !important;
line-height:1.15 !important;
}
/* VALORES PRINCIPAIS */
.lq3-info-line strong,
.lq3-pncp-item strong{
font-size:12px !important;
line-height:1.15 !important;
font-weight:750 !important;
}
/* CIDADE / UF */
.lq3-info-line div > span{
font-size:9.5px !important;
line-height:1.15 !important;
}
/* STATUS */
.lq3-status-badge{
font-size:10px !important;
font-weight:800 !important;
}
/* =========================================================
LQ3 — AUMENTA SOMENTE O TEXTO DOS BOTÕES
========================================================= */
.lq3-interest-button,
.lq3-saved-button,
.lq3-official-button{
font-size:12px !important;
font-weight:800 !important;
line-height:1 !important;
}
/* LQ3 — TEXTO DOS BOTÕES EM 13,5PX */
.lq3-interest-button,
.lq3-saved-button,
.lq3-official-button{
font-size:13.5px !important;
font-weight:800 !important;
line-height:1 !important;
}
/* LQ3 — TEXTO DOS BOTÕES EM 13,5PX */
.lq3-interest-button,
.lq3-saved-button,
.lq3-official-button{
font-size:13.5px !important;
font-weight:800 !important;
line-height:1 !important;
}
/* =========================================================
LQ3 — FORÇA MUNICÍPIO / UF EM NEGRITO
========================================================= */
body .dashboard-full
.lq3-opportunity-card
.lq3-info-line
span.lq3-city-uf{
font-weight:900 !important;
color:#1c344e !important;
}
/* MUNICÍPIO / UF EM VERMELHO ESCURO */
body .dashboard-full
.lq3-opportunity-card
.lq3-info-line
span.lq3-city-uf{
color:#8B1E1E !important;
font-weight:900 !important;
}
/* =========================================================
LQ3 — BOTÃO VER FONTE OFICIAL AMARELO CLARO
========================================================= */
body .dashboard-full .lq3-official-button{
background:#F6D77A !important;
border-color:#E8C65E !important;
color:#0B2239 !important;
font-weight:800 !important;
}
body .dashboard-full .lq3-official-button:hover{
background:#F1CC5E !important;
border-color:#DDB94A !important;
color:#0B2239 !important;
}
/* =========================================================
LQ3 — VER FONTE OFICIAL AMARELO BEM CLARO
========================================================= */
body .dashboard-full .lq3-official-button{
background:#FFF3BF !important;
border-color:#F2DEA0 !important;
color:#0B2239 !important;
}
body .dashboard-full .lq3-official-button:hover{
background:#FDEAA3 !important;
border-color:#E8D083 !important;
color:#0B2239 !important;
}
/* =========================================================
LQ3 — MENU DOS 3 PONTOS
========================================================= */
.lq3-more-wrap{
position:relative !important;
grid-column:2 / 3 !important;
grid-row:1 / 2 !important;
}
.lq3-more-menu{
position:absolute !important;
top:39px !important;
right:0 !important;
z-index:50 !important;
display:none !important;
min-width:170px !important;
padding:6px !important;
border:1px solid #dce5ed !important;
border-radius:8px !important;
background:#ffffff !important;
box-shadow:
0 8px 24px rgba(15,39,66,.16) !important;
}
.lq3-more-menu.is-open{
display:block !important;
}
.lq3-more-action{
width:100% !important;
display:block !important;
padding:9px 10px !important;
border:0 !important;
border-radius:5px !important;
background:transparent !important;
color:#17324e !important;
font-size:12px !important;
font-weight:700 !important;
text-align:left !important;
text-decoration:none !important;
cursor:pointer !important;
}
.lq3-more-action:hover{
background:#f1f6f9 !important;
}
/* =========================================================
LQ3 — PÁGINA OPORTUNIDADES SALVAS
========================================================= */
.lq3-saved-page{
max-width:1480px !important;
margin:0 auto !important;
}
.lq3-saved-head{
margin-bottom:22px !important;
}
.lq3-saved-subtitle{
margin-top:5px !important;
color:#6f8192 !important;
font-size:14px !important;
}
.lq3-saved-list{
display:flex !important;
flex-direction:column !important;
gap:12px !important;
}
.lq3-saved-card{
display:grid !important;
grid-template-columns:
minmax(360px,1.6fr)
minmax(230px,1fr)
minmax(190px,.72fr)
190px !important;
gap:22px !important;
align-items:center !important;
min-height:136px !important;
padding:18px 20px !important;
border:1px solid #dce5ed !important;
border-radius:10px !important;
background:#ffffff !important;
box-shadow:
0 3px 12px rgba(15,39,66,.06) !important;
}
/* PRINCIPAL */
.lq3-saved-main{
min-width:0 !important;
}
.lq3-saved-badges{
display:flex !important;
gap:7px !important;
margin-bottom:8px !important;
}
.lq3-saved-location,
.lq3-saved-active,
.lq3-saved-expired{
display:inline-flex !important;
align-items:center !important;
min-height:23px !important;
padding:4px 8px !important;
border-radius:5px !important;
font-size:10px !important;
font-weight:800 !important;
}
.lq3-saved-location{
background:#e7f8f2 !important;
color:#08755f !important;
}
.lq3-saved-active{
background:#0B2239 !important;
color:#ffffff !important;
}
.lq3-saved-expired{
background:#fde9e9 !important;
color:#8B1E1E !important;
}
.lq3-saved-title{
margin:0 0 6px 0 !important;
color:#102a43 !important;
font-size:16px !important;
line-height:1.28 !important;
font-weight:850 !important;
}
.lq3-saved-agency{
margin-bottom:7px !important;
color:#607487 !important;
font-size:11px !important;
font-weight:650 !important;
}
.lq3-saved-download{
display:inline-flex !important;
align-items:center !important;
color:#08755f !important;
font-size:11px !important;
font-weight:800 !important;
text-decoration:none !important;
}
/* INFO */
.lq3-saved-info{
display:flex !important;
flex-direction:column !important;
gap:10px !important;
}
.lq3-saved-info-item small,
.lq3-saved-pncp-item small{
display:block !important;
margin-bottom:2px !important;
color:#8090a0 !important;
font-size:10px !important;
font-weight:700 !important;
}
.lq3-saved-info-item strong,
.lq3-saved-pncp-item strong{
display:block !important;
color:#1c344e !important;
font-size:12px !important;
line-height:1.2 !important;
font-weight:750 !important;
}
.lq3-saved-info-item span{
display:block !important;
margin-top:2px !important;
color:#768596 !important;
font-size:9.5px !important;
}
.lq3-saved-city{
color:#8B1E1E !important;
font-weight:900 !important;
}
/* PNCP */
.lq3-saved-pncp{
display:flex !important;
flex-direction:column !important;
gap:11px !important;
}
/* AÇÕES */
.lq3-saved-actions{
display:grid !important;
grid-template-columns:1fr 34px !important;
gap:7px !important;
position:relative !important;
}
.lq3-saved-analysis,
.lq3-saved-official{
display:flex !important;
align-items:center !important;
justify-content:center !important;
height:34px !important;
border-radius:6px !important;
font-size:13.5px !important;
font-weight:800 !important;
text-decoration:none !important;
}
.lq3-saved-analysis{
grid-column:1 / 2 !important;
background:#078a6e !important;
color:#ffffff !important;
}
.lq3-saved-official{
grid-column:1 / 2 !important;
background:#FFF3BF !important;
border:1px solid #F2DEA0 !important;
color:#0B2239 !important;
}
.lq3-saved-official:hover{
background:#FDEAA3 !important;
}
.lq3-saved-more-wrap{
grid-column:2 / 3 !important;
grid-row:1 / 2 !important;
position:relative !important;
}
.lq3-saved-more-button{
width:34px !important;
height:34px !important;
border:1px solid #d2dde7 !important;
border-radius:6px !important;
background:#ffffff !important;
color:#17324e !important;
font-size:19px !important;
cursor:pointer !important;
}
/* MENU 3 PONTOS */
.lq3-saved-more-menu{
position:absolute !important;
top:39px !important;
right:0 !important;
z-index:60 !important;
display:none !important;
min-width:185px !important;
padding:6px !important;
border:1px solid #dce5ed !important;
border-radius:8px !important;
background:#ffffff !important;
box-shadow:
0 8px 24px rgba(15,39,66,.16) !important;
}
.lq3-saved-more-menu.is-open{
display:block !important;
}
.lq3-saved-more-menu form{
margin:0 !important;
}
.lq3-saved-more-action{
display:block !important;
width:100% !important;
padding:9px 10px !important;
border:0 !important;
border-radius:5px !important;
background:transparent !important;
color:#17324e !important;
font-size:12px !important;
font-weight:700 !important;
text-align:left !important;
text-decoration:none !important;
cursor:pointer !important;
}
.lq3-saved-more-action:hover{
background:#f1f6f9 !important;
}
.lq3-saved-remove{
color:#8B1E1E !important;
}
/* MOBILE */
@media (max-width:1000px){
.lq3-saved-card{
grid-template-columns:1fr !important;
gap:14px !important;
}
.lq3-saved-actions{
max-width:260px !important;
}
}
/* =========================================================
SALVAS — TÍTULO MAIS EQUILIBRADO
========================================================= */
.lq3-saved-head h1{
font-size:34px !important;
line-height:1.05 !important;
font-weight:850 !important;
margin-bottom:6px !important;
}
/* =========================================================
LQ2 — CORREÇÃO DEFINITIVA DO MENU ATIVO
========================================================= */
/* Nenhum item fica ativo por padrão */
body:has(.dashboard-full)
.topbar
.lq2-nav
.lq2-nav-item{
background:transparent !important;
border-color:transparent !important;
}
/* Inclusive neutraliza o antigo destaque fixo de Oportunidades */
body:has(.dashboard-full)
.topbar
.lq2-nav
.lq2-nav-opportunities:not(.is-active){
background:transparent !important;
border-color:transparent !important;
}
/* Somente a página atual recebe destaque */
body:has(.dashboard-full)
.topbar
.lq2-nav
.lq2-nav-item.is-active{
background:#1a3552 !important;
border-color:#294a68 !important;
}
/* =========================================================
MENU ATIVO — REGRA FINAL
========================================================= */
body .topbar .lq2-nav .lq2-nav-item,
body:has(.dashboard-full) .topbar .lq2-nav .lq2-nav-opportunities{
background:transparent !important;
border-color:transparent !important;
}
body .topbar .lq2-nav .lq2-nav-item.is-active{
background:#1a3552 !important;
border-color:#294a68 !important;
}
/* =========================================================
RELATÓRIO — TÍTULO EM 28PX
========================================================= */
.analysis-report-head h1{
font-size:28px !important;
line-height:1.08 !important;
font-weight:850 !important;
margin-bottom:6px !important;
}
/* =========================================================
LICIQUEST — CONFIRMAÇÃO DE SOLICITAÇÃO DE ANÁLISE
========================================================= */
.lq-analysis-success-overlay{
position:fixed;
inset:0;
z-index:9999;
display:flex;
align-items:center;
justify-content:center;
padding:24px;
background:rgba(11,34,57,.46);
backdrop-filter:blur(2px);
}
.lq-analysis-success-box{
width:min(100%,520px);
padding:32px;
background:#ffffff;
border:1px solid #dce5ef;
border-radius:16px;
box-shadow:
0 24px 70px
rgba(11,34,57,.22);
text-align:center;
}
.lq-analysis-success-icon{
width:54px;
height:54px;
margin:0 auto 16px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:#e2f7ef;
color:#078a6e;
font-size:28px;
font-weight:900;
}
.lq-analysis-success-box h2{
margin:0 0 12px;
color:#0b2239;
font-size:23px;
line-height:1.2;
font-weight:850;
}
.lq-analysis-success-box p{
margin:0 auto 10px;
max-width:430px;
color:#52667b;
font-size:14px;
line-height:1.55;
}
.lq-analysis-success-box
.lq-analysis-success-note{
margin-top:8px;
}
.lq-analysis-success-actions{
display:grid;
grid-template-columns:
minmax(120px,.7fr)
minmax(220px,1.3fr);
gap:10px;
margin-top:24px;
}
.lq-analysis-success-actions
.button{
width:100%;
min-height:44px;
}
@media(max-width:600px){
.lq-analysis-success-box{
padding:26px 20px;
}
.lq-analysis-success-actions{
grid-template-columns:1fr;
}
}
/* LICIQUEST — STATUS DE ANÁLISE CANCELADA */
.lq-analysis-status.cancelled{
background:#f1f3f5;
color:#68788d;
}
/* =========================================================
LICIQUEST — MODAL DE CANCELAMENTO DE ANÁLISE
========================================================= */
#lq-cancel-analysis-modal .lq-analysis-success-box{
max-width:520px;
}
#lq-cancel-analysis-modal .button.primary:hover{
filter:brightness(.97);
}
/* =========================================================
LICIQUEST — OPORTUNIDADES MAIS COMPACTAS
========================================================= */
body .dashboard-full .lq3-opportunities{
gap:10px !important;
}
body .dashboard-full .lq3-opportunity-card{
min-height:118px !important;
padding-top:12px !important;
padding-bottom:12px !important;
background:#fbfcfd !important;
border:1px solid #d8e4ec !important;
border-left:4px solid #14a06f !important;
border-radius:12px !important;
}
body .dashboard-full .lq3-opportunity-main{
padding-right:12px !important;
}
body .dashboard-full .lq3-card-badges{
margin-bottom:5px !important;
}
body .dashboard-full .lq3-opportunity-title{
margin-bottom:4px !important;
}
body .dashboard-full .lq3-opportunity-info{
gap:7px !important;
padding-top:0 !important;
padding-bottom:0 !important;
}
body .dashboard-full .lq3-opportunity-pncp{
gap:7px !important;
padding-top:0 !important;
padding-bottom:0 !important;
}
body .dashboard-full .lq3-opportunity-actions{
gap:5px !important;
}
@media(max-width:760px){
body .dashboard-full .lq3-opportunity-card{
min-height:auto !important;
padding-top:12px !important;
padding-bottom:12px !important;
}
}
/* =========================================================
CABEÇALHO LOGADO — GRID FIXO EM 3 ZONAS
========================================================= */
body .topbar:has(.lq2-nav) .bar-inner{
display:grid !important;
grid-template-columns:
minmax(180px,1fr)
auto
minmax(180px,1fr) !important;
align-items:center !important;
width:100% !important;
max-width:none !important;
padding-left:28px !important;
padding-right:28px !important;
margin:0 !important;
}
body .topbar .lq2-header-left{
display:flex;
align-items:center;
justify-content:flex-start;
min-width:0;
}
body .topbar .lq2-header-center{
display:flex !important;
align-items:center !important;
justify-content:center !important;
margin:0 !important;
min-width:0;
}
body .topbar .lq2-header-right{
display:flex;
align-items:center;
justify-content:flex-end;
min-width:0;
}
body .topbar .lq2-account{
margin-left:0 !important;
}
/* =========================================================
LICIQUEST — CABEÇALHO LOGADO PADRÃO GLOBAL
Mesmo padrão visual de Oportunidades em todas as páginas
========================================================= */
body .topbar:has(.lq2-nav){
height:68px !important;
min-height:68px !important;
}
body .topbar:has(.lq2-nav) .bar-inner{
height:68px !important;
min-height:68px !important;
padding-top:0 !important;
padding-bottom:0 !important;
align-items:center !important;
}
body .topbar:has(.lq2-nav) .brand-logo img{
height:46px !important;
max-height:46px !important;
width:auto !important;
}
body .topbar:has(.lq2-nav) .lq2-nav{
height:100% !important;
align-items:center !important;
}
body .topbar:has(.lq2-nav) .lq2-nav-item{
}
body .topbar:has(.lq2-nav) .lq2-nav-item svg{
width:18px !important;
height:18px !important;
}
body .topbar:has(.lq2-nav) .lq2-avatar{
width:36px !important;
height:36px !important;
font-size:12px !important;
}
body .topbar:has(.lq2-nav) .lq2-company strong{
font-size:12.5px !important;
font-weight:850 !important;
}
body .topbar:has(.lq2-nav) .lq2-company small{
font-size:9.5px !important;
}
/* ESTADO ATIVO ÚNICO PARA TODO O MENU */
body .topbar .lq2-nav .lq2-nav-item{
background:transparent !important;
border-color:transparent !important;
}
body .topbar .lq2-nav .lq2-nav-item.is-active{
background:#1a3552 !important;
border-color:#294a68 !important;
}
/* =========================================================
LICIQUEST — MENU ATIVO DEFINITIVO
SOMENTE .is-active PODE RECEBER DESTAQUE
========================================================= */
body .topbar .lq2-nav > a.lq2-nav-item{
background:transparent !important;
border-color:transparent !important;
}
body .topbar .lq2-nav > a.lq2-nav-item.is-active{
background:#1a3552 !important;
border-color:#294a68 !important;
}
/* neutraliza definitivamente qualquer regra antiga
específica de Oportunidades */
body .topbar .lq2-nav > a.lq2-nav-opportunities:not(.is-active){
background:transparent !important;
border-color:transparent !important;
}
/* =========================================================
LICIQUEST — LARGURA GLOBAL PADRÃO DAS PÁGINAS LOGADAS
Referência visual: Oportunidades / Salvas
========================================================= */
/* ---------------------------------------------------------
CABEÇALHO
Evita deslocamento horizontal entre páginas
--------------------------------------------------------- */
body:has(.lq2-nav) .topbar .bar-inner{
width:100% !important;
max-width:none !important;
margin-left:0 !important;
margin-right:0 !important;
padding-left:28px !important;
padding-right:28px !important;
}
/* ---------------------------------------------------------
CONTEÚDO PRINCIPAL
Todas as páginas logadas passam a usar a largura total
--------------------------------------------------------- */
body:has(.lq2-nav) main.wrap.main{
width:100% !important;
max-width:none !important;
margin-left:0 !important;
margin-right:0 !important;
padding-left:24px !important;
padding-right:24px !important;
}
/* ---------------------------------------------------------
OPORTUNIDADES / SALVAS
Mantém comportamento já validado
--------------------------------------------------------- */
body:has(.lq2-nav) main.wrap.main:has(.dashboard-full:not(.lq-saved-page)){
width:100% !important;
max-width:none !important;
padding-left:0 !important;
padding-right:0 !important;
}
/* ---------------------------------------------------------
ANÁLISES
--------------------------------------------------------- */
body:has(.lq2-nav) .lq-analyses-page,
body:has(.lq2-nav) .analyses-page{
width:100% !important;
max-width:none !important;
}
/* ---------------------------------------------------------
CERTIDÕES
--------------------------------------------------------- */
body.certificates-page main.wrap.main{
width:100% !important;
max-width:none !important;
}
/* ---------------------------------------------------------
PERFIL
--------------------------------------------------------- */
body:has(.lq2-nav) .profile-panel{
max-width:none !important;
width:100% !important;
}
/* ---------------------------------------------------------
MOBILE
--------------------------------------------------------- */
@media(max-width:760px){
body:has(.lq2-nav) .topbar .bar-inner{
padding-left:16px !important;
padding-right:16px !important;
}
body:has(.lq2-nav) main.wrap.main{
padding-left:16px !important;
padding-right:16px !important;
}
body:has(.lq2-nav) main.wrap.main:has(.dashboard-full:not(.lq-saved-page)){
padding-left:0 !important;
padding-right:0 !important;
}
}
/* =========================================================
LICIQUEST — PADRÃO GLOBAL DE CARDS
ANÁLISES + CERTIDÕES
Referência: Oportunidades / Salvas
========================================================= */
/* =========================================================
CERTIDÕES
========================================================= */
.certificates-links-only .certificates-grid{
gap:10px !important;
}
.certificates-links-only .certificate-card{
min-height:0 !important;
height:auto !important;
padding:10px 14px !important;
background:#fbfcfd !important;
border:1px solid #d8e4ec !important;
border-left:4px solid #14a06f !important;
border-radius:12px !important;
box-shadow:none !important;
}
.certificates-links-only .certificate-card::before{
display:none !important;
}
.certificates-links-only .certificate-card-content{
padding-top:0 !important;
padding-bottom:0 !important;
}
.certificates-links-only .certificate-card-content h2{
margin-top:0 !important;
margin-bottom:2px !important;
}
.certificates-links-only .certificate-card-content p{
margin-top:0 !important;
margin-bottom:1px !important;
}
.certificates-links-only .certificate-official-link{
min-height:40px !important;
}
/* =========================================================
ANÁLISES
========================================================= */
.lq-analysis-list{
gap:10px !important;
}
.lq-analysis-card{
min-height:0 !important;
padding:12px 16px !important;
background:#fbfcfd !important;
border:1px solid #d8e4ec !important;
border-left:4px solid #14a06f !important;
border-radius:12px !important;
box-shadow:none !important;
}
.lq-analysis-card h2,
.lq-analysis-card h3{
margin-top:0 !important;
margin-bottom:5px !important;
}
.lq-analysis-card p{
margin-top:3px !important;
margin-bottom:3px !important;
}
.lq-analysis-card .lq-analysis-status{
margin-bottom:7px !important;
}
/* =========================================================
MOBILE
========================================================= */
@media(max-width:760px){
.certificates-links-only .certificate-card{
padding:11px 12px !important;
}
.lq-analysis-card{
padding:12px !important;
}
}
/* =========================================================
PERFIL — CARD DE ASSINATURA / FRANQUIA
========================================================= */
.company-plan-card{
grid-column:auto !important;
margin-top:6px;
padding:20px 22px;
border:1px solid #dbe6ee;
border-radius:14px;
background:
linear-gradient(
135deg,
#f8fbfd 0%,
#f2f8f6 100%
);
}
.company-plan-card-top{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:18px;
}
.company-plan-label{
display:block;
margin-bottom:5px;
font-size:13px;
font-weight:800;
color:#6c7b8c;
text-transform:uppercase;
letter-spacing:.06em;
}
.company-plan-name{
display:block;
color:#102a43;
font-size:20px;
line-height:1.25;
}
.company-plan-badge{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:30px;
padding:5px 11px;
border-radius:999px;
background:#e3f5ef;
border:1px solid #b9e4d7;
color:#08745f;
font-size:11px;
font-weight:900;
letter-spacing:.05em;
}
.company-plan-usage{
margin-top:18px;
}
.company-plan-usage-row{
display:flex;
justify-content:space-between;
gap:20px;
align-items:center;
margin-bottom:8px;
color:#687789;
font-size:13px;
}
.company-plan-usage-row strong{
color:#22364e;
font-size:13px;
}
.company-plan-progress{
position:relative;
height:8px;
overflow:hidden;
border-radius:999px;
background:#dfe8ee;
}
.company-plan-progress i{
display:block;
height:100%;
min-width:0;
border-radius:999px;
background:#0a9475;
}
.company-plan-bottom{
display:flex;
justify-content:space-between;
gap:18px;
margin-top:9px;
color:#69798b;
font-size:12px;
}
.company-plan-bottom strong{
color:#17344b;
}
.company-plan-unlimited{
display:inline-flex;
margin-top:2px;
padding:7px 11px;
border-radius:8px;
background:#e7f7f1;
color:#08745f;
font-size:13px;
font-weight:800;
}
.company-plan-no-analysis{
margin-top:16px;
padding:10px 12px;
border-radius:9px;
background:#f0f4f7;
color:#5d6d7c;
font-size:13px;
font-weight:700;
}
.company-plan-features{
display:flex;
flex-wrap:wrap;
gap:8px;
margin-top:16px;
}
.company-plan-features span{
display:inline-flex;
align-items:center;
min-height:30px;
padding:6px 10px;
border-radius:8px;
background:#f1f3f5;
color:#8a96a3;
border:1px solid #e0e5e9;
font-size:12px;
font-weight:750;
}
.company-plan-features span.is-active{
background:#e8f7f2;
color:#08745f;
border-color:#bce8da;
}
@media(max-width:650px){
.company-plan-card{
padding:17px 15px;
}
.company-plan-card-top{
flex-direction:column;
gap:10px;
}
.company-plan-usage-row,
.company-plan-bottom{
flex-direction:column;
align-items:flex-start;
gap:5px;
}
}
/* =========================================================
DETALHE DA OPORTUNIDADE — SERVIÇOS
========================================================= */
.lq-service-box{
display:flex;
flex-direction:column;
gap:10px;
margin-top:4px;
}
.lq-service-box-title{
margin:2px 0 3px;
color:#627286;
font-size:11px;
font-weight:900;
letter-spacing:.09em;
}
.lq-service-item{
display:flex;
flex-direction:column;
gap:10px;
padding:13px;
border:1px solid #dbe5ec;
border-radius:11px;
background:#fff;
}
.lq-service-copy{
display:flex;
flex-direction:column;
gap:4px;
}
.lq-service-copy strong{
color:#142c44;
font-size:14px;
line-height:1.25;
}
.lq-service-copy span{
color:#718093;
font-size:11.5px;
line-height:1.4;
}
.lq-service-item form,
.lq-service-item .button{
width:100%;
}
.lq-service-item .button{
min-height:38px;
font-size:11px;
}
.lq-service-locked{
padding:8px 9px;
border-radius:7px;
background:#f1f4f6;
border:1px solid #e0e5e9;
color:#7b8794;
font-size:10.5px;
font-weight:750;
text-align:center;
}
.lq-service-status{
display:flex;
align-items:center;
justify-content:center;
min-height:34px;
padding:7px 9px;
border-radius:7px;
background:#e8f7f2;
border:1px solid #bce8da;
color:#08745f;
font-size:10.5px;
font-weight:850;
text-align:center;
}
/* =========================================================
SALVAS — 3 SERVIÇOS POR EDITAL
========================================================= */
.lq3-services-actions{
width:100%;
display:flex;
flex-direction:column;
gap:6px;
}
.lq3-services-actions form{
width:100%;
margin:0;
}
.lq3-service-button{
width:100% !important;
min-height:34px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
padding:7px 10px !important;
border-radius:7px !important;
font-size:11px !important;
line-height:1.15 !important;
font-weight:800 !important;
text-decoration:none !important;
cursor:pointer;
}
.lq3-service-primary{
background:#079777 !important;
border:1px solid #079777 !important;
color:#fff !important;
}
.lq3-service-secondary{
background:#ffffff !important;
border:1px solid #15977c !important;
color:#08745f !important;
}
.lq3-service-critical{
background:#102c4a !important;
border:1px solid #102c4a !important;
color:#fff !important;
}
.lq3-service-requested{
background:#e8f7f2 !important;
border:1px solid #b7e4d6 !important;
color:#08745f !important;
}
.lq3-service-locked{
background:#f2f4f6 !important;
border:1px solid #e0e5e9 !important;
color:#8995a1 !important;
cursor:not-allowed !important;
}
/* =========================================================
SALVAS — TEXTO DOS BOTÕES DE SERVIÇO
MESMO PADRÃO VISUAL DE "VER FONTE OFICIAL"
========================================================= */
.lq3-service-button{
font-size:13px !important;
font-weight:800 !important;
line-height:1.15 !important;
}
/* Conferir documentos sempre em uma linha */
.lq3-service-button{
white-space:nowrap !important;
}
/* =========================================================
CONFERÊNCIA DOCUMENTAL — UPLOAD
========================================================= */
.lq-doccheck-page{
max-width:1180px;
margin:0 auto;
}
.lq-doccheck-edital{
display:flex;
flex-direction:column;
gap:5px;
margin:18px 0;
padding:16px 18px;
border:1px solid #dce5ed;
border-radius:12px;
background:#fff;
}
.lq-doccheck-edital > span{
color:#748397;
font-size:11px;
font-weight:800;
text-transform:uppercase;
letter-spacing:.06em;
}
.lq-doccheck-edital > strong{
color:#102a43;
font-size:15px;
line-height:1.35;
}
.lq-doccheck-edital small{
color:#708094;
font-size:12px;
}
.lq-doccheck-status{
margin-bottom:16px;
padding:11px 14px;
border-radius:9px;
font-size:13px;
font-weight:800;
}
.lq-doccheck-status.waiting{
background:#fff6d8;
border:1px solid #ecd88d;
color:#81620a;
}
.lq-doccheck-status.analysis{
background:#e8f7f2;
border:1px solid #bce8da;
color:#08745f;
}
.lq-doccheck-status.caution{
background:#fff1e5;
border:1px solid #f0c99f;
color:#99551d;
}
.lq-doccheck-status.complete{
background:#e7f7ef;
border:1px solid #b4e1c9;
color:#126b48;
}
.lq-doccheck-upload,
.lq-doccheck-files{
margin-top:16px;
padding:22px;
}
.lq-doccheck-upload-head h2,
.lq-doccheck-files-head h2{
margin:0 0 5px;
color:#102a43;
font-size:19px;
}
.lq-doccheck-upload-head p,
.lq-doccheck-files-head p{
margin:0;
color:#718093;
font-size:13px;
}
.lq-doccheck-drop{
position:relative;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:5px;
min-height:155px;
margin-top:18px;
padding:22px;
border:2px dashed #b8d8cf;
border-radius:12px;
background:#f7fbfa;
cursor:pointer;
text-align:center;
}
.lq-doccheck-drop strong{
color:#08745f;
font-size:15px;
}
.lq-doccheck-drop span{
color:#526779;
font-size:13px;
}
.lq-doccheck-drop small{
color:#83909d;
font-size:11px;
}
.lq-doccheck-drop input{
position:absolute;
inset:0;
width:100%;
height:100%;
opacity:0;
cursor:pointer;
}
.lq-doccheck-selected{
margin-top:10px;
color:#617286;
font-size:12px;
line-height:1.5;
}
.lq-doccheck-submit{
margin-top:14px;
}
.lq-doccheck-file-list{
display:flex;
flex-direction:column;
gap:8px;
margin-top:16px;
}
.lq-doccheck-file{
display:flex;
align-items:center;
gap:12px;
padding:11px 13px;
border:1px solid #dfe6ec;
border-radius:9px;
background:#fafcfd;
}
.lq-doccheck-file-icon{
width:34px;
height:34px;
display:flex;
align-items:center;
justify-content:center;
flex:0 0 34px;
border-radius:8px;
background:#e8f7f2;
color:#08745f;
}
.lq-doccheck-file-copy{
display:flex;
flex:1;
min-width:0;
flex-direction:column;
gap:2px;
}
.lq-doccheck-file-copy strong{
overflow:hidden;
color:#18334d;
font-size:13px;
text-overflow:ellipsis;
white-space:nowrap;
}
.lq-doccheck-file-copy span{
color:#8290a0;
font-size:11px;
}
.lq-doccheck-file-ok{
color:#08745f;
font-size:11px;
font-weight:800;
}
.lq-doccheck-empty{
margin-top:16px;
padding:18px;
border-radius:9px;
background:#f5f7f9;
color:#7a8794;
font-size:13px;
text-align:center;
}
@media(max-width:650px){
.lq-doccheck-upload,
.lq-doccheck-files{
padding:16px;
}
.lq-doccheck-file{
align-items:flex-start;
}
.lq-doccheck-file-ok{
display:none;
}
}
/* =========================================================
SALVAS — RELATÓRIO DISPONÍVEL
========================================================= */
.lq3-report-ready{
background:#2f80ed !important;
border:1px solid #2f80ed !important;
color:#ffffff !important;
font-size:13px !important;
font-weight:800 !important;
white-space:nowrap !important;
}
.lq3-report-ready:hover{
background:#1f6fdb !important;
border-color:#1f6fdb !important;
color:#ffffff !important;
}
/* =========================================================
CONFERÊNCIA DOCUMENTAL — AVISO DE ARMAZENAMENTO TEMPORÁRIO
========================================================= */
.lq-doccheck-retention-notice{
display:flex;
align-items:flex-start;
gap:12px;
margin-top:18px;
padding:13px 15px;
border:1px solid #d7e5e1;
border-radius:10px;
background:#f5faf8;
}
.lq-doccheck-retention-icon{
width:34px;
height:34px;
flex:0 0 34px;
display:flex;
align-items:center;
justify-content:center;
border-radius:8px;
background:#e3f5ef;
color:#08745f;
font-size:17px;
}
.lq-doccheck-retention-notice strong{
display:block;
margin-bottom:4px;
color:#183b35;
font-size:13px;
font-weight:850;
}
.lq-doccheck-retention-notice p{
margin:0;
color:#5e716d;
font-size:12px;
line-height:1.5;
}
.lq-doccheck-retention-notice small{
display:block;
margin-top:5px;
color:#7b8986;
font-size:11px;
line-height:1.4;
}
@media(max-width:650px){
.lq-doccheck-retention-notice{
padding:12px;
}
}
/* =========================================================
CONFERÊNCIA DOCUMENTAL — ALERTA DE ARMAZENAMENTO
========================================================= */
.lq-doccheck-retention-notice{
background:#8b1111 !important;
border:2px solid #c62828 !important;
box-shadow:0 6px 18px rgba(120,0,0,.18);
}
.lq-doccheck-retention-icon{
background:#ffd54f !important;
color:#7a0909 !important;
}
.lq-doccheck-retention-notice strong{
color:#ffe45c !important;
font-size:14px !important;
}
.lq-doccheck-retention-notice p{
color:#fff0a8 !important;
font-size:12px !important;
font-weight:650 !important;
}
.lq-doccheck-retention-notice small{
color:#ffe45c !important;
font-weight:700 !important;
}
/* =========================================================
MODAL DE CONFIRMAÇÃO DO ENVIO
========================================================= */
.lq-upload-warning-modal{
position:fixed;
inset:0;
z-index:99999;
display:none;
align-items:center;
justify-content:center;
padding:20px;
background:rgba(3,15,27,.72);
backdrop-filter:blur(3px);
}
.lq-upload-warning-modal.is-open{
display:flex;
}
.lq-upload-warning-box{
width:min(520px, 100%);
border:2px solid #d32f2f;
border-radius:14px;
padding:24px;
background:#8b1111;
box-shadow:0 24px 70px rgba(0,0,0,.35);
}
.lq-upload-warning-symbol{
width:48px;
height:48px;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:14px;
border-radius:12px;
background:#ffd54f;
color:#7a0909;
font-size:25px;
font-weight:900;
}
.lq-upload-warning-box h3{
margin:0 0 10px;
color:#ffe45c;
font-size:21px;
font-weight:900;
}
.lq-upload-warning-box p{
margin:0;
color:#fff0a8;
font-size:14px;
line-height:1.55;
}
.lq-upload-warning-box .lq-warning-report{
display:block;
margin-top:10px;
color:#ffe45c;
font-size:13px;
font-weight:800;
}
.lq-upload-warning-actions{
display:flex;
gap:10px;
margin-top:22px;
}
.lq-upload-warning-cancel,
.lq-upload-warning-confirm{
min-height:42px;
flex:1;
border-radius:8px;
font-size:13px;
font-weight:900;
cursor:pointer;
}
.lq-upload-warning-cancel{
border:1px solid rgba(255,255,255,.45);
background:transparent;
color:#fff;
}
.lq-upload-warning-confirm{
border:1px solid #ffd54f;
background:#ffd54f;
color:#650b0b;
}
.lq-upload-warning-confirm:hover{
background:#ffe47e;
}
@media(max-width:600px){
.lq-upload-warning-actions{
flex-direction:column-reverse;
}
}
/* =========================================================
CONFERÊNCIA DOCUMENTAL — EXCLUIR ARQUIVO
========================================================= */
.lq-doccheck-file-actions{
display:flex;
align-items:center;
gap:12px;
flex-shrink:0;
}
.lq-doccheck-delete-form{
margin:0;
}
.lq-doccheck-delete-button{
min-height:30px;
padding:5px 11px;
border:1px solid #dc3545;
border-radius:7px;
background:#fff;
color:#c62828;
font-size:12px;
font-weight:800;
cursor:pointer;
}
.lq-doccheck-delete-button:hover{
background:#dc3545;
color:#fff;
}
@media(max-width:650px){
.lq-doccheck-file-actions{
align-items:flex-end;
flex-direction:column;
gap:6px;
}
}
/* =========================================================
CONFERÊNCIA DOCUMENTAL — AÇÕES DO ARQUIVO
========================================================= */
.lq-doccheck-file-actions{
display:flex;
align-items:center;
gap:12px;
flex-shrink:0;
}
.lq-doccheck-delete-form{
margin:0 !important;
}
.lq-doccheck-delete-button{
min-height:30px;
padding:5px 11px;
border:1px solid #dc3545;
border-radius:7px;
background:#fff;
color:#c62828;
font-size:12px;
font-weight:800;
cursor:pointer;
}
.lq-doccheck-delete-button:hover{
background:#dc3545;
color:#fff;
}
@media(max-width:650px){
.lq-doccheck-file-actions{
flex-direction:column;
align-items:flex-end;
gap:6px;
}
}
/* =========================================================
CONFERÊNCIA DOCUMENTAL — LAYOUT COMPACTO 2 COLUNAS
========================================================= */
.lq-doccheck-compact-grid{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
gap:14px;
align-items:stretch;
margin-top:14px;
}
/* Cards das duas colunas */
.lq-doccheck-compact-column{
margin:0 !important;
min-width:0;
height:100%;
}
/* ---------------------------------------------------------
COLUNA ESQUERDA — UPLOAD
--------------------------------------------------------- */
.lq-doccheck-upload-column{
display:flex;
flex-direction:column;
}
.lq-doccheck-upload-column h2{
margin-bottom:4px !important;
}
/* Reduz bastante a caixa de selecionar documentos */
.lq-doccheck-upload-column
.lq-doccheck-dropzone{
min-height:112px !important;
padding:16px 14px !important;
margin-top:10px !important;
}
/* Caso a área esteja usando label em vez de dropzone */
.lq-doccheck-upload-column
label[for="documents"]{
min-height:112px !important;
padding:16px 14px !important;
}
/* Botão de envio */
.lq-doccheck-upload-column
.lq-doccheck-submit{
min-height:36px !important;
margin-top:10px !important;
padding:7px 14px !important;
font-size:12px !important;
}
/* ---------------------------------------------------------
COLUNA DIREITA — ARQUIVOS ENVIADOS
--------------------------------------------------------- */
.lq-doccheck-files-column{
display:flex;
flex-direction:column;
}
/* Ocupa a mesma altura da área de upload */
.lq-doccheck-files-column > div{
min-width:0;
}
/* Lista com rolagem caso haja muitos documentos */
.lq-doccheck-files-column
.lq-doccheck-files-list{
max-height:205px;
overflow-y:auto;
padding-right:3px;
}
/* Se não existir wrapper específico da lista,
limita também os cards diretamente */
.lq-doccheck-files-column{
max-height:330px;
overflow-y:auto;
}
/* Arquivo mais compacto */
.lq-doccheck-files-column
.lq-doccheck-file{
min-height:54px !important;
padding:8px 10px !important;
}
/* Suporte ao nome real usado no template atual */
.lq-doccheck-files-column
.lq-doccheck-file-row{
min-height:54px !important;
padding:8px 10px !important;
}
/* Nome */
.lq-doccheck-files-column
.lq-doccheck-file-copy strong{
font-size:12px !important;
line-height:1.25 !important;
}
/* Tamanho/data */
.lq-doccheck-files-column
.lq-doccheck-file-copy span{
font-size:10px !important;
}
/* Status + excluir ficam juntos */
.lq-doccheck-file-actions{
gap:8px !important;
}
/* Botão excluir mais compacto */
.lq-doccheck-delete-button{
min-height:27px !important;
padding:4px 9px !important;
font-size:10px !important;
}
/* ---------------------------------------------------------
AVISO TEMPORÁRIO — ABAIXO DAS DUAS COLUNAS
--------------------------------------------------------- */
.lq-doccheck-compact-grid
+ .lq-doccheck-retention-notice{
margin-top:12px !important;
padding:10px 13px !important;
}
.lq-doccheck-compact-grid
+ .lq-doccheck-retention-notice
.lq-doccheck-retention-icon{
width:30px !important;
height:30px !important;
flex:0 0 30px !important;
font-size:15px !important;
}
.lq-doccheck-compact-grid
+ .lq-doccheck-retention-notice strong{
font-size:12px !important;
}
.lq-doccheck-compact-grid
+ .lq-doccheck-retention-notice p{
font-size:10.5px !important;
line-height:1.4 !important;
}
.lq-doccheck-compact-grid
+ .lq-doccheck-retention-notice small{
font-size:10px !important;
}
/* ---------------------------------------------------------
MOBILE
--------------------------------------------------------- */
@media(max-width:760px){
.lq-doccheck-compact-grid{
grid-template-columns:1fr;
}
.lq-doccheck-files-column{
max-height:none;
}
.lq-doccheck-upload-column
.lq-doccheck-dropzone,
.lq-doccheck-upload-column
label[for="documents"]{
min-height:105px !important;
}
}
/* =========================================================
CONFERÊNCIA DOCUMENTAL — LAYOUT COMPACTO FINAL
========================================================= */
.lq-doccheck-compact-grid{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
gap:14px;
align-items:stretch;
margin-top:14px;
}
.lq-doccheck-compact-panel{
min-width:0;
margin:0 !important;
padding:17px 18px !important;
}
/* TÍTULOS */
.lq-doccheck-compact-panel h2{
margin:0 0 3px !important;
font-size:16px !important;
}
.lq-doccheck-compact-panel
.lq-doccheck-upload-head p,
.lq-doccheck-compact-panel
.lq-doccheck-files-head p{
margin:0 !important;
font-size:11px !important;
line-height:1.4 !important;
}
/* =========================================================
UPLOAD — COLUNA ESQUERDA
========================================================= */
.lq-doccheck-compact-form{
margin-top:12px;
}
.lq-doccheck-compact-panel
.lq-doccheck-drop{
min-height:108px !important;
padding:14px !important;
margin:0 !important;
}
.lq-doccheck-compact-panel
.lq-doccheck-drop strong{
font-size:12px !important;
}
.lq-doccheck-compact-panel
.lq-doccheck-drop span{
font-size:11px !important;
}
.lq-doccheck-compact-panel
.lq-doccheck-drop small{
font-size:10px !important;
}
.lq-doccheck-compact-panel
.lq-doccheck-selected{
min-height:26px !important;
margin:7px 0 !important;
padding:5px 8px !important;
font-size:10px !important;
}
.lq-doccheck-compact-panel
.lq-doccheck-submit{
min-height:34px !important;
margin-top:0 !important;
padding:6px 12px !important;
font-size:11px !important;
}
/* =========================================================
ARQUIVOS — COLUNA DIREITA
========================================================= */
.lq-doccheck-files.lq-doccheck-compact-panel{
display:flex;
flex-direction:column;
}
.lq-doccheck-compact-panel
.lq-doccheck-file-list{
margin-top:12px !important;
max-height:185px;
overflow-y:auto;
padding-right:3px;
}
.lq-doccheck-compact-panel
.lq-doccheck-file{
min-height:54px !important;
padding:8px 9px !important;
gap:8px !important;
}
.lq-doccheck-compact-panel
.lq-doccheck-file-icon{
width:32px !important;
height:32px !important;
flex:0 0 32px !important;
font-size:15px !important;
}
.lq-doccheck-compact-panel
.lq-doccheck-file-copy{
min-width:0;
flex:1;
}
.lq-doccheck-compact-panel
.lq-doccheck-file-copy strong{
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
font-size:11px !important;
}
.lq-doccheck-compact-panel
.lq-doccheck-file-copy span{
font-size:9.5px !important;
}
.lq-doccheck-compact-panel
.lq-doccheck-file-actions{
display:flex;
align-items:center;
gap:6px !important;
flex-shrink:0;
}
.lq-doccheck-compact-panel
.lq-doccheck-file-ok{
font-size:10px !important;
white-space:nowrap;
}
.lq-doccheck-compact-panel
.lq-doccheck-delete-button{
min-height:25px !important;
padding:3px 8px !important;
font-size:9.5px !important;
}
.lq-doccheck-compact-panel
.lq-doccheck-empty{
margin-top:12px !important;
min-height:100px;
display:flex;
align-items:center;
justify-content:center;
padding:15px !important;
font-size:11px !important;
}
/* =========================================================
AVISO TEMPORÁRIO — ABAIXO DAS COLUNAS
========================================================= */
.lq-doccheck-compact-grid
+ .lq-doccheck-retention-notice{
margin-top:12px !important;
padding:10px 13px !important;
border-radius:8px !important;
}
.lq-doccheck-compact-grid
+ .lq-doccheck-retention-notice
.lq-doccheck-retention-icon{
width:30px !important;
height:30px !important;
flex:0 0 30px !important;
font-size:15px !important;
}
.lq-doccheck-compact-grid
+ .lq-doccheck-retention-notice strong{
margin-bottom:2px !important;
font-size:11px !important;
}
.lq-doccheck-compact-grid
+ .lq-doccheck-retention-notice p{
font-size:10px !important;
line-height:1.35 !important;
}
.lq-doccheck-compact-grid
+ .lq-doccheck-retention-notice small{
margin-top:2px !important;
font-size:9.5px !important;
}
/* =========================================================
RESPONSIVO
========================================================= */
@media(max-width:760px){
.lq-doccheck-compact-grid{
grid-template-columns:1fr;
}
.lq-doccheck-compact-panel{
padding:15px !important;
}
.lq-doccheck-compact-panel
.lq-doccheck-file-list{
max-height:250px;
}
}
@media(max-width:520px){
.lq-doccheck-compact-panel
.lq-doccheck-file{
align-items:flex-start;
}
.lq-doccheck-compact-panel
.lq-doccheck-file-actions{
flex-direction:column;
align-items:flex-end;
}
}
/* =========================================================
CONFERÊNCIA DOCUMENTAL — COMPACTAÇÃO EXTRA
========================================================= */
/* Cabeçalho principal */
.lq-doccheck-page h1{
font-size:30px !important;
line-height:1.05 !important;
margin-bottom:6px !important;
}
.lq-doccheck-page .page-subtitle,
.lq-doccheck-page > p{
margin-top:0 !important;
margin-bottom:10px !important;
}
/* Card do edital */
.lq-doccheck-edital,
.lq-doccheck-selected-edital{
padding:12px 16px !important;
margin-bottom:10px !important;
}
.lq-doccheck-edital strong,
.lq-doccheck-selected-edital strong{
line-height:1.25 !important;
}
/* Faixa de status */
.lq-doccheck-status{
min-height:34px !important;
padding:7px 12px !important;
margin:8px 0 10px !important;
font-size:12px !important;
}
/* Grade principal */
.lq-doccheck-compact-grid{
gap:10px !important;
margin-top:10px !important;
}
/* Cards esquerdo e direito */
.lq-doccheck-compact-panel{
padding:13px 14px !important;
}
/* Títulos internos */
.lq-doccheck-compact-panel h2{
font-size:15px !important;
margin-bottom:2px !important;
}
.lq-doccheck-compact-panel
.lq-doccheck-upload-head p,
.lq-doccheck-compact-panel
.lq-doccheck-files-head p{
font-size:10.5px !important;
line-height:1.25 !important;
}
/* Área de seleção */
.lq-doccheck-compact-panel
.lq-doccheck-drop{
min-height:82px !important;
padding:10px 12px !important;
margin-top:8px !important;
}
.lq-doccheck-compact-panel
.lq-doccheck-drop strong{
font-size:11.5px !important;
}
.lq-doccheck-compact-panel
.lq-doccheck-drop span{
font-size:10.5px !important;
}
.lq-doccheck-compact-panel
.lq-doccheck-drop small{
font-size:9.5px !important;
}
/* Selecionados */
.lq-doccheck-compact-panel
.lq-doccheck-selected{
min-height:20px !important;
margin:5px 0 !important;
padding:3px 6px !important;
font-size:9.5px !important;
}
/* Botão envio */
.lq-doccheck-compact-panel
.lq-doccheck-submit{
min-height:31px !important;
padding:5px 11px !important;
font-size:10.5px !important;
}
/* Lista direita */
.lq-doccheck-compact-panel
.lq-doccheck-file-list{
margin-top:8px !important;
max-height:140px !important;
}
.lq-doccheck-compact-panel
.lq-doccheck-file{
min-height:46px !important;
padding:6px 8px !important;
}
.lq-doccheck-compact-panel
.lq-doccheck-file-icon{
width:28px !important;
height:28px !important;
flex:0 0 28px !important;
font-size:13px !important;
}
.lq-doccheck-compact-panel
.lq-doccheck-file-copy strong{
font-size:10.5px !important;
}
.lq-doccheck-compact-panel
.lq-doccheck-file-copy span{
font-size:9px !important;
}
.lq-doccheck-compact-panel
.lq-doccheck-file-ok{
font-size:9.5px !important;
}
.lq-doccheck-compact-panel
.lq-doccheck-delete-button{
min-height:23px !important;
padding:2px 7px !important;
font-size:9px !important;
}
/* =========================================================
ALERTA 48 HORAS — MAIS FORTE E MAIS LEGÍVEL
========================================================= */
.lq-doccheck-retention-notice{
margin-top:10px !important;
padding:12px 14px !important;
gap:10px !important;
border-radius:8px !important;
}
.lq-doccheck-retention-icon{
width:32px !important;
height:32px !important;
flex:0 0 32px !important;
font-size:16px !important;
}
.lq-doccheck-retention-notice strong{
font-size:14px !important;
line-height:1.2 !important;
margin-bottom:3px !important;
}
.lq-doccheck-retention-notice p{
font-size:12.5px !important;
line-height:1.35 !important;
font-weight:800 !important;
}
.lq-doccheck-retention-notice small{
font-size:11.5px !important;
line-height:1.3 !important;
font-weight:800 !important;
}
/* Nota inferior redundante */
.source-note{
margin-top:8px !important;
font-size:10px !important;
}
/* Mobile */
@media(max-width:760px){
.lq-doccheck-page h1{
font-size:25px !important;
}
.lq-doccheck-compact-grid{
gap:8px !important;
}
}
/* =========================================================
ALERTA 48H — DESTAQUE FINAL
========================================================= */
.lq-doccheck-retention-notice{
padding:14px 16px !important;
gap:12px !important;
}
.lq-doccheck-retention-icon{
width:36px !important;
height:36px !important;
flex:0 0 36px !important;
font-size:18px !important;
}
.lq-doccheck-retention-notice strong{
display:block !important;
margin-bottom:5px !important;
color:#ffe45c !important;
font-size:16px !important;
line-height:1.15 !important;
font-weight:950 !important;
letter-spacing:.02em !important;
}
.lq-doccheck-retention-notice p{
margin:0 !important;
color:#fff4a8 !important;
font-size:14px !important;
line-height:1.4 !important;
font-weight:850 !important;
}
.lq-doccheck-retention-notice small{
display:block !important;
margin-top:5px !important;
color:#ffe45c !important;
font-size:13px !important;
line-height:1.35 !important;
font-weight:850 !important;
}
/* Remove nota redundante abaixo do alerta */
.source-note{
display:none !important;
}
/* =========================================================
ALERTA 48H — TAMANHO FINAL FORÇADO
========================================================= */
.lq-doccheck-compact-grid
+ .lq-doccheck-retention-notice{
padding:14px 16px !important;
gap:12px !important;
}
.lq-doccheck-compact-grid
+ .lq-doccheck-retention-notice
.lq-doccheck-retention-icon{
width:38px !important;
height:38px !important;
flex:0 0 38px !important;
font-size:19px !important;
}
.lq-doccheck-compact-grid
+ .lq-doccheck-retention-notice strong{
display:block !important;
margin:0 0 5px 0 !important;
color:#ffe45c !important;
font-size:17px !important;
line-height:1.15 !important;
font-weight:900 !important;
}
.lq-doccheck-compact-grid
+ .lq-doccheck-retention-notice p{
margin:0 !important;
color:#fff3a0 !important;
font-size:14px !important;
line-height:1.4 !important;
font-weight:800 !important;
}
.lq-doccheck-compact-grid
+ .lq-doccheck-retention-notice small{
display:block !important;
margin-top:5px !important;
color:#ffe45c !important;
font-size:13px !important;
line-height:1.35 !important;
font-weight:800 !important;
}
/* =========================================================
CONFERÊNCIA DOCUMENTAL — STATUS AGUARDANDO DOCUMENTOS
========================================================= */
.lq-doccheck-status{
font-size:14px !important;
font-weight:800 !important;
line-height:1.35 !important;
}
/* =========================================================
CONFERÊNCIA DOCUMENTAL — STATUS EM ANÁLISE
========================================================= */
.lq-doccheck-status.analysing{
background:#2f80ed !important;
border:1px solid #2f80ed !important;
color:#ffffff !important;
font-size:14px !important;
font-weight:850 !important;
}
/* =========================================================
CONFERÊNCIA DOCUMENTAL — STATUS EM ANÁLISE
========================================================= */
.lq-doccheck-status.analysis{
background:#2f80ed !important;
border:1px solid #2f80ed !important;
color:#ffffff !important;
font-size:14px !important;
font-weight:850 !important;
}
/* =========================================================
CONFERÊNCIA DOCUMENTAL — STATUS ENVIADO + BOTÃO EXCLUIR
========================================================= */
.lq-doccheck-compact-panel
.lq-doccheck-file-ok{
font-size:12px !important;
font-weight:900 !important;
}
.lq-doccheck-compact-panel
.lq-doccheck-delete-button{
min-height:30px !important;
padding:5px 10px !important;
font-size:11.5px !important;
font-weight:900 !important;
}
/* =========================================================
ADMIN — CONFERÊNCIA DOCUMENTAL FINAL
========================================================= */
.lq-admin-check-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:14px;
}
.lq-admin-files-card{
margin-top:14px;
}
.lq-admin-section-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:15px;
}
.lq-admin-file-count{
padding:5px 10px;
border-radius:999px;
background:#edf4f8;
color:#395873;
font-size:11px;
font-weight:900;
}
.lq-admin-file-list{
display:flex;
flex-direction:column;
gap:8px;
margin-top:12px;
}
.lq-admin-file-row{
display:flex;
align-items:center;
gap:10px;
padding:10px 12px;
border:1px solid #dce5ec;
border-radius:9px;
background:#f9fbfc;
}
.lq-admin-file-icon{
width:34px;
height:34px;
flex:0 0 34px;
display:flex;
align-items:center;
justify-content:center;
border-radius:8px;
background:#e7f4ef;
color:#078a68;
font-size:16px;
}
.lq-admin-file-copy{
min-width:0;
flex:1;
}
.lq-admin-file-copy strong{
display:block;
color:#143652;
font-size:13px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.lq-admin-file-copy span{
display:block;
margin-top:2px;
color:#76899a;
font-size:10px;
}
.lq-admin-download{
min-height:34px !important;
padding:6px 12px !important;
}
.lq-admin-result-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:14px;
margin-top:14px;
}
.lq-admin-help{
margin:4px 0 14px;
color:#6b7d8e;
font-size:12px;
line-height:1.45;
}
.lq-admin-field{
display:flex;
flex-direction:column;
gap:6px;
}
.lq-admin-field strong{
color:#25445e;
font-size:12px;
}
.lq-admin-field textarea{
width:100%;
padding:10px 11px;
border:1px solid #ccd9e2;
border-radius:8px;
resize:vertical;
font:inherit;
}
.lq-admin-pending-button{
margin-top:10px;
border-color:#e0a22d !important;
color:#9a6500 !important;
}
.lq-admin-upload-box{
display:flex;
flex-direction:column;
gap:5px;
margin-bottom:14px;
padding:14px;
border:1px dashed #9fb8c8;
border-radius:9px;
background:#f7fafc;
}
.lq-admin-upload-box strong{
color:#163b59;
font-size:13px;
}
.lq-admin-upload-box span{
color:#728696;
font-size:11px;
}
.lq-admin-upload-box input{
margin-top:7px;
}
.lq-admin-complete-button{
width:100%;
margin-top:10px;
background:#078a68 !important;
}
.lq-admin-empty{
margin-top:12px;
padding:20px;
border:1px dashed #ccd9e2;
border-radius:8px;
color:#718399;
text-align:center;
}
.lq-admin-completed-card{
margin-top:14px;
border-left:4px solid #078a68;
}
.lq-admin-note-final{
margin-top:12px;
padding:10px 12px;
border-radius:8px;
background:#f4f7f9;
}
.lq-admin-note-final p{
margin:5px 0 0;
}
.lq-admin-retention{
display:flex;
flex-direction:column;
gap:4px;
margin-top:14px;
padding:10px 12px;
border-radius:8px;
background:#fff6e5;
color:#76550f;
font-size:11px;
}
@media(max-width:900px){
.lq-admin-check-grid,
.lq-admin-result-grid{
grid-template-columns:1fr;
}
}
/* =========================================================
LICIQUEST — PLANOS HOME FINAL EM 3 CARDS
========================================================= */
#planos{
padding:60px 0 70px !important;
}
#planos .lq-home-plans-head{
margin-bottom:28px !important;
}
#planos .lq-home-plans-eyebrow{
margin:0 0 10px !important;
color:#079572 !important;
font-size:12px !important;
font-weight:900 !important;
letter-spacing:.16em !important;
text-transform:uppercase !important;
}
#planos .lq-home-plans-head h2{
margin:0 0 10px !important;
color:#0d2942 !important;
font-size:38px !important;
line-height:1.12 !important;
font-weight:900 !important;
}
#planos .lq-home-plans-subtitle{
max-width:780px !important;
margin:0 !important;
color:#536579 !important;
font-size:18px !important;
line-height:1.6 !important;
}
#planos .lq-home-plans-grid{
display:grid !important;
grid-template-columns:repeat(3, minmax(0,1fr)) !important;
gap:22px !important;
align-items:stretch !important;
}
#planos .lq-home-plan-card{
position:relative !important;
display:flex !important;
flex-direction:column !important;
min-height:470px !important;
padding:28px !important;
background:#ffffff !important;
border:1px solid #d8e2ea !important;
border-radius:18px !important;
box-shadow:0 10px 30px rgba(13,41,66,.06) !important;
}
#planos .lq-home-plan-card.featured{
background:#d9f1e8 !important;
border:2px solid #079572 !important;
box-shadow:0 18px 44px rgba(7,149,114,.14) !important;
transform:translateY(-6px) !important;
}
#planos .lq-home-plan-highlight{
position:absolute !important;
top:-13px !important;
left:50% !important;
transform:translateX(-50%) !important;
padding:6px 12px !important;
border-radius:999px !important;
background:#079572 !important;
color:#fff !important;
font-size:10px !important;
font-weight:900 !important;
letter-spacing:.08em !important;
white-space:nowrap !important;
}
#planos .lq-home-plan-tag{
margin-bottom:14px !important;
color:#079572 !important;
font-size:11px !important;
font-weight:900 !important;
letter-spacing:.12em !important;
text-transform:uppercase !important;
}
#planos .lq-home-plan-card h3{
min-height:64px !important;
margin:0 0 18px !important;
color:#0d2942 !important;
font-size:20px !important;
line-height:1.35 !important;
font-weight:900 !important;
}
#planos .lq-home-plan-price{
display:flex !important;
align-items:flex-end !important;
flex-wrap:wrap !important;
gap:5px !important;
margin:0 0 22px !important;
}
#planos .lq-home-plan-price small{
flex-basis:100% !important;
color:#7a8997 !important;
font-size:11px !important;
font-weight:700 !important;
}
#planos .lq-home-plan-price strong{
color:#0d2942 !important;
font-size:34px !important;
line-height:1 !important;
font-weight:900 !important;
}
#planos .lq-home-plan-price span{
color:#6f8091 !important;
font-size:14px !important;
margin-bottom:3px !important;
}
#planos .lq-home-plan-card ul{
flex:1 !important;
margin:0 0 24px !important;
padding-left:20px !important;
color:#4f6376 !important;
font-size:14px !important;
line-height:1.8 !important;
}
#planos .lq-home-plan-card li::marker{
color:#079572 !important;
}
#planos .lq-home-plan-button{
width:100% !important;
min-height:46px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
padding:10px 16px !important;
border-radius:10px !important;
text-decoration:none !important;
font-size:14px !important;
font-weight:900 !important;
}
#planos .lq-home-plan-button.primary{
background:#079572 !important;
color:#fff !important;
}
#planos .lq-home-plan-button.primary:hover{
background:#067f61 !important;
}
#planos .lq-home-plan-button.secondary{
background:#0d2942 !important;
color:#fff !important;
}
#planos .lq-home-plan-button.secondary:hover{
background:#173d5d !important;
}
#planos .lq-home-plans-foot{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:16px !important;
margin-top:22px !important;
padding:16px 18px !important;
background:#f5f8fb !important;
border:1px solid #dbe5ed !important;
border-radius:12px !important;
color:#627488 !important;
font-size:14px !important;
}
#planos .lq-home-plans-foot a{
color:#079572 !important;
font-weight:900 !important;
text-decoration:none !important;
}
@media(max-width:980px){
#planos .lq-home-plans-grid{
grid-template-columns:1fr !important;
}
#planos .lq-home-plan-card{
min-height:auto !important;
}
#planos .lq-home-plan-card.featured{
transform:none !important;
}
#planos .lq-home-plans-foot{
flex-direction:column !important;
align-items:flex-start !important;
}
}
/* PLANOS HOME — FAIXAS DE FRANQUIA */
#planos .lq-home-plan-options{
display:flex !important;
flex-direction:column !important;
gap:8px !important;
margin:0 0 20px !important;
}
#planos .lq-home-plan-options div{
display:flex !important;
justify-content:space-between !important;
align-items:center !important;
padding:9px 11px !important;
background:#f5f8fa !important;
border:1px solid #e1e8ee !important;
border-radius:8px !important;
}
#planos .lq-home-plan-options strong{
color:#0d2942 !important;
font-size:12px !important;
}
#planos .lq-home-plan-options span{
color:#079572 !important;
font-size:12px !important;
font-weight:900 !important;
}
/* =========================================================
LICIQUEST — PLANOS HOME COMPACTOS + VERDE CLARO
========================================================= */
#planos{
padding:42px 0 48px !important;
}
#planos .lq-home-plans-head{
margin-bottom:20px !important;
}
#planos .lq-home-plans-head h2{
font-size:32px !important;
margin-bottom:7px !important;
}
#planos .lq-home-plans-subtitle{
font-size:15px !important;
line-height:1.5 !important;
max-width:720px !important;
}
#planos .lq-home-plans-grid{
gap:16px !important;
}
#planos .lq-home-plan-card{
min-height:0 !important;
height:auto !important;
padding:20px 20px 18px !important;
background:#f1fbf7 !important;
border:1px solid #cfe9df !important;
border-radius:15px !important;
box-shadow:
0 8px 22px
rgba(13,41,66,.05) !important;
}
#planos .lq-home-plan-card.featured{
background:#ebf9f4 !important;
border:2px solid #079572 !important;
box-shadow:
0 12px 28px
rgba(7,149,114,.10) !important;
transform:translateY(-4px) !important;
}
#planos .lq-home-plan-tag{
margin-bottom:10px !important;
font-size:10px !important;
}
#planos .lq-home-plan-card h3{
min-height:48px !important;
margin:0 0 12px !important;
font-size:17px !important;
line-height:1.28 !important;
}
#planos .lq-home-plan-price{
margin:0 0 14px !important;
}
#planos .lq-home-plan-price strong{
font-size:28px !important;
}
#planos .lq-home-plan-price span{
font-size:12px !important;
}
#planos .lq-home-plan-card ul{
margin:0 0 14px !important;
padding-left:18px !important;
font-size:12px !important;
line-height:1.55 !important;
}
#planos .lq-home-plan-options{
gap:5px !important;
margin:0 0 14px !important;
}
#planos .lq-home-plan-options div{
padding:6px 8px !important;
background:rgba(255,255,255,.70) !important;
border:1px solid #d4e9e1 !important;
border-radius:7px !important;
}
#planos .lq-home-plan-options strong,
#planos .lq-home-plan-options span{
font-size:10px !important;
}
#planos .lq-home-plan-button{
min-height:38px !important;
padding:7px 12px !important;
border-radius:8px !important;
font-size:11px !important;
}
#planos .lq-home-plans-foot{
margin-top:14px !important;
padding:11px 14px !important;
background:#f1fbf7 !important;
border-color:#cfe9df !important;
font-size:11px !important;
}
@media(max-width:980px){
#planos .lq-home-plan-card.featured{
transform:none !important;
}
}
/* =========================================================
LICIQUEST — PLANOS HOME MAIS COMPACTOS
========================================================= */
#planos{
padding-top:12px !important;
padding-bottom:12px !important;
}
#planos .lq-home-plans-head{
margin-top:0 !important;
margin-bottom:14px !important;
}
#planos .lq-home-plans-eyebrow{
margin-top:0 !important;
}
#planos .lq-home-plans-grid{
margin-top:0 !important;
margin-bottom:0 !important;
}
#planos .lq-home-plan-card{
margin-bottom:0 !important;
}
#planos + .lqv2-final-cta{
margin-top:0 !important;
}
.lq-home-plans-foot{
display:none !important;
}
/* =========================================================
LQ - DESTAQUE VISUAL DOS NOMES DOS PLANOS
========================================================= */
#planos .lq-home-plan-tag{
display:block !important;
width:100% !important;
box-sizing:border-box !important;
margin:0 0 16px !important;
padding:10px 14px !important;
text-align:center !important;
color:#056b53 !important;
background:#d9f1e8 !important;
border:1px solid #8bcdb8 !important;
border-radius:12px !important;
font-size:14px !important;
font-weight:900 !important;
line-height:1.2 !important;
letter-spacing:.08em !important;
text-transform:uppercase !important;
}
/* card principal */
#planos .lq-home-plan-card.featured .lq-home-plan-tag{
background:#079572 !important;
border-color:#079572 !important;
color:#ffffff !important;
}
/* =========================================================
LQ - NOVO VISUAL DOS CARDS DE PLANOS
========================================================= */
#planos .lq-home-plan-highlight{
display:none !important;
}
#planos .lq-home-plan-card{
min-height:500px !important;
}
#planos .lq-home-plan-card h3{
min-height:auto !important;
margin:0 0 14px !important;
font-size:18px !important;
line-height:1.28 !important;
font-weight:900 !important;
}
#planos .lq-home-plan-card ul{
margin-top:8px !important;
}
#planos .lq-home-plan-card li{
margin-bottom:6px !important;
line-height:1.35 !important;
}
#planos .lq-home-plan-card.plan-opportunities{
background:#e8f6f1 !important;
border:2px solid #8bcdb8 !important;
box-shadow:0 14px 34px rgba(5,107,83,.08) !important;
}
#planos .lq-home-plan-card.plan-analysis{
background:#e6f5ef !important;
border:2px solid #079572 !important;
box-shadow:0 18px 44px rgba(7,149,114,.12) !important;
}
#planos .lq-home-plan-card.plan-complete{
background:#f7f2e8 !important;
border:2px solid #d7b56d !important;
box-shadow:0 14px 34px rgba(122,90,0,.08) !important;
}
#planos .plan-opportunities .lq-home-plan-tag{
background:#d7eee6 !important;
border-color:#8bcdb8 !important;
color:#056b53 !important;
}
#planos .plan-analysis .lq-home-plan-tag{
background:#079572 !important;
border-color:#079572 !important;
color:#ffffff !important;
}
#planos .plan-complete .lq-home-plan-tag{
background:#f0dfb1 !important;
border-color:#d7b56d !important;
color:#7a5a00 !important;
}
#planos .plan-opportunities .lq-home-plan-price strong{
color:#056b53 !important;
}
#planos .plan-analysis .lq-home-plan-price strong{
color:#0b6f56 !important;
}
#planos .plan-complete .lq-home-plan-price strong{
color:#7a5a00 !important;
}
#planos .plan-opportunities .lq-home-plan-button{
background:#0d2942 !important;
color:#ffffff !important;
}
#planos .plan-analysis .lq-home-plan-button{
background:#079572 !important;
color:#ffffff !important;
}
#planos .plan-complete .lq-home-plan-button{
background:#7a5a00 !important;
color:#ffffff !important;
}
#planos .plan-analysis .lq-home-plan-options div{
border:1px solid rgba(7,149,114,.22) !important;
}
#planos .plan-complete .lq-home-plan-options div{
border:1px solid rgba(122,90,0,.20) !important;
}
/* =========================================================
DESTAQUE DA FUNÇÃO DE CADA PLANO
========================================================= */
#planos .lq-plan-purpose{
margin:0 0 16px !important;
padding:12px 14px !important;
border-radius:12px !important;
background:rgba(255,255,255,.68) !important;
border:1px solid rgba(13,41,66,.10) !important;
}
#planos .lq-plan-purpose span{
display:block !important;
margin-bottom:4px !important;
font-size:11px !important;
line-height:1.2 !important;
font-weight:900 !important;
letter-spacing:.08em !important;
}
#planos .lq-plan-purpose strong{
display:block !important;
font-size:14px !important;
line-height:1.35 !important;
font-weight:800 !important;
color:#0d2942 !important;
}
#planos .plan-opportunities .lq-plan-purpose{
border-left:4px solid #056b53 !important;
}
#planos .plan-opportunities .lq-plan-purpose span{
color:#056b53 !important;
}
#planos .plan-analysis .lq-plan-purpose{
border-left:4px solid #079572 !important;
}
#planos .plan-analysis .lq-plan-purpose span{
color:#079572 !important;
}
#planos .plan-complete .lq-plan-purpose{
border-left:4px solid #b28a28 !important;
}
#planos .plan-complete .lq-plan-purpose span{
color:#8a6815 !important;
}
/* =========================================================
DESTAQUE VISUAL DOS ITENS DOS PLANOS
========================================================= */
#planos .lq-plan-features{
list-style:none !important;
padding:0 !important;
margin:14px 0 18px !important;
display:flex !important;
flex-direction:column !important;
gap:8px !important;
}
#planos .lq-plan-features li{
position:relative !important;
margin:0 !important;
padding:10px 12px 10px 34px !important;
background:rgba(255,255,255,.72) !important;
border:1px solid rgba(13,41,66,.10) !important;
border-radius:10px !important;
line-height:1.28 !important;
}
#planos .lq-plan-features li::before{
content:"✓" !important;
position:absolute !important;
left:12px !important;
top:10px !important;
font-size:13px !important;
font-weight:900 !important;
}
#planos .lq-plan-features strong{
display:block !important;
font-size:13px !important;
line-height:1.3 !important;
font-weight:850 !important;
color:#0d2942 !important;
}
#planos .lq-plan-features small{
display:block !important;
margin-top:3px !important;
font-size:11.5px !important;
line-height:1.3 !important;
font-weight:700 !important;
color:#64748b !important;
}
/* OPORTUNIDADES */
#planos .plan-opportunities .lq-plan-features li{
border-left:3px solid #056b53 !important;
}
#planos .plan-opportunities .lq-plan-features li::before{
color:#056b53 !important;
}
/* ANÁLISE */
#planos .plan-analysis .lq-plan-features li{
border-left:3px solid #079572 !important;
}
#planos .plan-analysis .lq-plan-features li::before{
color:#079572 !important;
}
/* COMPLETO */
#planos .plan-complete .lq-plan-features li{
border-left:3px solid #b28a28 !important;
}
#planos .plan-complete .lq-plan-features li::before{
color:#8a6815 !important;
}
/* =========================================================
CARDS DE PLANOS MAIS COMPACTOS
========================================================= */
#planos .lq-home-plan-card{
min-height:0 !important;
height:auto !important;
padding:22px !important;
}
#planos .lq-home-plan-card h3{
margin-bottom:10px !important;
}
#planos .lq-plan-purpose{
margin-bottom:12px !important;
padding:10px 12px !important;
}
#planos .lq-plan-features{
margin:10px 0 12px !important;
gap:6px !important;
}
#planos .lq-plan-features li{
padding:8px 10px 8px 32px !important;
}
#planos .lq-plan-features li::before{
top:8px !important;
}
#planos .lq-home-plan-options{
margin-top:10px !important;
}
#planos .lq-home-plan-button{
margin-top:12px !important;
}
/* =========================================================
PLANOS - COMPACTAÇÃO VERTICAL EXTRA
========================================================= */
#planos .lq-home-plan-card{
padding:16px 18px !important;
}
#planos .lq-home-plan-tag{
margin-bottom:10px !important;
padding:8px 12px !important;
}
#planos .lq-home-plan-card h3{
margin:0 0 7px !important;
line-height:1.22 !important;
}
#planos .lq-plan-purpose{
margin:0 0 8px !important;
padding:8px 10px !important;
}
#planos .lq-plan-purpose span{
margin-bottom:2px !important;
}
#planos .lq-plan-purpose strong{
line-height:1.25 !important;
}
#planos .lq-home-plan-price{
margin:6px 0 8px !important;
}
#planos .lq-home-plan-price-note{
margin-bottom:2px !important;
}
#planos .lq-plan-features{
margin:7px 0 9px !important;
gap:4px !important;
}
#planos .lq-plan-features li{
padding:6px 9px 6px 29px !important;
min-height:0 !important;
line-height:1.2 !important;
}
#planos .lq-plan-features li::before{
left:10px !important;
top:6px !important;
}
#planos .lq-plan-features strong{
line-height:1.22 !important;
}
#planos .lq-plan-features small{
margin-top:1px !important;
line-height:1.2 !important;
}
#planos .lq-home-plan-options{
margin-top:7px !important;
gap:4px !important;
}
#planos .lq-home-plan-options > *{
min-height:0 !important;
padding-top:6px !important;
padding-bottom:6px !important;
}
#planos .lq-home-plan-button{
margin-top:8px !important;
min-height:38px !important;
padding:9px 14px !important;
}
/* =========================================================
LICIQUEST - ONBOARDING PRIMEIRO RAMO DE ATIVIDADE
========================================================= */
.company-onboarding-card{
display:grid;
grid-template-columns:64px minmax(0,1fr);
gap:20px;
margin:0 0 18px;
padding:24px 26px;
border:1px solid #a8e2d2;
border-left:5px solid #079572;
border-radius:15px;
background:
linear-gradient(
135deg,
#effaf6 0%,
#f8fcfb 100%
);
box-shadow:
0 12px 32px rgba(7,149,114,.08);
}
.company-onboarding-icon{
width:56px;
height:56px;
display:flex;
align-items:center;
justify-content:center;
border-radius:16px;
background:#079572;
color:#fff;
font-size:25px;
font-weight:900;
}
.company-onboarding-content{
min-width:0;
}
.company-onboarding-eyebrow{
display:block;
margin-bottom:5px;
color:#07866a;
font-size:11px;
font-weight:900;
letter-spacing:.11em;
}
.company-onboarding-content h2{
margin:0;
max-width:780px;
color:#082a43;
font-size:22px;
line-height:1.25;
}
.company-onboarding-content p{
margin:9px 0 0;
max-width:800px;
color:#5c7182;
font-size:14px;
line-height:1.55;
}
.company-onboarding-note{
margin-top:13px;
padding:10px 13px;
width:max-content;
max-width:100%;
border-radius:9px;
background:#dff5ed;
color:#245c50;
font-size:13px;
}
.company-onboarding-button{
margin-top:15px;
display:inline-flex;
align-items:center;
gap:12px;
}
.company-onboarding-button span{
font-size:18px;
}
#company-activity-section{
scroll-margin-top:100px;
transition:
box-shadow .25s ease,
border-color .25s ease,
background .25s ease;
}
#company-activity-section.company-activity-highlight{
border-radius:14px;
background:#f0fbf7;
box-shadow:
0 0 0 3px rgba(7,149,114,.18),
0 12px 30px rgba(7,149,114,.10);
}
@media(max-width:700px){
.company-onboarding-card{
grid-template-columns:1fr;
padding:20px;
}
.company-onboarding-icon{
width:48px;
height:48px;
}
.company-onboarding-content h2{
font-size:19px;
}
.company-onboarding-button{
width:100%;
justify-content:center;
}
}
/* =========================================================
LICIQUEST - MODAL DE PRIMEIRO ACESSO / RAMO
========================================================= */
body.lq-onboarding-open{
overflow:hidden !important;
}
.lq-onboarding-overlay{
position:fixed;
inset:0;
z-index:99999;
display:flex;
align-items:center;
justify-content:center;
padding:24px;
background:rgba(4, 26, 43, .66);
backdrop-filter:blur(5px);
-webkit-backdrop-filter:blur(5px);
opacity:1;
transition:
opacity .22s ease;
}
.lq-onboarding-overlay-hidden{
opacity:0;
pointer-events:none;
}
.lq-onboarding-modal{
position:relative;
width:min(560px, 100%);
padding:34px 36px 32px;
border:1px solid #9edccb;
border-radius:20px;
background:#ffffff;
box-shadow:
0 30px 90px rgba(2, 24, 39, .32);
text-align:center;
animation:
lqOnboardingEnter .28s ease-out;
}
@keyframes lqOnboardingEnter{
from{
opacity:0;
transform:
translateY(18px)
scale(.975);
}
to{
opacity:1;
transform:
translateY(0)
scale(1);
}
}
.lq-onboarding-close{
position:absolute;
top:15px;
right:17px;
width:34px;
height:34px;
display:flex;
align-items:center;
justify-content:center;
border:0;
border-radius:50%;
background:#eef5f3;
color:#60737e;
font-size:24px;
line-height:1;
cursor:pointer;
}
.lq-onboarding-close:hover{
background:#dfeee9;
color:#08344c;
}
.lq-onboarding-modal-icon{
width:64px;
height:64px;
margin:0 auto 16px;
display:flex;
align-items:center;
justify-content:center;
border-radius:18px;
background:#079572;
color:#ffffff;
box-shadow:
0 12px 30px rgba(7,149,114,.22);
font-size:29px;
font-weight:900;
}
.lq-onboarding-modal-eyebrow{
display:block;
margin-bottom:7px;
color:#078c6d;
font-size:11px;
font-weight:900;
letter-spacing:.13em;
}
.lq-onboarding-modal h2{
margin:0;
color:#072d47;
font-size:27px;
line-height:1.18;
font-weight:900;
}
.lq-onboarding-modal-intro{
margin:13px auto 0;
max-width:470px;
color:#657b8b;
font-size:14px;
line-height:1.55;
}
.lq-onboarding-modal-highlight{
margin:21px 0 0;
padding:17px 18px;
border:1px solid #c1eadf;
border-radius:13px;
background:#effaf6;
text-align:left;
}
.lq-onboarding-modal-highlight strong{
display:block;
margin-bottom:5px;
color:#076a54;
font-size:15px;
}
.lq-onboarding-modal-highlight span{
display:block;
color:#486d65;
font-size:13px;
line-height:1.5;
}
.lq-onboarding-modal-help{
margin:13px 0 0;
color:#80919d;
font-size:12px;
}
.lq-onboarding-modal-action{
margin-top:21px;
min-width:290px;
min-height:48px;
display:inline-flex !important;
align-items:center;
justify-content:center;
gap:12px;
font-weight:850 !important;
}
.lq-onboarding-modal-action span{
font-size:19px;
}
/* destaque temporário no ramo */
#company-activity-section{
scroll-margin-top:90px;
}
#company-activity-section.company-activity-highlight{
border-radius:14px;
background:#effaf6;
box-shadow:
0 0 0 3px rgba(7,149,114,.20),
0 14px 34px rgba(7,149,114,.10);
}
/* celular */
@media(max-width:600px){
.lq-onboarding-overlay{
padding:15px;
}
.lq-onboarding-modal{
padding:
29px
20px
24px;
}
.lq-onboarding-modal h2{
font-size:23px;
}
.lq-onboarding-modal-action{
width:100%;
min-width:0;
}
}
/* =========================================================
DASHBOARD - FILTRO POR PALAVRA-CHAVE
========================================================= */
.lq2-keyword-field{
min-width:0;
}
.lq2-keyword-field label{
display:block;
margin-bottom:6px;
color:#082d46;
font-size:12px;
font-weight:800;
}
.lq2-keyword-input-wrap{
position:relative;
}
.lq2-keyword-input-wrap input{
width:100%;
height:42px;
padding:
0
38px
0
34px;
border:1px solid #ccd9e2;
border-radius:7px;
background:#fff;
color:#092d45;
}
.lq2-keyword-input-wrap input:focus{
outline:none;
border-color:#0a9b79;
box-shadow:
0 0 0 3px rgba(10,155,121,.10);
}
.lq2-keyword-icon{
position:absolute;
left:12px;
top:50%;
transform:translateY(-50%);
color:#0a8f70;
pointer-events:none;
}
.lq2-keyword-clear{
position:absolute;
right:7px;
top:50%;
transform:translateY(-50%);
width:27px;
height:27px;
border:0;
border-radius:50%;
background:transparent;
color:#8295a3;
cursor:pointer;
}
.lq2-keyword-clear:hover{
background:#edf4f2;
color:#08765e;
}
/* desktop com novo campo */
@media(min-width:1100px){
.lq2-filter-form{
grid-template-columns:
minmax(250px,1.15fr)
minmax(120px,.55fr)
minmax(260px,.95fr)
minmax(210px,.75fr)
minmax(210px,.75fr) !important;
}
}
/* telas menores */
@media(max-width:1099px){
.lq2-keyword-field{
width:100%;
}
}
/* =========================================================
CORREÇÃO - X DO FILTRO PALAVRA-CHAVE
========================================================= */
.lq2-keyword-input-wrap{
position:relative !important;
}
.lq2-keyword-input-wrap .lq2-keyword-clear{
position:absolute !important;
top:50% !important;
right:8px !important;
transform:translateY(-50%) !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:26px !important;
min-width:26px !important;
max-width:26px !important;
height:26px !important;
min-height:26px !important;
max-height:26px !important;
margin:0 !important;
padding:0 !important;
border:0 !important;
border-radius:50% !important;
background:transparent !important;
color:#8194a2 !important;
box-shadow:none !important;
font-size:16px !important;
line-height:1 !important;
cursor:pointer !important;
}
.lq2-keyword-input-wrap .lq2-keyword-clear:hover{
background:#edf4f2 !important;
color:#08765e !important;
}
.lq2-keyword-input-wrap input{
padding-right:40px !important;
}
/* =========================================================
LOGOUT - ÍCONE MAIOR E VERMELHO
========================================================= */
.lq2-logout button{
color:#e53935 !important;
font-size:22px !important;
font-weight:900 !important;
width:38px !important;
min-width:38px !important;
height:38px !important;
min-height:38px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
padding:0 !important;
border:1px solid rgba(229,57,53,.38) !important;
border-radius:9px !important;
background:rgba(229,57,53,.06) !important;
cursor:pointer !important;
}
.lq2-logout button:hover{
color:#fff !important;
background:#e53935 !important;
border-color:#e53935 !important;
}
/* =========================================================
LOGOUT - SOMENTE ÍCONE
========================================================= */
.lq2-logout button{
width:auto !important;
min-width:0 !important;
height:auto !important;
min-height:0 !important;
padding:0 !important;
margin:0 !important;
border:0 !important;
border-radius:0 !important;
background:transparent !important;
box-shadow:none !important;
color:#e53935 !important;
font-size:24px !important;
font-weight:900 !important;
line-height:1 !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
cursor:pointer !important;
}
.lq2-logout button:hover{
background:transparent !important;
border:0 !important;
color:#b71c1c !important;
transform:scale(1.08);
}
/* =========================================================
CABEÇALHO - NOME E CNPJ CENTRALIZADOS
========================================================= */
.lq2-company{
display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:center !important;
text-align:center !important;
}
.lq2-company strong{
display:block !important;
text-align:center !important;
}
.lq2-company small{
display:block !important;
margin-top:2px !important;
text-align:center !important;
font-size:10px !important;
letter-spacing:.02em !important;
}
/* =========================================================
LOGIN - CONTA BLOQUEADA
========================================================= */
.blocked-company-card{
display:flex;
gap:14px;
align-items:flex-start;
padding:16px;
margin:0 0 18px;
border:1px solid #f2b8b8;
border-radius:12px;
background:#fff2f2;
}
.blocked-company-icon{
width:34px;
height:34px;
min-width:34px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:#d93636;
color:#fff;
font-size:18px;
font-weight:900;
}
.blocked-company-content strong{
display:block;
margin-bottom:5px;
color:#9d2020;
font-size:15px;
}
.blocked-company-content p{
margin:0 0 12px;
color:#7b3333;
font-size:13px;
line-height:1.45;
}
.blocked-company-support{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:36px;
padding:0 13px;
border-radius:8px;
background:#25d366;
color:#fff !important;
font-size:12px;
font-weight:900;
text-decoration:none;
}
.blocked-company-support:hover{
filter:brightness(.95);
}
/* =========================================================
LICIQUEST — CABEÇALHO RESPONSIVO PARA NOTEBOOKS
Mantém desktop grande intacto
========================================================= */
@media (min-width:761px) and (max-width:1100px){
body .topbar:has(.lq2-nav){
height:auto !important;
min-height:108px !important;
}
body .topbar:has(.lq2-nav) .bar-inner{
display:grid !important;
grid-template-columns:
minmax(140px,1fr)
auto !important;
grid-template-areas:
"left right"
"nav nav" !important;
height:auto !important;
min-height:108px !important;
padding:
8px 20px
7px !important;
row-gap:5px !important;
}
body .topbar .lq2-header-left{
grid-area:left !important;
}
body .topbar .bar-inner > nav.lq2-nav.lq2-header-center:not(.public-nav){
grid-area:nav !important;
width:100% !important;
justify-content:center !important;
gap:4px !important;
white-space:nowrap !important;
transform:translateX(-40px) !important;
}
body .topbar .lq2-header-right{
grid-area:right !important;
}
body .topbar .bar-inner > nav.lq2-nav:not(.public-nav) .lq2-nav-item{
font-size:13.5px !important;
padding-left:10px !important;
padding-right:10px !important;
}
body .topbar:has(.lq2-nav) .lq2-nav-item svg{
width:15px !important;
height:15px !important;
}
body .topbar:has(.lq2-nav) .brand-logo img{
height:38px !important;
max-height:38px !important;
}
body .topbar:has(.lq2-nav) .lq2-avatar{
width:32px !important;
height:32px !important;
}
body .topbar:has(.lq2-nav) .lq2-company strong{
font-size:11px !important;
}
body .topbar:has(.lq2-nav) .lq2-company small{
font-size:9px !important;
}
}
/* LICIQUEST — AJUSTE MENU NOTEBOOK */
@media (min-width:1101px) and (max-width:1450px){
body .topbar .lq2-header-center{
transform:translateX(-40px) !important;
}
}
/* ==========================================================
LICIQUEST — CENTRAL DE NOTIFICAÇÕES
========================================================== */
.lq2-notification-bell{
position:relative;
overflow:visible !important;
cursor:pointer;
}
.lq2-notification-count{
position:absolute;
top:-5px;
right:-7px;
min-width:18px;
height:18px;
padding:0 4px;
display:flex;
align-items:center;
justify-content:center;
border:2px solid #071b31;
border-radius:999px;
background:#ef4444;
color:#fff;
font-size:9px;
font-weight:900;
line-height:1;
z-index:5;
}
.lq2-notification-panel{
position:absolute;
top:calc(100% + 14px);
right:-8px;
width:370px;
max-height:480px;
display:none;
overflow:hidden;
border:1px solid #dce6eb;
border-radius:14px;
background:#fff;
box-shadow:
0 18px 48px rgba(12,40,60,.22);
cursor:default;
z-index:9999;
}
.lq2-notification-bell.is-open
.lq2-notification-panel{
display:block;
}
.lq2-notification-head{
min-height:54px;
padding:12px 14px;
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
border-bottom:1px solid #e7edf1;
}
.lq2-notification-head strong{
color:#173950;
font-size:14px;
font-weight:900;
}
.lq2-notification-head form{
margin:0;
}
.lq2-notification-head button{
padding:0;
border:0;
background:transparent;
color:#078866;
font-size:10px;
font-weight:800;
cursor:pointer;
}
.lq2-notification-list{
max-height:420px;
overflow-y:auto;
}
.lq2-notification-item{
display:flex;
gap:11px;
padding:13px 14px;
border-bottom:1px solid #edf2f5;
background:#fff;
text-decoration:none !important;
}
.lq2-notification-item:hover{
background:#f7fafb;
}
.lq2-notification-item.is-unread{
background:#f0fbf7;
}
.lq2-notification-icon{
width:29px;
height:29px;
flex:0 0 29px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:#dcf7ed;
color:#087d60;
font-size:13px;
font-weight:900;
}
.lq2-notification-icon.is-announcement{
background:#e8f0ff;
color:#3970c5;
}
.lq2-notification-copy{
min-width:0;
display:flex;
flex-direction:column;
gap:3px;
}
.lq2-notification-copy em{
color:#3970c5;
font-size:8px;
font-style:normal;
font-weight:900;
text-transform:uppercase;
letter-spacing:.04em;
}
.lq2-notification-copy strong{
color:#14364e;
font-size:11px;
font-weight:900;
line-height:1.3;
}
.lq2-notification-copy > span{
color:#556b7a;
font-size:10px;
line-height:1.45;
}
.lq2-notification-copy small{
margin-top:2px;
color:#8b9aa5;
font-size:9px;
}
.lq2-notification-empty{
padding:30px 18px;
color:#83939e;
font-size:11px;
text-align:center;
}
@media(max-width:700px){
.lq2-notification-panel{
position:fixed;
top:70px;
right:12px;
left:12px;
width:auto;
max-height:calc(100vh - 90px);
}
}
/* ==========================================================
TESTE — MENU PRINCIPAL SEM NEGRITO
========================================================== */
.lq2-nav .lq2-nav-item,
.lq2-nav .lq2-nav-item span,
.lq2-nav .lq2-nav-item.is-active,
.lq2-nav .lq2-nav-item.is-active span {
font-weight: 400 !important;
}
/* ==========================================================
DASHBOARD — TEXTOS PRINCIPAIS COM PESO NORMAL
========================================================== */
.lq2-benefit strong {
font-weight: 400 !important;
}
.lq2-feature-copy h2 {
font-weight: 400 !important;
}
/* ==========================================================
DASHBOARD — TEXTOS PRINCIPAIS VERDES
========================================================== */
.lq2-benefit strong {
font-weight: 400 !important;
color: #0f9f8f !important;
}
.lq2-feature-copy h2 {
font-weight: 400 !important;
color: #0f9f8f !important;
}
/* ==========================================================
HOME — COMO FUNCIONA EM 4 ETAPAS
========================================================== */
.lqv2-process-grid.lqv2-process-grid-four {
grid-template-columns:
minmax(0, 1fr)
auto
minmax(0, 1fr)
auto
minmax(0, 1fr)
auto
minmax(0, 1fr) !important;
gap:14px !important;
align-items:stretch;
}
.lqv2-process-grid-four .lqv2-process-card {
min-width:0;
}
@media (max-width: 1100px) {
.lqv2-process-grid.lqv2-process-grid-four {
grid-template-columns:1fr 1fr !important;
gap:14px !important;
}
.lqv2-process-grid-four .lqv2-process-arrow {
display:none !important;
}
}
@media (max-width: 700px) {
.lqv2-process-grid.lqv2-process-grid-four {
grid-template-columns:1fr !important;
}
}
/* ==========================================================
LICIQUEST — HOME RESPONSIVA FINAL
PADRÃO APROVADO
Desktop amplo + notebook + tablet + mobile
========================================================== */
/* ----------------------------------------------------------
1. CONTAINER PRINCIPAL
Aproveita melhor monitores grandes sem esticar demais
---------------------------------------------------------- */
.lqv2-container {
width:min(calc(100% - 64px), 1760px) !important;
max-width:none !important;
margin-left:auto !important;
margin-right:auto !important;
}
/* ----------------------------------------------------------
2. HERO PRINCIPAL
---------------------------------------------------------- */
.lqv2-hero {
padding-top:38px !important;
padding-bottom:38px !important;
}
.lqv2-hero-grid {
display:grid !important;
grid-template-columns:minmax(0, .90fr) minmax(0, 1.10fr) !important;
gap:28px !important;
align-items:center !important;
}
.lqv2-hero-copy {
min-width:0 !important;
width:100% !important;
max-width:760px !important;
justify-self:end !important;
}
.lqv2-hero-title {
font-size:clamp(46px, 3.35vw, 68px) !important;
line-height:1.08 !important;
letter-spacing:-.035em !important;
}
.lqv2-hero-copy > p {
font-size:clamp(16px, 1.05vw, 19px) !important;
line-height:1.65 !important;
max-width:780px !important;
}
.lqv2-eyebrow {
font-size:clamp(12px, .75vw, 14px) !important;
}
.lqv2-hero-actions {
gap:16px !important;
}
.lqv2-button {
min-height:56px !important;
font-size:clamp(14px, .82vw, 16px) !important;
}
.lqv2-hero-visual {
width:100% !important;
min-width:0 !important;
}
.lqv2-hero-visual img {
display:block !important;
width:100% !important;
height:auto !important;
object-fit:contain !important;
}
/* ----------------------------------------------------------
3. BENEFÍCIOS ABAIXO DO HERO
---------------------------------------------------------- */
.lqv2-trust {
margin-top:28px !important;
gap:20px !important;
}
.lqv2-trust-item {
min-width:0 !important;
}
.lqv2-trust-item strong {
font-size:clamp(13px, .82vw, 16px) !important;
line-height:1.25 !important;
}
.lqv2-trust-item small {
font-size:clamp(10px, .66vw, 13px) !important;
line-height:1.35 !important;
}
.lqv2-trust-icon {
width:44px !important;
height:44px !important;
flex:0 0 44px !important;
}
/* ----------------------------------------------------------
4. SEÇÕES GERAIS DA HOME
---------------------------------------------------------- */
.lqv2-section {
padding-top:clamp(52px, 4.5vw, 84px) !important;
padding-bottom:clamp(52px, 4.5vw, 84px) !important;
}
.lqv2-section h2,
.lqv2-process h2,
.lqv2-critical h2,
.lq-home-plans-head h2 {
font-size:clamp(34px, 2.65vw, 50px) !important;
line-height:1.12 !important;
letter-spacing:-.025em !important;
}
.lqv2-section p,
.lqv2-process-lead,
.lqv2-critical-copy > p {
font-size:clamp(15px, .95vw, 18px) !important;
line-height:1.6 !important;
}
/* ----------------------------------------------------------
5. BLOCO MENOS DÚVIDAS / ANÁLISE
---------------------------------------------------------- */
.lqv2-problem-grid {
display:grid !important;
grid-template-columns:minmax(0, .92fr) minmax(0, 1.08fr) !important;
gap:clamp(45px, 6vw, 110px) !important;
align-items:center !important;
}
.lqv2-analysis-visual {
width:100% !important;
}
.lqv2-analysis-visual img {
width:100% !important;
height:auto !important;
display:block !important;
}
/* ----------------------------------------------------------
6. CARDS DE CONTEÚDO / ENTREGA
---------------------------------------------------------- */
.lqv2-delivery-grid {
gap:clamp(18px, 1.6vw, 30px) !important;
}
.lqv2-delivery-card {
min-width:0 !important;
}
.lqv2-delivery-copy {
padding:clamp(18px, 1.5vw, 28px) !important;
}
.lqv2-delivery-copy h3 {
font-size:clamp(18px, 1.2vw, 22px) !important;
}
.lqv2-delivery-copy p {
font-size:clamp(14px, .88vw, 17px) !important;
}
/* ----------------------------------------------------------
7. COMO FUNCIONA
---------------------------------------------------------- */
.lqv2-process {
padding-top:clamp(52px, 4.5vw, 82px) !important;
padding-bottom:clamp(52px, 4.5vw, 82px) !important;
}
.lqv2-process-grid {
margin-top:34px !important;
}
.lqv2-process-grid.lqv2-process-grid-four {
grid-template-columns:
minmax(0,1fr)
36px
minmax(0,1fr)
36px
minmax(0,1fr)
36px
minmax(0,1fr) !important;
gap:14px !important;
}
.lqv2-process-card {
padding:clamp(20px, 1.5vw, 28px) !important;
min-height:210px !important;
}
.lqv2-process-copy h3 {
font-size:clamp(17px, 1.05vw, 21px) !important;
line-height:1.25 !important;
}
.lqv2-process-copy p {
font-size:clamp(13px, .82vw, 16px) !important;
line-height:1.5 !important;
}
/* ----------------------------------------------------------
8. ANÁLISE CRÍTICA
---------------------------------------------------------- */
.lqv2-critical {
padding-top:clamp(52px, 4.5vw, 82px) !important;
padding-bottom:clamp(52px, 4.5vw, 82px) !important;
}
.lqv2-critical-grid {
width:min(calc(100% - 64px), 1760px) !important;
max-width:none !important;
margin-left:auto !important;
margin-right:auto !important;
gap:clamp(34px, 4vw, 72px) !important;
}
.lqv2-critical-cards {
gap:20px !important;
}
.lqv2-critical-cards article {
padding:clamp(22px, 1.7vw, 30px) !important;
}
.lqv2-critical-cards h3 {
font-size:clamp(17px, 1.05vw, 21px) !important;
}
.lqv2-critical-cards p {
font-size:clamp(13px, .82vw, 16px) !important;
line-height:1.5 !important;
}
/* ----------------------------------------------------------
9. CTA FINAL
---------------------------------------------------------- */
.lqv2-final-cta {
min-height:0 !important;
}
.lqv2-final-cta h2 {
font-size:clamp(30px, 2.25vw, 44px) !important;
line-height:1.1 !important;
}
.lqv2-final-cta p {
font-size:clamp(14px, .9vw, 17px) !important;
}
/* ==========================================================
NOTEBOOK
aproximadamente 1280px até 1440px
========================================================== */
@media (max-width:1440px) {
.lqv2-container,
.lqv2-critical-grid {
width:calc(100% - 40px) !important;
}
.lqv2-hero {
padding-top:30px !important;
padding-bottom:30px !important;
}
.lqv2-hero-grid {
grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr) !important;
gap:36px !important;
}
.lqv2-hero-copy {
max-width:none !important;
justify-self:stretch !important;
}
.lqv2-hero-title {
font-size:clamp(40px, 4vw, 54px) !important;
}
.lqv2-hero-copy > p {
font-size:15px !important;
line-height:1.55 !important;
}
.lqv2-button {
min-height:50px !important;
font-size:13px !important;
}
.lqv2-trust {
gap:14px !important;
}
.lqv2-trust-item strong {
font-size:13px !important;
}
.lqv2-trust-item small {
font-size:10px !important;
}
.lqv2-section h2,
.lqv2-process h2,
.lqv2-critical h2,
.lq-home-plans-head h2 {
font-size:clamp(30px, 3vw, 40px) !important;
}
.lqv2-process-grid.lqv2-process-grid-four {
gap:10px !important;
grid-template-columns:
minmax(0,1fr)
24px
minmax(0,1fr)
24px
minmax(0,1fr)
24px
minmax(0,1fr) !important;
}
.lqv2-process-card {
padding:18px !important;
min-height:190px !important;
}
}
/* ==========================================================
NOTEBOOK MENOR / TABLET HORIZONTAL
========================================================== */
@media (max-width:1100px) {
.lqv2-container,
.lqv2-critical-grid {
width:calc(100% - 32px) !important;
}
.lqv2-hero-grid,
.lqv2-problem-grid {
grid-template-columns:1fr 1fr !important;
gap:28px !important;
}
.lqv2-hero-title {
font-size:clamp(36px, 4.6vw, 46px) !important;
}
.lqv2-process-grid.lqv2-process-grid-four {
grid-template-columns:1fr 1fr !important;
gap:16px !important;
}
.lqv2-process-grid-four .lqv2-process-arrow {
display:none !important;
}
.lqv2-process-card {
min-height:0 !important;
}
}
/* ==========================================================
TABLET / CELULAR
========================================================== */
@media (max-width:820px) {
.lqv2-container,
.lqv2-critical-grid {
width:calc(100% - 28px) !important;
}
.lqv2-hero-grid,
.lqv2-problem-grid,
.lqv2-critical-grid {
grid-template-columns:1fr !important;
}
.lqv2-hero-title {
font-size:clamp(36px, 9vw, 48px) !important;
}
.lqv2-hero-copy > p {
font-size:15px !important;
}
.lqv2-hero-actions {
flex-direction:column !important;
}
.lqv2-button {
width:100% !important;
}
.lqv2-trust {
display:grid !important;
grid-template-columns:1fr !important;
gap:12px !important;
}
.lqv2-trust-item strong {
font-size:14px !important;
}
.lqv2-trust-item small {
font-size:11px !important;
}
.lqv2-process-grid.lqv2-process-grid-four {
grid-template-columns:1fr !important;
}
}
/* ==========================================================
CELULAR
========================================================== */
@media (max-width:560px) {
.lqv2-container,
.lqv2-critical-grid {
width:calc(100% - 24px) !important;
}
.lqv2-hero {
padding-top:24px !important;
padding-bottom:28px !important;
}
.lqv2-hero-title {
font-size:36px !important;
}
.lqv2-section h2,
.lqv2-process h2,
.lqv2-critical h2,
.lq-home-plans-head h2 {
font-size:30px !important;
}
.lqv2-section,
.lqv2-process,
.lqv2-critical {
padding-top:42px !important;
padding-bottom:42px !important;
}
}
/* ==========================================================
LICIQUEST — REFINO FINAL PARA DESKTOP GRANDE
Mantém notebook/tablet/mobile preservados
========================================================== */
@media (min-width:1450px) {
/* ------------------------------------------------------
1. BLOCO "MENOS DÚVIDAS"
------------------------------------------------------ */
.lqv2-problem {
padding-top:44px !important;
padding-bottom:44px !important;
}
.lqv2-problem-grid {
align-items:center !important;
min-height:0 !important;
}
.lqv2-problem-grid > div:first-child {
align-self:center !important;
max-width:100% !important;
justify-self:stretch !important;
}
.lqv2-problem h2 {
font-size:50px !important;
line-height:1.08 !important;
margin-bottom:20px !important;
}
.lqv2-problem p {
font-size:18px !important;
line-height:1.65 !important;
max-width:690px !important;
}
.lqv2-analysis-visual {
align-self:center !important;
}
.lqv2-analysis-visual img {
max-height:390px !important;
object-fit:contain !important;
}
/* ------------------------------------------------------
2. SEÇÃO "O QUE VOCÊ RECEBE"
------------------------------------------------------ */
.lqv2-delivery {
padding-top:48px !important;
padding-bottom:52px !important;
}
.lqv2-section-heading {
margin-bottom:28px !important;
}
.lqv2-section-heading h2 {
font-size:46px !important;
}
.lqv2-section-heading p {
font-size:17px !important;
}
.lqv2-delivery-grid {
gap:18px !important;
}
.lqv2-delivery-card {
border-radius:16px !important;
overflow:hidden !important;
}
.lqv2-delivery-image {
min-height:220px !important;
}
.lqv2-delivery-image img {
width:100% !important;
height:220px !important;
object-fit:cover !important;
}
.lqv2-delivery-copy {
padding:20px 22px !important;
}
.lqv2-delivery-copy h3 {
font-size:20px !important;
margin-bottom:7px !important;
}
.lqv2-delivery-copy p {
font-size:15px !important;
line-height:1.48 !important;
}
/* ------------------------------------------------------
3. COMO FUNCIONA
------------------------------------------------------ */
.lqv2-process {
padding-top:48px !important;
padding-bottom:52px !important;
}
.lqv2-process h2 {
font-size:44px !important;
}
.lqv2-process-lead {
font-size:17px !important;
max-width:900px !important;
}
.lqv2-process-grid {
margin-top:30px !important;
}
.lqv2-process-card {
min-height:175px !important;
padding:20px 22px !important;
}
.lqv2-process-copy h3 {
font-size:18px !important;
}
.lqv2-process-copy p {
font-size:14px !important;
line-height:1.45 !important;
}
.lqv2-step {
transform:scale(1.04);
transform-origin:center;
}
/* ------------------------------------------------------
4. ANÁLISE CRÍTICA
------------------------------------------------------ */
.lqv2-critical {
padding-top:46px !important;
padding-bottom:46px !important;
}
.lqv2-critical-grid {
grid-template-columns:minmax(0,.92fr) minmax(0,1.35fr) !important;
align-items:center !important;
}
.lqv2-critical-copy {
max-width:680px !important;
}
.lqv2-critical-copy h2 {
font-size:44px !important;
line-height:1.08 !important;
}
.lqv2-critical-copy > p {
font-size:17px !important;
line-height:1.55 !important;
}
.lqv2-critical-cards {
display:grid !important;
grid-template-columns:1fr 1fr !important;
gap:18px !important;
}
.lqv2-critical-cards article {
min-height:205px !important;
padding:24px !important;
border-radius:15px !important;
}
.lqv2-critical-cards h3 {
font-size:19px !important;
margin-bottom:10px !important;
}
.lqv2-critical-cards p {
font-size:15px !important;
line-height:1.48 !important;
}
.lqv2-critical-icon {
width:46px !important;
height:46px !important;
margin-bottom:14px !important;
}
/* ------------------------------------------------------
5. BLOCO PNCP
------------------------------------------------------ */
.lqv2-pncp-image-section {
padding-top:18px !important;
padding-bottom:18px !important;
}
.lqv2-pncp-image-wrap {
width:min(calc(100% - 64px),1760px) !important;
margin-left:auto !important;
margin-right:auto !important;
}
.lqv2-pncp-image-wrap img {
width:100% !important;
height:auto !important;
display:block !important;
}
/* ------------------------------------------------------
6. CTA FINAL
------------------------------------------------------ */
.lqv2-final-cta {
min-height:250px !important;
}
.lqv2-final-cta-inner,
.lqv2-final-cta .lqv2-container {
min-height:250px !important;
align-items:center !important;
}
.lqv2-final-cta h2 {
font-size:40px !important;
line-height:1.08 !important;
margin-bottom:12px !important;
}
.lqv2-final-cta p {
font-size:16px !important;
line-height:1.5 !important;
max-width:760px !important;
}
.lqv2-final-actions,
.lqv2-final-cta-actions {
gap:10px !important;
}
.lqv2-final-cta .lqv2-button {
min-height:50px !important;
font-size:14px !important;
}
.lqv2-final-benefits {
gap:12px !important;
}
.lqv2-final-benefits > div {
min-height:62px !important;
padding:10px 14px !important;
}
.lqv2-final-benefits strong {
font-size:14px !important;
}
.lqv2-final-benefits small {
font-size:11px !important;
}
/* ------------------------------------------------------
7. PLANOS
------------------------------------------------------ */
#planos .lq-home-plans-head h2 {
font-size:42px !important;
}
#planos .lq-home-plans-subtitle {
font-size:16px !important;
}
#planos .lq-home-plan-card {
padding:20px !important;
}
#planos .lq-home-plan-card h3 {
font-size:19px !important;
}
#planos .lq-plan-purpose strong {
font-size:15px !important;
}
#planos .lq-plan-features strong {
font-size:14px !important;
}
#planos .lq-plan-features small {
font-size:12px !important;
}
}
/* ==========================================================
SEGURANÇA PARA NOTEBOOK
Não deixa o refino desktop vazar para telas menores
========================================================== */
@media (max-width:1440px) {
.lqv2-problem-grid {
min-height:0 !important;
}
.lqv2-analysis-visual img {
max-height:none !important;
}
.lqv2-delivery-image {
min-height:0 !important;
}
.lqv2-delivery-image img {
height:auto !important;
}
.lqv2-critical-cards article {
min-height:0 !important;
}
.lqv2-final-cta,
.lqv2-final-cta-inner,
.lqv2-final-cta .lqv2-container {
min-height:0 !important;
}
}
/* ==========================================================
LICIQUEST — AJUDA FLUTUANTE V1
========================================================== */
.lq-help-widget{
position:fixed;
right:22px;
bottom:22px;
z-index:99990;
}
.lq-help-button{
min-height:42px;
display:flex;
align-items:center;
gap:7px;
padding:0 14px 0 9px;
border:0;
border-radius:999px;
background:#0b9273;
color:#fff;
font-family:inherit;
font-size:12px;
font-weight:900;
box-shadow:0 10px 30px rgba(4,44,63,.22);
cursor:pointer;
}
.lq-help-button:hover{
background:#087e64;
}
.lq-help-question{
width:24px;
height:24px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:rgba(255,255,255,.18);
font-size:16px;
font-weight:900;
}
.lq-help-panel{
position:absolute;
right:0;
bottom:58px;
width:370px;
max-width:calc(100vw - 28px);
display:none;
overflow:hidden;
border:1px solid #d6e3e8;
border-radius:15px;
background:#fff;
box-shadow:0 22px 60px rgba(4,32,52,.22);
}
.lq-help-panel.is-open{
display:block;
}
.lq-help-panel-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:12px;
padding:16px 16px 12px;
background:#082b4c;
}
.lq-help-panel-head strong{
display:block;
color:#fff;
font-size:14px;
}
.lq-help-panel-head span{
display:block;
margin-top:3px;
color:#b9cbd8;
font-size:10px;
}
.lq-help-close{
width:28px;
height:28px;
flex:none;
border:0;
border-radius:50%;
background:rgba(255,255,255,.10);
color:#fff;
font-size:20px;
line-height:1;
cursor:pointer;
}
.lq-help-quick-search{
padding:12px 14px 8px;
}
.lq-help-quick-search input{
width:100%;
min-height:38px;
padding:0 11px;
border:1px solid #d5e1e7;
border-radius:8px;
background:#f9fbfc;
color:#1a3d55;
font-family:inherit;
font-size:11px;
outline:none;
}
.lq-help-quick-search input:focus{
border-color:#0b9273;
background:#fff;
}
.lq-help-links{
max-height:310px;
overflow:auto;
padding:4px 10px 9px;
}
.lq-help-links a{
display:flex;
align-items:center;
gap:10px;
padding:9px 10px;
border-radius:9px;
color:#294960;
font-size:11px;
font-weight:700;
text-decoration:none;
}
.lq-help-links a:hover{
background:#f0f7f5;
color:#087b63;
}
.lq-help-links a > span{
width:28px;
height:28px;
display:flex;
align-items:center;
justify-content:center;
flex:none;
border-radius:8px;
background:#f2f7f8;
font-size:14px;
}
.lq-help-links a > div{
min-width:0;
}
.lq-help-links a strong{
display:block;
color:#173d57;
font-size:11px;
line-height:1.25;
}
.lq-help-links a small{
display:block;
margin-top:2px;
color:#82929e;
font-size:9px;
font-weight:500;
line-height:1.3;
}
.lq-help-featured{
margin:5px 14px 8px;
padding:11px 12px;
border:1px solid #bfe4d9;
border-radius:10px;
background:#eef9f5;
}
.lq-help-featured-label{
display:block;
margin-bottom:5px;
color:#0b8468;
font-size:8px;
font-weight:900;
letter-spacing:.08em;
}
.lq-help-featured a{
display:block;
color:#143d55;
text-decoration:none;
}
.lq-help-featured strong{
display:block;
font-size:11px;
}
.lq-help-featured small{
display:block;
margin-top:3px;
color:#72877f;
font-size:9px;
line-height:1.35;
}
.lq-help-all{
display:flex;
align-items:center;
justify-content:center;
min-height:44px;
padding:0 14px;
border-top:1px solid #e2eaee;
background:#f8fbfc;
color:#0a3152 !important;
font-size:11px;
font-weight:900;
text-decoration:none;
}
.lq-help-all:hover{
background:#eff6f8;
}
@media(max-width:700px){
.lq-help-widget{
right:14px;
bottom:14px;
}
.lq-help-button{
min-height:44px;
padding:0 13px 0 9px;
}
.lq-help-panel{
right:0;
bottom:54px;
width:min(350px,calc(100vw - 28px));
}
}
/* ==========================================================
LICIQUEST — AJUDA CONTEXTUAL V1
========================================================== */
.lq-help-links a.is-contextual{
background:#eaf8f4;
color:#087b63;
}
.lq-help-links a.is-contextual > span{
background:#d9f2ea;
}
.lq-help-links a.is-contextual strong{
color:#087b63;
}
.lq-help-links a.is-contextual::after{
content:"Nesta tela";
margin-left:auto;
padding:3px 6px;
border-radius:999px;
background:#d8f1e9;
color:#08785f;
font-size:7px;
font-weight:900;
text-transform:uppercase;
white-space:nowrap;
}
/* ==========================================================
LICIQUEST — PAINEL OPORTUNIDADE V2
========================================================== */
.lq-op-panel{
width:100%;
box-sizing:border-box;
margin:0 0 22px;
padding:20px 22px;
background:#fff;
border:1px solid #dbe5eb;
border-radius:16px;
box-shadow:0 6px 24px rgba(15,43,65,.045);
}
.lq-op-panel-top{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:24px;
}
.lq-op-panel-kicker{
margin:0 0 5px;
color:#078a68;
font-size:.72rem;
font-weight:900;
letter-spacing:.10em;
}
.lq-op-panel-heading h2{
margin:0;
color:#112d43;
font-size:1.28rem;
}
.lq-op-panel-heading > p:last-child{
margin:5px 0 0;
color:#718291;
font-size:.82rem;
}
.lq-op-panel-counter{
min-width:130px;
padding:11px 15px;
text-align:center;
background:#eef9f6;
border:1px solid #cce8df;
border-radius:12px;
}
.lq-op-panel-counter strong{
display:block;
color:#078a68;
font-size:1.35rem;
line-height:1;
}
.lq-op-panel-counter span{
display:block;
margin-top:4px;
color:#667d77;
font-size:.68rem;
font-weight:700;
}
.lq-op-progress-row{
display:flex;
justify-content:space-between;
align-items:center;
margin-top:17px;
margin-bottom:6px;
color:#617584;
font-size:.73rem;
font-weight:800;
}
.lq-op-progress-row strong{
color:#078a68;
}
.lq-op-progress{
width:100%;
height:8px;
overflow:hidden;
background:#e8eef1;
border-radius:999px;
}
.lq-op-progress span{
display:block;
height:100%;
background:#17a47d;
border-radius:999px;
}
.lq-op-stages{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:10px;
margin-top:17px;
}
.lq-op-stage{
min-width:0;
display:flex;
align-items:center;
gap:10px;
padding:12px;
border:1px solid #e0e7ec;
border-radius:11px;
background:#fafcfd;
}
.lq-op-stage-icon{
width:31px;
height:31px;
flex:0 0 31px;
display:flex;
justify-content:center;
align-items:center;
border-radius:50%;
background:#edf1f4;
color:#87949c;
font-weight:900;
}
.lq-op-stage strong{
display:block;
color:#244358;
font-size:.73rem;
line-height:1.2;
}
.lq-op-stage span{
display:block;
margin-top:3px;
color:#81909a;
font-size:.65rem;
}
.lq-op-stage.is-done{
background:#f2faf7;
border-color:#c9e7dd;
}
.lq-op-stage.is-done .lq-op-stage-icon{
background:#d8f3e9;
color:#087f64;
}
.lq-op-stage.is-running{
background:#f4f9fd;
border-color:#cbdfea;
}
.lq-op-stage.is-running .lq-op-stage-icon{
background:#e0eff8;
color:#2477a9;
}
.lq-op-stage.is-waiting{
background:#fff9ed;
border-color:#ebd9a6;
}
.lq-op-stage.is-waiting .lq-op-stage-icon{
background:#fae9b7;
color:#87610d;
}
.lq-op-shortcuts{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:10px;
margin-top:14px;
}
.lq-op-shortcuts > a{
min-width:0;
display:flex;
align-items:center;
gap:9px;
padding:10px 11px;
color:#173b54;
border:1px solid #dce6eb;
border-radius:10px;
background:#fff;
text-decoration:none !important;
transition:.15s ease;
}
.lq-op-shortcuts > a:hover{
background:#f2faf7;
border-color:#a6d6c8;
transform:translateY(-1px);
}
.lq-op-shortcuts > a > span{
width:29px;
height:29px;
flex:0 0 29px;
display:flex;
justify-content:center;
align-items:center;
background:#edf6f3;
border-radius:8px;
color:#087f64;
font-weight:900;
}
.lq-op-shortcuts strong{
display:block;
color:#173b54;
font-size:.71rem;
}
.lq-op-shortcuts small{
display:block;
margin-top:2px;
color:#7b8d98;
font-size:.61rem;
line-height:1.25;
}
.lq-op-disclaimer{
margin-top:13px;
padding-top:10px;
border-top:1px solid #e8edef;
color:#87959e;
font-size:.63rem;
line-height:1.4;
}
#lq-servicos-edital,
#documents-area{
scroll-margin-top:90px;
}
@media(max-width:950px){
.lq-op-stages,
.lq-op-shortcuts{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media(max-width:600px){
.lq-op-panel{
padding:16px 14px;
}
.lq-op-panel-top{
display:block;
}
.lq-op-panel-counter{
width:100%;
margin-top:12px;
}
.lq-op-stages,
.lq-op-shortcuts{
grid-template-columns:1fr;
}
}
/* ==========================================================
LICIQUEST — BOTÃO ABRIR PAINEL V1
========================================================== */
.lq3-service-panel{
background:#087f64 !important;
border-color:#087f64 !important;
color:#ffffff !important;
font-weight:800 !important;
text-decoration:none !important;
}
.lq3-service-panel:hover{
background:#066c55 !important;
border-color:#066c55 !important;
color:#ffffff !important;
text-decoration:none !important;
}
/* ==========================================================
LICIQUEST — GERENCIAR E AÇÕES V1
========================================================== */
/* ----------------------------------------------------------
SALVAS
Deixa somente Gerenciar + menu de três pontos
---------------------------------------------------------- */
.lq-saved-page
.lq3-service-button:not(.lq3-service-panel){
display:none !important;
}
.lq-saved-page
form:has(.lq3-service-button:not(.lq3-service-panel)){
display:none !important;
}
.lq-saved-page
.lq3-official-button{
display:none !important;
}
/* Gerenciar */
.lq-saved-page
.lq3-service-panel{
background:#087f64 !important;
border-color:#087f64 !important;
color:#ffffff !important;
min-height:44px !important;
font-size:.92rem !important;
font-weight:800 !important;
text-transform:uppercase !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
text-decoration:none !important;
}
.lq-saved-page
.lq3-service-panel:hover{
background:#066d56 !important;
border-color:#066d56 !important;
}
/* ----------------------------------------------------------
DETALHE / GERENCIAR
3 serviços em uma linha
---------------------------------------------------------- */
.lq-op-main-actions{
width:100%;
display:grid;
grid-template-columns:
repeat(3,minmax(0,1fr));
gap:12px;
margin:-8px 0 22px;
}
.lq-op-main-action{
min-width:0;
}
.lq-op-main-action form{
width:100%;
height:100%;
margin:0;
}
.lq-op-main-button{
width:100%;
min-height:52px;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
padding:10px 14px;
border-radius:10px;
border:1px solid transparent;
font-size:.82rem;
font-weight:850;
text-align:center;
text-decoration:none !important;
cursor:pointer;
transition:
background .15s ease,
border-color .15s ease,
transform .15s ease;
}
.lq-op-main-button:hover{
transform:translateY(-1px);
text-decoration:none !important;
}
/* Análise do edital */
.lq-op-main-button.is-primary{
background:#078a68;
border-color:#078a68;
color:#ffffff;
}
.lq-op-main-button.is-primary:hover{
background:#06745a;
border-color:#06745a;
color:#ffffff;
}
/* Conferência */
.lq-op-main-button.is-secondary{
background:#edf9f6;
border-color:#8ed3c1;
color:#08745c;
}
.lq-op-main-button.is-secondary:hover{
background:#dff4ee;
border-color:#69bba4;
color:#075f4b;
}
/* Análise crítica */
.lq-op-main-button.is-critical{
background:#102f4c;
border-color:#102f4c;
color:#ffffff;
}
.lq-op-main-button.is-critical:hover{
background:#0b263f;
border-color:#0b263f;
color:#ffffff;
}
/* Bloqueados */
.lq-op-main-button.is-disabled{
background:#f2f4f6;
border-color:#d6dde2;
color:#7a8790;
cursor:not-allowed;
}
/* ----------------------------------------------------------
Caixa antiga de serviços da lateral
Agora é redundante
---------------------------------------------------------- */
.saved-detail-actions
.lq-service-box{
display:none !important;
}
/* ----------------------------------------------------------
RESPONSIVO
---------------------------------------------------------- */
@media(max-width:800px){
.lq-op-main-actions{
grid-template-columns:1fr;
gap:9px;
}
.lq-op-main-button{
min-height:48px;
}
}
/* ==========================================================
LICIQUEST — GERENCIAR LIMPO V1
Remove a interface antiga abaixo do novo painel
========================================================== */
/*
O novo Painel da Oportunidade vem imediatamente antes
da estrutura antiga saved-detail-layout.
Esta regra é propositalmente dependente do painel novo
para não afetar outras telas do sistema.
*/
.lq-op-main-actions + .saved-detail-layout{
display:none !important;
}
/*
Remove também a observação antiga que ficava
logo depois do bloco de documentos/serviços.
*/
.lq-op-main-actions
+ .saved-detail-layout
+ .source-note{
display:none !important;
}
/*
Como a área antiga fica oculta, elimina qualquer
margem residual antes/depois dela.
*/
.lq-op-main-actions{
margin-bottom:0 !important;
}
/*
Pequeno respiro no final da área de gerenciamento.
*/
.lq-op-main-actions{
padding-bottom:24px !important;
}
/* ==========================================================
LICIQUEST — FONTES PAINEL V1
========================================================== */
.lq-op-panel-kicker{
font-size:.82rem !important;
}
.lq-op-panel-heading h2{
font-size:1.55rem !important;
line-height:1.2 !important;
}
.lq-op-panel-heading > p:last-child{
font-size:.98rem !important;
line-height:1.45 !important;
}
.lq-op-progress-row{
font-size:.88rem !important;
}
.lq-op-progress-row strong{
font-size:.92rem !important;
}
.lq-op-panel-counter strong{
font-size:1.55rem !important;
}
.lq-op-panel-counter span{
font-size:.78rem !important;
}
.lq-op-stage strong{
font-size:.88rem !important;
line-height:1.25 !important;
}
.lq-op-stage span{
font-size:.76rem !important;
line-height:1.25 !important;
}
.lq-op-shortcuts strong{
font-size:.86rem !important;
}
.lq-op-shortcuts small{
font-size:.73rem !important;
line-height:1.3 !important;
}
.lq-op-disclaimer{
font-size:.72rem !important;
line-height:1.45 !important;
}
/* Um pouco mais de altura para respirar melhor */
.lq-op-stage{
min-height:62px !important;
}
.lq-op-shortcuts > a{
min-height:58px !important;
}
/* Mobile */
@media(max-width:600px){
.lq-op-panel-heading h2{
font-size:1.32rem !important;
}
.lq-op-panel-heading > p:last-child{
font-size:.90rem !important;
}
.lq-op-stage strong{
font-size:.84rem !important;
}
.lq-op-stage span{
font-size:.74rem !important;
}
}
/* ==========================================================
LICIQUEST — FONTES PAINEL V2
Somente tipografia do painel
NÃO altera os botões principais
========================================================== */
.lq-op-panel-kicker{
font-size:.96rem !important;
}
.lq-op-panel-heading h2{
font-size:1.78rem !important;
line-height:1.18 !important;
}
.lq-op-panel-heading > p:last-child{
font-size:1.10rem !important;
line-height:1.5 !important;
}
.lq-op-progress-row{
font-size:1rem !important;
}
.lq-op-progress-row strong{
font-size:1.05rem !important;
}
.lq-op-panel-counter strong{
font-size:1.75rem !important;
}
.lq-op-panel-counter span{
font-size:.90rem !important;
}
.lq-op-stage strong{
font-size:1rem !important;
line-height:1.3 !important;
}
.lq-op-stage span{
font-size:.88rem !important;
line-height:1.3 !important;
}
.lq-op-shortcuts strong{
font-size:.98rem !important;
}
.lq-op-shortcuts small{
font-size:.84rem !important;
line-height:1.35 !important;
}
.lq-op-disclaimer{
font-size:.82rem !important;
line-height:1.5 !important;
}
/* Mantém somente os cards com um pouco mais de conforto */
.lq-op-stage{
min-height:68px !important;
}
.lq-op-shortcuts > a{
min-height:64px !important;
}
/* Mobile */
@media(max-width:600px){
.lq-op-panel-kicker{
font-size:.84rem !important;
}
.lq-op-panel-heading h2{
font-size:1.48rem !important;
}
.lq-op-panel-heading > p:last-child{
font-size:1rem !important;
}
.lq-op-progress-row{
font-size:.94rem !important;
}
.lq-op-stage strong{
font-size:.94rem !important;
}
.lq-op-stage span{
font-size:.84rem !important;
}
.lq-op-shortcuts strong{
font-size:.92rem !important;
}
.lq-op-shortcuts small{
font-size:.80rem !important;
}
}
/* ==========================================================
LICIQUEST — DISCLAIMER PAINEL V1
========================================================== */
.lq-op-disclaimer{
font-size:1rem !important;
line-height:1.55 !important;
color:#657986 !important;
}
@media(max-width:600px){
.lq-op-disclaimer{
font-size:.92rem !important;
}
}
/* ==========================================================
LICIQUEST — ACOES 4 BOTOES V1
========================================================== */
.lq-op-main-actions{
grid-template-columns:
repeat(4,minmax(0,1fr)) !important;
gap:10px !important;
}
/* Botões menores */
.lq-op-main-button{
min-height:42px !important;
padding:7px 10px !important;
font-size:.74rem !important;
border-radius:9px !important;
}
/* Fonte oficial */
.lq-op-main-button.is-official{
background:#f6c63e !important;
border-color:#e4b42c !important;
color:#12304a !important;
}
.lq-op-main-button.is-official:hover{
background:#eab82f !important;
border-color:#d9a91f !important;
color:#12304a !important;
}
/* Responsivo */
@media(max-width:1050px){
.lq-op-main-actions{
grid-template-columns:
repeat(2,minmax(0,1fr)) !important;
}
}
@media(max-width:600px){
.lq-op-main-actions{
grid-template-columns:1fr !important;
}
}
/* ==========================================================
LICIQUEST — REFINO 4 ACOES V1
========================================================== */
.lq-op-main-button{
min-height:46px !important;
padding:8px 12px !important;
font-size:.80rem !important;
line-height:1.15 !important;
}
/* ==========================================================
LICIQUEST — STATUS OPORTUNIDADE V1
========================================================== */
.lq-op-status-block{
margin-top:18px;
padding:14px 0 2px;
border-top:1px solid #e5ecef;
}
.lq-op-status-title{
margin-bottom:9px;
color:#455f70;
font-size:.92rem;
font-weight:850;
}
.lq-op-status-options{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px;
margin:0;
}
.lq-op-status-button{
min-height:42px;
padding:8px 12px;
border:1px solid #cfdce3;
border-radius:9px;
background:#ffffff;
color:#304c60;
font-size:.83rem;
font-weight:800;
cursor:pointer;
transition:.15s ease;
}
.lq-op-status-button:hover{
background:#f5f8fa;
border-color:#aebfc9;
}
.lq-op-status-button.is-active{
background:#e8f3f0;
border-color:#87c9b8;
color:#08745c;
}
.lq-op-status-button.is-active.is-positive{
background:#daf3e8;
border-color:#64bea4;
color:#056b52;
}
.lq-op-status-button.is-active.is-negative{
background:#fff0ef;
border-color:#dfa09b;
color:#a03a33;
}
@media(max-width:700px){
.lq-op-status-options{
grid-template-columns:1fr;
}
}
/* ==========================================================
LICIQUEST — STATUS COMPACTO TOPO V1
========================================================== */
/*
Mantém título à esquerda e status compacto à direita
*/
.lq-op-panel{
position:relative;
}
/* reduz o bloco inteiro */
.lq-op-status-block{
margin:0 !important;
padding:0 !important;
border-top:0 !important;
position:absolute;
top:18px;
right:22px;
display:flex;
align-items:center;
gap:8px;
}
/* título pequeno */
.lq-op-status-title{
margin:0 !important;
font-size:.76rem !important;
font-weight:800 !important;
color:#5b7180 !important;
white-space:nowrap;
}
/* 3 cards em linha */
.lq-op-status-options{
display:flex !important;
align-items:center !important;
gap:6px !important;
margin:0 !important;
}
/* botões menores */
.lq-op-status-button{
width:auto !important;
min-height:30px !important;
padding:5px 10px !important;
border-radius:8px !important;
font-size:.72rem !important;
font-weight:800 !important;
white-space:nowrap !important;
}
/* dá espaço para o status à direita */
.lq-op-panel-heading{
padding-right:520px !important;
}
/* reduz o espaço que ficou do bloco anterior */
.lq-op-status-block + .lq-op-progress-row{
margin-top:16px !important;
}
/* telas menores */
@media(max-width:1050px){
.lq-op-status-block{
position:static !important;
margin-top:12px !important;
display:block !important;
}
.lq-op-status-title{
margin-bottom:7px !important;
}
.lq-op-status-options{
display:grid !important;
grid-template-columns:
repeat(3,minmax(0,1fr)) !important;
}
.lq-op-status-button{
width:100% !important;
}
.lq-op-panel-heading{
padding-right:0 !important;
}
}
@media(max-width:600px){
.lq-op-status-options{
grid-template-columns:1fr !important;
}
}
/* ==========================================================
LICIQUEST — STATUS ALINHADO AO TITULO V2
========================================================== */
.lq-op-panel{
position:relative !important;
}
/* libera o heading */
.lq-op-panel-heading{
padding-right:0 !important;
}
/* posição correta:
mesma faixa do título,
mas antes do contador 2 de 4
*/
.lq-op-status-block{
position:absolute !important;
top:42px !important;
right:145px !important;
margin:0 !important;
padding:0 !important;
border:0 !important;
display:flex !important;
align-items:center !important;
gap:7px !important;
}
/* esconde o título "Status da oportunidade"
para ganhar espaço */
.lq-op-status-title{
display:none !important;
}
/* mantém os três juntos */
.lq-op-status-options{
display:flex !important;
align-items:center !important;
gap:6px !important;
margin:0 !important;
}
/* cards realmente compactos */
.lq-op-status-button{
width:auto !important;
min-height:28px !important;
padding:4px 9px !important;
font-size:.68rem !important;
line-height:1 !important;
border-radius:7px !important;
white-space:nowrap !important;
}
/* evita espaço vertical criado pelo bloco */
.lq-op-status-block + .lq-op-progress-row{
margin-top:16px !important;
}
/* telas menores */
@media(max-width:1100px){
.lq-op-status-block{
position:static !important;
margin-top:10px !important;
margin-bottom:8px !important;
}
.lq-op-status-title{
display:block !important;
margin:0 0 6px !important;
}
.lq-op-status-options{
display:grid !important;
grid-template-columns:
repeat(3,minmax(0,1fr)) !important;
}
.lq-op-status-button{
width:100% !important;
}
}
@media(max-width:600px){
.lq-op-status-options{
grid-template-columns:1fr !important;
}
}
/* ==========================================================
LICIQUEST — STATUS CENTRALIZADO V3
Mantém a altura atual e centraliza no card principal
========================================================== */
.lq-op-status-block{
position:absolute !important;
top:42px !important;
/* centraliza dentro do painel */
left:50% !important;
right:auto !important;
transform:translateX(-50%) !important;
margin:0 !important;
padding:0 !important;
border:0 !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
gap:9px !important;
width:max-content !important;
max-width:calc(100% - 360px) !important;
}
/* Volta o texto do status */
.lq-op-status-title{
display:block !important;
margin:0 3px 0 0 !important;
color:#536b7d !important;
font-size:.74rem !important;
font-weight:850 !important;
line-height:1 !important;
white-space:nowrap !important;
}
/* Mantém os três cards juntos */
.lq-op-status-options{
display:flex !important;
align-items:center !important;
justify-content:center !important;
gap:6px !important;
margin:0 !important;
}
/* Cards compactos */
.lq-op-status-button{
width:auto !important;
min-height:28px !important;
padding:4px 10px !important;
font-size:.68rem !important;
font-weight:800 !important;
line-height:1 !important;
border-radius:7px !important;
white-space:nowrap !important;
}
/* Desktop intermediário */
@media(max-width:1150px){
.lq-op-status-block{
position:static !important;
transform:none !important;
width:100% !important;
max-width:none !important;
margin:10px 0 8px !important;
justify-content:center !important;
}
}
/* Mobile */
@media(max-width:650px){
.lq-op-status-block{
display:block !important;
}
.lq-op-status-title{
text-align:center !important;
margin-bottom:7px !important;
}
.lq-op-status-options{
display:grid !important;
grid-template-columns:1fr !important;
}
.lq-op-status-button{
width:100% !important;
}
}
/* ==========================================================
LICIQUEST — STATUS MAIOR V4
Aumenta somente os 3 cards e seus textos
sem alterar posicionamento/layout
========================================================== */
.lq-op-status-title{
font-size:.88rem !important;
font-weight:850 !important;
}
.lq-op-status-button{
min-height:34px !important;
padding:6px 14px !important;
font-size:.80rem !important;
font-weight:850 !important;
border-radius:8px !important;
line-height:1 !important;
}
/* ==========================================================
LICIQUEST — STATUS MAIOR V5
Aumenta apenas título e 3 cards
========================================================== */
.lq-op-status-title{
font-size:1rem !important;
font-weight:900 !important;
}
.lq-op-status-button{
min-height:40px !important;
padding:8px 18px !important;
font-size:.94rem !important;
font-weight:900 !important;
border-radius:9px !important;
line-height:1 !important;
}
/* ==========================================================
LICIQUEST — STATUS MAIOR V5
Aumenta apenas título e 3 cards
========================================================== */
.lq-op-status-title{
font-size:1rem !important;
font-weight:900 !important;
}
.lq-op-status-button{
min-height:40px !important;
padding:8px 18px !important;
font-size:.94rem !important;
font-weight:900 !important;
border-radius:9px !important;
line-height:1 !important;
}
/* ==========================================================
LICIQUEST — STATUS EQUILIBRADO V6
========================================================== */
.lq-op-status-title{
font-size:.90rem !important;
font-weight:850 !important;
}
.lq-op-status-button{
min-height:34px !important;
padding:6px 13px !important;
font-size:.82rem !important;
font-weight:850 !important;
border-radius:8px !important;
line-height:1 !important;
}
/* ==========================================================
LICIQUEST — TITULO STATUS V7
========================================================== */
/* O título principal agora já é Status da oportunidade */
.lq-op-status-title{
display:none !important;
}
/* ==========================================================
LICIQUEST — OBJETO OPORTUNIDADE MENOR V1
========================================================== */
.saved-detail-title-row h1{
font-size:1.35rem !important;
line-height:1.22 !important;
letter-spacing:-.01em !important;
}
@media(max-width:900px){
.saved-detail-title-row h1{
font-size:1.25rem !important;
}
}
@media(max-width:600px){
.saved-detail-title-row h1{
font-size:1.12rem !important;
line-height:1.25 !important;
}
}
/* ==========================================================
LICIQUEST — OBJETO JUSTIFICADO V1
========================================================== */
.saved-detail-title-row h1{
text-align:justify !important;
text-justify:inter-word !important;
hyphens:auto !important;
}
/* ==========================================================
LICIQUEST — PROPOSTAS NA COLUNA DIREITA V1
========================================================== */
.saved-detail-head{
display:grid !important;
grid-template-columns:
minmax(0,1fr)
270px !important;
column-gap:28px !important;
align-items:start !important;
}
/* bloco principal à esquerda */
.saved-detail-head-main{
min-width:0 !important;
}
/* título ocupa só a coluna esquerda */
.saved-detail-title-row{
display:block !important;
}
/* card de propostas vai para a coluna direita */
.saved-detail-proposal{
position:absolute !important;
top:0 !important;
right:0 !important;
margin:0 !important;
}
/* botão voltar também fica na coluna direita */
.saved-detail-head > .button{
grid-column:2 !important;
justify-self:stretch !important;
width:100% !important;
margin-top:92px !important;
box-sizing:border-box !important;
}
/* garante referência de posicionamento */
.saved-detail-head{
position:relative !important;
}
/* mobile volta ao fluxo normal */
@media(max-width:850px){
.saved-detail-head{
display:block !important;
}
.saved-detail-proposal{
position:static !important;
display:inline-flex !important;
margin-top:12px !important;
}
.saved-detail-head > .button{
width:100% !important;
margin-top:12px !important;
}
}
/* ==========================================================
LICIQUEST — TOPO DIREITA PADRONIZADO V1
========================================================== */
/* Propostas */
.saved-detail-proposal{
width:270px !important;
min-width:270px !important;
max-width:270px !important;
height:44px !important;
min-height:44px !important;
box-sizing:border-box !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
padding:0 14px !important;
border-radius:9px !important;
font-size:.88rem !important;
font-weight:800 !important;
line-height:1 !important;
text-align:center !important;
}
/* Voltar */
.saved-detail-head > .button{
width:270px !important;
min-width:270px !important;
max-width:270px !important;
height:44px !important;
min-height:44px !important;
box-sizing:border-box !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
padding:0 14px !important;
border-radius:9px !important;
font-size:.88rem !important;
font-weight:800 !important;
line-height:1 !important;
text-align:center !important;
}
/* Mobile */
@media(max-width:850px){
.saved-detail-proposal,
.saved-detail-head > .button{
width:100% !important;
min-width:0 !important;
max-width:none !important;
}
}
/* ==========================================================
LICIQUEST — STATUS NOS CARDS SALVAS V1
========================================================== */
.lq3-participation-status{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
min-height:24px !important;
margin-left:6px !important;
padding:3px 8px !important;
border:1px solid transparent !important;
border-radius:7px !important;
font-size:.68rem !important;
font-weight:850 !important;
line-height:1 !important;
white-space:nowrap !important;
}
/* Avaliando */
.lq3-participation-status.is-evaluating{
background:#eef5f8 !important;
border-color:#cfdde5 !important;
color:#38566b !important;
}
/* Vou participar */
.lq3-participation-status.is-positive{
background:#e1f5ed !important;
border-color:#9bd6c3 !important;
color:#08745b !important;
}
/* Não vou participar */
.lq3-participation-status.is-negative{
background:#fff0ef !important;
border-color:#e5aaa5 !important;
color:#a13d36 !important;
}
@media(max-width:700px){
.lq3-participation-status{
margin-left:4px !important;
font-size:.64rem !important;
}
}
/* ==========================================================
LICIQUEST — GERENCIAR MENOR V1
========================================================== */
.lq-saved-page
.lq3-service-panel{
min-height:38px !important;
height:38px !important;
width:140px !important;
min-width:140px !important;
max-width:140px !important;
padding:0 12px !important;
font-size:.78rem !important;
font-weight:850 !important;
border-radius:8px !important;
}
/* ==========================================================
LICIQUEST — TEXTOS INTERNOS CENTRAL DE AJUDA V2
Não altera títulos principais das seções
========================================================== */
/* Pergunta dos cards */
.help-question{
font-size:16px !important;
line-height:1.35 !important;
font-weight:850 !important;
}
/* Texto das respostas */
.help-answer{
font-size:15px !important;
line-height:1.55 !important;
}
/* Negritos dentro das respostas */
.help-answer strong{
font-size:inherit !important;
}
/* Botões dentro dos cards */
.help-link{
font-size:13px !important;
font-weight:850 !important;
min-height:40px !important;
padding:0 14px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
}
/* Símbolo + / × */
.help-toggle{
font-size:19px !important;
line-height:1 !important;
}
/* Mobile */
@media(max-width:700px){
.help-question{
font-size:15px !important;
}
.help-answer{
font-size:14px !important;
}
.help-link{
font-size:12px !important;
}
}