/* Global Drawer styles (reusable across modules) */
:root{
  --jc-border: #e9ecef;
}
.drawer{
  position:fixed; top:0; right:0; width:380px; height:100vh; background:#fff;
  transform:translateX(100%); transition:transform .25s ease; z-index:1080;
  display:flex; flex-direction:column; box-shadow:-16px 0 32px rgba(0,0,0,.08);
  border-left:1px solid var(--jc-border);
}
.drawer.show{ transform:translateX(0); }
.drawer.hidden{ display:none; }
.drawer-header{
  display:flex; justify-content:space-between; align-items:center;
  padding:14px 16px; border-bottom:1px solid var(--jc-border);
}
.drawer-body{ padding:16px; overflow:auto; }
.drawer .form-condensed .form-group{ margin-bottom:8px; }

/* Mask can be sibling or child */
.drawer-mask{
  position:fixed; inset:0; background:rgba(15,23,42,.25);
  opacity:0; pointer-events:none; transition:opacity .2s; z-index:1079;
}
.drawer.show + .drawer-mask{ opacity:1; pointer-events:auto; }

/* Basic utilities used by drawers */
.small-muted{ font-size:.8rem; color:#6c757d; }
.btn-icon{ display:inline-flex; align-items:center; gap:.4rem; }
.btn-block{ width:100%; }
/* Empurra o conteúdo principal quando drawer está aberto */
body.drawer-open .main-content {
  transition: margin-right .25s ease;
  margin-right: 380px;
}