/* Nuevo documento — tema claro y coherente con BREKA */
#modalRoot .document-menu-modal{
  width:min(760px,100%);
  background:#ffffff;
  color:#18344f;
  border:1px solid #dce6ed;
  border-radius:24px;
  padding:24px;
  box-shadow:0 24px 70px rgba(20,45,70,.18);
}
#modalRoot .document-menu-modal:before{display:none}
#modalRoot .document-menu-modal .modal-head h2{color:#17324d}
#modalRoot .document-menu-modal .close{
  width:42px;height:42px;border-radius:12px;
  border:1px solid #d8e3ea;background:#f7f9fb;color:#557086;
  transition:.18s ease;
}
#modalRoot .document-menu-modal .close:hover{background:#eef3f6;color:#17324d}
#modalRoot .document-menu-intro{
  margin:6px 0 18px;color:#74889a;font-size:13px;
}
#modalRoot .document-menu-modal .doc-menu{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:0;
}
#modalRoot .document-menu-modal .doc-menu button{
  position:relative;
  min-height:78px;
  padding:15px 16px 15px 56px;
  border:1px solid #dce5eb;
  border-radius:14px;
  background:#ffffff;
  color:#213f59;
  box-shadow:0 3px 10px rgba(22,49,73,.035);
  font-weight:800;
  line-height:1.25;
  text-align:left;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease;
}
#modalRoot .document-menu-modal .doc-menu button:before{
  position:absolute;
  left:14px;top:50%;transform:translateY(-50%);
  display:grid;place-items:center;
  width:31px;height:31px;border-radius:9px;
  background:#eef6f5;color:#177b77;
  font-size:15px;font-weight:900;
}
#modalRoot .document-menu-modal .doc-menu button[data-new="invoice"]:before{content:"F"}
#modalRoot .document-menu-modal .doc-menu button[data-new="receipt"]:before{content:"B"}
#modalRoot .document-menu-modal .doc-menu button[data-new="credit"]:before{content:"NC"}
#modalRoot .document-menu-modal .doc-menu button[data-new="debit"]:before{content:"ND"}
#modalRoot .document-menu-modal .doc-menu button[data-new="void"]:before{content:"×";background:#fff0f1;color:#b73542}
#modalRoot .document-menu-modal .doc-menu button[data-new="quote"]:before{content:"◇";background:#fff8e8;color:#9c7414}
#modalRoot .document-menu-modal .doc-menu button[data-new="ticket"]:before{content:"T";background:#eef4fb;color:#4b6f94}
#modalRoot .document-menu-modal .doc-menu button[data-new="expense"]:before{content:"E";background:#f5f1fb;color:#7655a7}
#modalRoot .document-menu-modal .doc-menu button[data-new="gre-r"]:before,
#modalRoot .document-menu-modal .doc-menu button[data-new="gre-t"]:before{content:"G";background:#edf8f4;color:#19765d}
#modalRoot .document-menu-modal .doc-menu button:hover{
  transform:translateY(-1px);
  border-color:#b9ccd6;
  background:#fbfdfe;
  box-shadow:0 7px 18px rgba(22,49,73,.07);
}
#modalRoot .document-menu-modal .doc-menu button:focus-visible{
  outline:3px solid rgba(25,173,155,.18);
  outline-offset:2px;
  border-color:#55aa9e;
}
#modalRoot .document-menu-modal .doc-menu small{
  display:block;
  margin-top:5px;
  color:#7c8e9e;
  font-size:11px;
  font-weight:500;
  line-height:1.35;
}
#modalRoot .document-menu-modal .doc-menu button[data-new="void"]{
  border-color:#efd8db;
}
#modalRoot .document-menu-modal .doc-menu button[data-new="void"]:hover{
  border-color:#e4b9bf;background:#fffafa;
}
@media(max-width:620px){
  #modalRoot .document-menu-modal{padding:18px;border-radius:20px}
  #modalRoot .document-menu-modal .doc-menu{grid-template-columns:1fr}
  #modalRoot .document-menu-modal .doc-menu button{min-height:70px}
}