/* Enterprise component: drawer shell. */
.drawer-overlay {
  position:fixed;inset:0;z-index:180;background:rgba(0,0,0,.28);
  opacity:0;pointer-events:none;transition:opacity .18s ease;
}
.drawer-overlay.open { opacity:1;pointer-events:auto; }
.drawer {
  position:fixed;top:0;right:0;z-index:200;width:min(430px,100vw);height:100vh;
  background:#fff;border-left:1px solid var(--line);
  transform:translateX(100%);
  transition:transform .22s cubic-bezier(.4,0,.2,1);
  display:flex;flex-direction:column;
}
.drawer.open { transform:translateX(0); }
.drawer-head {
  min-height:74px;padding:0 20px;border-bottom:1px solid var(--line);
  display:flex;justify-content:space-between;align-items:center;
}
.drawer-head h2 { margin:0;font-size:18px;letter-spacing:.12em;text-transform:uppercase; }
.drawer-body { padding:20px;overflow:auto;flex:1; }
.mobile-only { display:none; }