/* ObraGestão 8.6.3.33 — identidade da landing page + Manrope
   Paleta oficial: #071F4A, #0A2F6B, #FF8A00, #F7B731, #7D8EA8, #FFFFFF */
:root{
  --brand-navy:#0A2F6B;
  --brand-navy-deep:#071F4A;
  --brand-orange:#FF8A00;
  --brand-yellow:#F7B731;
  --brand-slate:#7D8EA8;
  --brand-bg:#F4F7FB;
  --brand-panel:#FFFFFF;
  --brand-border:#D9E2EE;
  --brand-text:#102A43;
  --brand-muted:#6B7C93;
  --shell-side:#071F4A!important;
  --shell-side-deep:#051936!important;
  --shell-side-hover:rgba(255,138,0,.10)!important;
  --shell-accent:#FF8A00!important;
  --shell-top:#FFFFFF!important;
}
html,body,button,input,select,textarea,table,.modal,.toast{font-family:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif!important}
body{background:var(--brand-bg)!important;color:var(--brand-text)!important}
main,#content{background:var(--brand-bg)!important}
header{background:#fff!important;border-bottom:1px solid var(--brand-border)!important;color:var(--brand-text)!important}
.header-user-text,#who,#roleTop{color:var(--brand-text)!important}
.header-user-text small,#roleTop{color:var(--brand-muted)!important}
.avatar{background:var(--brand-navy)!important;color:#fff!important}
.sidebar-mode-toggle{border-color:#CBD8E7!important;background:#fff!important;color:var(--brand-navy)!important}
.sidebar-mode-toggle:hover{border-color:var(--brand-orange)!important;background:#FFF8EF!important}
.top-work-select{border-color:#D3DEEB!important;background:#fff!important}
.top-work-copy label{color:var(--brand-slate)!important}

/* Sidebar compacto e mais denso */
#nav{background:linear-gradient(180deg,var(--brand-navy-deep) 0%,#061A38 100%)!important;color:#fff!important}
#nav .nav-brand-mini{border-color:rgba(255,255,255,.08)!important}
#nav .nav-brand-mini b{color:#fff!important}
#nav .nav-brand-mini b span{color:#65A9FF!important}
#nav button[data-p]{height:38px!important;min-height:38px!important;margin:1px 8px!important;padding-top:0!important;padding-bottom:0!important}
#nav .nav-section{padding-top:6px!important;padding-bottom:3px!important;min-height:18px!important}
#nav .work-section,#nav .general-section,#nav .settings-section{margin-top:2px!important}
#nav #sidebarWorkCurrent{height:48px!important;min-height:48px!important;margin:2px 8px!important;padding-top:4px!important;padding-bottom:4px!important}
#nav .nav-scroll{padding-top:3px!important;padding-bottom:3px!important}
#nav .nav-version-footer{padding-top:8px!important;padding-bottom:10px!important}
@media(min-width:801px){
  #nav[data-shell-mode="pinned"] > button:not(.sidebar-work-current),
  #nav[data-shell-mode="pinned"] .nav-fixed-top > button:not(.sidebar-work-current),
  #nav[data-shell-mode="pinned"] .nav-scroll > button:not(.sidebar-work-current),
  #nav[data-shell-mode="pinned"] .nav-fixed-bottom > button:not(.sidebar-work-current),
  #nav[data-shell-mode="pinned"]:hover > button:not(.sidebar-work-current),
  #nav[data-shell-mode="pinned"]:hover .nav-fixed-top > button:not(.sidebar-work-current),
  #nav[data-shell-mode="pinned"]:hover .nav-scroll > button:not(.sidebar-work-current),
  #nav[data-shell-mode="pinned"]:hover .nav-fixed-bottom > button:not(.sidebar-work-current){height:38px!important;min-height:38px!important;margin:1px 8px!important;padding:0 12px!important}
  #nav[data-shell-mode="pinned"] #sidebarWorkCurrent,
  #nav[data-shell-mode="pinned"]:hover #sidebarWorkCurrent{height:48px!important;min-height:48px!important;margin:2px 8px!important;padding:4px 8px!important}
  #nav[data-shell-mode="pinned"] .nav-section,
  #nav[data-shell-mode="pinned"]:hover .nav-section{padding:6px 17px 3px!important}
}
#nav button[data-p],#nav button[data-p] .nav-label,#nav button[data-p] .nav-icon{color:#D9E5F2!important}
#nav button[data-p]:hover{background:rgba(255,255,255,.045)!important;color:#fff!important}
#nav button[data-p].active,
#nav button[data-p][aria-current="page"],
#nav button[data-p].selected,
#nav button[data-p].current{background:transparent!important;background-color:transparent!important;background-image:none!important;border-color:transparent!important;box-shadow:none!important;color:var(--brand-orange)!important}
#nav button[data-p].active:hover,#nav button[data-p][aria-current="page"]:hover{background:transparent!important}
#nav button[data-p].active .nav-label,#nav button[data-p].active .nav-icon,#nav button[data-p][aria-current="page"] .nav-label,#nav button[data-p][aria-current="page"] .nav-icon{color:var(--brand-orange)!important}
#nav .sidebar-work-current{background:transparent!important;border-color:transparent!important;color:#fff!important}
#nav .sidebar-work-current:hover{background:rgba(255,255,255,.04)!important}
#nav .sidebar-work-submenu{background:transparent!important;border:0!important;box-shadow:none!important}
#nav .sidebar-work-option{background:transparent!important;color:#D9E5F2!important;border:0!important}
#nav .sidebar-work-option:hover{background:rgba(255,255,255,.05)!important;color:#fff!important}
#nav .sidebar-work-option.is-selected{background:rgba(255,138,0,.10)!important;color:#fff!important}

/* Base de páginas e componentes */
.page-head h2,.page-title h2,h1,h2,h3,h4{color:var(--brand-text)!important}
.page-head p,.page-title p,.muted,small{color:var(--brand-muted)}
.page-icon{background:var(--brand-navy)!important;color:#fff!important}
.panel,.summary-card,.filterbar,.entity-filter-panel,.home-panel,.activity-card,.settings-card,.works-card{background:#fff!important;border-color:var(--brand-border)!important;box-shadow:0 1px 2px rgba(7,31,74,.03)!important}
.summary-card .value.blue,.blue{color:var(--brand-navy)!important}
.summary-card .value.orange,.orange{color:var(--brand-orange)!important}
.summary-card.blueish .round,.round{background:#EAF1FA!important;color:var(--brand-navy)!important}
.summary-card.orangeish .round{background:#FFF1DE!important;color:var(--brand-orange)!important}
input,select,textarea,.searchbox,.filter-select{border-color:#CAD8E8!important;background:#fff!important;color:var(--brand-text)!important}
input:focus,select:focus,textarea:focus,.searchbox:focus,.filter-select:focus{border-color:var(--brand-navy)!important;box-shadow:0 0 0 3px rgba(10,47,107,.09)!important;outline:0!important}
.btn,.brand-cta{font-family:"Manrope",sans-serif!important;font-weight:700!important}
.btn.green,.btn.bluebtn,.btn.brand-cta,.brand-cta,.purchase-form-actions .btn.green{background:var(--brand-navy)!important;border-color:var(--brand-navy)!important;color:#fff!important;box-shadow:none!important}
.btn.green:hover,.btn.bluebtn:hover,.brand-cta:hover{background:var(--brand-navy-deep)!important;border-color:var(--brand-navy-deep)!important}
.btn.light{background:#fff!important;color:var(--brand-navy)!important;border-color:#CDD9E7!important}
.btn.light:hover{background:#F4F7FB!important;border-color:#AFC2D8!important}
.category-nav-btn{background:var(--brand-navy)!important;border-color:var(--brand-navy)!important;color:#fff!important;box-shadow:none!important}
.google-places-trigger{border-color:#CCD9E8!important;color:var(--brand-navy)!important;background:#fff!important}
.pro-badge{background:var(--brand-orange)!important;color:#fff!important}

/* Abas e estados de seleção */
.settings-tabs button.active,.tabs button.active,.activity-view-tabs button.active,.quick-filter.active,.filter-chip.active{color:var(--brand-navy)!important;border-color:var(--brand-orange)!important;background:#FFF8EF!important}
.settings-tabs button.active::after{background:var(--brand-orange)!important}
.status-chip.active,.status-chip.paid{background:#E7F6EE!important;color:#087A48!important}
.type-chip.expense{background:#FFF0E8!important;color:#B94C13!important}
.type-chip.income{background:#E7F6EE!important;color:#087A48!important}
.progress-bar>span,.work-progress-fill,.activity-progress-fill{background:linear-gradient(90deg,var(--brand-orange),var(--brand-yellow))!important}

/* Atividades: substitui roxos do tema antigo */
.activities-page .activity-hero-icon,.activity-hero-icon{background:var(--brand-navy)!important;color:#fff!important}
.activities-page .btn-primary,.activities-page .activity-primary{background:var(--brand-navy)!important;color:#fff!important}
.activities-page .activity-metric.urgent{--activity-accent:var(--brand-orange)!important}

/* Modais */
.modalbox{border-color:#D7E1EC!important;box-shadow:0 24px 70px rgba(7,31,74,.23)!important}
.modal-head{border-color:#DCE5EF!important}
.modal-head h2{color:var(--brand-navy-deep)!important}

/* Contratos e recorrências */
.contracts-summary .summary-card,.service-contract-form,.contract-detail,.recurring-manager{font-family:"Manrope",sans-serif!important}
.contract-form-actions{justify-content:flex-end!important;gap:8px!important}
.recurring-payment-toggle{padding:12px 14px;border:1px solid #D5E1EE;border-radius:12px;background:#F8FAFD}
.recurring-payment-toggle .inline-check{display:flex;align-items:flex-start;gap:10px;cursor:pointer}
.recurring-payment-toggle small{display:block;margin-top:2px}
.recurring-payment-fields,.service-contract-recurring{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px 14px;border:1px solid #E0E7EF;border-radius:12px;background:#FBFCFE}
.recurring-payable-strip{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px;padding:13px 15px;border:1px solid #D5E1EE;border-radius:13px;background:#fff}
.recurring-payable-strip>div:first-child{display:flex;align-items:center;gap:11px}
.recurring-payable-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#FFF1DE;color:var(--brand-orange);font-size:20px;font-weight:800}
.recurring-payable-strip small{display:block;margin-top:2px;color:var(--brand-muted)}
.recurring-manager{display:flex;flex-direction:column;gap:8px}
.recurring-manager-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px;border:1px solid #DCE5EF;border-radius:11px;background:#fff}
.recurring-manager-row small{display:block;margin-top:3px}
.service-contract-recurring{grid-column:1/-1}
.contract-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.contract-detail-grid>div{padding:12px;border:1px solid #DCE5EF;border-radius:10px;background:#F9FBFD}
.contract-detail-grid small{display:block;color:var(--brand-muted);margin-bottom:4px}

/* Página Obras fixa */
.works-page-head{margin-top:0!important}
.works-table .status-chip{white-space:nowrap}

/* Banner comercial e destaques: mesma linguagem da landing */
.promo-panel,.professional-plan-card,.home-plan-banner{background:linear-gradient(135deg,var(--brand-navy-deep),var(--brand-navy))!important;color:#fff!important}
.promo-panel h3,.promo-panel p,.professional-plan-card h3,.professional-plan-card p,.home-plan-banner h3,.home-plan-banner p{color:#fff!important}

@media(max-width:800px){
  .recurring-payment-fields,.service-contract-recurring,.contract-detail-grid{grid-template-columns:1fr}
  .recurring-payable-strip{align-items:flex-start;flex-direction:column}
  #nav button[data-p]{height:40px!important;min-height:40px!important;margin:1px 8px!important}
}
/* Neutraliza remanescentes roxos do tema antigo */
.summary-card.purpleish .round{background:#FFF1DE!important;color:var(--brand-orange)!important}
.summary-card.purpleish .value{color:var(--brand-orange)!important}
.work-detail-tabs button.active,.work-tabs button.active,.data-tabs button.active{background:var(--brand-navy)!important;border-color:var(--brand-navy)!important;color:#fff!important}
.page-head .btn:not(.light):not(.danger):not(.red){background:var(--brand-navy)!important;border-color:var(--brand-navy)!important;color:#fff!important}

/* 8.6.3.35 — Contratos + integração financeira */
.og-readonly-field{min-height:48px;border:1px solid #D5E1EE;border-radius:11px;background:#F8FAFD;padding:8px 12px;display:flex;flex-direction:column;justify-content:center;gap:1px}.og-readonly-field .og-readonly-label{font-size:11px;color:#65758B;font-weight:700}.og-readonly-field b{color:#071F4A}.og-readonly-field small{color:#7D8EA8}.contract-net-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px;border:1px solid #DCE5EF;border-radius:12px;background:#F8FAFD}.contract-net-preview span{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:9px;background:#fff;font-size:12px;color:#65758B}.contract-net-preview b{color:#071F4A}.contract-net-main{border:1px solid #B8D5FA!important;background:#F2F8FF!important}.contract-net-main b{color:#0A66E8!important}.contract-file-field{padding:12px;border:1px dashed #B9CBE0;border-radius:12px;background:#FBFCFE}.contract-file-list{display:flex;flex-direction:column;gap:7px;margin-top:10px}.contract-file-chip{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:8px 10px;border:1px solid #DCE5EF;border-radius:10px;background:#fff}.contract-file-chip b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contract-file-empty{padding:12px;border:1px dashed #D5E1EE;border-radius:10px;color:#7D8EA8;background:#FAFCFE}.contract-detail-stats-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}.contract-payment-context{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;border:1px solid #DCE5EF;border-radius:11px;background:#F8FAFD}.contract-payment-context span{color:#65758B}.contract-loading{margin-top:20px;padding:22px;text-align:center}.service-contract-form .contract-work-readonly{width:100%}#expenseContractHint{display:block;margin-top:4px;color:#65758B}.contract-detail h4{margin:18px 0 8px}.contract-detail-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.contract-detail-meta span{padding:7px 9px;border-radius:8px;background:#F8FAFD;border:1px solid #E1E8F0}.contract-detail-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
@media(max-width:900px){.contract-net-preview,.contract-detail-stats-5{grid-template-columns:1fr 1fr!important}.contract-file-chip{grid-template-columns:auto minmax(0,1fr) auto}.contract-file-chip .icon-btn{grid-column:3}}
@media(max-width:600px){.contract-net-preview,.contract-detail-stats-5{grid-template-columns:1fr!important}.contract-payment-context{align-items:flex-start;flex-direction:column}}