:root{
  --ml-ink:#07090b;--ml-ink-2:#0d1114;--ml-paper:#f4f2ed;--ml-surface:#fff;
  --ml-text:#121416;--ml-muted:#697078;--ml-line:#dcdeda;
  --ml-pink:#ec168c;--ml-cyan:#13c0eb;--ml-lime:#a8db32;--ml-amber:#ffab22;--ml-purple:#9d44ef;
  --ml-shadow:0 18px 55px rgba(7,9,11,.09);--ml-radius:16px;--ml-radius-sm:10px;
}
html,body{background:var(--ml-paper)!important;color:var(--ml-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;-webkit-font-smoothing:antialiased}
body:before{content:"";position:fixed;z-index:-1;inset:0;background:radial-gradient(circle at 84% 0,#13c0eb0d,transparent 24%),radial-gradient(circle at 28% 100%,#ec168c0b,transparent 25%)}
button,input,select,textarea{font:inherit}button{letter-spacing:0!important}.hidden{display:none!important}

/* Estructura principal */
.shell{background:var(--ml-paper)!important}.shell>aside{position:relative!important;width:246px!important;padding:22px 14px 16px!important;background:radial-gradient(circle at 0 0,#3c0b312e,transparent 35%),radial-gradient(circle at 100% 100%,#06374652,transparent 38%),var(--ml-ink)!important;border-right:1px solid #ffffff12!important;color:#fff!important;box-shadow:18px 0 55px #07090b18!important}
.shell>aside:before{content:"";position:absolute;left:14px;right:14px;top:84px;height:2px;background:linear-gradient(90deg,var(--ml-cyan),var(--ml-purple),var(--ml-pink),var(--ml-amber),var(--ml-lime));border-radius:99px;box-shadow:0 0 16px #ec168c55}
.shell>aside .brand{height:48px!important;margin:0 5px 28px!important;padding:0!important;background:none!important;border:0!important}.shell>aside .brand img{width:125px!important;height:45px!important;max-width:none!important;object-fit:contain!important;object-position:left center}.shell>aside .brand span{display:none!important}
.shell>aside nav{display:flex!important;flex-direction:column!important;gap:3px!important;overflow-y:auto!important;padding:2px 0!important;scrollbar-width:thin;scrollbar-color:#ffffff24 transparent}
.shell>aside nav>button,.ml-nav-group-toggle{min-height:38px!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;margin:0!important;padding:9px 11px!important;border:1px solid transparent!important;border-radius:9px!important;background:transparent!important;color:#aeb5b8!important;font-size:12px!important;font-weight:560!important;text-align:left!important;box-shadow:none!important;transform:none!important}
.shell>aside nav>button:hover,.ml-nav-group-toggle:hover{background:#ffffff0b!important;color:#fff!important;border-color:#ffffff0d!important}.shell>aside nav>button.active,.ml-nav-group-toggle.active{background:#ffffff12!important;color:#fff!important;border-color:#ffffff16!important;box-shadow:inset 3px 0 0 var(--ml-cyan)!important}
.shell>aside nav>button:nth-child(5n+2).active{box-shadow:inset 3px 0 0 var(--ml-pink)!important}.shell>aside nav>button:nth-child(5n+3).active{box-shadow:inset 3px 0 0 var(--ml-amber)!important}.shell>aside nav>button:nth-child(5n+4).active{box-shadow:inset 3px 0 0 var(--ml-lime)!important}.shell>aside nav>button:nth-child(5n+5).active{box-shadow:inset 3px 0 0 var(--ml-purple)!important}
.shell>aside nav i,.purchase-nav-badge,.critical-alert-badge{margin-left:auto!important;min-width:20px!important;height:18px!important;padding:2px 6px!important;border:0!important;border-radius:999px!important;background:var(--ml-pink)!important;color:#fff!important;font-size:9px!important;font-style:normal!important;text-align:center!important}
.control-version{margin:13px 4px 7px!important;padding:10px 11px!important;border:1px solid #ffffff13!important;border-radius:10px!important;background:#ffffff08!important;color:#929a9e!important}.control-version b{color:#fff!important}.connection{margin:0 5px!important;color:#858d91!important;font-size:10px!important}.connection span{background:var(--ml-lime)!important;box-shadow:0 0 12px #a8db3299!important}
.workspace{min-width:0!important;background:transparent!important}.workspace>header{min-height:78px!important;padding:14px 30px!important;background:rgba(244,242,237,.88)!important;border-bottom:1px solid #d8dbd7!important;backdrop-filter:blur(18px)!important}.workspace>header h1{margin:2px 0 0!important;color:var(--ml-ink)!important;font-size:21px!important;letter-spacing:-.035em!important}.workspace>header .eyebrow{color:#777e82!important}.content{padding:25px 30px 45px!important;background:transparent!important}

/* Tipografía, encabezados y superficies */
.eyebrow{color:var(--ml-cyan)!important;font-size:9px!important;font-weight:800!important;letter-spacing:.18em!important}.eyebrow.green{color:#6b951c!important}
h1,h2,h3,h4{letter-spacing:-.035em!important}.heading,.erp-top,.fiscal-hero,.attendance-heading,.hr-section-heading,.department-heading,.trainer-heading{position:relative!important;margin-bottom:18px!important;padding:21px 23px!important;border:1px solid #1a1e2114!important;border-radius:var(--ml-radius)!important;background:radial-gradient(circle at 0 0,#3c0b3138,transparent 34%),radial-gradient(circle at 100% 100%,#0637465c,transparent 38%),var(--ml-ink)!important;color:#fff!important;box-shadow:var(--ml-shadow)!important;overflow:hidden!important}
.heading:after,.erp-top:after,.fiscal-hero:after,.attendance-heading:after,.hr-section-heading:after{content:"";position:absolute;left:23px;bottom:0;width:170px;height:3px;background:linear-gradient(90deg,var(--ml-cyan),var(--ml-purple),var(--ml-pink),var(--ml-amber));border-radius:99px}
.heading h2,.erp-top h2,.fiscal-hero h2,.attendance-heading h2,.hr-section-heading h2,.department-heading h2{margin:3px 0!important;color:#fff!important;font-size:25px!important}.heading p:not(.eyebrow),.erp-top p:not(.eyebrow),.fiscal-hero p:not(.eyebrow){color:#aeb5b8!important}.panel{background:transparent!important;border:0!important;box-shadow:none!important}
article,.card,.admin-section,.erp-settings-section,.dashboard-chart-card,.dashboard-source-card,.fiscal-settings-grid>article,.attendance-action-card,.hr-sheet,.commission-policy,.commission-new-run,.commission-preview,.purchase-batch{border-color:var(--ml-line)!important;border-radius:var(--ml-radius)!important;background:rgba(255,255,255,.94)!important;box-shadow:0 8px 30px rgba(7,9,11,.045)!important}

/* Botones */
button:not(.chat-contact):not(.chat-bubble):not(.order-light),input[type=submit]{border-radius:9px!important;font-weight:650!important;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease!important}
.heading button,.erp-top button,.fiscal-hero button,.sale-add,.sale-pay,.fiscal-actions button:not(.secondary),.dialog-actions button:last-child,.employee-actions button:last-child,.admin-shortcuts button,.attendance-main-button{border:1px solid #ffffff22!important;background:#fff!important;color:var(--ml-ink)!important;box-shadow:0 7px 22px #0003!important}
.dialog-actions button:last-child,.employee-actions button:last-child{background:var(--ml-ink)!important;color:#fff!important;border-color:var(--ml-ink)!important;box-shadow:0 7px 18px #07090b22!important}
button:hover:not(:disabled){transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.45!important;cursor:not-allowed!important}
button.outline,button.secondary,.sale-soft,.sale-quote,.attendance-refresh{background:#fff!important;color:#26312d!important;border:1px solid #d7dfdb!important;box-shadow:none!important}.danger,.danger-outline,.quote-delete{border-color:#ec168c55!important;background:#fff0f7!important;color:#b10d68!important}.danger:hover,.danger-outline:hover{background:#ffe1f1!important}
.profile,.icon{border:1px solid #d7deda!important;background:#fff!important;color:var(--ml-ink)!important;box-shadow:0 7px 20px #07090b0b!important}.profile{background:var(--ml-ink)!important;color:#fff!important}

/* Formularios */
label{color:#4f5955!important;font-size:11px!important;font-weight:650!important}input,select,textarea{min-height:40px!important;border:1px solid #d6deda!important;border-radius:9px!important;background:#fff!important;color:var(--ml-text)!important;box-shadow:0 1px 0 #fff inset!important;outline:none!important}textarea{padding-top:10px!important}input:focus,select:focus,textarea:focus{border-color:var(--ml-cyan)!important;box-shadow:0 0 0 3px #13c0eb1c!important}input[type=checkbox],input[type=radio]{min-height:auto!important;accent-color:var(--ml-pink)!important}.form-section,.product-form-section-grid>section{border:1px solid var(--ml-line)!important;border-radius:13px!important;background:#fbfcfb!important}.form-section h3,.product-form-section-grid h3{color:var(--ml-ink)!important}

/* Pestañas y submenús */
.commercial-tabs,.erp-tabs,.fiscal-tabs,.hr-tabs,.access-tabs,.department-stage-tabs,.hr-loan-tabs,.order-workspace-switch,.dashboard-series,.approval-toolbar{gap:4px!important;padding:5px!important;border:1px solid #d9dfdc!important;border-radius:12px!important;background:#e9ece9!important;box-shadow:none!important;overflow:auto!important}
.commercial-tabs button,.erp-tabs button,.fiscal-tabs button,.hr-tabs button,.access-tabs button,.department-stage-tabs button,.hr-loan-tabs button,.order-workspace-switch button,.dashboard-series button,.approval-toolbar button{min-height:34px!important;padding:8px 13px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#69726f!important;font-size:11px!important;white-space:nowrap!important;box-shadow:none!important}.commercial-tabs button.active,.erp-tabs button.active,.fiscal-tabs button.active,.hr-tabs button.active,.access-tabs button.active,.department-stage-tabs button.active,.hr-loan-tabs button.active,.order-workspace-switch button.active,.dashboard-series button.active,.approval-toolbar button.active{background:var(--ml-ink)!important;color:#fff!important;box-shadow:0 5px 16px #07090b22!important}
.erp-shell>aside,.admin-module-list,.erp-module-list{padding:8px!important;border:1px solid var(--ml-line)!important;border-radius:13px!important;background:#fff!important}.erp-module-list button{border-radius:9px!important;color:#59635f!important}.erp-module-list button.active{background:var(--ml-ink)!important;color:#fff!important}

/* Tablas y listas */
table{border-collapse:separate!important;border-spacing:0!important;width:100%!important}thead th{padding:10px 11px!important;background:var(--ml-ink)!important;color:#e9edeb!important;border:0!important;font-size:9px!important;font-weight:750!important;letter-spacing:.06em!important;text-transform:uppercase!important}thead th:first-child{border-radius:9px 0 0 0!important}thead th:last-child{border-radius:0 9px 0 0!important}tbody td{padding:10px 11px!important;border-color:#e3e7e4!important;background:#fff!important;font-size:11px!important}tbody tr:hover td{background:#fafbf9!important}.commercial-table,.erp-table-wrap,.order-table-wrap,.bulk-price-table-wrap,.apparel-table-wrap,.hr-attendance-table,.hr-payroll-table,.hr-loan-table{border:1px solid var(--ml-line)!important;border-radius:12px!important;background:#fff!important;box-shadow:0 8px 25px #07090b08!important;overflow:auto!important}
.commercial-status,.erp-status,.purchase-status,.incident-status,.production-status,.fiscal-status,.commission-run-status,.attendance-status,.pill{padding:5px 8px!important;border-radius:999px!important;font-size:9px!important;font-weight:750!important;letter-spacing:.04em!important}.pending,.draft,.review{background:#fff1d8!important;color:#8e5b00!important}.validated,.approved,.complete,.paid,.ready{background:#eaf7ca!important;color:#426c08!important}.cancelled,.rejected,.critical{background:#ffe2f1!important;color:#a70c61!important}

/* Ventas y documentos */
.commercial-process-flow{padding:10px 16px!important;border:1px solid #daddd9!important;border-radius:13px!important;background:#fff!important;box-shadow:0 8px 25px #07090b07!important}.sale-workspace{color:var(--ml-text)!important}.sale-titlebar{border-radius:16px!important;background:radial-gradient(circle at 0 0,#3c0b3142,transparent 34%),radial-gradient(circle at 100% 100%,#06374668,transparent 40%),var(--ml-ink)!important;color:#fff!important;box-shadow:var(--ml-shadow)!important}.sale-titlebar h2,.sale-titlebar p{color:#fff!important}.sale-titlebar p:last-child{color:#abb3b6!important}.sale-capture-card,.sale-products-card,.sale-profit,.sale-totals{border-color:var(--ml-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:0 10px 32px #07090b0a!important}.sale-capture-card>header>span,.sale-products-card>header>span,.sale-profit>header>span{background:var(--ml-ink)!important;color:#fff!important}.sale-products-card>header>span{background:var(--ml-pink)!important}.sale-profit>header>span{background:var(--ml-cyan)!important;color:#071014!important}.sale-grand-total{border-color:#cdd9d3!important}.sale-grand-total strong{color:var(--ml-pink)!important}.sale-pay{background:linear-gradient(100deg,#fff,#e9fbff)!important}.quote-document{font-family:Inter,ui-sans-serif,system-ui,sans-serif!important}.quote-brand{border-color:var(--ml-ink)!important}.quote-lines th{background:var(--ml-ink)!important}.quote-total strong{color:var(--ml-pink)!important}

/* Chats, producción, compras y RH */
.chat-workspace{border:1px solid var(--ml-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:var(--ml-shadow)!important;overflow:hidden!important}.chat-list{background:#f7f6f2!important;border-color:#e0e3df!important}.chat-thread>header,.chat-details{background:#fff!important;border-color:#e0e3df!important}.chat-contact{border-radius:9px!important}.chat-contact.active{background:var(--ml-ink)!important;color:#fff!important}.chat-contact.active small,.chat-contact.active time{color:#aeb5b8!important}.chat-bubble.human{background:var(--ml-ink)!important;color:#fff!important}.chat-bubble.ai{background:#eefaff!important;border:1px solid #cceff7!important}.chat-composer{background:#f7f6f2!important}
.production-job,.design-job,.department-job,.order-card,.purchase-batch,.material-row,.apparel-row{border-left:3px solid var(--ml-cyan)!important}.design-job{border-left-color:var(--ml-purple)!important}.purchase-batch,.material-row,.apparel-row{border-left-color:var(--ml-amber)!important}.production-job.blocked,.design-job.blocked,.order-card.late{border-left-color:var(--ml-pink)!important}.department-thumb{border-radius:10px!important}.finish-chips span,.provider-pill{border-radius:999px!important}
.hr-avatar{background:linear-gradient(145deg,var(--ml-cyan),var(--ml-purple))!important;color:#fff!important}.hr-summary article:nth-child(4n+1),.dashboard-kpi:nth-child(4n+1),.commercial-metrics article:nth-child(4n+1){border-top:3px solid var(--ml-cyan)!important}.hr-summary article:nth-child(4n+2),.dashboard-kpi:nth-child(4n+2),.commercial-metrics article:nth-child(4n+2){border-top:3px solid var(--ml-pink)!important}.hr-summary article:nth-child(4n+3),.dashboard-kpi:nth-child(4n+3),.commercial-metrics article:nth-child(4n+3){border-top:3px solid var(--ml-amber)!important}.hr-summary article:nth-child(4n+4),.dashboard-kpi:nth-child(4n+4),.commercial-metrics article:nth-child(4n+4){border-top:3px solid var(--ml-lime)!important}

/* Modales y avisos */
dialog{max-width:calc(100vw - 24px)!important;border:1px solid #ffffff18!important;border-radius:18px!important;background:#fff!important;box-shadow:0 30px 100px #07090b66!important}dialog::backdrop{background:#07090bb8!important;backdrop-filter:blur(6px)!important}.employee-heading,.sale-modal-heading,.department-detail-dialog>header,.dashboard-detail-heading{margin:-1px -1px 18px!important;padding:21px 23px!important;border-radius:17px 17px 0 0!important;background:radial-gradient(circle at 0 0,#3c0b3140,transparent 36%),radial-gradient(circle at 100% 100%,#06374665,transparent 42%),var(--ml-ink)!important;color:#fff!important}.employee-heading h2,.sale-modal-heading h2,.employee-heading p,.sale-modal-heading p{color:#fff!important}.employee-heading .eyebrow,.sale-modal-heading .eyebrow{color:var(--ml-cyan)!important}.order-close,.ml-notice-close{background:#ffffff0c!important;color:#fff!important;border:1px solid #ffffff18!important}.ml-notice-card{border-radius:17px!important;border-top:3px solid var(--ml-cyan)!important}.ml-notice-card.warning{border-top-color:var(--ml-amber)!important}.ml-notice-card.danger{border-top-color:var(--ml-pink)!important}

/* Acceso */
.auth{background:radial-gradient(circle at 12% 20%,#3c0b31,transparent 28%),radial-gradient(circle at 88% 76%,#063746,transparent 30%),var(--ml-ink)!important}.auth-identity{background:transparent!important;color:#fff!important}.auth-identity:after{content:"";display:block;width:190px;height:3px;margin-top:22px;background:linear-gradient(90deg,var(--ml-cyan),var(--ml-purple),var(--ml-pink),var(--ml-amber),var(--ml-lime))}.auth-card{border:1px solid #ffffff18!important;border-radius:22px!important;background:#f8f7f3!important;box-shadow:0 35px 100px #0008!important}.auth-card button[type=submit]{background:var(--ml-ink)!important;color:#fff!important}.secure-note span{color:#63951a!important}

/* Móvil */
@media(max-width:900px){.shell>aside{width:100%!important;box-shadow:none!important}.shell>aside:before{top:68px}.shell>aside .brand{margin-bottom:17px!important}.shell>aside nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;max-height:none!important}.shell>aside nav>button{min-height:42px!important}.content{padding:16px 12px 34px!important}.workspace>header{padding:12px 16px!important}.heading,.erp-top,.fiscal-hero,.attendance-heading,.hr-section-heading{padding:18px!important}.sale-titlebar,.sale-capture-card,.sale-products-card,.sale-profit,.sale-totals{border-radius:13px!important}.customer-duplicate-rows article{grid-template-columns:1fr!important}.commercial-tabs,.erp-tabs,.fiscal-tabs,.hr-tabs{position:sticky;top:0;z-index:12}.chat-workspace{border-radius:12px!important}}
@media(max-width:560px){.shell>aside nav{grid-template-columns:1fr!important}.shell>aside nav>button{min-height:38px!important}.content{padding:12px 8px 30px!important}.heading h2,.erp-top h2,.fiscal-hero h2{font-size:21px!important}.heading,.erp-top,.fiscal-hero{border-radius:12px!important}.dashboard-kpis,.commercial-metrics,.cash-kpis,.commission-kpis,.fiscal-metrics,.hr-summary{grid-template-columns:1fr 1fr!important}.dialog-actions{flex-wrap:wrap!important}.dialog-actions button{flex:1!important}.employee-heading,.sale-modal-heading{padding:17px!important}}

/* Correcciones de usabilidad detectadas en la auditoría integral. */
.sale-product-dialog form{box-sizing:border-box!important;width:100%!important;max-width:none!important;padding:0!important}
.sale-product-dialog .sale-modal-heading{width:auto!important}
.sale-product-dialog .dialog-actions,.commercial-dialog .dialog-actions{position:sticky!important;bottom:0!important;z-index:5!important;margin:18px -2px -2px!important;padding:13px 2px 2px!important;background:linear-gradient(180deg,#ffffff00,#fff 24%)!important}
.commercial-dialog form{box-sizing:border-box!important}
@media(max-width:650px){.sale-product-dialog{padding:14px!important}.sale-product-dialog .sale-modal-heading{margin:-1px -1px 14px!important}.sale-product-dialog .dialog-actions{gap:8px!important}.sale-product-dialog .dialog-actions button{min-height:44px!important}}
@media(max-width:620px){.hr-full-dialog .hr-form-nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;overflow:visible!important;padding:9px 12px!important}.hr-full-dialog .hr-form-nav button{min-width:0!important;padding:8px 5px!important;font-size:10px!important;line-height:1.2!important;white-space:normal!important}.hr-full-dialog main{overflow-x:hidden!important;padding:16px!important}.hr-full-dialog header{padding:17px 16px!important}.hr-full-dialog footer{position:sticky!important;bottom:0!important;z-index:4!important;padding:11px 16px!important}.hr-full-dialog footer button{flex:1!important;min-height:42px!important}.hr-full-dialog footer .danger[hidden]{display:none!important}}
@media(max-width:620px){body:has(.hr-full-dialog[open]){overflow:hidden!important}.hr-full-dialog{overflow:hidden!important}.hr-full-dialog form{height:100dvh!important;max-height:100dvh!important}.hr-full-dialog main{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important}.hr-full-dialog header,.hr-full-dialog .hr-form-nav,.hr-full-dialog footer{flex:0 0 auto!important}}

/* Auditoria movil integral: tableros, pestañas y superficies densas. */
@media(max-width:650px){
  html,body,.workspace,.content,.view,.ml-dashboard{max-width:100%!important;min-width:0!important}
  .workspace .view header{height:auto!important;min-height:0!important}
  .ml-dashboard,.dashboard-command,.dashboard-kpis,.dashboard-main-grid,.dashboard-insights,.dashboard-chart-card,.dashboard-alert-stack{box-sizing:border-box!important;width:100%!important;min-width:0!important}
  .dashboard-command{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important;gap:14px!important;padding:17px 15px!important}
  .dashboard-command>div,.dashboard-filters,.dashboard-filters label{min-width:0!important}
  .dashboard-filters{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;width:100%!important;gap:8px!important}
  .dashboard-filters input,.dashboard-filters button{box-sizing:border-box!important;width:100%!important;min-width:0!important}
  .dashboard-filters button{grid-column:1/-1!important}
  .dashboard-kpis,.dashboard-main-grid,.dashboard-alert-stack,.dashboard-insights{grid-template-columns:minmax(0,1fr)!important}
  .dashboard-chart-card>header{min-width:0!important}
  .dashboard-series{box-sizing:border-box!important;max-width:100%!important}
  .dashboard-chart{box-sizing:border-box!important;overflow:hidden!important;padding-inline:8px!important}
  .dashboard-chart svg{max-width:100%!important}
  .dashboard-source-card{grid-column:auto!important}
  .commercial-tabs,.erp-tabs,.fiscal-tabs,.hr-tabs,.access-tabs,.department-stage-tabs,.hr-loan-tabs,.order-workspace-switch,.dashboard-series,.approval-toolbar,.commercial-process-flow{
    scrollbar-width:none!important;-ms-overflow-style:none!important;overscroll-behavior-inline:contain!important
  }
  .commercial-tabs::-webkit-scrollbar,.erp-tabs::-webkit-scrollbar,.fiscal-tabs::-webkit-scrollbar,.hr-tabs::-webkit-scrollbar,.access-tabs::-webkit-scrollbar,.department-stage-tabs::-webkit-scrollbar,.hr-loan-tabs::-webkit-scrollbar,.order-workspace-switch::-webkit-scrollbar,.dashboard-series::-webkit-scrollbar,.approval-toolbar::-webkit-scrollbar,.commercial-process-flow::-webkit-scrollbar{display:none!important}
  .my-commission-list{border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
  .my-commission-list header{display:none!important}
  .my-commission-list article{display:grid!important;grid-template-columns:1fr auto!important;gap:6px 12px!important;min-width:0!important;margin-bottom:9px!important;padding:14px!important;border:1px solid var(--ml-line)!important;border-radius:13px!important;background:#fff!important}
  .my-commission-list article b,.my-commission-list article span:nth-child(2){grid-column:1/-1!important}
  .my-commission-list article span:nth-child(3):before{content:"Cobrado: ";color:var(--ml-muted);font-size:9px}
  .my-commission-list article span:nth-child(4):before{content:"Base: ";color:var(--ml-muted);font-size:9px}
  .my-commission-list article strong{grid-column:1/-1!important;margin-top:5px!important;padding-top:9px!important;border-top:1px solid var(--ml-line)!important;text-align:right!important}
}
.customer-directory-search{display:flex;align-items:end;gap:12px;margin:14px 24px 0;padding:13px 14px;border:1px solid var(--ml-line);border-radius:12px;background:#fff}.customer-directory-search label{display:grid;flex:1;gap:5px}.customer-directory-search input{width:100%;box-sizing:border-box}.customer-directory-search>small{padding-bottom:10px;color:var(--ml-muted);white-space:nowrap}
@media(max-width:650px){.customer-directory-search{align-items:stretch;flex-direction:column;gap:4px;margin:10px 14px 0}.customer-directory-search>small{padding:0}.customer-directory-results{padding-top:10px!important}}
.ml-prompt-dialog{box-sizing:border-box;width:min(560px,calc(100vw - 20px));padding:0!important;overflow:hidden}.ml-prompt-dialog form{display:grid;gap:14px;padding:0 20px 20px}.ml-prompt-dialog .employee-heading{margin:0 -20px 0!important}.ml-prompt-dialog>form>p{margin:0;color:var(--ml-muted);line-height:1.5}.ml-prompt-dialog label{display:grid;gap:6px}.ml-prompt-dialog textarea{box-sizing:border-box;width:100%;resize:vertical}.ml-prompt-dialog .dialog-actions{margin-top:2px}
