/* EUROMAR FLOW V21.7.2 FIX1 — CLARO REFINADO | 2026-10-21
   Apenas tema cloud_light. Sem mudar componentes, layout estrutural, tarefas ou acessibilidade mobile.
   Os seletores especificos corrigem o contraste escuro-sobre-escuro visto em Minha Conta.
*/
html[data-theme="cloud_light"] {
  --ui-app:#f1f4f8;
  --ui-surface:#ffffff;
  --ui-surface-2:#f5f8fc;
  --ui-surface-3:#eaf0f7;
  --ui-input:#ffffff;
  --ui-text:#202c3d;
  --ui-text-2:#405066;
  --ui-text-3:#5c6c80;
  --ui-border:#dce4ef;
  --ui-grid:#e3eaf3;
  --ui-accent:#1268cf;
  --ui-accent-2:#0d56af;
  --ui-accent-soft:#e6f1ff;
  --ui-shadow:0 4px 17px rgba(21,43,79,.055),0 1px 2px rgba(21,43,79,.03);
}
html[data-theme="cloud_light"] body,
html[data-theme="cloud_light"] body.v2152-monday-light .main,
html[data-theme="cloud_light"] body.v2152-monday-light .app-shell,
html[data-theme="cloud_light"] body.v2152-monday-light .page,
html[data-theme="cloud_light"] body.v2152-monday-light main {
  background:#f1f4f8!important;color:#202c3d!important;
}
/* Sidebar executiva grafite: icones e legendas mantidos claros, inclusive no modo claro. */
html[data-theme="cloud_light"] body.v2152-monday-light .sidebar,
html[data-theme="cloud_light"] body.v2152-monday-light .v2112-sidebar,
html[data-theme="cloud_light"] .sidebar,
html[data-theme="cloud_light"] .v2112-sidebar {
  background:linear-gradient(180deg,#202d38 0%,#1c2833 100%)!important;
  color:#eff5fb!important;border-right:1px solid #344454!important;
  box-shadow:6px 0 25px rgba(17,35,52,.09)!important;
}
html[data-theme="cloud_light"] body.v2152-monday-light .v2112-sidebar .v2112-nav-section>span,
html[data-theme="cloud_light"] .sidebar .nav-section-label,
html[data-theme="cloud_light"] .v2112-sidebar .v2112-nav-section>span {
  color:#aebcca!important;opacity:1!important;
}
html[data-theme="cloud_light"] body.v2152-monday-light .v2112-sidebar .v211-nav-btn,
html[data-theme="cloud_light"] .v2112-sidebar .v211-nav-btn,
html[data-theme="cloud_light"] .sidebar .nav-item {
  color:#d7e3ed!important;opacity:1!important;
}
html[data-theme="cloud_light"] body.v2152-monday-light .v2112-sidebar .v211-nav-btn:hover,
html[data-theme="cloud_light"] .v2112-sidebar .v211-nav-btn:hover,
html[data-theme="cloud_light"] .sidebar .nav-item:hover {
  background:#304457!important;color:#ffffff!important;border-color:#415a70!important;
}
html[data-theme="cloud_light"] body.v2152-monday-light .v2112-sidebar .v211-nav-btn.active,
html[data-theme="cloud_light"] .v2112-sidebar .v211-nav-btn.active,
html[data-theme="cloud_light"] .sidebar .nav-item.active {
  background:#334f65!important;color:#ffffff!important;
  border-color:#47637a!important;box-shadow:inset 3px 0 0 #e29a55!important;
}
html[data-theme="cloud_light"] body.v2152-monday-light .v2112-sidebar .v211-nav-icon,
html[data-theme="cloud_light"] .v2112-sidebar .v211-nav-icon,
html[data-theme="cloud_light"] .sidebar .nav-icon {
  background:#304151!important;border-color:#485d70!important;color:#d4e3f0!important;
}
html[data-theme="cloud_light"] body.v2152-monday-light .v2112-sidebar .v211-nav-btn.active .v211-nav-icon,
html[data-theme="cloud_light"] .v2112-sidebar .v211-nav-btn.active .v211-nav-icon {
  background:#da8d46!important;color:#182631!important;border-color:#da8d46!important;
}
html[data-theme="cloud_light"] .v2112-sidebar .v211-nav-icon svg,
html[data-theme="cloud_light"] .sidebar .nav-icon svg{stroke:currentColor!important}
html[data-theme="cloud_light"] .sidebar .euromar-side-brand strong,
html[data-theme="cloud_light"] .sidebar .v2171-brand-name,
html[data-theme="cloud_light"] body.v2152-monday-light .v2171-sidebar-final .v2171-brand-name,
html[data-theme="cloud_light"] .sidebar .profile-text strong {color:#ffffff!important}
html[data-theme="cloud_light"] .sidebar .euromar-side-brand span,
html[data-theme="cloud_light"] .sidebar .v2171-brand-block p,
html[data-theme="cloud_light"] .sidebar .v2171-brand-block small,
html[data-theme="cloud_light"] .sidebar .profile-text span {color:#bccbd8!important}
html[data-theme="cloud_light"] body.v2152-monday-light .v2112-sidebar .profile-box,
html[data-theme="cloud_light"] .sidebar .profile-box {
  background:#263746!important;border:1px solid #425669!important;color:#ffffff!important;
}
html[data-theme="cloud_light"] .sidebar .icon-btn,
html[data-theme="cloud_light"] .sidebar .v2171-version-badge{color:#e5edf5!important}
/* Cabeçalho com separacao clara e foco de texto. */
html[data-theme="cloud_light"] body.v2152-monday-light .topbar,
html[data-theme="cloud_light"] body.v2152-monday-light .v2112-topbar,
html[data-theme="cloud_light"] .topbar,
html[data-theme="cloud_light"] .v2112-topbar {
  background:#ffffff!important;border-bottom:1px solid #dce4ef!important;
  box-shadow:0 2px 12px rgba(26,48,78,.035)!important;
}
html[data-theme="cloud_light"] .topbar h1,
html[data-theme="cloud_light"] #pageTitle{color:#1c2b3d!important;font-weight:780!important;letter-spacing:-.025em}
html[data-theme="cloud_light"] .breadcrumb{color:#52667d!important}
html[data-theme="cloud_light"] .sync-pill{background:#f2f9f5!important;border-color:#cde4d6!important;color:#24653f!important}
/* Elevacao sutil, contornos uniformes, leitura nitida. */
html[data-theme="cloud_light"] body.v2152-monday-light .panel,
html[data-theme="cloud_light"] body.v2152-monday-light .card,
html[data-theme="cloud_light"] .panel,
html[data-theme="cloud_light"] .account-card,
html[data-theme="cloud_light"] .appearance-card,
html[data-theme="cloud_light"] .v21-admin-card,
html[data-theme="cloud_light"] .user-card,
html[data-theme="cloud_light"] .v181-appearance-card,
html[data-theme="cloud_light"] .notification-panel,
html[data-theme="cloud_light"] .account-profile-head,
html[data-theme="cloud_light"] .v21-profile-card {
  background:#ffffff!important;
  border:1px solid #dce4ef!important;
  box-shadow:0 4px 17px rgba(26,51,86,.055),0 1px 2px rgba(26,51,86,.025)!important;
}
html[data-theme="cloud_light"] .appearance-head h3,
html[data-theme="cloud_light"] .account-profile-head h2,
html[data-theme="cloud_light"] .panel h3{color:#1f3043!important}
html[data-theme="cloud_light"] .appearance-head p,
html[data-theme="cloud_light"] .profile-help,
html[data-theme="cloud_light"] .account-profile-head p,
html[data-theme="cloud_light"] .v181-theme-card small{color:#566b7e!important;opacity:1!important}
html[data-theme="cloud_light"] .v181-theme-card,
html[data-theme="cloud_light"] .theme-choice {
  background:#fff!important;border:1px solid #dce4ef!important;
  box-shadow:0 1px 2px rgba(19,39,64,.025)!important;
  transition:border-color .14s ease,background-color .14s ease,box-shadow .14s ease!important;
}
html[data-theme="cloud_light"] .v181-theme-card:hover,
html[data-theme="cloud_light"] .theme-choice:hover{
  border-color:#8fb6df!important;background:#f8fbff!important;
}
html[data-theme="cloud_light"] .v181-theme-card.selected,
html[data-theme="cloud_light"] .theme-choice.selected{
  background:#f0f7ff!important;border-color:#1268cf!important;
  box-shadow:0 0 0 1px rgba(18,104,207,.12)!important;
}
html[data-theme="cloud_light"] .v181-theme-card.selected .v181-theme-check{color:#1268cf!important}
html[data-theme="cloud_light"] .appearance-current{color:#235886!important;border:1px solid #bfd6ed!important;background:#eff7ff!important}
/* Campos com foco acessivel: nao altera tamanhos nem eventos. */
html[data-theme="cloud_light"] input:not([type=checkbox]):not([type=radio]),
html[data-theme="cloud_light"] select,
html[data-theme="cloud_light"] textarea{
  background:#fff!important;color:#22344b!important;border-color:#cfdbe8!important;
}
html[data-theme="cloud_light"] input:focus-visible,
html[data-theme="cloud_light"] select:focus-visible,
html[data-theme="cloud_light"] textarea:focus-visible,
html[data-theme="cloud_light"] button:focus-visible{
  outline:2px solid #1268cf!important;outline-offset:2px!important;
}
html[data-theme="cloud_light"] input::placeholder,
html[data-theme="cloud_light"] textarea::placeholder{color:#78869a!important;opacity:1!important}
html[data-theme="cloud_light"] .btn.primary,
html[data-theme="cloud_light"] .btn-primary,
html[data-theme="cloud_light"] button.primary{
  background:#1268cf!important;color:white!important;border-color:#1268cf!important;
  box-shadow:0 3px 10px rgba(18,104,207,.13)!important;
}
html[data-theme="cloud_light"] .btn.primary:hover,
html[data-theme="cloud_light"] button.primary:hover{background:#0e58b1!important;border-color:#0e58b1!important}
html[data-theme="cloud_light"] .btn.ghost,
html[data-theme="cloud_light"] .btn.secondary{
  background:#fff!important;color:#274260!important;border:1px solid #cad7e4!important;
}
html[data-theme="cloud_light"] .btn.ghost:hover,
html[data-theme="cloud_light"] .btn.secondary:hover{background:#eff6fd!important}
/* A Central Operacional ja possui sua identidade propria — nao substituir suas cores. */
@media(max-width:820px){
  html[data-theme="cloud_light"] .v181-theme-card,
  html[data-theme="cloud_light"] .appearance-card{max-width:100%}
  html[data-theme="cloud_light"] .sidebar .nav-item,
  html[data-theme="cloud_light"] .v2112-sidebar .v211-nav-btn{min-height:44px}
}
@media(prefers-reduced-motion:reduce){html[data-theme="cloud_light"] .v181-theme-card,html[data-theme="cloud_light"] .theme-choice{transition:none!important}}

/* Lista progressiva: mostra sempre o total, sem ocultar filtros ou acoes. */
.flow-perf-more{padding:16px 12px;display:flex;justify-content:center;align-items:center;}
.flow-perf-more button{min-height:42px;min-width:210px;max-width:100%;font-weight:700;cursor:pointer;}