@import url('/static/identidad.css');

/* Permite contraer y recuperar la barra lateral desde el botón de menú. */
@media(min-width:761px){
  .sidebar{transition:transform .25s ease,box-shadow .25s ease}
  .sidebar.open{transform:translateX(-100%);box-shadow:none}
  .app-shell:has(.sidebar.open){grid-template-columns:0 1fr}
  .app-shell:has(.sidebar.open)>main{grid-column:2}
  .menu-button{display:grid!important;place-items:center;width:36px;height:36px;margin-right:14px;border:1px solid #dfe5e2!important;border-radius:7px;background:#fff!important;color:#123d34;cursor:pointer}
  .menu-button:hover{background:#f1f5f3!important}
  .menu-button:focus-visible{outline:3px solid #b38a4340;outline-offset:2px}
}
/* Mantiene visibles y completos los botones de acción en todas las ventanas emergentes. */
.dialog-actions{flex-wrap:wrap;overflow:visible}.dialog-actions>button,.dialog-actions .secondary,.dialog-actions .primary{flex:0 0 auto;min-width:max-content;white-space:nowrap;overflow:visible;text-overflow:clip}.dialog-actions>span{min-width:0}.dialog-actions .close-movement,.dialog-actions .close-client,.dialog-actions .close-detail{width:auto;height:auto;border:1px solid #d6dbd8;border-radius:10px;background:#fff;color:#17201d;padding:11px 16px;font-size:12px;line-height:normal}@media(max-width:560px){.dialog-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:9px;padding:12px 16px!important}.dialog-actions>span{display:none!important}.dialog-actions>button{width:100%;min-width:0;padding-left:10px;padding-right:10px}.dialog-actions>button:only-of-type{grid-column:1/-1}}
