:root{
--app-btn-primary:#3d6fd4;
--app-btn-primary-hover:#355fbd;
--app-btn-secondary:#3a8fd4;
--app-btn-secondary-hover:#2f7ab8;
--app-btn-neutral:#475569;
--app-btn-neutral-hover:#334155;
--app-btn-view:#4a8ec7;
--app-btn-view-hover:#3d7db0;
--app-btn-view-text:#ffffff;
--app-btn-warning:#d97706;
--app-btn-warning-hover:#b45309;
--app-btn-warning-text:#ffffff;
--app-btn-danger:#dc5b52;
--app-btn-danger-hover:#c4473f;
--app-btn-danger-text:#ffffff;
--app-btn-soft:#e8edf3;
--app-btn-soft-hover:#dce3ec;
--app-btn-soft-text:#1e293b;
--app-btn-height:42px;
--app-btn-height-sm:36px;
--app-btn-height-xs:32px;
--app-btn-radius:10px;
--app-btn-radius-sm:9px;
--app-btn-padding:16px;
--app-btn-padding-sm:14px;
--app-btn-shadow:0 1px 1px rgba(15,23,42,0.06);
}

button,
.btn-link,
.app-btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
min-height:var(--app-btn-height);
padding:0 var(--app-btn-padding);
border-radius:var(--app-btn-radius);
border:1px solid transparent;
box-shadow:var(--app-btn-shadow);
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:700;
line-height:1;
text-decoration:none;
transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease;
}

button:hover,
.btn-link:hover,
.app-btn:hover{
transform:translateY(-0.5px);
}

button:disabled,
.btn-link:disabled,
.app-btn:disabled{
opacity:.58;
cursor:not-allowed;
transform:none;
box-shadow:none;
}

button,
.btn-link,
.app-btn,
.auto-upload-btn{
background:var(--app-btn-primary);
color:#fff;
}

button:hover,
.btn-link:hover,
.app-btn:hover,
.auto-upload-btn:hover{
background:var(--app-btn-primary-hover);
}

.toggle-password,
.auto-upload-btn,
.mode-btn,
.btn-curto,
.btn-periodo,
.logout,
.btn-acoes,
.btn-ver,
.btn-editar,
.btn-apagar,
.btn-editar-inline,
.btn-apagar-inline{
min-height:var(--app-btn-height-sm) !important;
padding:0 var(--app-btn-padding-sm) !important;
border-radius:var(--app-btn-radius-sm) !important;
font-size:13px !important;
}

.control-row button,
.control-row .btn-link,
.control-row .app-btn{
min-width:104px !important;
min-height:38px !important;
padding:0 14px !important;
border-radius:10px !important;
box-shadow:none !important;
font-size:13px !important;
}

.toggle-password{
min-height:var(--app-btn-height-xs) !important;
padding:0 10px !important;
border-radius:8px !important;
background:var(--app-btn-neutral) !important;
color:#fff !important;
}

.toggle-password:hover{
background:var(--app-btn-neutral-hover) !important;
}

.app-btn-block{
width:100%;
}

.app-btn-primary,
.btn-camera{
background:var(--app-btn-primary) !important;
color:#fff !important;
border-color:var(--app-btn-primary) !important;
}

.app-btn-primary:hover,
.btn-camera:hover{
background:var(--app-btn-primary-hover) !important;
border-color:var(--app-btn-primary-hover) !important;
}

.app-btn-secondary,
.btn-documento,
.btn-docs{
background:var(--app-btn-secondary) !important;
color:#fff !important;
border-color:var(--app-btn-secondary) !important;
}

.app-btn-secondary:hover,
.btn-documento:hover,
.btn-docs:hover{
background:var(--app-btn-secondary-hover) !important;
border-color:var(--app-btn-secondary-hover) !important;
}

.btn-ver{
background:var(--app-btn-view) !important;
color:var(--app-btn-view-text) !important;
border-color:var(--app-btn-view) !important;
}

.btn-ver:hover{
background:var(--app-btn-view-hover) !important;
border-color:var(--app-btn-view-hover) !important;
}

.app-btn-neutral,
.btn-sec,
.btn-acoes,
.mode-btn{
background:var(--app-btn-neutral) !important;
color:#fff !important;
border-color:var(--app-btn-neutral) !important;
}

.app-btn-neutral:hover,
.btn-sec:hover,
.btn-acoes:hover,
.mode-btn:hover{
background:var(--app-btn-neutral-hover) !important;
border-color:var(--app-btn-neutral-hover) !important;
}

.app-btn-download{
background:var(--app-btn-warning) !important;
color:var(--app-btn-warning-text) !important;
border-color:var(--app-btn-warning) !important;
}

.app-btn-download:hover{
background:var(--app-btn-warning-hover) !important;
border-color:var(--app-btn-warning-hover) !important;
}

.app-btn-soft{
background:var(--app-btn-soft) !important;
color:var(--app-btn-soft-text) !important;
border-color:#cbd5e1 !important;
}

.app-btn-soft:hover{
background:var(--app-btn-soft-hover) !important;
border-color:#94a3b8 !important;
}

.app-btn-close{
background:var(--app-btn-danger) !important;
color:var(--app-btn-danger-text) !important;
border-color:var(--app-btn-danger) !important;
}

.app-btn-close:hover{
background:var(--app-btn-danger-hover) !important;
border-color:var(--app-btn-danger-hover) !important;
}

.app-btn-back,
.btn-voltar{
background:var(--app-btn-danger) !important;
color:var(--app-btn-danger-text) !important;
border-color:var(--app-btn-danger) !important;
}

.app-btn-back:hover,
.btn-voltar:hover{
background:var(--app-btn-danger-hover) !important;
border-color:var(--app-btn-danger-hover) !important;
}

.app-btn-warning,
.btn-editar,
.btn-editar-inline{
background:var(--app-btn-warning) !important;
color:var(--app-btn-warning-text) !important;
border-color:var(--app-btn-warning) !important;
}

.app-btn-warning:hover,
.btn-editar:hover,
.btn-editar-inline:hover{
background:var(--app-btn-warning-hover) !important;
border-color:var(--app-btn-warning-hover) !important;
}

.app-btn-danger,
.btn-cancel,
.logout,
.btn-apagar,
.btn-apagar-inline{
background:var(--app-btn-danger) !important;
color:var(--app-btn-danger-text) !important;
border-color:var(--app-btn-danger) !important;
}

.app-btn-danger:hover,
.btn-cancel:hover,
.logout:hover,
.btn-apagar:hover,
.btn-apagar-inline:hover{
background:var(--app-btn-danger-hover) !important;
border-color:var(--app-btn-danger-hover) !important;
}

.btn-curto,
.btn-periodo{
background:#fff !important;
color:#334155 !important;
border-color:#cbd5e1 !important;
box-shadow:none !important;
}

.btn-curto:hover,
.btn-periodo:hover{
background:#f8fafc !important;
border-color:#94a3b8 !important;
}

.btn-curto.ativo,
.btn-periodo.ativo,
.mode-btn.ativo{
background:var(--app-btn-primary) !important;
color:#fff !important;
border-color:var(--app-btn-primary) !important;
}

.docs-item-acoes button,
.acoes button{
min-height:34px !important;
padding:0 12px !important;
border-radius:8px !important;
font-size:13px !important;
box-shadow:none !important;
}