
.more10-btn{font-weight:700}
.more10-field input{min-width:110px}
.m10-overlay{position:fixed;inset:0;background:rgba(15,23,42,.42);z-index:9998;display:flex;align-items:center;justify-content:center;padding:20px}
.m10-overlay.hidden{display:none}
.m10-modal{width:min(860px,96vw);max-height:85vh;overflow:auto;background:#fff;border-radius:18px;box-shadow:0 24px 60px rgba(15,23,42,.25);border:1px solid #ead7bf}
.m10-modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #eee8de;position:sticky;top:0;background:#fff;z-index:1}
.m10-modal-body{padding:16px 18px}
.m10-list{display:grid;gap:10px}
.m10-check{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #eee3d4;border-radius:12px;background:#fffaf4}
.m10-actions,.m10-line,.m10-actions-inline{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:14px}
.m10-line input{flex:1;min-width:220px;padding:10px 12px;border:1px solid #d7c2a6;border-radius:12px}
.m10-fav-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px;border:1px solid #eee3d4;border-radius:12px;background:#fffaf4}
.m10-fav-row small{display:block;color:#7c6f63;margin-top:4px}
.m10-empty{padding:14px;border:1px dashed #d8c8b3;border-radius:12px;background:#fffaf4;color:#7c6f63}
.m10-drawer{position:fixed;top:0;right:0;width:min(430px,96vw);height:100vh;background:#fff;box-shadow:-18px 0 45px rgba(15,23,42,.18);z-index:9997;border-left:1px solid #ead7bf;display:flex;flex-direction:column}
.m10-drawer.hidden{display:none}
.m10-drawer-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #efe6da;background:#fff7ec;position:sticky;top:0}
.m10-drawer-body{padding:14px 16px;overflow:auto}
.m10-code{font-size:20px;font-weight:800;color:#8b1d1d;margin-bottom:12px}
.m10-grid{display:grid;grid-template-columns:1fr;gap:10px}
.m10-pair{padding:10px 12px;border:1px solid #eee3d4;border-radius:12px;background:#fffaf4}
.m10-k{font-size:12px;color:#77695f;text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px}
.m10-v{font-size:14px;color:#0f172a;word-break:break-word}
.m10-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.m10-badge{display:inline-flex;align-items:center;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;background:#fff1e1;color:#9a3412;border:1px solid #fed7aa}
.m10-alert-lowstock td{background-image:linear-gradient(to right, rgba(250,204,21,.16), rgba(250,204,21,0))}
.m10-alert-nosale td{background-image:linear-gradient(to right, rgba(59,130,246,.09), rgba(59,130,246,0))}
.m10-alert-neg td{background-image:linear-gradient(to right, rgba(239,68,68,.11), rgba(239,68,68,0))}
.m10-alert-pend td{box-shadow:inset 3px 0 0 #d97706}
.m10-page-input{width:70px;padding:7px 9px;border-radius:10px;border:1px solid #d7c2a6;background:#fff}
.m10-goto{display:inline-flex;gap:6px;align-items:center;margin-left:10px;flex-wrap:wrap}
body.m10-no-zebra #tableBase1 tbody tr:nth-child(odd) td,
body.m10-no-zebra #tableBase2 tbody tr:nth-child(odd) td,
body.m10-no-zebra #tablePivot tbody tr:nth-child(odd) td,
body.m10-no-zebra #tablePivotValor tbody tr:nth-child(odd) td,
body.m10-no-zebra #tablePivotEV tbody tr:nth-child(odd) td,
body.m10-no-zebra #tableBase1 tbody tr:nth-child(even) td,
body.m10-no-zebra #tableBase2 tbody tr:nth-child(even) td,
body.m10-no-zebra #tablePivot tbody tr:nth-child(even) td,
body.m10-no-zebra #tablePivotValor tbody tr:nth-child(even) td,
body.m10-no-zebra #tablePivotEV tbody tr:nth-child(even) td{background:#fff!important;box-shadow:none!important}
body.m10-sticky-filters .tabs{position:sticky;top:0;z-index:60}
body.m10-sticky-filters .filters{position:sticky;top:48px;z-index:55;background:#fff9f1;box-shadow:0 8px 18px rgba(15,23,42,.05)}
@media (max-width:980px){
  .app-header .btns{display:flex;flex-wrap:wrap}
  .m10-fav-row{flex-direction:column;align-items:flex-start}
}
@media (max-width:740px){
  .m10-modal{width:98vw;border-radius:14px}
  .m10-line{flex-direction:column;align-items:stretch}
  .m10-page-input{width:56px}
  .filters{padding-bottom:14px}
  .app-header .btns{position:sticky;top:0;background:#fff7ec;padding:6px;border-radius:14px;box-shadow:0 10px 24px rgba(15,23,42,.08)}
  .more10-field{min-width:calc(50% - 8px)}
}
@media (max-width:560px){
  .more10-field{min-width:100%}
  .m10-drawer{width:100vw}
  .m10-goto{width:100%;margin-left:0;justify-content:flex-end}
}

/* fix013: remove redundant empty-state banner */
#emptyMsg{display:none !important;}
