/* Relatórios */

#screen-rel-dynamic{ width: min(100%, 1320px); }

.report-box{ padding: 14px; color: #31485f; background: #f8fbfe; border: 1px solid var(--line); border-radius: 14px; font-size: 12px; white-space: pre-wrap; line-height: 1.45; overflow-x: auto; }

.rel-card{ margin-bottom: 11px; padding: 15px; color: var(--text); background: #fff; border: 1px solid var(--line); border-radius: 15px; cursor: pointer; transition: .16s ease; }

.rel-card:hover{ transform: translateY(-2px); border-color: #b4cde3; box-shadow: var(--shadow-sm); }

.rel-card h4{ margin: 0 0 5px; color: var(--primary); font-size: 13px; }

.rel-card p{ margin: 0; color: var(--muted); font-size: 11px; line-height: 1.45; }

@media (min-width: 981px){
body.logged-app #screen-rel-login,
body.logged-app #screen-rel-list,
body.logged-app #screen-rel-dynamic{ margin-top:0; }
}

@media (min-width: 981px){
body.logged-app #screen-rel-login,
body.logged-app #screen-rel-list,
body.logged-app #screen-rel-dynamic{ padding-top:0 !important; }
}

@media (min-width: 981px){
body.logged-app #screen-rel-login,
body.logged-app #screen-rel-list,
body.logged-app #screen-rel-dynamic{
    width:auto !important;
    max-width:none !important;
    margin-top:0 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
  }
}

@media (max-width: 980px){
body.logged-app #screen-rel-login,
body.logged-app #screen-rel-list,
body.logged-app #screen-rel-dynamic{
    margin:0 !important;
    max-width:none !important;
    width:auto !important;
  }
}

body.logged-app.theme-dark .rel-card,
body.logged-app.theme-dark .report-box{
  background: #0b1728 !important;
  border-color: #1f3048 !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .24) !important;
}