/* Pirela Group ERP 1.0.63
   Navegación ligera, neutra y colapsable inspirada en herramientas de trabajo modernas. */

.command-center{
  --pg-sidebar-expanded:220px;
  --pg-sidebar-compact:72px;
  --pg-sidebar-current:var(--pg-sidebar-expanded);
  --pg-shell-bg:#f6f7fb;
  --pg-sidebar-bg:#fbfbfe;
  --pg-sidebar-line:#e6e8ef;
  --pg-ink:#323338;
  --pg-muted:#676879;
  --pg-lime:#c8ff00;
  --pg-blue:#579bfc;
  --pg-green:#00c875;
  --pg-yellow:#fdab3d;
  --pg-red:#e2445c;
  --pg-purple:#a25ddc;
  --pg-aqua:#00a9ff;
  --pg-coral:#ff6b6b;
  --pg-nav-neutral:#6d7480;
  --pg-nav-icon-bg:#eef0f3;
  --pg-nav-hover:#f2f3f5;
  --pg-nav-active:#b8f500;
  --pg-nav-active-bg:#f2f8df;
  min-height:100vh!important;
  padding-left:var(--pg-sidebar-current)!important;
  padding-top:64px!important;
  background:var(--pg-shell-bg)!important;
  transition:padding-left .24s cubic-bezier(.2,.8,.2,1)!important;
}

/* Pirela 1.0.62 · vigencia y cobro recurrente de proyectos */
#presupuestoModule .project-term-card{
  grid-column:1/-1;
  display:grid;
  gap:12px;
  padding:15px;
  border:1px solid #d8dee6;
  border-left:4px solid #b7ee00;
  border-radius:13px;
  background:linear-gradient(135deg,#fff 0%,#f7f9f3 100%);
}
#presupuestoModule .project-term-heading{display:flex;align-items:center;gap:10px}
#presupuestoModule .project-term-heading>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#20252c;color:#c8ff00;font-size:18px}
#presupuestoModule .project-term-heading div{display:grid;gap:2px}
#presupuestoModule .project-term-heading small{color:#6f7885;font-size:8px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
#presupuestoModule .project-term-heading strong{color:#20252c;font-size:13px}
#presupuestoModule .project-term-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
#presupuestoModule .project-term-fields label{display:grid;gap:6px}
#presupuestoModule .project-term-fields label>span{color:#596371;font-size:8px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
#presupuestoModule .project-term-message{display:flex;align-items:center;gap:7px;padding:9px 11px;border-radius:9px;background:#eef5e0;color:#40511c;font-size:9px;font-weight:750}
#presupuestoModule .project-term-message i{color:#6f9400;font-size:14px}
#presupuestoModule .project-term-list-badge{width:max-content;margin-top:5px;padding:4px 7px;display:flex;align-items:center;gap:5px;border-radius:999px;background:#eff5e2;color:#557000;font-size:8px;font-style:normal;font-weight:800}
#presupuestoModule .project-recurrence-banner{margin-top:14px;padding:13px 15px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;border:1px solid #d9e7b9;border-radius:12px;background:#f6faed}
#presupuestoModule .project-recurrence-banner>span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#20252c;color:#c8ff00;font-size:18px}
#presupuestoModule .project-recurrence-banner>div{display:grid;gap:2px}
#presupuestoModule .project-recurrence-banner small{color:#71804c;font-size:8px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
#presupuestoModule .project-recurrence-banner strong{color:#20252c;font-size:12px}
#presupuestoModule .project-recurrence-banner p{margin:0;color:#68715d;font-size:9px}
#presupuestoModule .project-recurrence-banner>b{padding:5px 8px;border-radius:999px;background:#dff0b6;color:#456000;font-size:8px;letter-spacing:.08em}
#presupuestoModule .project-recurrence-banner.is-ended{border-color:#e2d7d7;background:#faf6f6}
#presupuestoModule .project-recurrence-banner.is-ended>b{background:#f1dddd;color:#8a3d49}
.receivable-period-tag{margin-top:4px;display:block;color:#668500;font-size:8px;font-weight:800}
body.dark-mode #presupuestoModule .project-term-card,
body.dark-mode #presupuestoModule .project-recurrence-banner{border-color:#454b3c;background:#20231d}
body.dark-mode #presupuestoModule .project-term-heading strong,
body.dark-mode #presupuestoModule .project-recurrence-banner strong{color:#f4f6ef}
body.dark-mode #presupuestoModule .project-term-message{background:#2b321f;color:#d8e7b4}
@media(max-width:900px){
  #presupuestoModule .project-term-fields{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  #presupuestoModule .project-term-fields{grid-template-columns:1fr}
  #presupuestoModule .project-recurrence-banner{grid-template-columns:auto 1fr}
  #presupuestoModule .project-recurrence-banner>b{grid-column:1/-1;width:max-content}
}

.command-center.sidebar-collapsed{
  --pg-sidebar-current:var(--pg-sidebar-compact);
  padding-left:var(--pg-sidebar-current)!important;
}

.command-center .main-nav,
.command-center.sidebar-collapsed .main-nav{
  position:fixed!important;
  inset:0 auto 0 0!important;
  width:var(--pg-sidebar-current)!important;
  padding:14px 10px 16px!important;
  display:flex!important;
  flex-direction:column!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  transform:none!important;
  overflow:hidden!important;
  color:var(--pg-ink)!important;
  background:
    radial-gradient(circle at 15% 4%,rgba(200,255,0,.14),transparent 18%),
    linear-gradient(180deg,#ffffff 0%,var(--pg-sidebar-bg) 100%)!important;
  border-right:1px solid var(--pg-sidebar-line)!important;
  box-shadow:8px 0 28px rgba(39,43,68,.045)!important;
  transition:width .24s cubic-bezier(.2,.8,.2,1),transform .24s cubic-bezier(.2,.8,.2,1)!important;
  z-index:85!important;
}

.command-center .sidebar-brand{
  min-height:48px!important;
  height:48px!important;
  padding:0 7px 12px!important;
  margin:0 0 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  border-bottom:1px solid var(--pg-sidebar-line)!important;
  overflow:hidden!important;
}

.command-center .sidebar-brand img{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  padding:3px!important;
  border-radius:10px!important;
  object-fit:contain!important;
  background:#070807!important;
  box-shadow:0 6px 16px rgba(50,51,56,.12)!important;
}

.command-center .sidebar-brand>div{
  display:none!important;
}

.command-center .sidebar-brand strong{
  display:block!important;
  max-width:145px!important;
  overflow:hidden!important;
  color:var(--pg-ink)!important;
  font-size:13px!important;
  font-weight:750!important;
  letter-spacing:-.02em!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.command-center .sidebar-brand span{
  display:block!important;
  margin-top:2px!important;
  color:#9697a4!important;
  font-size:8px!important;
  font-weight:700!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
}

.command-center .sidebar-nav-scroll{
  flex:1!important;
  min-height:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  padding:0 2px 18px 0!important;
  -ms-overflow-style:none!important;
  scrollbar-width:none!important;
}

.command-center .sidebar-nav-scroll::-webkit-scrollbar{
  display:none!important;
  width:0!important;
  height:0!important;
  background:transparent!important;
}
.command-center .sidebar-nav-group{--pg-group:var(--pg-nav-neutral);margin:0 0 10px!important}
.command-center .sidebar-nav-group--principal,
.command-center .sidebar-nav-group--team,
.command-center .sidebar-nav-group--operation,
.command-center .sidebar-nav-group--finance,
.command-center .sidebar-nav-group--system{--pg-group:var(--pg-nav-neutral)}
.command-center .sidebar-nav-group+.sidebar-nav-group{
  padding-top:8px!important;
  border-top:1px solid #eef0f3!important;
}
.command-center .sidebar-nav-group--companies{
  --pg-group:var(--pg-nav-neutral);
  margin:0 0 10px!important;
  padding:8px 0 0!important;
  border:0!important;
  border-top:1px solid #eef0f3!important;
  border-radius:0!important;
  background:transparent!important;
}
.command-center .sidebar-nav-group--companies .sidebar-nav-label{
  color:#8b8c99!important;
}

.command-center .sidebar-nav-label{
  margin:0 0 5px!important;
  padding:0 9px!important;
  color:#8b8c99!important;
  font-size:8px!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
  line-height:20px!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  transition:opacity .14s ease!important;
}
.command-center .sidebar-nav-label::before{
  content:"";
  width:4px;
  height:4px;
  margin-right:6px;
  display:inline-block;
  border-radius:50%;
  background:#c6cad0;
  vertical-align:middle;
}

.command-center .main-nav .nav-item{
  position:relative!important;
  width:100%!important;
  min-height:38px!important;
  height:38px!important;
  margin:0 0 3px!important;
  padding:0 9px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#5d5e6c!important;
  font-size:11px!important;
  font-weight:560!important;
  text-align:left!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  transition:background .16s ease,color .16s ease,transform .16s ease!important;
}

.command-center .main-nav .nav-item i{
  width:27px!important;
  height:27px!important;
  min-width:27px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:8px!important;
  background:var(--pg-nav-icon-bg)!important;
  color:#626a76!important;
  font-size:15px!important;
  transition:background .16s ease,color .16s ease,transform .16s ease!important;
}

.command-center .main-nav .nav-item span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  transition:opacity .14s ease,transform .2s ease!important;
}

.command-center .main-nav .nav-item:hover{
  background:var(--pg-nav-hover)!important;
  color:var(--pg-ink)!important;
  transform:translateX(2px)!important;
}

.command-center .main-nav .nav-item:hover i{transform:scale(1.04)!important}

.command-center .main-nav .nav-item.active,
body.tenant-branded.pirela-company-workspace .command-center .main-nav .nav-item.active{
  background:var(--pg-nav-active-bg)!important;
  color:var(--pg-ink)!important;
  font-weight:730!important;
  box-shadow:inset 3px 0 0 var(--pg-nav-active)!important;
}

.command-center .main-nav .nav-item.active i{
  background:#242a31!important;
  color:var(--pg-nav-active)!important;
  box-shadow:0 5px 12px rgba(36,42,49,.16)!important;
}

.command-center .topbar,
.command-center.sidebar-collapsed .topbar{
  left:var(--pg-sidebar-current)!important;
  height:64px!important;
  padding:0 22px!important;
  background:rgba(255,255,255,.92)!important;
  border-bottom:1px solid #e8e9ef!important;
  box-shadow:0 4px 18px rgba(39,43,68,.025)!important;
  backdrop-filter:blur(18px)!important;
  transition:left .24s cubic-bezier(.2,.8,.2,1)!important;
}

.command-center .topbar-brand,
.command-center .topbar-tools{
  display:none!important;
}

.command-center .topbar-actions{
  width:100%!important;
  flex:1 1 auto!important;
  justify-content:space-between!important;
  gap:20px!important;
}

.command-center .global-search{
  width:min(760px,calc(100% - 250px))!important;
  max-width:760px!important;
  flex:1 1 440px!important;
}

.command-center .topbar-session{margin-left:auto!important}

/* Centro de cuenta */
.command-center .company-session-trigger{
  min-width:210px!important;
  min-height:46px!important;
  padding:5px 9px 5px 6px!important;
  border:1px solid #e1e3ea!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 3px 12px rgba(39,43,68,.04)!important;
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
.command-center .company-session-trigger:hover,
.command-center .company-session-trigger[aria-expanded="true"]{
  border-color:color-mix(in srgb,var(--pg-purple) 42%,#dfe1e8)!important;
  box-shadow:0 8px 22px rgba(73,55,116,.1)!important;
}
.command-center .company-session-avatar{
  background:linear-gradient(145deg,#111 0 62%,#314000 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(200,255,0,.16)!important;
}
.account-avatar{position:relative!important;display:grid!important;place-items:center!important;overflow:hidden!important;flex:none!important;padding:0!important;line-height:1!important}
.account-avatar>i{grid-area:1/1!important;display:block!important;margin:0!important;padding:0!important;line-height:1!important;transform:none!important}
.account-avatar>[data-account-avatar-image]{grid-area:1/1!important;width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:center!important}
.account-avatar>[data-account-avatar-image][hidden]{display:none!important}
.account-avatar.has-account-photo>[data-account-avatar-fallback]{opacity:0!important}
.command-center .company-session-avatar>i{font-size:17px!important;color:var(--pg-lime)!important}
.command-center .company-session-trigger>i{margin-left:auto!important;color:#77798a!important;transition:transform .18s ease!important}
.command-center .company-session-trigger[aria-expanded="true"]>i{transform:rotate(180deg)!important}

.command-center .account-center-menu{
  right:0!important;
  top:calc(100% + 10px)!important;
  width:360px!important;
  min-width:360px!important;
  max-height:calc(100vh - 84px)!important;
  padding:10px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  border:1px solid #e1e3ea!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 26px 70px rgba(35,38,58,.18)!important;
  scrollbar-width:none!important;
  transform-origin:top right!important;
  animation:pgAccountMenuIn .18s ease both!important;
}
.command-center .account-center-menu::-webkit-scrollbar{display:none!important;width:0!important}
@keyframes pgAccountMenuIn{from{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:none}}

.account-menu-header{
  position:relative!important;
  min-height:104px!important;
  padding:18px!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  overflow:hidden!important;
  border-radius:15px!important;
  background:radial-gradient(circle at 92% 8%,rgba(200,255,0,.2),transparent 33%),linear-gradient(135deg,#15161c,#252632)!important;
  color:#fff!important;
}
.account-menu-header::after{content:"";position:absolute;right:-24px;bottom:-35px;width:105px;height:105px;border:1px solid rgba(255,255,255,.08);border-radius:50%}
.account-menu-avatar{
  width:48px!important;height:48px!important;display:grid!important;place-items:center!important;
  border-radius:14px!important;background:var(--pg-lime)!important;color:#15161b!important;
  font-size:13px!important;font-weight:850!important;box-shadow:0 10px 24px rgba(200,255,0,.16)!important;
}
.account-menu-header>div{min-width:0!important}.account-menu-header strong,.account-menu-header span,.account-menu-header small{display:block!important}
.account-menu-header .account-menu-avatar{display:grid!important;place-items:center!important}
.account-menu-header .account-menu-avatar>i{font-size:21px!important;color:#15161b!important}
.account-menu-header strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px!important;color:#fff!important}
.account-menu-header>div>span{margin-top:3px;color:#c5c6d0!important;font-size:9px!important;text-transform:uppercase;letter-spacing:.09em}
.account-menu-header small{margin-top:5px;color:#858794!important;font-size:9px!important}
.account-menu-online{position:absolute!important;top:12px!important;right:12px!important;display:flex!important;align-items:center!important;gap:5px!important;padding:4px 7px!important;border-radius:999px!important;background:rgba(255,255,255,.09)!important;color:#d8d9df!important;font-size:8px!important}
.account-menu-online i{width:6px;height:6px;border-radius:50%;background:var(--pg-green);box-shadow:0 0 0 3px rgba(0,200,117,.12)}

.account-quick-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin:9px 0 12px!important}
.command-center .account-center-menu .account-quick-grid button{
  height:82px!important;padding:10px 7px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:4px!important;
  border:1px solid #ececf2!important;border-radius:13px!important;background:#fafafe!important;text-align:center!important;
}
.command-center .account-center-menu .account-quick-grid button:hover{border-color:#dfe0e9!important;background:#f5f2ff!important;transform:translateY(-1px)!important}
.account-quick-grid button>i{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:#eee8ff;color:var(--pg-purple);font-size:16px!important}
.account-quick-grid button:nth-child(2)>i{background:#e8f5ff;color:var(--pg-blue)}
.account-quick-grid button:nth-child(3)>i{background:#e1f8ee;color:var(--pg-green)}
.account-quick-grid button>span{font-size:10px!important;font-weight:750!important}.account-quick-grid button>small{font-size:8px!important;color:#8d8e9a!important}

.command-center .account-center-menu .session-menu-label{margin:13px 9px 6px!important;color:#9899a6!important;font-size:8px!important;letter-spacing:.13em!important}
.command-center .account-center-menu>button:not(.account-logout){
  min-height:49px!important;height:auto!important;padding:7px 9px!important;gap:10px!important;border-radius:11px!important;
}
.command-center .account-center-menu>button:not(.account-logout)>i:first-child{
  width:30px!important;height:30px!important;display:grid!important;place-items:center!important;flex:none!important;
  border-radius:9px!important;background:#f0ebff!important;color:var(--pg-purple)!important;font-size:15px!important;
}
.command-center .account-center-menu>button:nth-of-type(2n)>i:first-child{background:#e6f7ef!important;color:var(--pg-green)!important}
.command-center .account-center-menu>button>span{min-width:0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:2px!important}
.command-center .account-center-menu>button b{color:#34353d!important;font-size:10px!important}.command-center .account-center-menu>button small{color:#92939e!important;font-size:8px!important;font-weight:500!important}
.account-row-arrow{margin-left:auto!important;background:transparent!important;color:#a3a4ae!important;width:auto!important;height:auto!important}
.command-center .account-center-menu .account-logout{height:42px!important;margin-top:3px!important;justify-content:center!important;border:1px solid #f1dddd!important;background:#fff8f8!important;color:#b13939!important;font-size:10px!important}
.command-center .account-center-menu .account-logout:hover{background:#ffecec!important}

.account-profile-dialog{width:min(440px,calc(100vw - 28px));padding:0;border:0;border-radius:22px;background:transparent;box-shadow:0 30px 90px rgba(20,22,34,.25)}
.account-profile-dialog::backdrop{background:rgba(18,20,29,.46);backdrop-filter:blur(5px)}
.account-profile-card{padding:24px;background:#fff;border:1px solid #e3e4ea;border-radius:22px}.account-profile-card>header{display:flex;align-items:center;justify-content:space-between}
.account-profile-card>header>button{width:34px;height:34px;border:0;border-radius:10px;background:#f3f3f7;color:#5f606c;cursor:pointer}
.account-avatar-editor{display:flex;align-items:center;gap:11px}
.account-avatar-edit-button{position:relative;width:58px;height:58px;padding:0;border:0;border-radius:17px;background:transparent;cursor:pointer}
.account-profile-avatar{width:58px!important;height:58px!important;border-radius:17px!important;background:#15161c!important;color:var(--pg-lime)!important;box-shadow:0 9px 24px rgba(31,32,42,.15)!important}
.account-profile-avatar>i{font-size:25px!important;color:var(--pg-lime)!important}
.account-avatar-camera{position:absolute;right:-4px;bottom:-4px;width:23px;height:23px;display:grid;place-items:center;border:3px solid #fff;border-radius:50%;background:var(--pg-purple);color:#fff;box-shadow:0 5px 12px rgba(86,64,135,.22)}
.account-avatar-camera i{font-size:11px;line-height:1}
.account-avatar-edit-button:hover .account-profile-avatar{box-shadow:0 0 0 3px rgba(162,93,220,.16),0 9px 24px rgba(31,32,42,.15)!important}
.account-avatar-edit-button:focus-visible{outline:3px solid rgba(87,155,252,.32);outline-offset:3px}
.account-avatar-edit-button.is-loading .account-avatar-camera i{font-size:0}
.account-avatar-edit-button.is-loading .account-avatar-camera i::after{content:"";display:block;width:9px;height:9px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:pgAvatarSpin .7s linear infinite}
@keyframes pgAvatarSpin{to{transform:rotate(360deg)}}
.account-avatar-remove{padding:7px 9px;border:1px solid #ececf2;border-radius:9px;background:#fff;color:#777986;font:inherit;font-size:9px;font-weight:700;cursor:pointer}
.account-avatar-remove:hover{border-color:#efcaca;background:#fff7f7;color:#ad3e3e}.account-avatar-remove:disabled{opacity:.55;cursor:wait}
.account-profile-heading{margin:20px 0}.account-profile-heading p{margin:0 0 6px;color:#9899a4;font-size:8px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.account-profile-heading h2{margin:0;font-size:25px;letter-spacing:-.04em}.account-profile-heading>span{display:inline-block;margin-top:8px;padding:5px 8px;border-radius:999px;background:#eee8ff;color:#7045b3;font-size:8px;font-weight:750;text-transform:uppercase;letter-spacing:.06em}
.account-profile-card dl{margin:0;display:grid}.account-profile-card dl>div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:14px;padding:12px 0;border-top:1px solid #eeeef2}.account-profile-card dt{color:#94959f;font-size:9px}.account-profile-card dd{margin:0;color:#35363e;font-size:10px;font-weight:650;overflow-wrap:anywhere}.account-profile-card dd i{color:var(--pg-green);margin-right:4px}
.account-profile-done{width:100%;height:44px;margin-top:16px;border:0;border-radius:12px;background:#15161c;color:#fff;font:inherit;font-size:10px;font-weight:750;cursor:pointer}.account-profile-done:hover{background:#292a33}

.command-center .sidebar-toggle,
.command-center.sidebar-collapsed .sidebar-toggle{
  position:fixed!important;
  top:50%!important;
  left:calc(var(--pg-sidebar-current) - 15px)!important;
  z-index:98!important;
  width:28px!important;
  height:28px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #dfe1e9!important;
  border-radius:50%!important;
  background:#fff!important;
  color:var(--pg-purple)!important;
  box-shadow:0 4px 12px rgba(39,43,68,.12)!important;
  cursor:pointer!important;
  transform:translateY(-50%)!important;
  transition:left .24s cubic-bezier(.2,.8,.2,1),background .16s ease,color .16s ease,transform .16s ease!important;
}

.command-center .sidebar-toggle:hover{
  background:var(--pg-purple)!important;
  border-color:var(--pg-purple)!important;
  color:#fff!important;
  transform:translateY(-50%) scale(1.07)!important;
}

.command-center .sidebar-toggle span{display:none!important}
.command-center .sidebar-toggle::before{
  content:"‹"!important;
  width:auto!important;
  height:auto!important;
  border:0!important;
  font:700 22px/1 Arial,sans-serif!important;
  transform:translateY(-1px)!important;
}

.command-center.sidebar-collapsed .sidebar-toggle::before{
  content:"›"!important;
  transform:translateY(-1px)!important;
}

.command-center .workspace,
.command-center.sidebar-collapsed .workspace{
  width:auto!important;
  max-width:1560px!important;
  margin:0 auto!important;
  padding:26px 28px!important;
  background:transparent!important;
  transition:padding .2s ease!important;
}

.command-center.sidebar-collapsed .sidebar-brand{
  justify-content:center!important;
  padding-left:0!important;
  padding-right:0!important;
}

.command-center.sidebar-collapsed .sidebar-brand>div,
.command-center.sidebar-collapsed .sidebar-nav-label,
.command-center.sidebar-collapsed .main-nav .nav-item span{
  width:0!important;
  max-width:0!important;
  opacity:0!important;
  pointer-events:none!important;
  transform:translateX(-6px)!important;
}

.command-center.sidebar-collapsed .sidebar-nav-group{margin-bottom:8px!important}
.command-center.sidebar-collapsed .sidebar-nav-group--companies{
  margin:2px 0 10px!important;
  padding:5px 3px!important;
}
.command-center.sidebar-collapsed .main-nav .nav-item{
  width:44px!important;
  margin:0 auto 5px!important;
  padding:0!important;
  justify-content:center!important;
  gap:0!important;
  overflow:visible!important;
}

.command-center.sidebar-collapsed .main-nav .nav-item:hover{transform:none!important}
.command-center.sidebar-collapsed .main-nav .nav-item i{width:30px!important;height:30px!important;min-width:30px!important}
.command-center.sidebar-collapsed .main-nav .nav-item.active{box-shadow:inset 3px 0 0 var(--pg-nav-active)!important}

/* El modo oscuro conserva contraste, sin convertir todo el producto en negro. */
body.dark-mode .command-center{
  --pg-shell-bg:#171821;
  --pg-sidebar-bg:#20212b;
  --pg-sidebar-line:#30313d;
  --pg-ink:#f2f2f6;
  --pg-muted:#b7b8c4;
  background:var(--pg-shell-bg)!important;
}
body.dark-mode .command-center .main-nav,
body.dark-mode .command-center.sidebar-collapsed .main-nav{
  background:radial-gradient(circle at 15% 4%,rgba(200,255,0,.09),transparent 18%),linear-gradient(180deg,#23242e,#1d1e27)!important;
  border-color:var(--pg-sidebar-line)!important;
}
body.dark-mode .command-center .sidebar-brand{border-color:var(--pg-sidebar-line)!important}
body.dark-mode .command-center .sidebar-brand strong{color:#f2f2f6!important}
body.dark-mode .command-center .main-nav .nav-item{color:#b7b8c4!important}
body.dark-mode .command-center .main-nav .nav-item:hover,
body.dark-mode .command-center .main-nav .nav-item.active{
  background:#303329!important;
  color:#fff!important;
}
body.dark-mode .command-center .main-nav .nav-item i{background:#2d2f38!important;color:#b9bdc7!important}
body.dark-mode .command-center .main-nav .nav-item.active i{background:#111511!important;color:var(--pg-nav-active)!important}
body.dark-mode .command-center .sidebar-nav-group+.sidebar-nav-group,
body.dark-mode .command-center .sidebar-nav-group--companies{
  border-color:#30323b!important;
  background:transparent!important;
}
body.dark-mode .command-center .sidebar-nav-group--companies .sidebar-nav-label{
  color:#9698a5!important;
}
body.dark-mode .command-center .topbar{background:rgba(31,32,41,.93)!important;border-color:#30313d!important}
body.dark-mode .command-center .sidebar-toggle{background:#2a2b35!important;border-color:#3a3b47!important;color:#fff!important}
body.dark-mode .command-center .company-session-trigger{background:#252630!important;border-color:#363743!important;color:#fff!important}
body.dark-mode .command-center .account-center-menu{background:#20212a!important;border-color:#343541!important}
body.dark-mode .command-center .account-center-menu>button b{color:#f0f0f4!important}
body.dark-mode .command-center .account-center-menu>button small{color:#9698a5!important}
body.dark-mode .command-center .account-center-menu>button:not(.account-logout){background:transparent!important;color:#eee!important}
body.dark-mode .command-center .account-center-menu>button:not(.account-logout):hover{background:#2a2b36!important}
body.dark-mode .command-center .account-center-menu .account-quick-grid button{background:#282934!important;border-color:#393a46!important;color:#fff!important}
body.dark-mode .account-profile-card{background:#20212a;border-color:#383945;color:#fff}body.dark-mode .account-profile-heading h2{color:#fff}body.dark-mode .account-profile-card dl>div{border-color:#363742}body.dark-mode .account-profile-card dd{color:#e7e7eb}
body.dark-mode .account-avatar-camera{border-color:#20212a}body.dark-mode .account-avatar-remove{background:#292a34;border-color:#3b3c48;color:#c4c5ce}

/* Inicio exclusivo del Superadmin de empresa */
.home-business-units[hidden]{display:none!important}
#inicioModule.company-superadmin-home .home-hero,
#inicioModule.company-superadmin-home .home-kpi-grid,
#inicioModule.company-superadmin-home .home-layout,
#inicioModule.company-superadmin-home .home-more{display:none!important}
#inicioModule.company-superadmin-home .home-command{min-height:calc(100dvh - 112px);display:grid;align-content:center;gap:0}
.command-center .home-business-units{display:block;padding:28px 4px}
.home-business-units-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;perspective:1100px}
.home-business-card{
  --spot-x:50%;--spot-y:45%;--tilt-x:0deg;--tilt-y:0deg;--unit-a:#c8ff2f;--unit-b:#63d955;--unit-ink:#13210f;
  position:relative;isolation:isolate;min-height:252px;padding:26px;display:flex;flex-direction:column;justify-content:space-between;gap:34px;overflow:hidden;cursor:pointer;
  border:1px solid rgba(20,25,31,.08);border-radius:22px;color:var(--unit-ink);
  background:radial-gradient(circle at var(--spot-x) var(--spot-y),rgba(255,255,255,.43),transparent 34%),linear-gradient(135deg,var(--unit-a),var(--unit-b));
  box-shadow:0 16px 34px rgba(45,52,68,.1);transform-style:preserve-3d;
  transition:transform .22s cubic-bezier(.2,.75,.25,1),box-shadow .22s ease,filter .22s ease,border-color .22s ease;
}
.home-business-card::before{content:"";position:absolute;z-index:-1;inset:auto -28% -58% 28%;height:120%;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.26),rgba(255,255,255,0));transform:rotate(-13deg);transition:transform .35s ease}
.home-business-card::after{content:"";position:absolute;z-index:3;inset:-45% auto -45% -42%;width:24%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);transform:skewX(-18deg);opacity:0}
.home-business-card.is-media{--unit-a:#a25ddc;--unit-b:#ff6b75;--unit-ink:#fff}
.home-business-card.is-crm{--unit-a:#579bfc;--unit-b:#00c875;--unit-ink:#fff}
.home-business-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;transform:translateZ(18px)}
.home-business-card-icon{width:56px;height:56px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.38);border-radius:18px;background:rgba(255,255,255,.27);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 9px 20px rgba(31,37,48,.08);backdrop-filter:blur(8px);transition:transform .25s cubic-bezier(.2,.8,.2,1),background .2s ease}
.home-business-card-icon i{font-size:27px;line-height:1}
.home-business-card-copy{position:relative;z-index:2;display:grid;gap:9px;transform:translateZ(24px)}
.home-business-card-copy h3{margin:0;font-size:32px;line-height:.98;letter-spacing:-.05em}.home-business-card-copy p{max-width:285px;margin:0;font-size:12px;font-weight:620;line-height:1.5;opacity:.78}
.home-business-card-monogram{position:absolute;right:18px;bottom:18px;color:rgba(255,255,255,.2);font-size:clamp(54px,5vw,82px);font-weight:950;line-height:.78;letter-spacing:-.09em;pointer-events:none;transform:translateZ(5px);transition:transform .35s ease,opacity .25s ease}
.is-consulting .home-business-card-monogram{color:rgba(19,33,15,.11)}
.home-business-card-accent{position:relative;z-index:2;width:46px;height:5px;border-radius:999px;background:currentColor;opacity:.65;transform:translateZ(14px);transition:width .3s ease,opacity .2s ease}
.home-business-card-orbit{position:absolute;right:-32px;top:-42px;width:124px;height:124px;border:1px solid rgba(255,255,255,.27);border-radius:50%;pointer-events:none;transition:transform .45s ease}.home-business-card-orbit::after{content:"";position:absolute;inset:22px;border:1px solid rgba(255,255,255,.18);border-radius:50%}
.home-business-card:hover{z-index:2;border-color:rgba(255,255,255,.46);filter:saturate(1.06);box-shadow:0 22px 42px color-mix(in srgb,var(--unit-b) 27%,rgba(34,39,53,.16));transform:perspective(900px) translateY(-7px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) scale(1.012)}
.home-business-card:hover::before{transform:rotate(-7deg) scale(1.08)}.home-business-card:hover::after{animation:pgBusinessCardShine .72s ease both}.home-business-card:hover .home-business-card-icon{background:rgba(255,255,255,.4);transform:translateY(-2px) rotate(-7deg) scale(1.08)}.home-business-card:hover .home-business-card-orbit{transform:rotate(16deg) scale(1.08)}.home-business-card:hover .home-business-card-monogram{opacity:.75;transform:translate3d(-5px,-4px,20px) scale(1.035)}.home-business-card:hover .home-business-card-accent{width:78px;opacity:.9}
.home-business-units.is-visible .home-business-card{animation:pgBusinessCardEnter .48s cubic-bezier(.2,.78,.25,1) both}.home-business-units.is-visible .home-business-card:nth-child(2){animation-delay:.07s}.home-business-units.is-visible .home-business-card:nth-child(3){animation-delay:.14s}
@keyframes pgBusinessCardEnter{from{opacity:0;transform:translateY(16px) scale(.975)}to{opacity:1;transform:none}}
@keyframes pgBusinessCardShine{0%{left:-42%;opacity:0}24%{opacity:.65}100%{left:125%;opacity:0}}
@media (max-width:1050px){.home-business-units-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-business-card:last-child{grid-column:1/-1}}
@media (max-width:680px){#inicioModule.company-superadmin-home .home-command{min-height:auto}.command-center .home-business-units{padding:12px 0}.home-business-units-grid{grid-template-columns:1fr}.home-business-card:last-child{grid-column:auto}.home-business-card{min-height:205px;padding:23px}.home-business-card-copy h3{font-size:29px}}
@media (prefers-reduced-motion:reduce){.home-business-card,.home-business-card-icon,.home-business-card-orbit,.home-business-card-monogram,.home-business-card-accent{transition:none!important}.home-business-units.is-visible .home-business-card,.home-business-card:hover::after{animation:none!important}.home-business-card:hover{transform:none!important}}

@media (max-width:1100px) and (min-width:821px){
  .command-center{--pg-sidebar-expanded:208px!important}
}

@media (max-width:820px){
  .command-center,
  .command-center.sidebar-collapsed{
    --pg-sidebar-current:0px!important;
    padding-left:0!important;
    padding-top:60px!important;
  }

  .command-center .topbar,
  .command-center.sidebar-collapsed .topbar{
    left:0!important;
    height:60px!important;
    padding:0 12px 0 48px!important;
  }

  .command-center .main-nav,
  .command-center.sidebar-collapsed .main-nav{
    width:min(282px,calc(100vw - 44px))!important;
    transform:translateX(-105%)!important;
    padding:14px 10px 16px!important;
    box-shadow:18px 0 45px rgba(30,32,50,.18)!important;
  }

  .command-center.sidebar-expanded .main-nav,
  .command-center:not(.sidebar-collapsed) .main-nav{transform:translateX(0)!important}

  .command-center .sidebar-toggle,
  .command-center.sidebar-collapsed .sidebar-toggle{
    position:fixed!important;
    top:16px!important;
    left:12px!important;
    width:28px!important;
    height:28px!important;
    border-radius:8px!important;
    transform:none!important;
  }

  .command-center .sidebar-toggle::before,
  .command-center.sidebar-collapsed .sidebar-toggle::before{
    content:""!important;
    width:14px!important;
    height:10px!important;
    border:0!important;
    border-top:2px solid currentColor!important;
    border-bottom:2px solid currentColor!important;
    transform:none!important;
  }

  .command-center .sidebar-toggle:hover{transform:none!important}

  .command-center .sidebar-brand{justify-content:center!important;padding:0 7px 12px!important}
  .command-center .sidebar-brand>div,
  .command-center .sidebar-nav-label,
  .command-center .main-nav .nav-item span,
  .command-center.sidebar-collapsed .sidebar-brand>div,
  .command-center.sidebar-collapsed .sidebar-nav-label,
  .command-center.sidebar-collapsed .main-nav .nav-item span{
    width:auto!important;
    max-width:none!important;
    opacity:1!important;
    pointer-events:auto!important;
    transform:none!important;
  }

  .command-center .main-nav .nav-item,
  .command-center.sidebar-collapsed .main-nav .nav-item{
    width:100%!important;
    margin:0 0 3px!important;
    padding:0 9px!important;
    justify-content:flex-start!important;
    gap:9px!important;
    overflow:hidden!important;
  }

  .command-center .sidebar-nav-group,
  .command-center.sidebar-collapsed .sidebar-nav-group{margin:0 0 13px!important}
  .command-center .workspace,
  .command-center.sidebar-collapsed .workspace{padding:18px 12px!important}
  .command-center .company-session-trigger{min-width:44px!important;width:44px!important;padding:5px!important;justify-content:center!important}
  .command-center .company-session-trigger>i{display:none!important}
  .command-center .account-center-menu{right:0!important;width:min(360px,calc(100vw - 18px))!important;min-width:0!important;max-height:calc(100vh - 72px)!important}
}

@media (prefers-reduced-motion:reduce){
  .command-center,
  .command-center *,
  .command-center *::before,
  .command-center *::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}
}

/* Equipo · directorio compacto, multirol y estados legibles */
#usuariosModule .team-management-panel{position:relative!important;padding:4px 0 0!important}
#usuariosModule .team-module-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 22px;padding:0 2px}
#usuariosModule .team-module-heading .eyebrow{margin:0 0 7px;color:#7b61ff;font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
#usuariosModule .team-module-heading h1{margin:0;color:#171a20;font-size:34px;line-height:1;letter-spacing:-.045em}
#usuariosModule .team-module-heading p:last-child{margin:9px 0 0;color:#7a808b;font-size:11px}
#usuariosModule .team-add-member-button{width:44px;height:44px;margin:0;display:grid;place-items:center;flex:0 0 auto;border:0;border-radius:14px;color:#fff;background:linear-gradient(135deg,#579bfc,#7b61ff);box-shadow:0 10px 24px rgba(87,155,252,.24);font-size:20px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
#usuariosModule .team-add-member-button:hover{transform:translateY(-2px) scale(1.03);filter:saturate(1.08);box-shadow:0 14px 30px rgba(87,155,252,.32)}
#usuariosModule .team-user-list{display:grid;gap:11px}
#usuariosModule .team-user-row{position:relative;grid-template-columns:minmax(260px,1.25fr) minmax(260px,1fr) minmax(112px,.36fr) auto;gap:18px;min-height:84px;padding:15px 16px 15px 18px;overflow:hidden;border:1px solid #e4e7ec;border-left:4px solid #00c875;border-radius:17px;background:linear-gradient(105deg,#fff 0%,#fff 72%,#f8fbff 100%);box-shadow:0 5px 16px rgba(31,42,55,.045);opacity:1;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
#usuariosModule .team-user-row::after{content:"";position:absolute;right:-38px;top:-48px;width:112px;height:112px;border-radius:50%;background:rgba(87,155,252,.055);pointer-events:none}
#usuariosModule .team-user-row:hover{transform:translateY(-2px);border-color:#cad7e8;box-shadow:0 12px 28px rgba(43,55,74,.09)}
#usuariosModule .team-user-row.is-inactive{opacity:1;border-left-color:#e2445c;background:linear-gradient(105deg,#fff 0%,#fff 72%,#fff8f9 100%)}
#usuariosModule .team-user-identity{gap:13px}
#usuariosModule .team-user-identity strong{font-size:13px;color:#20242c}
#usuariosModule .team-user-identity span{font-size:10px;color:#7b8190;margin-top:5px}
#usuariosModule .user-card-avatar{position:relative;width:46px;height:46px;min-width:46px;display:grid;place-items:center;overflow:hidden;border:0;border-radius:14px;color:#26430b;background:#dff8bf;box-shadow:inset 0 0 0 1px rgba(39,73,9,.08);font-size:12px;font-weight:900}
#usuariosModule .user-card-initials{grid-area:1/1;line-height:1}
#usuariosModule .user-card-avatar-image{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center;opacity:0;transition:opacity .18s ease}
#usuariosModule .user-card-avatar-image.is-loaded{opacity:1}
#usuariosModule .user-card-avatar[data-role-tone="crm-lead"]{color:#56308f;background:#efe2ff}
#usuariosModule .user-card-avatar[data-role-tone="assistant"]{color:#17637d;background:#daf4ff}
#usuariosModule .user-card-avatar[data-role-tone="superadmin"]{color:#c5ff23;background:#11151a}
#usuariosModule .user-card-avatar[data-role-tone="sales"]{color:#9b3b19;background:#ffe4d8}
#usuariosModule .team-user-role{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
#usuariosModule .user-role-pill{min-height:27px;padding:0 10px;display:inline-flex;align-items:center;border:1px solid transparent;border-radius:999px;font-size:9px;font-weight:850;letter-spacing:.015em;text-transform:none;white-space:nowrap}
#usuariosModule .user-role-pill.mentor{color:#356211;background:#e7f8cf;border-color:#d1efac}
#usuariosModule .user-role-pill.crm-lead{color:#6434a3;background:#f0e4ff;border-color:#dfc7ff}
#usuariosModule .user-role-pill.assistant{color:#12657f;background:#ddf5ff;border-color:#c2ebfb}
#usuariosModule .user-role-pill.superadmin{color:#c5ff23;background:#12151a;border-color:#272c32}
#usuariosModule .user-role-pill.sales{color:#a4421e;background:#ffe7dc;border-color:#ffd0bd}
#usuariosModule .team-user-meta{align-items:flex-start;justify-content:center}
#usuariosModule .team-user-status{display:inline-flex;align-items:center;gap:7px;min-height:29px;padding:0 10px;border-radius:999px;font-size:9px;font-weight:850}
#usuariosModule .team-user-status i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px currentColor;opacity:.7;transform:scale(.55)}
#usuariosModule .team-user-status.is-active{color:#087a45;background:#e0f8ec}
#usuariosModule .team-user-status.is-inactive{color:#b42338;background:#ffe7ea}
#usuariosModule .team-user-actions{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-end;gap:6px;padding:4px;border:1px solid #e5e8ef;border-radius:14px;background:#f6f7fa}
#usuariosModule .team-user-actions .small-button{width:auto!important;min-width:82px!important;height:38px!important;padding:0 12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;overflow:visible!important;white-space:nowrap!important;border:1px solid transparent!important;border-radius:10px!important;font-size:10px!important;font-weight:850!important;line-height:1!important;cursor:pointer!important;box-shadow:none!important;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,color .16s ease!important}
#usuariosModule .team-user-actions .small-button i{flex:0 0 auto;font-size:14px;line-height:1}
#usuariosModule .team-user-actions .small-button span{display:inline-block;overflow:visible;white-space:nowrap}
#usuariosModule .team-user-actions .edit-user-button{color:#5136a8!important;background:#fff!important;border-color:#d9d0ff!important}
#usuariosModule .team-user-actions .edit-user-button:hover{transform:translateY(-1px);background:#7b61ff!important;color:#fff!important;box-shadow:0 7px 16px rgba(123,97,255,.22)!important}
#usuariosModule .team-user-actions .delete-user-button{min-width:90px!important;color:#b42338!important;background:#fff!important;border-color:#ffc9d1!important}
#usuariosModule .team-user-actions .delete-user-button:hover{transform:translateY(-1px);background:#e2445c!important;color:#fff!important;box-shadow:0 7px 16px rgba(226,68,92,.2)!important}

#userModal .team-additional-roles{display:grid;gap:8px;margin-top:4px}
#userModal .team-additional-roles>span{font-size:10px;font-weight:850;color:#34383f}
#userModal .team-additional-roles>small{font-size:9px;color:#888d98}
#userModal #temporaryRoles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:3px}
#userModal #temporaryRoles .role-choice{position:relative;min-height:43px;margin:0;padding:0 11px;display:flex;align-items:center;gap:8px;border:1px solid #e2e5ea;border-radius:12px;background:#fbfcfe;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}
#userModal #temporaryRoles .role-choice:hover{transform:translateY(-1px);border-color:#bfc9d8}
#userModal #temporaryRoles .role-choice input{accent-color:#7b61ff}
#userModal #temporaryRoles .role-choice span{font-size:9px;font-weight:800;text-transform:none;letter-spacing:0;color:#3b4049}
#userModal #temporaryRoles .role-choice:has(input:checked){border-color:#9b86ff;background:#f1eeff}
#userModal #temporaryRoles .role-choice.mentor:has(input:checked){border-color:#8ed34e;background:#effbdd}
#userModal #temporaryRoles .role-choice.assistant:has(input:checked){border-color:#64c9ee;background:#e7f8ff}
#userModal #temporaryRoles .role-choice.sales:has(input:checked){border-color:#ff9c73;background:#fff0e9}
#userModal #temporaryRoles .role-choice.superadmin:has(input:checked){border-color:#1c2025;background:#1c2025}#userModal #temporaryRoles .role-choice.superadmin:has(input:checked) span{color:#c5ff23}
#userModal #temporaryRoles .role-choice.is-primary-role{opacity:.48;cursor:not-allowed}

/* Alta y edición del equipo: estructura inspirada en monday, identidad Pirela. */
#userModal{--team-ink:#323338;--team-purple:#6161ff;--team-purple-hover:#5151d5;--team-purple-soft:#f0f0ff;--team-lime:#c5ff00;--team-success:#00c875;--team-surface:#fff;--team-soft:#f6f7fb;--team-line:#d0d4e4;--team-muted:#676879;padding:18px!important;background:rgba(41,47,76,.5)!important;backdrop-filter:none!important}
#userModal .team-user-modal{width:min(1040px,calc(100vw - 56px))!important;max-height:calc(100dvh - 36px)!important;overflow:hidden auto!important;border:1px solid var(--team-line)!important;border-radius:12px!important;background:var(--team-surface)!important;box-shadow:0 18px 48px rgba(41,47,76,.22)!important}
#userModal .team-user-modal::before{display:none!important}
#userModal .user-modal-heading{padding:24px 30px!important;border-bottom:1px solid var(--team-line)!important;background:var(--team-surface)!important}
#userModal .user-modal-heading h2{display:flex;align-items:center;gap:11px;font-size:26px!important;letter-spacing:-.025em!important;color:var(--team-ink)!important}
#userModal .user-modal-heading h2::before{content:"";width:5px;height:25px;border-radius:2px;background:var(--team-lime)}
#userModal .modal-close{width:36px!important;height:36px!important;border:0!important;border-radius:8px!important;color:var(--team-muted)!important;background:transparent!important;transition:color .16s ease,background .16s ease!important}
#userModal .modal-close:hover{transform:none!important;color:var(--team-ink)!important;background:var(--team-soft)!important}
#userModal .modal-status{margin:0!important;padding:0 30px!important;min-height:0!important;color:#007f5f!important;font-size:10px!important;font-weight:700!important}
#userModal .modal-status:not(:empty){padding-top:12px!important}
#userModal .team-form-section{margin:0 30px!important;padding:24px 0!important;border:0!important;border-bottom:1px solid var(--team-line)!important;border-radius:0!important;background:var(--team-surface)!important;box-shadow:none!important}
#userModal .team-form-section:nth-of-type(1),#userModal .team-form-section:nth-of-type(2){border-top:0!important}
#userModal .user-section-title{display:flex!important;align-items:center!important;gap:12px!important;margin-bottom:20px!important}
#userModal .user-section-title>span,#userModal .team-form-section:nth-of-type(2) .user-section-title>span{width:36px!important;height:36px!important;display:grid!important;place-items:center!important;border:0!important;border-radius:8px!important;color:var(--team-purple)!important;background:var(--team-purple-soft)!important;box-shadow:none!important}
#userModal .user-section-title strong{font-size:15px!important;color:var(--team-ink)!important}
#userModal .copy-user-access-button{height:36px;margin-left:auto;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--team-line);border-radius:8px;color:var(--team-ink);background:var(--team-surface);font-size:10px;font-weight:700;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease}
#userModal .copy-user-access-button:hover{transform:none;color:var(--team-purple);border-color:var(--team-purple);background:var(--team-purple-soft);box-shadow:none}
#userModal .copy-user-access-button.is-copied{color:#007f5f;border-color:var(--team-success);background:#e6f8f2}
#userModal .user-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px 20px!important}
#userModal .user-form-grid label>span,#userModal .team-additional-roles>span{color:var(--team-muted)!important;font-size:9px!important;font-weight:700!important;letter-spacing:.08em!important;text-transform:uppercase!important}
#userModal :where(input,select){height:44px!important;border:1px solid var(--team-line)!important;border-radius:8px!important;background:var(--team-surface)!important;box-shadow:none!important;font-size:12px!important;color:var(--team-ink)!important}
#userModal :where(input,select):hover{border-color:#a8adbd!important}
#userModal :where(input,select):focus{outline:0!important;border-color:var(--team-purple)!important;background:#fff!important;box-shadow:0 0 0 3px rgba(97,97,255,.14)!important}
#userModal .team-role-grid{grid-template-columns:1fr!important;gap:16px!important}
#userModal #temporaryRoles{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:9px!important}
#userModal #temporaryRoles .role-choice{min-height:44px!important;border:1px solid var(--team-line)!important;border-radius:8px!important;background:var(--team-surface)!important}
#userModal #temporaryRoles .role-choice:hover{transform:none!important;border-color:#a8adbd!important;background:var(--team-soft)!important}
#userModal #temporaryRoles .role-choice input{accent-color:var(--team-purple)!important}
#userModal #temporaryRoles .role-choice:has(input:checked),#userModal #temporaryRoles .role-choice.mentor:has(input:checked),#userModal #temporaryRoles .role-choice.crm-lead:has(input:checked),#userModal #temporaryRoles .role-choice.assistant:has(input:checked),#userModal #temporaryRoles .role-choice.sales:has(input:checked),#userModal #temporaryRoles .role-choice.superadmin:has(input:checked){border-color:var(--team-purple)!important;background:var(--team-purple-soft)!important}
#userModal #temporaryRoles .role-choice.superadmin:has(input:checked) span{color:var(--team-ink)!important}
#userModal .team-modal-actions{padding:18px 30px 22px!important;border-top:0!important;background:var(--team-surface)!important}
#userModal .team-modal-actions :where(.ghost-button,.primary-button){min-width:145px;height:44px!important;border-radius:8px!important;font-size:11px!important;font-weight:700!important}
#userModal .team-modal-actions .ghost-button{border:1px solid var(--team-line)!important;color:var(--team-ink)!important;background:var(--team-surface)!important}
#userModal .team-modal-actions .ghost-button:hover{border-color:#a8adbd!important;background:var(--team-soft)!important}
#userModal .team-modal-actions .primary-button{border:1px solid var(--team-purple)!important;color:#fff!important;background:var(--team-purple)!important;box-shadow:none!important}
#userModal .team-modal-actions .primary-button:hover{transform:none;background:var(--team-purple-hover)!important;box-shadow:none!important}

@media(max-width:900px){#userModal .team-user-modal{width:min(760px,calc(100vw - 28px))!important}#userModal #temporaryRoles{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:640px){#userModal{padding:8px!important}#userModal .team-user-modal{width:100%!important;max-height:calc(100dvh - 16px)!important;border-radius:17px!important}#userModal .user-modal-heading{padding:20px!important}#userModal .user-modal-heading h2{font-size:23px!important}#userModal .team-form-section{margin:12px 12px 0!important;padding:17px!important}#userModal .user-form-grid{grid-template-columns:1fr!important;gap:14px!important}#userModal #temporaryRoles{grid-template-columns:1fr 1fr!important}#userModal .copy-user-access-button span{display:none}#userModal .copy-user-access-button{width:40px;padding:0}#userModal .team-modal-actions :where(.ghost-button,.primary-button){min-width:0;flex:1}}

@media(max-width:1050px){#usuariosModule .team-user-row{grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto}#usuariosModule .team-user-meta{grid-column:2}.team-user-actions{grid-column:3;grid-row:1/3}}
@media(max-width:720px){#usuariosModule .team-module-heading{align-items:center}#usuariosModule .team-module-heading h1{font-size:29px}#usuariosModule .team-module-heading p:last-child{max-width:250px}#usuariosModule .team-user-row{grid-template-columns:1fr;padding:16px}#usuariosModule .team-user-meta,#usuariosModule .team-user-actions{grid-column:auto;grid-row:auto}#usuariosModule .team-user-actions{justify-content:stretch}#usuariosModule .team-user-actions .small-button{flex:1}#userModal #temporaryRoles{grid-template-columns:1fr 1fr}}

/* Sucursales · catálogo limpio y alta compacta. */
#sucursalesModule{
  --branch-coral:#ff6b6b;
  --branch-coral-soft:#fff2f2;
  --branch-purple:#6161ff;
  --branch-ink:#25262b;
  --branch-muted:#676879;
  --branch-line:#e1e4ec;
  --branch-surface:#fff;
}
#sucursalesModule .branches-page-heading{
  width:100%!important;
  max-width:none!important;
  margin:0 0 22px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  border:0!important;
  background:transparent!important;
}
#sucursalesModule .branches-page-heading h1{
  margin:0!important;
  color:var(--branch-ink)!important;
  font-size:30px!important;
  line-height:1.1!important;
  letter-spacing:-.035em!important;
}
#sucursalesModule .branch-create-button{
  margin-left:auto!important;
  min-height:42px!important;
  padding:0 16px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  border:1px solid #ef5f5f!important;
  border-radius:10px!important;
  color:#301719!important;
  background:var(--branch-coral)!important;
  box-shadow:0 7px 16px rgba(255,107,107,.18)!important;
  font-size:11px!important;
  font-weight:800!important;
  cursor:pointer!important;
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease!important;
}
#sucursalesModule .branch-create-button i{font-size:17px!important}
#sucursalesModule .branch-create-button:hover{
  transform:translateY(-1px)!important;
  background:#ff7d7d!important;
  box-shadow:0 10px 22px rgba(255,107,107,.25)!important;
}
#sucursalesModule .branches-page-content{
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
#sucursalesModule .branch-card-list{
  width:100%!important;
  display:grid!important;
  gap:10px!important;
}
#sucursalesModule .branch-card{
  position:relative!important;
  min-height:78px!important;
  padding:13px 14px 13px 17px!important;
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:13px!important;
  overflow:hidden!important;
  border:1px solid var(--branch-line)!important;
  border-left:4px solid var(--branch-coral)!important;
  border-radius:13px!important;
  background:var(--branch-surface)!important;
  box-shadow:0 5px 16px rgba(41,47,76,.045)!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
#sucursalesModule .branch-card:hover{
  transform:translateY(-1px)!important;
  border-color:#f0b8b8!important;
  border-left-color:var(--branch-coral)!important;
  box-shadow:0 10px 26px rgba(41,47,76,.08)!important;
}
#sucursalesModule .branch-card-icon{
  width:44px!important;
  height:44px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:12px!important;
  color:#b63b44!important;
  background:var(--branch-coral-soft)!important;
  font-size:21px!important;
}
#sucursalesModule .branch-card-copy{display:grid!important;gap:5px!important;min-width:0!important}
#sucursalesModule .branch-card-copy strong{
  overflow:hidden!important;
  color:var(--branch-ink)!important;
  font-size:14px!important;
  font-weight:800!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#sucursalesModule .branch-card-copy span{
  color:var(--branch-muted)!important;
  font-size:10px!important;
  font-weight:600!important;
}
#sucursalesModule .branch-card-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
}
#sucursalesModule .branch-action{
  min-width:88px!important;
  height:36px!important;
  padding:0 11px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  border-radius:9px!important;
  background:#fff!important;
  font-size:10px!important;
  font-weight:800!important;
  cursor:pointer!important;
  transition:color .16s ease,background .16s ease,border-color .16s ease!important;
}
#sucursalesModule .branch-action i{font-size:14px!important}
#sucursalesModule .branch-action--edit{border:1px solid #d6d1ff!important;color:#5140b8!important}
#sucursalesModule .branch-action--edit:hover{border-color:var(--branch-purple)!important;color:#fff!important;background:var(--branch-purple)!important}
#sucursalesModule .branch-action--delete{border:1px solid #ffc8cf!important;color:#b42338!important}
#sucursalesModule .branch-action--delete:hover{border-color:#e2445c!important;color:#fff!important;background:#e2445c!important}
#sucursalesModule .branch-empty-state{
  min-height:190px!important;
  display:grid!important;
  place-content:center!important;
  justify-items:center!important;
  gap:12px!important;
  border:1px dashed #d9dce5!important;
  border-radius:14px!important;
  color:var(--branch-muted)!important;
  background:#fafbfc!important;
}
#sucursalesModule .branch-empty-state span{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;color:#b63b44;background:var(--branch-coral-soft);font-size:22px}
#sucursalesModule .branch-empty-state strong{font-size:12px;color:var(--branch-ink)}

#locationCatalogModal{
  --branch-modal-coral:#ff6b6b;
  --branch-modal-soft:#fff5f5;
  --branch-modal-purple:#6161ff;
  --branch-modal-ink:#25262b;
  --branch-modal-muted:#676879;
  --branch-modal-line:#dfe2ea;
  padding:16px!important;
  background:rgba(41,47,76,.46)!important;
  backdrop-filter:blur(4px)!important;
}
#locationCatalogModal .branch-form-panel{
  width:min(560px,calc(100vw - 32px))!important;
  max-height:calc(100dvh - 32px)!important;
  padding:0!important;
  overflow:hidden auto!important;
  border:1px solid var(--branch-modal-line)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 22px 58px rgba(41,47,76,.25)!important;
}
#locationCatalogModal .branch-form-heading{
  min-height:88px!important;
  margin:0!important;
  padding:20px 22px!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) 36px!important;
  align-items:center!important;
  gap:12px!important;
  border-bottom:1px solid #f0dede!important;
  background:var(--branch-modal-soft)!important;
}
#locationCatalogModal .branch-form-heading-icon{
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:12px!important;
  color:#9c2f39!important;
  background:#ffdede!important;
  font-size:20px!important;
}
#locationCatalogModal .branch-form-heading h2{
  margin:0!important;
  color:var(--branch-modal-ink)!important;
  font-size:22px!important;
  letter-spacing:-.025em!important;
}
#locationCatalogModal .branch-form-close{
  width:36px!important;
  height:36px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:9px!important;
  color:var(--branch-modal-muted)!important;
  background:transparent!important;
  font-size:19px!important;
}
#locationCatalogModal .branch-form-close:hover{color:var(--branch-modal-ink)!important;background:#ffe7e7!important;transform:none!important}
#locationCatalogModal .modal-status{display:block!important;min-height:0!important;margin:0!important;padding:0 24px!important;color:#b42338!important;font-size:10px!important;font-weight:700!important}
#locationCatalogModal .modal-status:not(:empty){padding-top:14px!important}
#locationCatalogModal .branch-form-body{padding:24px!important}
#locationCatalogModal .branch-name-field{display:grid!important;gap:9px!important}
#locationCatalogModal .branch-name-field>span{color:var(--branch-modal-muted)!important;font-size:9px!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase!important}
#locationCatalogModal .branch-name-control{position:relative!important;display:block!important}
#locationCatalogModal .branch-name-control>i{position:absolute!important;left:15px!important;top:50%!important;z-index:1!important;color:#9699a6!important;font-size:17px!important;transform:translateY(-50%)!important;pointer-events:none!important}
#locationCatalogModal #locationCatalogNameInput{
  width:100%!important;
  height:50px!important;
  padding:0 15px 0 44px!important;
  border:1px solid var(--branch-modal-line)!important;
  border-radius:10px!important;
  color:var(--branch-modal-ink)!important;
  background:#fff!important;
  box-shadow:none!important;
  font-size:13px!important;
}
#locationCatalogModal #locationCatalogNameInput:hover{border-color:#b9becb!important}
#locationCatalogModal #locationCatalogNameInput:focus{outline:0!important;border-color:var(--branch-modal-purple)!important;box-shadow:0 0 0 3px rgba(97,97,255,.13)!important}
#locationCatalogModal .branch-form-actions{
  margin:0!important;
  padding:17px 24px 21px!important;
  display:flex!important;
  justify-content:flex-end!important;
  gap:9px!important;
  border-top:1px solid #eceef3!important;
  background:#fafbfc!important;
}
#locationCatalogModal .branch-form-actions button{min-width:132px!important;height:42px!important;border-radius:9px!important;font-size:10px!important;font-weight:800!important}
#locationCatalogModal .branch-form-actions .ghost-button{border:1px solid var(--branch-modal-line)!important;color:var(--branch-modal-ink)!important;background:#fff!important}
#locationCatalogModal .branch-form-actions .ghost-button:hover{border-color:#b9becb!important;background:#f5f6f8!important}
#locationCatalogModal .branch-form-actions .primary-button{border:1px solid #ef5f5f!important;color:#301719!important;background:var(--branch-modal-coral)!important;box-shadow:none!important}
#locationCatalogModal .branch-form-actions .primary-button:hover{transform:none!important;background:#ff7d7d!important;box-shadow:none!important}

body.dark-mode #sucursalesModule{--branch-ink:#f2f2f6;--branch-muted:#b7b8c4;--branch-line:#363844;--branch-surface:#24252f;--branch-coral-soft:#402a30}
body.dark-mode #sucursalesModule .branch-card:hover{border-color:#76505a!important;border-left-color:var(--branch-coral)!important}
body.dark-mode #sucursalesModule .branch-card-icon{color:#ff9a9a!important}
body.dark-mode #sucursalesModule .branch-action{background:#292a35!important}
body.dark-mode #sucursalesModule .branch-empty-state{border-color:#3a3c48!important;background:#20212a!important}
body.dark-mode #locationCatalogModal .branch-form-panel{background:#22232d!important;border-color:#3a3c48!important}
body.dark-mode #locationCatalogModal .branch-form-heading{background:#32262c!important;border-color:#4b353d!important}
body.dark-mode #locationCatalogModal .branch-form-heading h2{color:#f4f4f7!important}
body.dark-mode #locationCatalogModal .branch-form-heading-icon{color:#ffaaaa!important;background:#503039!important}
body.dark-mode #locationCatalogModal .branch-form-body{background:#22232d!important}
body.dark-mode #locationCatalogModal .branch-name-field>span{color:#b8bac5!important}
body.dark-mode #locationCatalogModal #locationCatalogNameInput{color:#f4f4f7!important;background:#292a35!important;border-color:#424450!important}
body.dark-mode #locationCatalogModal .branch-form-actions{background:#1f2029!important;border-color:#383a46!important}
body.dark-mode #locationCatalogModal .branch-form-actions .ghost-button{color:#f0f0f4!important;background:#292a35!important;border-color:#424450!important}

@media(max-width:640px){
  #sucursalesModule .branches-page-heading{align-items:stretch!important}
  #sucursalesModule .branch-create-button{min-width:44px!important;padding:0 12px!important}
  #sucursalesModule .branch-card{grid-template-columns:44px minmax(0,1fr)!important}
  #sucursalesModule .branch-card-actions{grid-column:1/-1!important;justify-content:stretch!important;padding-top:10px!important;border-top:1px solid var(--branch-line)!important}
  #sucursalesModule .branch-action{flex:1!important}
  #locationCatalogModal{padding:8px!important}
  #locationCatalogModal .branch-form-panel{width:100%!important;max-height:calc(100dvh - 16px)!important;border-radius:14px!important}
  #locationCatalogModal .branch-form-heading{padding:18px!important}
  #locationCatalogModal .branch-form-body{padding:20px 18px!important}
  #locationCatalogModal .branch-form-actions{padding:15px 18px 18px!important}
  #locationCatalogModal .branch-form-actions button{min-width:0!important;flex:1!important}
}

/* Directorio de empresas · lista continua y formulario empresarial. */
#empresasModule{
  --company-coral:#ff6b6b;
  --company-coral-soft:#fff2f2;
  --company-purple:#6161ff;
  --company-aqua:#00a9ff;
  --company-red:#e2445c;
  --company-ink:#25262b;
  --company-muted:#676879;
  --company-line:#e1e4ec;
  --company-surface:#fff;
  --company-soft:#f7f8fb;
}
#empresasModule .companies-page-heading{
  width:100%!important;
  max-width:none!important;
  margin:0 0 22px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  border:0!important;
  background:transparent!important;
}
#empresasModule .companies-page-heading h1{
  margin:0!important;
  color:var(--company-ink)!important;
  font-size:30px!important;
  line-height:1.1!important;
  letter-spacing:-.035em!important;
}
#empresasModule .companies-page-actions{margin-left:auto!important;display:flex!important;align-items:center!important;gap:9px!important}
#empresasModule .company-page-button{
  min-height:42px!important;
  padding:0 15px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  border-radius:10px!important;
  font-size:10px!important;
  font-weight:800!important;
  cursor:pointer!important;
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease,color .16s ease!important;
}
#empresasModule .company-page-button i{font-size:16px!important}
#empresasModule .company-page-button:hover{transform:translateY(-1px)!important}
#empresasModule .company-page-button--branch{border:1px solid #a9dfff!important;color:#15637d!important;background:#e8f7ff!important;box-shadow:none!important}
#empresasModule .company-page-button--branch:hover{border-color:var(--company-aqua)!important;color:#fff!important;background:var(--company-aqua)!important;box-shadow:0 8px 18px rgba(0,169,255,.18)!important}
#empresasModule .company-page-button--new{border:1px solid #ef5f5f!important;color:#301719!important;background:var(--company-coral)!important;box-shadow:0 7px 16px rgba(255,107,107,.18)!important}
#empresasModule .company-page-button--new:hover{background:#ff7d7d!important;box-shadow:0 10px 22px rgba(255,107,107,.25)!important}
#empresasModule .companies-page-content{padding:0!important;border:0!important;background:transparent!important}
#empresasModule .company-directory-list{
  width:100%!important;
  overflow:hidden!important;
  border:1px solid var(--company-line)!important;
  border-radius:14px!important;
  background:var(--company-surface)!important;
  box-shadow:0 7px 22px rgba(41,47,76,.05)!important;
}
#empresasModule .company-list-item{display:block!important;border-bottom:1px solid var(--company-line)!important;background:var(--company-surface)!important}
#empresasModule .company-list-item:last-child{border-bottom:0!important}
#empresasModule .company-list-main{
  min-height:84px!important;
  padding:14px 16px!important;
  display:grid!important;
  grid-template-columns:46px minmax(220px,1fr) 92px auto!important;
  align-items:center!important;
  gap:13px!important;
  border-left:4px solid var(--company-coral)!important;
  transition:background .16s ease!important;
}
#empresasModule .company-list-main:hover{background:#fffafa!important}
#empresasModule .company-list-avatar{
  width:44px!important;
  height:44px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:12px!important;
  color:#a6313b!important;
  background:var(--company-coral-soft)!important;
  font-size:11px!important;
  font-weight:900!important;
}
#empresasModule .company-list-identity{display:grid!important;gap:5px!important;min-width:0!important}
#empresasModule .company-list-identity>div{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important}
#empresasModule .company-list-identity strong{overflow:hidden!important;color:var(--company-ink)!important;font-size:14px!important;font-weight:850!important;text-overflow:ellipsis!important;white-space:nowrap!important}
#empresasModule .company-list-identity small{overflow:hidden!important;color:var(--company-muted)!important;font-size:9px!important;text-overflow:ellipsis!important;white-space:nowrap!important}
#empresasModule .company-list-status{min-height:22px;padding:0 8px;display:inline-flex;align-items:center;border-radius:999px;font-size:8px;font-weight:850;white-space:nowrap}
#empresasModule .company-list-status.is-active{color:#087a45;background:#e0f8ec}
#empresasModule .company-list-status.is-inactive{color:#b42338;background:#ffe7ea}
#empresasModule .company-list-count{display:grid!important;justify-items:center!important;gap:2px!important}
#empresasModule .company-list-count b{color:var(--company-ink)!important;font-size:18px!important;line-height:1!important}
#empresasModule .company-list-count span{color:var(--company-muted)!important;font-size:8px!important;white-space:nowrap!important}
#empresasModule .company-list-actions,#empresasModule .company-branch-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;flex-wrap:wrap!important}
#empresasModule .company-list-action{
  min-width:78px!important;
  height:35px!important;
  padding:0 10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  border-radius:9px!important;
  background:#fff!important;
  font-size:9px!important;
  font-weight:800!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  transition:color .16s ease,background .16s ease,border-color .16s ease!important;
}
#empresasModule .company-list-action i{font-size:13px!important}
#empresasModule .company-list-action--edit{border:1px solid #d6d1ff!important;color:#5140b8!important}
#empresasModule .company-list-action--edit:hover{border-color:var(--company-purple)!important;color:#fff!important;background:var(--company-purple)!important}
#empresasModule .company-list-action--branch{min-width:122px!important;border:1px solid #b8e5fb!important;color:#12657f!important}
#empresasModule .company-list-action--branch:hover{border-color:var(--company-aqua)!important;color:#fff!important;background:var(--company-aqua)!important}
#empresasModule .company-list-action--delete{border:1px solid #ffc8cf!important;color:#b42338!important}
#empresasModule .company-list-action--delete:hover{border-color:var(--company-red)!important;color:#fff!important;background:var(--company-red)!important}
#empresasModule .company-branch-list{border-top:1px solid var(--company-line)!important;background:var(--company-soft)!important}
#empresasModule .company-branch-row{
  min-height:62px!important;
  padding:9px 16px 9px 31px!important;
  display:grid!important;
  grid-template-columns:31px minmax(220px,1fr) minmax(180px,auto) auto!important;
  align-items:center!important;
  gap:12px!important;
  border-bottom:1px solid #e7e9ef!important;
}
#empresasModule .company-branch-row:last-child{border-bottom:0!important}
#empresasModule .company-branch-line{position:relative!important;width:28px!important;height:28px!important;display:grid!important;place-items:center!important;border-radius:8px!important;color:#b13b45!important;background:#ffe7e7!important;font-size:14px!important}
#empresasModule .company-branch-copy{display:grid!important;gap:3px!important;min-width:0!important}
#empresasModule .company-branch-copy strong{color:var(--company-ink)!important;font-size:11px!important;font-weight:800!important}
#empresasModule .company-branch-copy small{overflow:hidden!important;color:var(--company-muted)!important;font-size:8px!important;text-overflow:ellipsis!important;white-space:nowrap!important}
#empresasModule .company-branch-metrics{color:var(--company-muted)!important;font-size:8px!important;white-space:nowrap!important}
#empresasModule .company-branch-actions .company-list-action{height:32px!important;min-width:72px!important}
#empresasModule .company-no-branches{min-height:56px;padding:0 30px;display:flex;align-items:center;gap:9px;color:var(--company-muted);font-size:10px}
#empresasModule .company-no-branches i{color:#c9a2a5;font-size:15px}
#empresasModule .company-directory-empty{min-height:190px;display:grid;place-content:center;justify-items:center;gap:12px;color:var(--company-muted);background:#fafbfc}
#empresasModule .company-directory-empty>span{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;color:#a6313b;background:var(--company-coral-soft);font-size:22px}
#empresasModule .company-directory-empty strong{font-size:12px;color:var(--company-ink)}

#clientCompanyModal{
  --company-form-coral:#ff6b6b;
  --company-form-soft:#fff5f5;
  --company-form-purple:#6161ff;
  --company-form-ink:#25262b;
  --company-form-muted:#676879;
  --company-form-line:#dfe2ea;
  padding:16px!important;
  background:rgba(41,47,76,.48)!important;
  backdrop-filter:blur(4px)!important;
}
#clientCompanyModal .company-form-panel{
  width:min(980px,calc(100vw - 44px))!important;
  max-height:calc(100dvh - 32px)!important;
  padding:0!important;
  overflow:hidden auto!important;
  border:1px solid var(--company-form-line)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 22px 58px rgba(41,47,76,.25)!important;
}
#clientCompanyModal .company-form-heading{
  min-height:88px!important;
  margin:0!important;
  padding:20px 26px!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) 36px!important;
  align-items:center!important;
  gap:12px!important;
  border-bottom:1px solid #f0dede!important;
  background:var(--company-form-soft)!important;
}
#clientCompanyModal .company-form-heading-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:#9c2f39;background:#ffdede;font-size:20px}
#clientCompanyModal .company-form-heading h2{margin:0!important;color:var(--company-form-ink)!important;font-size:23px!important;letter-spacing:-.025em!important}
#clientCompanyModal .company-form-close{width:36px!important;height:36px!important;padding:0!important;display:grid!important;place-items:center!important;border:0!important;border-radius:9px!important;color:var(--company-form-muted)!important;background:transparent!important;font-size:19px!important}
#clientCompanyModal .company-form-close:hover{transform:none!important;color:var(--company-form-ink)!important;background:#ffe7e7!important}
#clientCompanyModal .modal-status{display:block!important;min-height:0!important;margin:0!important;padding:0 28px!important;color:#b42338!important;font-size:10px!important;font-weight:700!important}
#clientCompanyModal .modal-status:not(:empty){padding-top:14px!important}
#clientCompanyModal .company-form-body{padding:0 28px!important}
#clientCompanyModal .company-form-section{padding:24px 0!important;border-bottom:1px solid var(--company-form-line)!important}
#clientCompanyModal .company-form-section:last-child{border-bottom:0!important}
#clientCompanyModal .company-form-section-title{margin-bottom:18px!important;display:flex!important;align-items:center!important;gap:10px!important}
#clientCompanyModal .company-form-section-title>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:var(--company-form-purple);background:#f0f0ff;font-size:16px}
#clientCompanyModal .company-form-section-title h3{margin:0!important;color:var(--company-form-ink)!important;font-size:14px!important;font-weight:800!important}
#clientCompanyModal .company-form-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:17px 18px!important}
#clientCompanyModal .company-field{display:grid!important;align-content:start!important;gap:8px!important;margin:0!important}
#clientCompanyModal .company-field--address{grid-column:span 2!important}
#clientCompanyModal .company-field--notes{grid-column:1/-1!important}
#clientCompanyModal .company-field>span{color:var(--company-form-muted)!important;font-size:9px!important;font-weight:750!important;letter-spacing:.07em!important;text-transform:uppercase!important}
#clientCompanyModal .company-field :where(input,select,textarea){width:100%!important;border:1px solid var(--company-form-line)!important;border-radius:9px!important;color:var(--company-form-ink)!important;background:#fff!important;box-shadow:none!important;font-size:11px!important}
#clientCompanyModal .company-field :where(input,select){height:46px!important;padding:0 13px!important}
#clientCompanyModal .company-field textarea{min-height:82px!important;padding:12px 13px!important;resize:vertical!important}
#clientCompanyModal .company-field :where(input,select,textarea):hover{border-color:#b7bcc9!important}
#clientCompanyModal .company-field :where(input,select,textarea):focus{outline:0!important;border-color:var(--company-form-purple)!important;box-shadow:0 0 0 3px rgba(97,97,255,.13)!important}
#clientCompanyModal .company-active-toggle{width:max-content!important;margin:18px 0 0!important;display:flex!important;align-items:center!important;gap:9px!important;color:var(--company-form-ink)!important;font-size:10px!important;font-weight:750!important;cursor:pointer!important}
#clientCompanyModal .company-active-toggle input{position:absolute!important;opacity:0!important;pointer-events:none!important}
#clientCompanyModal .company-active-control{position:relative!important;width:38px!important;height:22px!important;border-radius:999px!important;background:#c9ccd5!important;transition:background .16s ease!important}
#clientCompanyModal .company-active-control i{position:absolute!important;left:3px!important;top:3px!important;width:16px!important;height:16px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 2px 5px rgba(30,34,48,.2)!important;transition:transform .16s ease!important}
#clientCompanyModal .company-active-toggle input:checked+.company-active-control{background:#00c875!important}
#clientCompanyModal .company-active-toggle input:checked+.company-active-control i{transform:translateX(16px)!important}
#clientCompanyModal .company-active-toggle input:focus-visible+.company-active-control{outline:2px solid var(--company-form-purple)!important;outline-offset:2px!important}
#clientCompanyModal .company-form-actions{margin:0!important;padding:18px 28px 22px!important;display:flex!important;justify-content:flex-end!important;gap:9px!important;border-top:1px solid #eceef3!important;background:#fafbfc!important}
#clientCompanyModal .company-form-actions button{min-width:145px!important;height:43px!important;border-radius:9px!important;font-size:10px!important;font-weight:800!important}
#clientCompanyModal .company-form-actions .ghost-button{border:1px solid var(--company-form-line)!important;color:var(--company-form-ink)!important;background:#fff!important}
#clientCompanyModal .company-form-actions .ghost-button:hover{border-color:#b7bcc9!important;background:#f5f6f8!important}
#clientCompanyModal .company-form-actions .primary-button{border:1px solid #ef5f5f!important;color:#301719!important;background:var(--company-form-coral)!important;box-shadow:none!important}
#clientCompanyModal .company-form-actions .primary-button:hover{transform:none!important;background:#ff7d7d!important;box-shadow:none!important}

body.dark-mode #empresasModule{--company-ink:#f2f2f6;--company-muted:#b7b8c4;--company-line:#363844;--company-surface:#24252f;--company-soft:#20212a;--company-coral-soft:#402a30}
body.dark-mode #empresasModule .company-list-main:hover{background:#292a34!important}
body.dark-mode #empresasModule .company-list-avatar{color:#ff9a9a!important}
body.dark-mode #empresasModule .company-list-action{background:#292a35!important}
body.dark-mode #empresasModule .company-branch-row{border-color:#343642!important}
body.dark-mode #empresasModule .company-branch-line{color:#ff9a9a!important;background:#402a30!important}
body.dark-mode #empresasModule .company-directory-empty{background:#20212a!important}
body.dark-mode #clientCompanyModal .company-form-panel{background:#22232d!important;border-color:#3a3c48!important}
body.dark-mode #clientCompanyModal .company-form-heading{background:#32262c!important;border-color:#4b353d!important}
body.dark-mode #clientCompanyModal .company-form-heading h2,body.dark-mode #clientCompanyModal .company-form-section-title h3,body.dark-mode #clientCompanyModal .company-active-toggle{color:#f4f4f7!important}
body.dark-mode #clientCompanyModal .company-form-heading-icon{color:#ffaaaa!important;background:#503039!important}
body.dark-mode #clientCompanyModal .company-form-body{background:#22232d!important}
body.dark-mode #clientCompanyModal .company-form-section{border-color:#383a46!important}
body.dark-mode #clientCompanyModal .company-form-section-title>span{color:#aaa0ff!important;background:#302f50!important}
body.dark-mode #clientCompanyModal .company-field>span{color:#b8bac5!important}
body.dark-mode #clientCompanyModal .company-field :where(input,select,textarea){color:#f4f4f7!important;background:#292a35!important;border-color:#424450!important}
body.dark-mode #clientCompanyModal .company-form-actions{background:#1f2029!important;border-color:#383a46!important}
body.dark-mode #clientCompanyModal .company-form-actions .ghost-button{color:#f0f0f4!important;background:#292a35!important;border-color:#424450!important}

@media(max-width:1080px){
  #empresasModule .company-list-main{grid-template-columns:46px minmax(210px,1fr) 82px!important}
  #empresasModule .company-list-actions{grid-column:2/-1!important;justify-content:flex-start!important}
  #empresasModule .company-branch-row{grid-template-columns:31px minmax(190px,1fr) auto!important}
  #empresasModule .company-branch-actions{grid-column:2/-1!important;justify-content:flex-start!important}
}
@media(max-width:720px){
  #empresasModule .companies-page-heading{align-items:flex-start!important}
  #empresasModule .companies-page-heading h1{max-width:190px!important;font-size:27px!important}
  #empresasModule .companies-page-actions{gap:6px!important}
  #empresasModule .company-page-button{width:42px!important;min-width:42px!important;padding:0!important}
  #empresasModule .company-page-button span{display:none!important}
  #empresasModule .company-list-main{grid-template-columns:44px minmax(0,1fr)!important;padding:14px!important}
  #empresasModule .company-list-count{grid-column:2!important;justify-items:start!important;display:flex!important;align-items:center!important;gap:5px!important}
  #empresasModule .company-list-actions{grid-column:1/-1!important;padding-top:10px!important;border-top:1px solid var(--company-line)!important}
  #empresasModule .company-list-action{flex:1!important;min-width:0!important}
  #empresasModule .company-branch-row{grid-template-columns:30px minmax(0,1fr)!important;padding:12px 14px 12px 20px!important}
  #empresasModule .company-branch-metrics{grid-column:2!important;white-space:normal!important}
  #empresasModule .company-branch-actions{grid-column:1/-1!important;padding-top:8px!important;border-top:1px solid var(--company-line)!important}
  #clientCompanyModal{padding:8px!important}
  #clientCompanyModal .company-form-panel{width:100%!important;max-height:calc(100dvh - 16px)!important;border-radius:14px!important}
  #clientCompanyModal .company-form-heading{padding:18px!important}
  #clientCompanyModal .company-form-body{padding:0 18px!important}
  #clientCompanyModal .company-form-grid{grid-template-columns:1fr!important}
  #clientCompanyModal .company-field--address,#clientCompanyModal .company-field--notes{grid-column:auto!important}
  #clientCompanyModal .company-form-actions{padding:15px 18px 18px!important}
  #clientCompanyModal .company-form-actions button{min-width:0!important;flex:1!important}
}

/* Asignar y editar sucursal · mismo lenguaje visual del directorio. */
#clientBranchModal{
  --branch-link-aqua:#00a9ff;
  --branch-link-aqua-soft:#eef9ff;
  --branch-link-purple:#6161ff;
  --branch-link-ink:#25262b;
  --branch-link-muted:#676879;
  --branch-link-line:#dfe2ea;
  padding:16px!important;
  background:rgba(41,47,76,.48)!important;
  backdrop-filter:blur(4px)!important;
}
#clientBranchModal .company-branch-form-panel{
  width:min(760px,calc(100vw - 44px))!important;
  max-height:calc(100dvh - 32px)!important;
  padding:0!important;
  overflow:hidden auto!important;
  border:1px solid var(--branch-link-line)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 22px 58px rgba(41,47,76,.25)!important;
}
#clientBranchModal .company-branch-form-heading{
  min-height:88px!important;
  margin:0!important;
  padding:20px 24px!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) 36px!important;
  align-items:center!important;
  gap:12px!important;
  border-bottom:1px solid #dcecf4!important;
  background:var(--branch-link-aqua-soft)!important;
}
#clientBranchModal .company-branch-heading-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:#12657f;background:#d9f2ff;font-size:20px}
#clientBranchModal .company-branch-form-heading h2{margin:0!important;color:var(--branch-link-ink)!important;font-size:22px!important;letter-spacing:-.025em!important}
#clientBranchModal .company-branch-form-close{width:36px!important;height:36px!important;padding:0!important;display:grid!important;place-items:center!important;border:0!important;border-radius:9px!important;color:var(--branch-link-muted)!important;background:transparent!important;font-size:19px!important}
#clientBranchModal .company-branch-form-close:hover{transform:none!important;color:var(--branch-link-ink)!important;background:#dff4ff!important}
#clientBranchModal .modal-status{display:block!important;min-height:0!important;margin:0!important;padding:0 24px!important;color:#b42338!important;font-size:10px!important;font-weight:700!important}
#clientBranchModal .modal-status:not(:empty){padding-top:14px!important}
#clientBranchModal .company-branch-form-body{padding:24px!important}
#clientBranchModal .company-branch-form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
#clientBranchModal .company-branch-field{display:grid!important;align-content:start!important;gap:8px!important;margin:0!important}
#clientBranchModal .company-branch-field--address{grid-column:1/-1!important}
#clientBranchModal .company-branch-field>span{color:var(--branch-link-muted)!important;font-size:9px!important;font-weight:750!important;letter-spacing:.07em!important;text-transform:uppercase!important}
#clientBranchModal .company-branch-control{position:relative!important;display:block!important}
#clientBranchModal .company-branch-control>i{position:absolute!important;left:14px!important;top:50%!important;z-index:2!important;color:#8d929f!important;font-size:16px!important;transform:translateY(-50%)!important;pointer-events:none!important}
#clientBranchModal .company-branch-control :where(input,select){width:100%!important;height:48px!important;padding:0 38px 0 42px!important;border:1px solid var(--branch-link-line)!important;border-radius:9px!important;color:var(--branch-link-ink)!important;background:#fff!important;box-shadow:none!important;font-size:11px!important}
#clientBranchModal .company-branch-control input{padding-right:13px!important}
#clientBranchModal .company-branch-control :where(input,select):hover{border-color:#b7bcc9!important}
#clientBranchModal .company-branch-control :where(input,select):focus{outline:0!important;border-color:var(--branch-link-purple)!important;box-shadow:0 0 0 3px rgba(97,97,255,.13)!important}
#clientBranchModal .company-branch-form-actions{margin:0!important;padding:17px 24px 21px!important;display:flex!important;justify-content:flex-end!important;gap:9px!important;border-top:1px solid #eceef3!important;background:#fafbfc!important}
#clientBranchModal .company-branch-form-actions button{min-width:138px!important;height:43px!important;border-radius:9px!important;font-size:10px!important;font-weight:800!important}
#clientBranchModal .company-branch-form-actions .ghost-button{border:1px solid var(--branch-link-line)!important;color:var(--branch-link-ink)!important;background:#fff!important}
#clientBranchModal .company-branch-form-actions .ghost-button:hover{border-color:#b7bcc9!important;background:#f5f6f8!important}
#clientBranchModal .company-branch-form-actions .primary-button{border:1px solid var(--branch-link-aqua)!important;color:#fff!important;background:var(--branch-link-aqua)!important;box-shadow:none!important}
#clientBranchModal .company-branch-form-actions .primary-button:hover{transform:none!important;background:#008fd8!important;box-shadow:none!important}
#clientBranchModal .company-branch-form-actions .primary-button:disabled{opacity:.62!important;cursor:wait!important}

body.dark-mode #clientBranchModal .company-branch-form-panel{background:#22232d!important;border-color:#3a3c48!important}
body.dark-mode #clientBranchModal .company-branch-form-heading{background:#21323d!important;border-color:#304653!important}
body.dark-mode #clientBranchModal .company-branch-form-heading h2{color:#f4f4f7!important}
body.dark-mode #clientBranchModal .company-branch-heading-icon{color:#8fdcff!important;background:#294758!important}
body.dark-mode #clientBranchModal .company-branch-form-body{background:#22232d!important}
body.dark-mode #clientBranchModal .company-branch-field>span{color:#b8bac5!important}
body.dark-mode #clientBranchModal .company-branch-control :where(input,select){color:#f4f4f7!important;background:#292a35!important;border-color:#424450!important}
body.dark-mode #clientBranchModal .company-branch-form-actions{background:#1f2029!important;border-color:#383a46!important}
body.dark-mode #clientBranchModal .company-branch-form-actions .ghost-button{color:#f0f0f4!important;background:#292a35!important;border-color:#424450!important}

@media(max-width:640px){
  #clientBranchModal{padding:8px!important}
  #clientBranchModal .company-branch-form-panel{width:100%!important;max-height:calc(100dvh - 16px)!important;border-radius:14px!important}
  #clientBranchModal .company-branch-form-heading{padding:18px!important}
  #clientBranchModal .company-branch-form-body{padding:20px 18px!important}
  #clientBranchModal .company-branch-form-grid{grid-template-columns:1fr!important}
  #clientBranchModal .company-branch-field--address{grid-column:auto!important}
  #clientBranchModal .company-branch-form-actions{padding:15px 18px 18px!important}
  #clientBranchModal .company-branch-form-actions button{min-width:0!important;flex:1!important}
}

/* Confirmaciones propias para empresas y sucursales. */
#companyDirectoryConfirmModal{
  z-index:1300!important;
  padding:18px!important;
  background:rgba(41,47,76,.5)!important;
  backdrop-filter:blur(4px)!important;
}
#companyDirectoryConfirmModal .company-confirm-panel{
  position:relative!important;
  width:min(430px,calc(100vw - 36px))!important;
  padding:28px!important;
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr)!important;
  gap:18px!important;
  border:1px solid #e1e3ea!important;
  border-radius:17px!important;
  background:#fff!important;
  box-shadow:0 24px 64px rgba(29,34,55,.28)!important;
  animation:company-confirm-in .18s ease-out!important;
}
@keyframes company-confirm-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
#companyDirectoryConfirmModal .company-confirm-close{
  position:absolute!important;
  top:13px!important;
  right:13px!important;
  width:34px!important;
  height:34px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:9px!important;
  color:#676879!important;
  background:transparent!important;
  font-size:19px!important;
  cursor:pointer!important;
}
#companyDirectoryConfirmModal .company-confirm-close:hover{color:#25262b!important;background:#f2f3f5!important}
#companyDirectoryConfirmModal .company-confirm-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;color:#c72943;background:#ffe8ec;font-size:23px}
#companyDirectoryConfirmModal .company-confirm-copy{padding:2px 28px 0 0!important}
#companyDirectoryConfirmModal .company-confirm-copy h2{margin:0 0 8px!important;color:#25262b!important;font-size:19px!important;letter-spacing:-.02em!important}
#companyDirectoryConfirmModal .company-confirm-copy p{margin:0!important;color:#676879!important;font-size:11px!important;line-height:1.55!important}
#companyDirectoryConfirmModal .company-confirm-actions{grid-column:1/-1!important;display:flex!important;justify-content:flex-end!important;gap:9px!important;padding-top:5px!important}
#companyDirectoryConfirmModal .company-confirm-actions button{min-width:118px!important;height:42px!important;padding:0 18px!important;border-radius:9px!important;font-size:10px!important;font-weight:800!important;cursor:pointer!important}
#companyDirectoryConfirmModal .company-confirm-cancel{border:1px solid #dfe2ea!important;color:#25262b!important;background:#fff!important}
#companyDirectoryConfirmModal .company-confirm-cancel:hover{border-color:#b7bcc9!important;background:#f5f6f8!important}
#companyDirectoryConfirmModal .company-confirm-accept{border:1px solid #e2445c!important;color:#fff!important;background:#e2445c!important;box-shadow:0 6px 16px rgba(226,68,92,.18)!important}
#companyDirectoryConfirmModal .company-confirm-accept:hover{background:#cb3149!important;border-color:#cb3149!important}
#companyDirectoryConfirmModal .company-confirm-accept:focus-visible,#companyDirectoryConfirmModal .company-confirm-cancel:focus-visible,#companyDirectoryConfirmModal .company-confirm-close:focus-visible{outline:3px solid rgba(97,97,255,.2)!important;outline-offset:2px!important}
body.dark-mode #companyDirectoryConfirmModal .company-confirm-panel{border-color:#3a3c48!important;background:#22232d!important}
body.dark-mode #companyDirectoryConfirmModal .company-confirm-copy h2{color:#f4f4f7!important}
body.dark-mode #companyDirectoryConfirmModal .company-confirm-copy p{color:#b8bac5!important}
body.dark-mode #companyDirectoryConfirmModal .company-confirm-close{color:#b8bac5!important}
body.dark-mode #companyDirectoryConfirmModal .company-confirm-close:hover{color:#fff!important;background:#30313c!important}
body.dark-mode #companyDirectoryConfirmModal .company-confirm-icon{color:#ff91a2!important;background:#4b2932!important}
body.dark-mode #companyDirectoryConfirmModal .company-confirm-cancel{color:#f0f0f4!important;background:#292a35!important;border-color:#424450!important}
@media(max-width:520px){
  #companyDirectoryConfirmModal .company-confirm-panel{padding:22px!important;grid-template-columns:44px minmax(0,1fr)!important;gap:14px!important}
  #companyDirectoryConfirmModal .company-confirm-icon{width:44px;height:44px;border-radius:12px;font-size:20px}
  #companyDirectoryConfirmModal .company-confirm-copy{padding-right:20px!important}
  #companyDirectoryConfirmModal .company-confirm-actions button{min-width:0!important;flex:1!important}
}

/* Contactos · personas vinculadas a cada empresa y sucursal. */
#clientesModule{
  --contact-accent:#fdab3d;
  --contact-accent-deep:#d87900;
  --contact-accent-soft:#fff4df;
  --contact-purple:#6161ff;
  --contact-aqua:#00a9ff;
  --contact-red:#e2445c;
  --contact-green:#00c875;
  --contact-ink:#25262b;
  --contact-muted:#676879;
  --contact-line:#e1e3e8;
  --contact-surface:#fff;
}
#clientesModule .contacts-page-heading{width:100%!important;max-width:none!important;margin:0 0 22px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important}
#clientesModule .contacts-page-heading h1{margin:0!important;color:var(--contact-ink)!important;font-size:31px!important;letter-spacing:-.035em!important}
#clientesModule .contact-page-create{height:43px!important;padding:0 17px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;border:1px solid #efa02d!important;border-radius:10px!important;color:#392410!important;background:var(--contact-accent)!important;box-shadow:0 8px 20px rgba(253,171,61,.2)!important;font-size:10px!important;font-weight:850!important;cursor:pointer!important;transition:background .16s ease,transform .16s ease!important}
#clientesModule .contact-page-create:hover{background:#ffb84d!important;transform:translateY(-1px)!important}
#clientesModule .contact-page-create i{font-size:15px!important}
#clientesModule .contacts-page-content{width:100%!important;display:grid!important;gap:16px!important}
#clientesModule .clients-toolbar{width:100%!important;margin:0!important;padding:0!important;display:flex!important;align-items:end!important;border:0!important;background:transparent!important}
#clientesModule .clients-search{width:min(540px,100%)!important;display:grid!important;gap:7px!important;color:var(--contact-muted)!important;font-size:9px!important;font-weight:800!important;letter-spacing:.07em!important;text-transform:uppercase!important}
#clientesModule .contact-search-control{position:relative!important;display:block!important}
#clientesModule .contact-search-control>i{position:absolute!important;left:14px!important;top:50%!important;z-index:2!important;color:#8b8d98!important;font-size:16px!important;transform:translateY(-50%)!important;pointer-events:none!important}
#clientesModule .clients-search::before{display:none!important;content:none!important}
#clientesModule .clients-search input{width:100%!important;height:44px!important;min-height:44px!important;padding:0 14px 0 41px!important;border:1px solid var(--contact-line)!important;border-radius:10px!important;color:var(--contact-ink)!important;background:#fff!important;box-shadow:none!important;font-size:11px!important;text-transform:none!important;letter-spacing:normal!important}
#clientesModule .clients-search input:focus{outline:0!important;border-color:var(--contact-purple)!important;box-shadow:0 0 0 3px rgba(97,97,255,.11)!important}
#clientesModule .clients-card-list{width:100%!important;display:block!important;overflow:hidden!important;border:1px solid var(--contact-line)!important;border-radius:13px!important;background:var(--contact-surface)!important;box-shadow:0 9px 26px rgba(38,43,64,.055)!important}
#clientesModule .contacts-list-head,#clientesModule .client-directory-card{grid-template-columns:minmax(200px,1.08fr) minmax(155px,.8fr) minmax(110px,.55fr) minmax(180px,.95fr) minmax(170px,.9fr) minmax(220px,auto)!important}
#clientesModule .contacts-list-head{min-height:39px!important;padding:0 15px!important;display:grid!important;align-items:center!important;gap:12px!important;border:0!important;border-bottom:1px solid var(--contact-line)!important;color:#7b7d89!important;background:#f7f8fa!important;font-size:8px!important;font-weight:850!important;letter-spacing:.075em!important;text-transform:uppercase!important}
#clientesModule .client-directory-card{position:relative!important;min-height:73px!important;padding:11px 15px!important;display:grid!important;align-items:center!important;gap:12px!important;border:0!important;border-bottom:1px solid #eaebef!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;transform:none!important;transition:background .15s ease!important}
#clientesModule .client-directory-card:last-child{border-bottom:0!important}
#clientesModule .client-directory-card:hover{background:#fffaf3!important;transform:none!important}
#clientesModule .client-directory-card::before{content:""!important;position:absolute!important;left:0!important;top:0!important;bottom:0!important;width:3px!important;height:auto!important;background:var(--contact-accent)!important}
#clientesModule .client-directory-card::after{display:none!important}
#clientesModule .client-card-header{min-width:0!important;display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;align-items:center!important;gap:10px!important}
#clientesModule .client-card-avatar{width:40px!important;height:40px!important;display:grid!important;place-items:center!important;border-radius:11px!important;color:#8c4d00!important;background:var(--contact-accent-soft)!important;box-shadow:none!important;font-size:11px!important;font-weight:900!important}
#clientesModule .client-card-title{min-width:0!important;display:grid!important;gap:3px!important}
#clientesModule .client-card-title h2{margin:0!important;overflow:hidden!important;color:var(--contact-ink)!important;font-size:12px!important;font-weight:850!important;line-height:1.25!important;text-overflow:ellipsis!important;white-space:nowrap!important}
#clientesModule .client-card-title span{color:var(--contact-muted)!important;font-size:8px!important}
#clientesModule .client-list-cell{min-width:0!important;display:grid!important;gap:3px!important}
#clientesModule .client-list-cell b{overflow:hidden!important;color:var(--contact-ink)!important;font-size:10px!important;font-weight:750!important;text-overflow:ellipsis!important;white-space:nowrap!important}
#clientesModule .client-list-cell small{overflow:hidden!important;color:var(--contact-muted)!important;font-size:8px!important;text-overflow:ellipsis!important;white-space:nowrap!important}
#clientesModule .client-comments-data span{display:-webkit-box!important;overflow:hidden!important;color:var(--contact-muted)!important;font-size:9px!important;line-height:1.35!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}
#clientesModule .client-card-actions{margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;flex-wrap:nowrap!important}
#clientesModule .contact-list-action{height:33px!important;min-width:72px!important;padding:0 10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;border-radius:9px!important;background:#fff!important;font-size:9px!important;font-weight:800!important;white-space:nowrap!important;cursor:pointer!important;transition:color .15s ease,background .15s ease,border-color .15s ease!important}
#clientesModule .contact-list-action i{font-size:13px!important}
#clientesModule .contact-list-action--docs{min-width:50px!important;border:1px solid #b9e6fa!important;color:#12657f!important}
#clientesModule .contact-list-action--docs:hover{border-color:var(--contact-aqua)!important;color:#fff!important;background:var(--contact-aqua)!important}
#clientesModule .contact-list-action--edit{border:1px solid #d6d1ff!important;color:#5140b8!important}
#clientesModule .contact-list-action--edit:hover{border-color:var(--contact-purple)!important;color:#fff!important;background:var(--contact-purple)!important}
#clientesModule .contact-list-action--delete{border:1px solid #ffc8cf!important;color:#b42338!important}
#clientesModule .contact-list-action--delete:hover{border-color:var(--contact-red)!important;color:#fff!important;background:var(--contact-red)!important}
#clientesModule .contacts-empty-state{min-height:185px!important;display:grid!important;place-content:center!important;justify-items:center!important;gap:11px!important;color:var(--contact-muted)!important;background:#fafbfc!important}
#clientesModule .contacts-empty-state>span{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;color:#8c4d00;background:var(--contact-accent-soft);font-size:22px}
#clientesModule .contacts-empty-state strong{color:var(--contact-ink)!important;font-size:11px!important}

#clientModal{padding:16px!important;background:rgba(41,47,76,.48)!important;backdrop-filter:blur(4px)!important}
#clientModal .contact-form-panel{width:min(880px,calc(100vw - 44px))!important;max-height:calc(100dvh - 32px)!important;padding:0!important;overflow:hidden auto!important;border:1px solid #e1e3e8!important;border-radius:16px!important;background:#fff!important;box-shadow:0 22px 58px rgba(41,47,76,.25)!important}
#clientModal .contact-form-heading{min-height:86px!important;margin:0!important;padding:20px 25px!important;display:grid!important;grid-template-columns:44px minmax(0,1fr) 36px!important;align-items:center!important;gap:12px!important;border-bottom:1px solid #f2e2c8!important;background:#fff8ea!important}
#clientModal .contact-form-heading-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:#8c4d00;background:#ffe8bd;font-size:20px}
#clientModal .contact-form-heading h2{margin:0!important;color:#25262b!important;font-size:22px!important;letter-spacing:-.025em!important}
#clientModal .contact-form-close{width:36px!important;height:36px!important;padding:0!important;display:grid!important;place-items:center!important;border:0!important;border-radius:9px!important;color:#676879!important;background:transparent!important;font-size:19px!important}
#clientModal .contact-form-close:hover{transform:none!important;color:#25262b!important;background:#ffedcd!important}
#clientModal .modal-status{display:block!important;min-height:0!important;margin:0!important;padding:0 26px!important;color:#b42338!important;font-size:10px!important;font-weight:700!important}
#clientModal .modal-status:not(:empty){padding-top:14px!important}
#clientModal .contact-form-body{padding:0 26px!important}
#clientModal .contact-form-section{padding:23px 0!important;border-bottom:1px solid #e7e8ed!important}
#clientModal .contact-form-section:last-child{border-bottom:0!important}
#clientModal .contact-form-section-title{margin-bottom:17px!important;display:flex!important;align-items:center!important;gap:10px!important}
#clientModal .contact-form-section-title>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:#8c4d00;background:var(--contact-accent-soft,#fff4df);font-size:16px}
#clientModal .contact-form-section-title h3{margin:0!important;color:#25262b!important;font-size:14px!important;font-weight:800!important}
#clientModal .contact-form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:17px 18px!important}
#clientModal .contact-field{display:grid!important;align-content:start!important;gap:8px!important;margin:0!important}
#clientModal .contact-field--comments{grid-column:1/-1!important}
#clientModal .contact-field>span{color:#676879!important;font-size:9px!important;font-weight:750!important;letter-spacing:.07em!important;text-transform:uppercase!important}
#clientModal .contact-control{position:relative!important;display:block!important}
#clientModal .contact-control>i{position:absolute!important;left:14px!important;top:50%!important;z-index:2!important;color:#8d929f!important;font-size:16px!important;transform:translateY(-50%)!important;pointer-events:none!important}
#clientModal .contact-control--textarea>i{top:15px!important;transform:none!important}
#clientModal .contact-control :where(input,select,textarea){width:100%!important;border:1px solid #dfe2ea!important;border-radius:9px!important;color:#25262b!important;background:#fff!important;box-shadow:none!important;font-size:11px!important}
#clientModal .contact-control :where(input,select){height:47px!important;padding:0 38px 0 42px!important}
#clientModal .contact-control input{padding-right:13px!important}
#clientModal .contact-control textarea{min-height:94px!important;padding:13px 14px 13px 42px!important;resize:vertical!important}
#clientModal .contact-control :where(input,select,textarea):hover{border-color:#b7bcc9!important}
#clientModal .contact-control :where(input,select,textarea):focus{outline:0!important;border-color:#6161ff!important;box-shadow:0 0 0 3px rgba(97,97,255,.12)!important}
#clientModal .contact-form-actions{margin:0!important;padding:17px 26px 21px!important;display:flex!important;justify-content:flex-end!important;gap:9px!important;border-top:1px solid #eceef3!important;background:#fafbfc!important}
#clientModal .contact-form-actions button{min-width:142px!important;height:43px!important;border-radius:9px!important;font-size:10px!important;font-weight:800!important}
#clientModal .contact-form-actions .ghost-button{border:1px solid #dfe2ea!important;color:#25262b!important;background:#fff!important}
#clientModal .contact-form-actions .primary-button{border:1px solid #efa02d!important;color:#392410!important;background:#fdab3d!important;box-shadow:none!important}
#clientModal .contact-form-actions .primary-button:hover{transform:none!important;background:#ffb84d!important;box-shadow:none!important}

/* Proveedores: directorio limpio y formulario operativo. */
#proveedoresModule{--provider-accent:#00a9ff;--provider-accent-dark:#087aa7;--provider-accent-soft:#eaf7ff;--provider-ink:#25262b;--provider-muted:#676879;--provider-line:#dfe2ea}
#proveedoresModule>.workspace-heading{margin:0 0 18px!important;padding:0!important}
#proveedoresModule>.workspace-heading .eyebrow{color:var(--provider-accent-dark)!important}
#proveedoresModule>.workspace-heading h1{margin-bottom:0!important}
#proveedoresModule .providers-panel{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
#proveedoresModule .providers-toolbar{margin:0 0 14px!important;padding:14px!important;border:1px solid var(--provider-line)!important;border-radius:14px!important;background:#fff!important}
#proveedoresModule .providers-search{max-width:560px!important}
#proveedoresModule .providers-search input{height:44px!important;min-height:44px!important;border:1px solid var(--provider-line)!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important}
#proveedoresModule .provider-create-button{min-height:44px!important;padding:0 16px!important;border:1px solid #1399d6!important;border-radius:10px!important;color:#fff!important;background:var(--provider-accent)!important;box-shadow:none!important;font-size:10px!important}
#proveedoresModule .provider-create-button:hover{background:#1598d3!important;box-shadow:none!important;transform:translateY(-1px)!important}
#proveedoresModule .providers-card-list{width:100%!important;display:block!important;grid-template-columns:none!important;gap:0!important;overflow:hidden!important;border:1px solid var(--provider-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 12px 34px rgba(37,38,43,.06)!important}
#proveedoresModule .provider-list-head{min-height:39px;padding:0 17px 0 79px;display:grid;grid-template-columns:minmax(190px,1.2fr) minmax(210px,1.35fr) minmax(180px,1fr) 135px 58px 24px;gap:16px;align-items:center;border-bottom:1px solid #eceef3;color:var(--provider-muted);background:#f7f8fa;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
#proveedoresModule .provider-list-row{width:100%;min-height:78px;padding:12px 17px;display:grid;grid-template-columns:42px minmax(190px,1.2fr) minmax(210px,1.35fr) minmax(180px,1fr) 135px 58px 24px;gap:16px;align-items:center;border:0;border-bottom:1px solid #eceef3;color:var(--provider-ink);background:#fff;text-align:left;cursor:pointer;transition:background-color .16s ease,box-shadow .16s ease,transform .16s ease}
#proveedoresModule .provider-list-row:last-child{border-bottom:0}
#proveedoresModule .provider-list-row:hover{position:relative;z-index:1;background:#f7fbff;box-shadow:inset 4px 0 0 var(--provider-accent)}
#proveedoresModule .provider-list-row:focus-visible{position:relative;z-index:2;outline:0;box-shadow:inset 4px 0 0 var(--provider-accent),inset 0 0 0 2px rgba(0,169,255,.28)}
#proveedoresModule .provider-list-avatar{width:42px;height:42px;display:grid;place-items:center;border:1px solid #bfe8fb;border-radius:11px;color:#087aa7;background:var(--provider-accent-soft);font-size:11px;font-weight:900}
#proveedoresModule .provider-list-identity,#proveedoresModule .provider-list-supplies,#proveedoresModule .provider-list-contact{min-width:0;display:grid;gap:4px}
#proveedoresModule .provider-list-identity strong{overflow:hidden;color:var(--provider-ink);font-size:11px;text-overflow:ellipsis;white-space:nowrap}
#proveedoresModule .provider-list-identity small,#proveedoresModule .provider-list-supplies small,#proveedoresModule .provider-list-contact small{color:var(--provider-muted);font-size:8px;font-weight:750;letter-spacing:.055em;text-transform:uppercase}
#proveedoresModule .provider-list-supplies b,#proveedoresModule .provider-list-contact b{overflow:hidden;color:#3e4048;font-size:10px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}
#proveedoresModule .provider-list-payment{justify-self:start;padding:6px 9px;border-radius:999px;color:#795000;background:#fff2d9;font-size:9px;font-weight:800}
#proveedoresModule .provider-list-docs{display:flex;align-items:center;justify-content:center;gap:5px;color:#54606d;font-size:10px;font-weight:800}
#proveedoresModule .provider-list-docs i{color:var(--provider-accent-dark);font-size:15px}
#proveedoresModule .provider-list-chevron{color:#9aa0aa;font-size:20px;transition:transform .16s ease,color .16s ease}
#proveedoresModule .provider-list-row:hover .provider-list-chevron{color:var(--provider-accent-dark);transform:translateX(3px)}
#proveedoresModule .provider-list-empty{min-height:190px;display:grid;place-content:center;justify-items:center;gap:11px;color:var(--provider-muted);background:#fafbfc}
#proveedoresModule .provider-list-empty>span{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;color:var(--provider-accent-dark);background:var(--provider-accent-soft);font-size:22px}
#proveedoresModule .provider-list-empty strong{color:var(--provider-ink);font-size:11px}

#proveedoresModule .provider-detail-view{display:grid;gap:14px}
#proveedoresModule .provider-detail-view.hidden{display:none!important}
#proveedoresModule .provider-detail-back{width:max-content;min-height:40px;padding:0 13px;display:inline-flex;align-items:center;gap:7px;border:1px solid #d4d8e1;border-radius:9px;color:#474953;background:#fff;font-size:9px;font-weight:800;cursor:pointer;transition:border-color .16s ease,color .16s ease,transform .16s ease}
#proveedoresModule .provider-detail-back:hover{border-color:var(--provider-accent);color:var(--provider-accent-dark);transform:translateX(-2px)}
#proveedoresModule .provider-detail-card{overflow:hidden;border:1px solid var(--provider-line);border-radius:16px;background:#fff;box-shadow:0 16px 38px rgba(37,38,43,.07)}
#proveedoresModule .provider-detail-header{min-height:112px;padding:22px 24px;display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:15px;align-items:center;border-bottom:1px solid #dbeef8;background:linear-gradient(110deg,#effaff 0%,#fff 70%)}
#proveedoresModule .provider-detail-avatar{width:56px;height:56px;display:grid;place-items:center;border-radius:15px;color:#fff;background:var(--provider-accent);box-shadow:0 10px 22px rgba(0,169,255,.2);font-size:15px;font-weight:900}
#proveedoresModule .provider-detail-heading{min-width:0;display:grid;gap:3px}
#proveedoresModule .provider-detail-heading p,#proveedoresModule .provider-detail-heading h2{margin:0}
#proveedoresModule .provider-detail-heading p{color:var(--provider-accent-dark);font-size:8px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
#proveedoresModule .provider-detail-heading h2{overflow:hidden;color:var(--provider-ink);font-size:22px;letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap}
#proveedoresModule .provider-detail-heading>span{color:var(--provider-muted);font-size:9px;font-weight:700}
#proveedoresModule .provider-detail-doc-count{padding:8px 10px;display:flex;align-items:center;gap:6px;border:1px solid #c9eafa;border-radius:9px;color:#12657f;background:#fff;font-size:9px;font-weight:800}
#proveedoresModule .provider-detail-doc-count i{font-size:15px}
#proveedoresModule .provider-detail-supplies{margin:18px 22px 0;padding:15px 16px;display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:start;border:1px solid #d6f1e7;border-radius:12px;background:#f2fbf8}
#proveedoresModule .provider-detail-supplies>span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;color:#078b56;background:#ddf7ed;font-size:18px}
#proveedoresModule .provider-detail-supplies small{display:block;margin-bottom:4px;color:#078b56;font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
#proveedoresModule .provider-detail-supplies p{margin:0;color:#30343a;font-size:11px;line-height:1.55;overflow-wrap:anywhere}
#proveedoresModule .provider-detail-sections{padding:18px 22px 7px;display:grid;gap:14px}
#proveedoresModule .provider-detail-section{padding:17px;border:1px solid #e1e3e8;border-radius:12px;background:#fff}
#proveedoresModule .provider-detail-section--general{border-top:3px solid var(--provider-accent)}
#proveedoresModule .provider-detail-section--catalog{border-top:3px solid #ef9b2d;background:#fffcf7}
#proveedoresModule .provider-detail-section--contacts{border-top:3px solid #a25ddc}
#proveedoresModule .provider-detail-section--payment{border-top:3px solid #6c63e8;background:#fbfaff}
#proveedoresModule .provider-detail-section h3{margin:0 0 14px;display:flex;align-items:center;gap:7px;color:var(--provider-ink);font-size:12px}
#proveedoresModule .provider-detail-section h3 i{color:var(--provider-accent-dark);font-size:16px}
#proveedoresModule .provider-detail-section--contacts h3 i{color:#7541a7}
#proveedoresModule .provider-detail-section--catalog h3 i{color:#a65f08}
#proveedoresModule .provider-detail-section--payment h3 i{color:#5146c7}
#proveedoresModule .provider-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#proveedoresModule .provider-detail-grid--payment{grid-template-columns:repeat(5,minmax(0,1fr))}
#proveedoresModule .provider-detail-item{min-width:0;padding:11px;display:grid;grid-template-columns:30px minmax(0,1fr);gap:9px;align-items:center;border:1px solid #eceef3;border-radius:9px;background:#fafbfc}
#proveedoresModule .provider-detail-item>span{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;color:#69717c;background:#eef0f4;font-size:14px}
#proveedoresModule .provider-detail-item>div{min-width:0;display:grid;gap:3px}
#proveedoresModule .provider-detail-item small{color:var(--provider-muted);font-size:7px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
#proveedoresModule .provider-detail-item strong{overflow:hidden;color:#30323a;font-size:9px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}
#proveedoresModule .provider-detail-catalog{display:grid;gap:8px}
#proveedoresModule .provider-detail-catalog-row{padding:11px 12px;display:grid;grid-template-columns:minmax(220px,1fr) repeat(3,minmax(110px,.3fr));gap:12px;align-items:center;border:1px solid #eee3d4;border-radius:9px;background:#fff}
#proveedoresModule .provider-detail-catalog-row>div{min-width:0;display:grid;gap:3px}
#proveedoresModule .provider-detail-catalog-row strong{overflow:hidden;color:#30323a;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
#proveedoresModule .provider-detail-catalog-row small{color:#85808a;font-size:7px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
#proveedoresModule .provider-detail-catalog-row b{color:#8f550e;font-size:10px}
#proveedoresModule .provider-detail-catalog-empty{padding:18px;border:1px dashed #ddcfbc;border-radius:9px;color:#81786d;text-align:center;font-size:9px}
#proveedoresModule .provider-detail-actions{padding:15px 22px 19px;display:flex;justify-content:flex-end;gap:9px;border-top:1px solid #e7e9ef;background:linear-gradient(90deg,#f8f8fc,#f4f6fa)}
#proveedoresModule .provider-detail-action{min-width:124px;height:42px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:11px;font-size:9px;font-weight:850;cursor:pointer;transition:color .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}
#proveedoresModule .provider-detail-action--docs{border:1px solid #178e9f;color:#fff;background:#178e9f;box-shadow:0 7px 16px rgba(23,142,159,.18)}
#proveedoresModule .provider-detail-action--docs:hover{border-color:#0f7584;color:#fff;background:#0f7584;box-shadow:0 9px 19px rgba(15,117,132,.23);transform:translateY(-1px)}
#proveedoresModule .provider-detail-action--edit{border:1px solid #6758d8;color:#fff;background:#6758d8;box-shadow:0 7px 16px rgba(103,88,216,.18)}
#proveedoresModule .provider-detail-action--edit:hover{border-color:#5143bd;color:#fff;background:#5143bd;box-shadow:0 9px 19px rgba(81,67,189,.22);transform:translateY(-1px)}
#proveedoresModule .provider-detail-action--delete{border:1px solid #ef9ca8;color:#a6283c;background:#fff1f3}
#proveedoresModule .provider-detail-action--delete:hover{border-color:#d9485f;color:#fff;background:#d9485f;box-shadow:0 8px 18px rgba(217,72,95,.18);transform:translateY(-1px)}
#proveedoresModule .provider-detail-action:disabled{opacity:.55;cursor:wait}

#providerModal{--provider-form-accent:#00a9ff;--provider-form-accent-dark:#087aa7;--provider-form-soft:#edf8ff;--provider-form-ink:#25262b;--provider-form-muted:#676879;--provider-form-line:#dfe2ea;padding:16px!important;background:rgba(41,47,76,.48)!important;backdrop-filter:blur(4px)!important}
#providerModal .provider-form-panel{width:min(1040px,calc(100vw - 44px))!important;max-height:calc(100dvh - 32px)!important;padding:0!important;overflow:hidden auto!important;border:1px solid #e1e3e8!important;border-radius:16px!important;background:#f8f9fb!important;box-shadow:0 22px 58px rgba(41,47,76,.25)!important}
#providerModal .provider-form-heading{min-height:86px!important;margin:0!important;padding:20px 25px!important;display:grid!important;grid-template-columns:44px minmax(0,1fr) 36px!important;align-items:center!important;gap:12px!important;border-bottom:1px solid #dceef7!important;background:#f1faff!important}
#providerModal .provider-form-heading-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:#fff;background:var(--provider-form-accent);font-size:20px}
#providerModal .provider-form-heading-copy{min-width:0!important}
#providerModal .provider-form-heading .eyebrow{margin:0 0 4px!important;color:var(--provider-form-accent-dark)!important}
#providerModal .provider-form-heading h2{margin:0!important;color:var(--provider-form-ink)!important;font-size:23px!important;letter-spacing:-.025em!important}
#providerModal .provider-form-close{width:36px!important;height:36px!important;padding:0!important;display:grid!important;place-items:center!important;border:0!important;border-radius:9px!important;color:var(--provider-form-muted)!important;background:transparent!important;font-size:19px!important}
#providerModal .provider-form-close:hover{color:var(--provider-form-ink)!important;background:#dff3ff!important}
#providerModal #providerFormStatus:not(:empty){margin:14px 22px 0!important;padding:10px 12px!important;display:block!important;border:1px solid #f1c9c9!important;border-radius:9px!important;color:#9d3333!important;background:#fff4f4!important;font-size:10px!important}
#providerModal .provider-form-body{padding:18px 22px 4px!important;display:grid!important;gap:14px!important}
#providerModal .provider-form-section{padding:18px!important;border:1px solid var(--provider-form-line)!important;border-radius:13px!important;background:#fff!important}
#providerModal .provider-form-section--general{border-top:3px solid var(--provider-form-accent)!important}
#providerModal .provider-form-section--catalog{border-top:3px solid #ef9b2d!important}
#providerModal .provider-form-section--contacts{border-top:3px solid #a25ddc!important}
#providerModal .provider-form-section--payment{border-top:3px solid #00c875!important}
#providerModal .provider-form-section-title{margin-bottom:16px!important;display:flex!important;align-items:center!important;gap:10px!important}
#providerModal .provider-form-section-title>span{width:36px;height:36px;display:grid;place-items:center;flex:none;border-radius:10px;color:var(--provider-form-accent-dark);background:var(--provider-form-soft);font-size:17px}
#providerModal .provider-form-section--contacts .provider-form-section-title>span{color:#7541a7;background:#f2eaff}
#providerModal .provider-form-section--catalog .provider-form-section-title>span{color:#a65f08;background:#fff2df}
#providerModal .provider-form-section--payment .provider-form-section-title>span{color:#078b56;background:#e6f9f1}
#providerModal .provider-form-section-title h3{margin:0!important;color:var(--provider-form-ink)!important;font-size:14px!important}
#providerModal .provider-form-section-title p{margin:3px 0 0!important;color:var(--provider-form-muted)!important;font-size:9px!important}
#providerModal .provider-form-grid{display:grid!important;gap:14px!important}
#providerModal .provider-form-grid--general,#providerModal .provider-form-grid--contacts,#providerModal .provider-form-grid--payment{grid-template-columns:repeat(3,minmax(0,1fr))!important}
#providerModal .provider-field{min-width:0!important;display:grid!important;align-content:start!important;gap:7px!important;margin:0!important}
#providerModal .provider-field--company,#providerModal .provider-field--address{grid-column:span 2!important}
#providerModal .provider-field--supplies{grid-column:1/-1!important}
#providerModal .provider-field>span{color:var(--provider-form-muted)!important;font-size:9px!important;font-weight:800!important;letter-spacing:.075em!important;text-transform:uppercase!important}
#providerModal .provider-field :where(input,select,textarea){width:100%!important;border:1px solid var(--provider-form-line)!important;border-radius:9px!important;outline:0!important;color:var(--provider-form-ink)!important;background:#fff!important;box-shadow:none!important;font-size:11px!important}
#providerModal .provider-field :where(input,select){height:45px!important;min-height:45px!important;padding:0 13px!important}
#providerModal .provider-field textarea{min-height:76px!important;padding:12px 13px!important;resize:vertical!important;line-height:1.45!important}
#providerModal .provider-field :where(input,select,textarea):focus{border-color:var(--provider-form-accent)!important;box-shadow:0 0 0 3px rgba(0,169,255,.12)!important}
#providerModal .provider-catalog-list{display:grid;gap:9px}
#providerModal .provider-catalog-row{padding:11px;display:grid;grid-template-columns:minmax(200px,1.25fr) minmax(100px,.5fr) minmax(125px,.62fr) minmax(140px,.68fr) minmax(120px,.55fr) 38px;gap:9px;align-items:end;border:1px solid #eadfcf;border-radius:10px;background:#fffaf3}
#providerModal .provider-catalog-remove{width:38px;height:45px;display:grid;place-items:center;border:1px solid #efb9c0;border-radius:9px;color:#c43d4d;background:#fff1f3;font-size:15px;cursor:pointer}
#providerModal .provider-catalog-remove:hover{color:#fff;background:#cf4656;border-color:#cf4656}
#providerModal .provider-catalog-add{min-height:39px;margin-top:10px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #edc98f;border-radius:9px;color:#965709;background:#fff6e8;font-size:9px;font-weight:850;cursor:pointer}
#providerModal .provider-catalog-add:hover{color:#fff;background:#bd7319;border-color:#bd7319}
#providerModal .provider-form-actions{margin-top:14px!important;padding:14px 22px 18px!important;display:flex!important;justify-content:flex-end!important;gap:9px!important;border-top:1px solid var(--provider-form-line)!important;background:#fff!important}
#providerModal .provider-form-actions button{width:auto!important;min-width:145px!important;height:44px!important;border-radius:10px!important;font-size:10px!important}
#providerModal .provider-form-actions .primary-button{border-color:var(--provider-form-accent)!important;background:var(--provider-form-accent)!important;box-shadow:none!important}
#providerModal .provider-form-actions .primary-button:hover{background:#1598d3!important;transform:none!important}
body.dark-mode #clientesModule{--contact-ink:#f2f2f6;--contact-muted:#b7b8c4;--contact-line:#363844;--contact-surface:#24252f}
body.dark-mode #clientesModule .clients-search input,body.dark-mode #clientesModule .client-directory-card,body.dark-mode #clientesModule .contact-list-action{color:#f4f4f7!important;background:#24252f!important;border-color:#41434f!important}
body.dark-mode #clientesModule .contacts-list-head,body.dark-mode #clientesModule .contacts-empty-state{background:#20212a!important;border-color:#363844!important}
body.dark-mode #clientesModule .client-directory-card:hover{background:#2a2928!important}
body.dark-mode #clientModal .contact-form-panel{background:#22232d!important;border-color:#3a3c48!important}
body.dark-mode #clientModal .contact-form-heading{background:#382f21!important;border-color:#524329!important}
body.dark-mode #clientModal .contact-form-heading h2,body.dark-mode #clientModal .contact-form-section-title h3{color:#f4f4f7!important}
body.dark-mode #clientModal .contact-form-body{background:#22232d!important}
body.dark-mode #clientModal .contact-form-section{border-color:#383a46!important}
body.dark-mode #clientModal .contact-field>span{color:#b8bac5!important}
body.dark-mode #clientModal .contact-control :where(input,select,textarea){color:#f4f4f7!important;background:#292a35!important;border-color:#424450!important}
body.dark-mode #clientModal .contact-form-actions{background:#1f2029!important;border-color:#383a46!important}
body.dark-mode #clientModal .contact-form-actions .ghost-button{color:#f0f0f4!important;background:#292a35!important;border-color:#424450!important}
@media(max-width:1120px){
  #clientesModule .contacts-list-head{display:none!important}
  #clientesModule .client-directory-card{grid-template-columns:40px repeat(2,minmax(0,1fr))!important;align-items:start!important;padding:15px!important}
  #clientesModule .client-card-header{grid-column:1/-1!important}
  #clientesModule .client-card-actions{grid-column:1/-1!important;justify-content:flex-start!important;padding-top:10px!important;border-top:1px solid var(--contact-line)!important}
}
@media(max-width:680px){
  #clientesModule .contacts-page-heading h1{font-size:27px!important}
  #clientesModule .contact-page-create{width:43px!important;padding:0!important}
  #clientesModule .contact-page-create span{display:none!important}
  #clientesModule .client-directory-card{grid-template-columns:1fr!important}
  #clientesModule .client-card-header,#clientesModule .client-card-actions{grid-column:auto!important}
  #clientesModule .client-list-cell::before{content:attr(data-label)!important;color:#8b8c99!important;font-size:8px!important;font-weight:850!important;letter-spacing:.075em!important;text-transform:uppercase!important}
  #clientesModule .contact-list-action{flex:1!important;min-width:0!important}
  #clientModal{padding:8px!important}
  #clientModal .contact-form-panel{width:100%!important;max-height:calc(100dvh - 16px)!important;border-radius:14px!important}
  #clientModal .contact-form-heading{padding:18px!important}
  #clientModal .contact-form-body{padding:0 18px!important}
  #clientModal .contact-form-grid{grid-template-columns:1fr!important}
  #clientModal .contact-field--comments{grid-column:auto!important}
  #clientModal .contact-form-actions{padding:15px 18px 18px!important}
  #clientModal .contact-form-actions button{min-width:0!important;flex:1!important}
}

/* Experiencia móvil unificada para las vistas rediseñadas. */
@media(max-width:700px){
  .command-center,
  .command-center.sidebar-collapsed{
    width:100%!important;
    min-width:0!important;
    padding-top:56px!important;
    overflow-x:hidden!important;
  }
  .command-center .topbar,
  .command-center.sidebar-collapsed .topbar{
    height:56px!important;
    padding:0 9px 0 48px!important;
    z-index:300!important;
    overflow:visible!important;
    background:#fff!important;
    backdrop-filter:none!important;
  }
  .command-center .topbar-actions{gap:8px!important}
  .command-center .topbar-session{margin-left:auto!important;overflow:visible!important;contain:none!important}
  .command-center .company-session-trigger{width:40px!important;min-width:40px!important;min-height:40px!important;height:40px!important;padding:4px!important;border-radius:12px!important}
  .command-center .company-session-avatar{width:31px!important;height:31px!important;min-width:31px!important;border-radius:9px!important}
  .command-center .sidebar-toggle,
  .command-center.sidebar-collapsed .sidebar-toggle{top:14px!important;left:10px!important;z-index:430!important;width:30px!important;height:30px!important}
  .command-center .workspace,
  .command-center.sidebar-collapsed .workspace{width:100%!important;max-width:none!important;padding:18px 10px calc(26px + env(safe-area-inset-bottom))!important;overflow-x:hidden!important}
  .command-center .main-nav,
  .command-center.sidebar-collapsed .main-nav{width:min(300px,calc(100vw - 48px))!important;padding:12px 9px calc(16px + env(safe-area-inset-bottom))!important;z-index:420!important}
  .command-center .main-nav .nav-item,
  .command-center.sidebar-collapsed .main-nav .nav-item{height:44px!important;min-height:44px!important;margin-bottom:4px!important;border-radius:10px!important;font-size:12px!important}
  .command-center .main-nav .nav-item i,
  .command-center.sidebar-collapsed .main-nav .nav-item i{width:30px!important;height:30px!important;min-width:30px!important;font-size:16px!important}
  .command-center .sidebar-brand{height:52px!important;min-height:52px!important}
  .command-center .sidebar-brand img{width:36px!important;height:36px!important;min-width:36px!important}
  .command-center.sidebar-expanded::before,
  .command-center:not(.sidebar-collapsed)::before{content:none!important;display:none!important;backdrop-filter:none!important}
  .command-center .sidebar-scrim{display:block!important;position:fixed!important;inset:0!important;z-index:410!important;border:0!important;background:rgba(28,31,45,.3)!important;backdrop-filter:none!important;filter:none!important;opacity:0!important;pointer-events:none!important;transition:opacity .2s ease!important}
  .command-center.sidebar-expanded .sidebar-scrim,
  .command-center:not(.sidebar-collapsed) .sidebar-scrim{opacity:1!important;pointer-events:auto!important}
  body:not(.dark-mode) .command-center .topbar-session.sidebar-session-box>.account-center-menu:not(.hidden),
  body.dark-mode .command-center .topbar-session.sidebar-session-box>.account-center-menu:not(.hidden){display:block!important}
  .command-center .account-center-menu{position:fixed!important;top:64px!important;right:8px!important;bottom:8px!important;left:8px!important;z-index:500!important;width:auto!important;min-width:0!important;max-width:none!important;max-height:none!important;padding:8px!important;overflow-x:hidden!important;overflow-y:auto!important;border-radius:17px!important;background:#fff!important;box-shadow:0 20px 55px rgba(24,26,39,.24)!important}
  .account-menu-header{min-height:94px!important;padding:15px!important}
  .account-quick-grid{gap:6px!important;margin:8px 0 10px!important}
  .command-center .account-center-menu .account-quick-grid button{height:76px!important;padding:8px 5px!important}
  .command-center .account-center-menu>button:not(.account-logout){min-height:52px!important}
  .account-profile-dialog{width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;margin:auto!important;border-radius:18px!important}
  .account-profile-card{padding:19px!important;border-radius:18px!important}
  .account-profile-card dl>div{grid-template-columns:76px minmax(0,1fr)!important;gap:10px!important}

  #inicioModule.company-superadmin-home .home-command{min-height:auto!important;align-content:start!important}
  .command-center .home-business-units{padding:4px 0!important}
  .home-business-units-grid{grid-template-columns:1fr!important;gap:12px!important}
  .home-business-card,.home-business-card:last-child{grid-column:auto!important;min-height:176px!important;padding:20px!important;gap:24px!important;border-radius:18px!important;transform:none!important}
  .home-business-card:hover{transform:none!important}
  .home-business-card-icon{width:47px!important;height:47px!important;border-radius:14px!important}
  .home-business-card-icon i{font-size:23px!important}
  .home-business-card-copy{gap:7px!important}
  .home-business-card-copy h3{font-size:27px!important}
  .home-business-card-copy p{max-width:240px!important;font-size:11px!important}
  .home-business-card-monogram{right:15px!important;bottom:15px!important;font-size:58px!important}

  #usuariosModule .team-management-panel{padding-top:0!important}
  #usuariosModule .team-module-heading{width:100%!important;margin-bottom:16px!important;display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
  #usuariosModule .team-module-heading h1{font-size:27px!important}
  #usuariosModule .team-add-member-button{width:100%!important;height:45px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;border-radius:10px!important;font-size:16px!important}
  #usuariosModule .team-add-member-button::after{content:"Agregar integrante";font-size:11px;font-weight:800}
  #usuariosModule .team-user-list{gap:10px!important}
  #usuariosModule .team-user-row{grid-template-columns:1fr!important;gap:13px!important;min-height:0!important;padding:14px!important;border-radius:14px!important}
  #usuariosModule .team-user-identity{align-items:center!important}
  #usuariosModule .team-user-role{gap:5px!important}
  #usuariosModule .user-role-pill{min-height:26px!important;padding:0 9px!important;font-size:8px!important}
  #usuariosModule .team-user-meta{grid-column:auto!important;justify-content:flex-start!important}
  #usuariosModule .team-user-actions{grid-column:auto!important;grid-row:auto!important;width:100%!important;padding:5px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;border-radius:12px!important}
  #usuariosModule .team-user-actions .small-button{width:100%!important;min-width:0!important;height:42px!important}

  #sucursalesModule .branches-page-heading,
  #empresasModule .companies-page-heading,
  #clientesModule .contacts-page-heading{width:100%!important;margin-bottom:16px!important;display:grid!important;grid-template-columns:1fr!important;align-items:stretch!important;gap:12px!important}
  #sucursalesModule .branches-page-heading h1,
  #empresasModule .companies-page-heading h1,
  #clientesModule .contacts-page-heading h1{max-width:none!important;font-size:27px!important}
  #sucursalesModule .branch-create-button,
  #clientesModule .contact-page-create{width:100%!important;min-width:0!important;height:45px!important;padding:0 14px!important;border-radius:10px!important}
  #clientesModule .contact-page-create span{display:inline!important;}
  #empresasModule .companies-page-actions{width:100%!important;margin:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
  #empresasModule .company-page-button{width:100%!important;min-width:0!important;height:45px!important;padding:0 10px!important;border-radius:10px!important}
  #empresasModule .company-page-button span{display:inline!important;font-size:9px!important}

  #sucursalesModule .branch-card-list,
  #empresasModule .company-directory-list,
  #clientesModule .clients-card-list{border-radius:12px!important;box-shadow:none!important}
  #sucursalesModule .branch-card{grid-template-columns:42px minmax(0,1fr)!important;gap:11px!important;min-height:0!important;padding:14px 12px!important}
  #sucursalesModule .branch-card-icon{width:42px!important;height:42px!important}
  #sucursalesModule .branch-card-actions{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;padding-top:11px!important}
  #sucursalesModule .branch-action{width:100%!important;min-width:0!important;height:42px!important}

  #empresasModule .company-list-main{grid-template-columns:42px minmax(0,1fr)!important;gap:11px!important;padding:14px 12px!important}
  #empresasModule .company-list-avatar{width:42px!important;height:42px!important;border-radius:11px!important}
  #empresasModule .company-list-identity>div{align-items:flex-start!important;flex-direction:column!important;gap:5px!important}
  #empresasModule .company-list-identity strong,#empresasModule .company-list-identity small{max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important}
  #empresasModule .company-list-count{grid-column:2!important;justify-items:start!important}
  #empresasModule .company-list-actions{grid-column:1/-1!important;width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;padding-top:11px!important}
  #empresasModule .company-list-action{width:100%!important;min-width:0!important;height:42px!important;padding:0 8px!important}
  #empresasModule .company-list-action--branch{grid-column:1/-1!important}
  #empresasModule .company-branch-row{grid-template-columns:29px minmax(0,1fr)!important;gap:9px!important;padding:13px 12px 13px 16px!important}
  #empresasModule .company-branch-copy small{white-space:normal!important;overflow-wrap:anywhere!important}
  #empresasModule .company-branch-metrics{grid-column:2!important;white-space:normal!important}
  #empresasModule .company-branch-actions{grid-column:1/-1!important;width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;padding-top:10px!important}

  #clientesModule .clients-toolbar{width:100%!important}
  #clientesModule .clients-search{width:100%!important}
  #clientesModule .clients-search input{height:46px!important;min-height:46px!important;font-size:16px!important}
  #clientesModule .client-directory-card{grid-template-columns:1fr!important;gap:12px!important;min-height:0!important;padding:14px 12px!important}
  #clientesModule .client-card-header,#clientesModule .client-card-actions{grid-column:auto!important}
  #clientesModule .client-list-cell{padding:1px 0!important}
  #clientesModule .client-list-cell b{font-size:11px!important;white-space:normal!important;overflow-wrap:anywhere!important}
  #clientesModule .client-list-cell small{font-size:9px!important;white-space:normal!important;overflow-wrap:anywhere!important}
  #clientesModule .client-comments-data span{-webkit-line-clamp:4!important;font-size:10px!important}
  #clientesModule .client-card-actions{width:100%!important;display:grid!important;grid-template-columns:52px 1fr 1fr!important;gap:7px!important;padding-top:11px!important}
  #clientesModule .contact-list-action{width:100%!important;min-width:0!important;height:42px!important}

  #proveedoresModule>.workspace-heading{margin-bottom:14px!important}
  #proveedoresModule>.workspace-heading h1{font-size:27px!important}
  #proveedoresModule .providers-toolbar{padding:12px!important;display:grid!important;grid-template-columns:1fr!important;gap:11px!important}
  #proveedoresModule .providers-search{width:100%!important;max-width:none!important}
  #proveedoresModule .providers-search input{height:46px!important;min-height:46px!important;font-size:16px!important}
  #proveedoresModule .provider-create-button{width:100%!important;height:45px!important}
  #providerModal{padding:0!important;align-items:stretch!important}
  #providerModal .provider-form-panel{width:100%!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;border:0!important;border-radius:0!important;overscroll-behavior:contain!important}
  #providerModal .provider-form-heading{position:sticky!important;top:0!important;z-index:5!important;min-height:68px!important;padding:12px 14px!important;grid-template-columns:38px minmax(0,1fr) 36px!important}
  #providerModal .provider-form-heading-icon{width:36px;height:36px;border-radius:10px;font-size:17px}
  #providerModal .provider-form-heading h2{font-size:20px!important}
  #providerModal .provider-form-body{padding:14px 12px 2px!important;gap:11px!important}
  #providerModal .provider-form-section{padding:15px!important}
  #providerModal .provider-form-section-title{align-items:flex-start!important;margin-bottom:14px!important}
  #providerModal .provider-form-grid--general,#providerModal .provider-form-grid--contacts,#providerModal .provider-form-grid--payment{grid-template-columns:1fr!important}
  #providerModal .provider-field--company,#providerModal .provider-field--address{grid-column:auto!important}
  #providerModal .provider-field :where(input,select){font-size:16px!important}
  #providerModal .provider-form-actions{position:sticky!important;bottom:0!important;z-index:5!important;padding:12px 12px calc(12px + env(safe-area-inset-bottom))!important;display:grid!important;grid-template-columns:1fr 1fr!important;box-shadow:0 -8px 22px rgba(35,38,58,.07)!important}
  #providerModal .provider-form-actions button{width:100%!important;min-width:0!important;height:45px!important}

  #userModal,#locationCatalogModal,#clientCompanyModal,#clientBranchModal,#clientModal{padding:0!important;align-items:stretch!important}
  #userModal .team-user-modal,
  #locationCatalogModal .branch-form-panel,
  #clientCompanyModal .company-form-panel,
  #clientBranchModal .company-branch-form-panel,
  #clientModal .contact-form-panel{width:100%!important;max-width:none!important;max-height:100dvh!important;height:100dvh!important;border:0!important;border-radius:0!important;overscroll-behavior:contain!important}
  #userModal .user-modal-heading,
  #locationCatalogModal .branch-form-heading,
  #clientCompanyModal .company-form-heading,
  #clientBranchModal .company-branch-form-heading,
  #clientModal .contact-form-heading{position:sticky!important;top:0!important;z-index:5!important;min-height:68px!important;padding:14px 16px!important}
  #userModal .team-modal-actions,
  #locationCatalogModal .branch-form-actions,
  #clientCompanyModal .company-form-actions,
  #clientBranchModal .company-branch-form-actions,
  #clientModal .contact-form-actions{position:sticky!important;bottom:0!important;z-index:5!important;padding:12px 12px calc(12px + env(safe-area-inset-bottom))!important;box-shadow:0 -8px 22px rgba(35,38,58,.07)!important}
  #userModal .team-form-section{margin:0 14px!important;padding:19px 0!important;border-radius:0!important}
  #userModal .user-form-grid{grid-template-columns:1fr!important;gap:14px!important}
  #userModal #temporaryRoles{grid-template-columns:1fr!important}
  #userModal :where(input,select),
  #locationCatalogModal :where(input,select,textarea),
  #clientCompanyModal :where(input,select,textarea),
  #clientBranchModal :where(input,select,textarea),
  #clientModal :where(input,select,textarea){font-size:16px!important;}
  #clientCompanyModal .company-form-body,#clientModal .contact-form-body{padding:0 16px!important}
  #clientBranchModal .company-branch-form-body,#locationCatalogModal .branch-form-body{padding:20px 16px!important}
  #clientCompanyModal .company-form-grid,#clientBranchModal .company-branch-form-grid,#clientModal .contact-form-grid{grid-template-columns:1fr!important}
  #clientCompanyModal .company-field--address,#clientCompanyModal .company-field--notes,#clientBranchModal .company-branch-field--address,#clientModal .contact-field--comments{grid-column:auto!important}

  #companyDirectoryConfirmModal{padding:10px!important;align-items:center!important}
  #companyDirectoryConfirmModal .company-confirm-panel{width:100%!important;max-width:420px!important;padding:21px 17px 17px!important;grid-template-columns:44px minmax(0,1fr)!important;gap:13px!important;border-radius:15px!important}
  #companyDirectoryConfirmModal .company-confirm-copy{padding-right:18px!important}
  #companyDirectoryConfirmModal .company-confirm-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
  #companyDirectoryConfirmModal .company-confirm-actions button{width:100%!important;min-width:0!important;height:45px!important}
}

@media(max-width:390px){
  .account-quick-grid{grid-template-columns:1fr 1fr!important}
  .command-center .account-center-menu .account-quick-grid button{height:68px!important}
  .command-center .account-center-menu .account-quick-grid button:last-child{grid-column:1/-1!important}
  #empresasModule .companies-page-actions{grid-template-columns:1fr!important}
  #clientesModule .client-card-actions{grid-template-columns:1fr 1fr!important}
  #clientesModule .contact-list-action--docs{grid-column:1/-1!important}
}

/* Proveedores: detalle navegable, modo oscuro y versión móvil. */
body.dark-mode #proveedoresModule .providers-toolbar,
body.dark-mode #proveedoresModule .providers-card-list,
body.dark-mode #proveedoresModule .provider-list-row,
body.dark-mode #proveedoresModule .provider-detail-card,
body.dark-mode #proveedoresModule .provider-detail-section,
body.dark-mode #proveedoresModule .provider-detail-back{color:#f4f4f7!important;background:#24252f!important;border-color:#41434f!important}
body.dark-mode #proveedoresModule .provider-list-head,
body.dark-mode #proveedoresModule .provider-detail-actions{background:#20212a!important;border-color:#363844!important}
body.dark-mode #proveedoresModule .provider-list-row:hover{background:#292d37!important}
body.dark-mode #proveedoresModule :where(.provider-list-identity strong,.provider-detail-heading h2,.provider-detail-section h3,.provider-list-empty strong){color:#f4f4f7!important}
body.dark-mode #proveedoresModule :where(.provider-list-supplies b,.provider-list-contact b,.provider-detail-supplies p,.provider-detail-item strong){color:#dedfe5!important}
body.dark-mode #proveedoresModule .provider-detail-header{background:linear-gradient(110deg,#18313d 0%,#24252f 72%)!important;border-color:#355363!important}
body.dark-mode #proveedoresModule .provider-detail-supplies{background:#1f332d!important;border-color:#315648!important}
body.dark-mode #proveedoresModule .provider-detail-section--catalog,body.dark-mode #proveedoresModule .provider-detail-catalog-row{background:#2b2720!important;border-color:#514636!important}
body.dark-mode #proveedoresModule .provider-detail-catalog-row strong{color:#f2f0eb!important}
body.dark-mode #providerModal .provider-catalog-row{background:#2b2720!important;border-color:#514636!important}
body.dark-mode #proveedoresModule .provider-detail-item{background:#292a35!important;border-color:#41434f!important}
body.dark-mode #providerModal .provider-field :where(input,select,textarea){color:#f4f4f7!important;background:#292a35!important;border-color:#424450!important}

/* Notificaciones unificadas con el acceso de Pirela. */
.app-toast-region{top:22px!important;right:22px!important;bottom:auto!important;width:min(390px,calc(100vw - 40px))!important;gap:10px!important}
.app-toast{--app-toast-accent:#c8ff00;position:relative!important;min-height:76px!important;padding:14px 45px 14px 14px!important;grid-template-columns:34px minmax(0,1fr)!important;gap:12px!important;align-items:center!important;overflow:hidden!important;border:0!important;border-left:5px solid var(--app-toast-accent)!important;border-radius:10px!important;color:#fff!important;background:#090b09!important;box-shadow:0 20px 55px rgba(0,0,0,.28)!important;animation:app-toast-in 420ms cubic-bezier(.2,.8,.2,1)!important}
.app-toast-error{--app-toast-accent:#e5483f}
.app-toast::after{content:"";position:absolute;right:0;bottom:0;left:0;height:3px;background:var(--app-toast-accent);transform:scaleX(1);transform-origin:left;animation:app-toast-life var(--app-toast-duration,5200ms) linear forwards}
.app-toast-icon{width:32px!important;height:32px!important;min-height:32px!important;display:grid!important;place-items:center!important;border-radius:50%!important;color:#d7ff49!important;background:rgba(200,255,0,.14)!important;font-size:17px!important;font-weight:900!important}
.app-toast-error .app-toast-icon{color:#ff6860!important;background:rgba(229,72,63,.15)!important}
.app-toast-copy{padding:0!important;gap:3px!important}
.app-toast-copy strong{color:#fff!important;font-size:13px!important;font-weight:800!important}
.app-toast-copy span{color:#eef0ed!important;font-size:11px!important;line-height:1.45!important}
.app-toast-copy small{color:#aeb3ac!important;font-size:9px!important;opacity:1!important}
.app-toast-close{position:absolute!important;top:11px!important;right:9px!important;width:32px!important;height:32px!important;padding:0!important;display:grid!important;place-items:center!important;border:0!important;border-radius:50%!important;color:#aeb3ac!important;background:transparent!important;font-size:20px!important;opacity:1!important;cursor:pointer!important}
.app-toast-close:hover{color:#fff!important;background:rgba(255,255,255,.1)!important;transform:rotate(6deg)!important}
.app-toast.is-leaving{opacity:0!important;transform:translateX(calc(100% + 45px))!important;transition:opacity 220ms ease,transform 360ms cubic-bezier(.2,.8,.2,1)!important}
@keyframes app-toast-in{from{opacity:0;transform:translateX(calc(100% + 45px))}to{opacity:1;transform:translateX(0)}}
@keyframes app-toast-life{from{transform:scaleX(1)}to{transform:scaleX(0)}}

@media(max-width:760px){
  #proveedoresModule .provider-list-head{display:none!important}
  #proveedoresModule .provider-list-row{min-height:0!important;padding:14px 12px!important;grid-template-columns:42px minmax(0,1fr) 24px!important;gap:10px!important}
  #proveedoresModule .provider-list-identity{grid-column:2!important}
  #proveedoresModule .provider-list-supplies,#proveedoresModule .provider-list-contact{grid-column:2/-1!important;padding-top:3px!important}
  #proveedoresModule .provider-list-supplies b,#proveedoresModule .provider-list-contact b{white-space:normal!important;overflow-wrap:anywhere!important}
  #proveedoresModule .provider-list-payment{grid-column:2!important}
  #proveedoresModule .provider-list-docs{grid-column:3!important;grid-row:4!important}
  #proveedoresModule .provider-list-chevron{grid-column:3!important;grid-row:1!important}
  #proveedoresModule .provider-detail-back{min-height:43px!important}
  #proveedoresModule .provider-detail-header{padding:17px 14px!important;grid-template-columns:48px minmax(0,1fr)!important;gap:12px!important}
  #proveedoresModule .provider-detail-avatar{width:48px!important;height:48px!important;border-radius:13px!important}
  #proveedoresModule .provider-detail-heading h2{font-size:19px!important;white-space:normal!important}
  #proveedoresModule .provider-detail-doc-count{grid-column:1/-1!important;justify-self:start!important}
  #proveedoresModule .provider-detail-supplies{margin:13px 12px 0!important;padding:13px!important}
  #proveedoresModule .provider-detail-sections{padding:13px 12px 5px!important;gap:11px!important}
  #proveedoresModule .provider-detail-section{padding:14px!important}
  #proveedoresModule .provider-detail-grid,#proveedoresModule .provider-detail-grid--payment{grid-template-columns:1fr!important}
  #proveedoresModule .provider-detail-item strong{white-space:normal!important;overflow-wrap:anywhere!important}
  #proveedoresModule .provider-detail-catalog-row{grid-template-columns:1fr!important}
  #proveedoresModule .provider-detail-actions{padding:12px!important;display:grid!important;grid-template-columns:1fr 1fr!important}
  #proveedoresModule .provider-detail-action{width:100%!important;min-width:0!important;height:44px!important}
  #proveedoresModule .provider-detail-action--docs{grid-column:1/-1!important}
  #providerModal .provider-field--supplies{grid-column:auto!important}
  #providerModal .provider-field :where(input,select,textarea){font-size:16px!important}
  .app-toast-region{top:12px!important;right:12px!important;width:calc(100vw - 24px)!important}
}
@media(max-width:900px){#providerModal .provider-catalog-row{grid-template-columns:repeat(2,minmax(0,1fr))}#providerModal .provider-catalog-concept{grid-column:1/-1}#providerModal .provider-catalog-remove{width:100%;grid-column:1/-1}}
@media(max-width:560px){#providerModal .provider-catalog-row{grid-template-columns:1fr}#providerModal .provider-catalog-concept{grid-column:auto}#providerModal .provider-catalog-add{width:100%}}

/* Perfil personal — pantalla editable */
#perfilModule{padding:28px!important}
#perfilModule .profile-page-shell{width:min(1160px,100%);margin:0 auto;display:grid;gap:18px}
#perfilModule .profile-page-header{display:flex;align-items:center;gap:14px}
#perfilModule .profile-page-header>div{display:grid;gap:2px}
#perfilModule .profile-page-header :where(p,h1){margin:0}
#perfilModule .profile-page-header h1{color:#202129;font-size:28px;letter-spacing:-.045em}
#perfilModule .profile-back-button{height:42px;padding:0 14px;display:inline-flex;align-items:center;gap:7px;border:1px solid #dedfe7;border-radius:11px;color:#4d4f5b;background:#fff;font-size:9px;font-weight:850;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background-color .16s ease}
#perfilModule .profile-back-button:hover{border-color:#bdb4ec;background:#f7f5ff;transform:translateX(-2px)}
#perfilModule .profile-editor{display:grid;grid-template-columns:310px minmax(0,1fr);gap:16px;align-items:start}
#perfilModule .profile-photo-panel,#perfilModule .profile-fields-panel{border:1px solid #e1e3e9;border-radius:18px;background:#fff;box-shadow:0 12px 34px rgba(34,36,48,.06)}
#perfilModule .profile-photo-panel{padding:22px;display:grid;gap:20px;border-top:3px solid #1e1f27}
#perfilModule .profile-photo-heading{display:grid;justify-items:center;gap:14px;text-align:center}
#perfilModule .profile-photo-heading>div{display:grid;justify-items:center;gap:6px}
#perfilModule .profile-photo-heading h2{margin:0;color:#22232b;font-size:18px;letter-spacing:-.025em}
#perfilModule .profile-photo-heading>div>span{padding:5px 9px;border-radius:999px;color:#5b4bbe;background:#f0edff;font-size:8px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
#perfilModule .profile-avatar-button{width:104px;height:104px;border-radius:28px}
#perfilModule .profile-avatar-button .account-profile-avatar{width:104px!important;height:104px!important;border-radius:28px!important}
#perfilModule .profile-avatar-button .account-profile-avatar>i{font-size:40px!important}
#perfilModule .profile-avatar-button .account-avatar-camera{right:-3px;bottom:0;width:31px;height:31px;border-width:4px}
#perfilModule .profile-photo-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#perfilModule .profile-photo-actions button{min-height:39px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:10px;font-size:8px;font-weight:850;cursor:pointer}
#perfilModule .profile-photo-change{border:1px solid #cfc8f5;color:#5344be;background:#f5f3ff}
#perfilModule .profile-photo-change:hover{color:#fff;background:#6757d8;border-color:#6757d8}
#perfilModule .account-avatar-remove{border:1px solid #efc2c9;color:#a93649;background:#fff5f6}
#perfilModule .profile-photo-panel>p{margin:0;color:#858895;font-size:8px;line-height:1.55;text-align:center}
#perfilModule .profile-fields-panel{padding:22px;display:grid;gap:19px;border-top:3px solid #7567df}
#perfilModule .profile-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
#perfilModule .profile-section-heading>div{display:grid;gap:3px}
#perfilModule .profile-section-heading span{color:#7567df;font-size:8px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
#perfilModule .profile-section-heading h2{margin:0;color:#272831;font-size:15px}
#perfilModule .profile-section-heading>i{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;color:#6555cf;background:#f0edff;font-size:17px}
#perfilModule .profile-access-heading{margin-top:3px;padding-top:18px;border-top:1px solid #ececf1}
#perfilModule .profile-access-heading span{color:#69707e}
#perfilModule .profile-access-heading>i{color:#5b6474;background:#f0f2f5}
#perfilModule .profile-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#perfilModule .profile-form-grid label{display:grid;gap:7px}
#perfilModule .profile-form-grid label>span{color:#687080;font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
#perfilModule .profile-form-grid input{width:100%;height:47px;padding:0 13px;border:1px solid #dcdfe7;border-radius:11px;color:#282a32;background:#fff;font:inherit;font-size:11px;outline:0;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}
#perfilModule .profile-form-grid input:focus{border-color:#7a68e4;box-shadow:0 0 0 3px rgba(117,103,223,.12)}
#perfilModule .profile-form-grid input[readonly]{color:#777b87;background:#f4f5f7;border-color:#e5e6eb;cursor:not-allowed}
#perfilModule .profile-field-wide{grid-column:1/-1}
#perfilModule .profile-form-actions{padding-top:18px;display:flex;justify-content:flex-end;gap:9px;border-top:1px solid #ececf1}
#perfilModule .profile-form-actions button{height:43px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:10px;font-size:9px;font-weight:850;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}
#perfilModule .profile-cancel-button{border:1px solid #dfe1e7;color:#626570;background:#fff}
#perfilModule .profile-save-button{min-width:150px;border:1px solid #6757d8;color:#fff;background:#6757d8;box-shadow:0 8px 20px rgba(103,87,216,.18)}
#perfilModule .profile-save-button:hover{transform:translateY(-1px);box-shadow:0 11px 24px rgba(103,87,216,.25)}

body.dark-mode #perfilModule .profile-page-header h1{color:#f4f4f6}
body.dark-mode #perfilModule :where(.profile-photo-panel,.profile-fields-panel){border-color:#3b3d48;background:#23242d}
body.dark-mode #perfilModule :where(.profile-photo-heading h2,.profile-section-heading h2){color:#f1f1f4}
body.dark-mode #perfilModule .profile-form-grid input{color:#f2f2f5;background:#2b2c36;border-color:#474955}
body.dark-mode #perfilModule .profile-form-grid input[readonly]{color:#a7a9b3;background:#202129;border-color:#393b46}
body.dark-mode #perfilModule :where(.profile-access-heading,.profile-form-actions){border-color:#3a3c47}
body.dark-mode #perfilModule :where(.profile-back-button,.profile-cancel-button){color:#d5d6dd;background:#292a34;border-color:#444651}

@media(max-width:760px){
  #perfilModule{padding:14px 11px 28px!important}
  #perfilModule .profile-page-shell{gap:13px}
  #perfilModule .profile-page-header{align-items:flex-start}
  #perfilModule .profile-page-header h1{font-size:23px}
  #perfilModule .profile-back-button{width:42px;padding:0;justify-content:center}
  #perfilModule .profile-back-button span{display:none}
  #perfilModule .profile-editor{grid-template-columns:1fr;gap:12px}
  #perfilModule .profile-photo-panel,#perfilModule .profile-fields-panel{padding:16px;border-radius:15px}
  #perfilModule .profile-photo-heading{grid-template-columns:88px minmax(0,1fr);justify-items:start;text-align:left;align-items:center}
  #perfilModule .profile-photo-heading>div{justify-items:start}
  #perfilModule .profile-avatar-button,#perfilModule .profile-avatar-button .account-profile-avatar{width:82px!important;height:82px!important;border-radius:23px!important}
  #perfilModule .profile-form-grid{grid-template-columns:1fr}
  #perfilModule .profile-field-wide{grid-column:auto}
  #perfilModule .profile-form-grid input{height:50px;font-size:16px}
  #perfilModule .profile-form-actions{display:grid;grid-template-columns:1fr 1.35fr}
  #perfilModule .profile-form-actions button{width:100%;height:47px;padding:0 10px}
}

/* Proveedores: copia de CLABE, expediente y visor de documentos. */
#proveedoresModule .provider-detail-item--copyable{grid-template-columns:30px minmax(0,1fr) auto!important}
#proveedoresModule .provider-detail-section--payment .provider-detail-item{border-color:#e4e1f8;background:#fff}
#proveedoresModule .provider-detail-section--payment .provider-detail-item>span{color:#594dc9;background:#eeecff}
#proveedoresModule .provider-detail-copy{height:30px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid #cbc5f6;border-radius:7px;color:#5143bd;background:#f2f0ff;font-size:8px;font-weight:850;cursor:pointer;transition:color .16s ease,background-color .16s ease,border-color .16s ease,transform .16s ease}
#proveedoresModule .provider-detail-copy:hover{border-color:#6758d8;color:#fff;background:#6758d8;transform:translateY(-1px)}
#proveedoresModule .provider-detail-copy.is-copied{border-color:#72d5ac;color:#08784a;background:#e5f9f1}
#proveedoresModule .provider-detail-copy:disabled{opacity:.45;cursor:not-allowed;transform:none}

#providerDocsModal{z-index:900!important;padding:22px!important;background:rgba(28,31,43,.58)!important;backdrop-filter:blur(7px)!important}
#providerDocsModal .provider-docs-panel{width:min(980px,calc(100vw - 44px))!important;max-height:min(90dvh,820px)!important;padding:0!important;overflow:hidden!important;border:1px solid #dfe3ea!important;border-radius:18px!important;background:#f6f7f9!important;box-shadow:0 30px 90px rgba(22,25,37,.3)!important}
#providerDocsModal .provider-docs-heading{min-height:94px;padding:20px 22px;display:grid;grid-template-columns:46px minmax(0,1fr) 38px;gap:13px;align-items:center;border-bottom:1px solid #e4e6eb;background:#fff}
#providerDocsModal .provider-docs-heading-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;color:#087ea9;background:#e1f5fd;font-size:21px}
#providerDocsModal .provider-docs-heading>div{min-width:0;display:grid;gap:3px}
#providerDocsModal .provider-docs-heading p,#providerDocsModal .provider-docs-heading h2{margin:0}
#providerDocsModal .provider-docs-heading p{color:#0786b4;font-size:8px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
#providerDocsModal .provider-docs-heading h2{overflow:hidden;color:#23252b;font-size:21px;letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap}
#providerDocsModal .provider-docs-close,#providerDocumentPreviewModal .provider-document-preview-close{width:38px;height:38px;display:grid;place-items:center;border:1px solid #e1e4ea;border-radius:10px;color:#676b77;background:#fff;font-size:19px;cursor:pointer;transition:color .16s ease,background-color .16s ease,border-color .16s ease,transform .16s ease}
#providerDocsModal .provider-docs-close:hover,#providerDocumentPreviewModal .provider-document-preview-close:hover{border-color:#cfd3dc;color:#202228;background:#f2f3f5;transform:rotate(5deg)}
#providerDocsModal .provider-docs-body{max-height:calc(min(90dvh,820px) - 94px);padding:18px;display:grid;gap:16px;overflow:auto}
#providerDocsModal .provider-docs-upload{padding:16px;display:grid;grid-template-columns:minmax(190px,.75fr) minmax(300px,1.4fr) minmax(158px,.55fr);gap:11px;align-items:end;border:1px solid #e1e4ea;border-radius:13px;background:#fff}
#providerDocsModal .provider-docs-upload-title{grid-column:1/-1;display:flex;align-items:center;gap:10px;padding-bottom:3px}
#providerDocsModal .provider-docs-upload-title>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:#5a4dc8;background:#efedff;font-size:17px}
#providerDocsModal .provider-docs-upload-title>div{display:grid;align-items:center}
#providerDocsModal .provider-docs-upload-title strong{color:#292b31;font-size:11px}
#providerDocsModal .provider-docs-type-field{margin:0!important;display:grid;gap:7px}
#providerDocsModal .provider-docs-type-field>span{color:#6d7180;font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
#providerDocsModal .provider-docs-type-field input{width:100%;height:48px;padding:0 13px;border:1px solid #d9dde5;border-radius:10px;color:#272930;background:#fafbfc;font:inherit;font-size:11px;outline:0;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}
#providerDocsModal .provider-docs-type-field input:focus{border-color:#21a7d8;background:#fff;box-shadow:0 0 0 3px rgba(0,169,255,.1)}
#providerDocsModal .provider-docs-file-field{position:relative;height:48px;margin:0!important;padding:0 10px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:9px;align-items:center;border:1px dashed #b8c8d4;border-radius:10px;background:#f8fbfd;cursor:pointer;transition:border-color .16s ease,background-color .16s ease}
#providerDocsModal .provider-docs-file-field:hover{border-color:#21a7d8;background:#f1faff}
#providerDocsModal .provider-docs-file-field input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
#providerDocsModal .provider-docs-file-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;color:#087ea9;background:#e3f5fc;font-size:15px}
#providerDocsModal .provider-docs-file-copy{min-width:0;display:grid;gap:2px}
#providerDocsModal .provider-docs-file-copy strong{overflow:hidden;color:#333640;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
#providerDocsModal .provider-docs-file-copy small{overflow:hidden;color:#8a8e99;font-size:8px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
#providerDocsModal .provider-docs-file-field>b{padding:6px 8px;border-radius:7px;color:#4d5360;background:#e9ecf1;font-size:8px;font-weight:850}
#providerDocsModal .provider-docs-submit{width:100%;height:48px;margin:0!important;padding:0 16px;align-self:end;justify-self:stretch;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #6758d8;border-radius:10px;color:#fff;background:linear-gradient(135deg,#6758d8,#5042bd);box-shadow:0 8px 18px rgba(81,67,189,.2);font-size:9px;font-weight:850;line-height:1;cursor:pointer;transition:background-color .16s ease,transform .16s ease,box-shadow .16s ease}
#providerDocsModal .provider-docs-submit:hover{background:linear-gradient(135deg,#594bc9,#4336aa);box-shadow:0 10px 22px rgba(81,67,189,.27);transform:translateY(-1px)}
#providerDocsModal .provider-docs-submit:disabled{opacity:.6;cursor:wait;transform:none}
#providerDocsModal .provider-documents-section{padding:16px;border:1px solid #dedbf3;border-top:3px solid #8174df;border-radius:13px;background:#fff}
#providerDocsModal .provider-documents-section-heading{margin-bottom:11px;display:flex;align-items:end;justify-content:space-between;gap:12px}
#providerDocsModal .provider-documents-section-heading p,#providerDocsModal .provider-documents-section-heading h3{margin:0}
#providerDocsModal .provider-documents-section-heading p{margin-bottom:2px;color:#858996;font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
#providerDocsModal .provider-documents-section-heading h3{color:#25272d;font-size:14px}
#providerDocsModal .provider-documents-section-heading>span{padding:6px 9px;border-radius:999px;color:#5143bd;background:#eeecff;font-size:8px;font-weight:850}
#providerDocsModal .provider-documents-list{display:grid;gap:8px}
#providerDocsModal .provider-document-row{min-height:66px;padding:9px 10px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:11px;align-items:center;border:1px solid #e5e7ec;border-radius:10px;background:#fafbfc;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}
#providerDocsModal .provider-document-row:hover{border-color:#d5d0f3;background:#faf9ff;transform:translateY(-1px)}
#providerDocsModal .provider-document-file-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;color:#594dc9;background:#eeecff;font-size:18px}
#providerDocsModal .provider-document-file-copy{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;align-items:center}
#providerDocsModal .provider-document-file-copy strong{overflow:hidden;color:#2e3037;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
#providerDocsModal .provider-document-file-copy span{grid-row:2;color:#707581;font-size:8px;font-weight:750}
#providerDocsModal .provider-document-file-copy small{grid-column:2;grid-row:1/3;color:#8c909a;font-size:8px;font-weight:650}
#providerDocsModal .provider-document-row-actions{display:flex;align-items:center;gap:6px}
#providerDocsModal .provider-document-row-actions button{height:34px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border-radius:8px;font-size:8px;font-weight:850;cursor:pointer;transition:color .16s ease,background-color .16s ease,border-color .16s ease}
#providerDocsModal .provider-document-open{border:1px solid #c8c2f2;color:#5143bd;background:#f4f2ff}
#providerDocsModal .provider-document-open:hover{border-color:#6758d8;color:#fff;background:#6758d8}
#providerDocsModal .provider-document-delete{border:1px solid #efb1ba;color:#ad2c40;background:#fff2f4}
#providerDocsModal .provider-document-delete:hover{border-color:#d9485f;color:#fff;background:#d9485f}
#providerDocsModal .provider-document-delete:disabled{opacity:.55;cursor:wait}
#providerDocsModal :where(.provider-documents-empty,.provider-documents-loading,.provider-documents-error){min-height:140px;display:grid;place-content:center;justify-items:center;gap:6px;color:#767b87;text-align:center}
#providerDocsModal .provider-documents-empty>span{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;color:#087ea9;background:#e8f7fd;font-size:20px}
#providerDocsModal .provider-documents-empty strong{color:#30323a;font-size:11px}
#providerDocsModal .provider-documents-empty p{margin:0;font-size:9px}
#providerDocsModal .provider-documents-loading i{color:#1599c7;font-size:22px;animation:provider-doc-spin .8s linear infinite}
#providerDocsModal .provider-documents-loading span,#providerDocsModal .provider-documents-error span{font-size:10px;font-weight:750}
#providerDocsModal .provider-documents-error i{color:#d83b52;font-size:22px}
@keyframes provider-doc-spin{to{transform:rotate(360deg)}}

#providerDocumentPreviewModal{z-index:1200!important;padding:18px!important;background:rgba(18,20,27,.72)!important;backdrop-filter:blur(9px)!important}
#providerDocumentPreviewModal .provider-document-preview-panel{width:min(1120px,calc(100vw - 36px));height:min(90dvh,850px);display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid #dfe3ea;border-radius:17px;background:#eef0f3;box-shadow:0 35px 100px rgba(0,0,0,.38)}
#providerDocumentPreviewModal .provider-document-preview-heading{min-height:78px;padding:14px 16px;display:grid;grid-template-columns:42px minmax(0,1fr) auto 38px;gap:11px;align-items:center;border-bottom:1px solid #dfe3ea;background:#fff}
#providerDocumentPreviewModal .provider-document-preview-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;color:#087ea9;background:#e4f6fd;font-size:19px}
#providerDocumentPreviewModal .provider-document-preview-heading>div{min-width:0;display:grid;gap:2px}
#providerDocumentPreviewModal .provider-document-preview-heading p,#providerDocumentPreviewModal .provider-document-preview-heading h2,#providerDocumentPreviewModal .provider-document-preview-heading>div>span{margin:0}
#providerDocumentPreviewModal .provider-document-preview-heading p{color:#087ea9;font-size:8px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
#providerDocumentPreviewModal .provider-document-preview-heading h2{overflow:hidden;color:#25272d;font-size:15px;text-overflow:ellipsis;white-space:nowrap}
#providerDocumentPreviewModal .provider-document-preview-heading>div>span{color:#7d818c;font-size:8px;font-weight:650}
#providerDocumentPreviewModal .provider-document-download{height:38px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;border:1px solid #bee7f7;border-radius:9px;color:#087ea9;background:#fff;font-size:9px;font-weight:850;text-decoration:none;transition:color .16s ease,background-color .16s ease,border-color .16s ease}
#providerDocumentPreviewModal .provider-document-download:hover{border-color:#1599c7;color:#fff;background:#1599c7}
#providerDocumentPreviewModal .provider-document-preview-content{min-height:0;padding:14px;display:grid;place-items:center;overflow:auto;background:#e7e9ed}
#providerDocumentPreviewModal .provider-document-preview-content iframe{width:100%;height:100%;min-height:580px;border:0;border-radius:8px;background:#fff;box-shadow:0 10px 30px rgba(31,35,46,.12)}
#providerDocumentPreviewModal .provider-document-preview-content img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 12px 34px rgba(31,35,46,.16)}
#providerDocumentPreviewModal .provider-document-preview-fallback{max-width:420px;padding:32px;display:grid;justify-items:center;gap:9px;border:1px solid #d9dde5;border-radius:15px;background:#fff;text-align:center}
#providerDocumentPreviewModal .provider-document-preview-fallback>span{width:54px;height:54px;display:grid;place-items:center;border-radius:14px;color:#087ea9;background:#e4f6fd;font-size:24px}
#providerDocumentPreviewModal .provider-document-preview-fallback strong{color:#282a31;font-size:13px}
#providerDocumentPreviewModal .provider-document-preview-fallback p{margin:0;color:#737783;font-size:10px;line-height:1.5}
#providerDocumentPreviewModal .provider-document-preview-fallback a{height:39px;margin-top:5px;padding:0 13px;display:inline-flex;align-items:center;gap:6px;border-radius:9px;color:#fff;background:#1599c7;font-size:9px;font-weight:850;text-decoration:none}

body.dark-mode #providerDocsModal .provider-docs-panel,body.dark-mode #providerDocsModal .provider-docs-body{background:#1d1e26!important;border-color:#3b3d48!important}
body.dark-mode #providerDocsModal :where(.provider-docs-heading,.provider-docs-upload,.provider-documents-section,.provider-document-row){background:#262731!important;border-color:#41434f!important}
body.dark-mode #providerDocsModal :where(.provider-docs-heading h2,.provider-docs-upload-title strong,.provider-documents-section-heading h3,.provider-document-file-copy strong,.provider-documents-empty strong){color:#f3f3f6!important}
body.dark-mode #providerDocsModal :where(.provider-docs-type-field input,.provider-docs-file-field){color:#f2f2f5!important;background:#2d2e39!important;border-color:#4a4d59!important}
body.dark-mode #proveedoresModule .provider-detail-section--payment{background:#24242e!important;border-color:#6c63e8!important}
body.dark-mode #proveedoresModule .provider-detail-section--payment .provider-detail-item{background:#2b2b37!important;border-color:#4a475f!important}
body.dark-mode #proveedoresModule .provider-detail-section--payment .provider-detail-item>span{color:#b8afff!important;background:#3b3852!important}
body.dark-mode #proveedoresModule .provider-detail-copy{color:#c7c0ff!important;background:#39364e!important;border-color:#615b87!important}
body.dark-mode #providerDocumentPreviewModal .provider-document-preview-heading{background:#252630!important;border-color:#41434f!important}
body.dark-mode #providerDocumentPreviewModal .provider-document-preview-heading h2{color:#f4f4f7!important}
body.dark-mode #providerDocumentPreviewModal .provider-document-preview-panel{border-color:#41434f;background:#1d1e26!important}

@media(max-width:760px){
  #proveedoresModule .provider-detail-item--copyable{grid-template-columns:30px minmax(0,1fr) auto!important}
  #proveedoresModule .provider-detail-copy{height:34px!important;padding:0 10px!important}
  #providerDocsModal{padding:0!important;align-items:stretch!important}
  #providerDocsModal .provider-docs-panel{width:100%!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;border:0!important;border-radius:0!important}
  #providerDocsModal .provider-docs-heading{position:sticky;top:0;z-index:3;min-height:76px;padding:12px 13px;grid-template-columns:40px minmax(0,1fr) 36px;gap:10px}
  #providerDocsModal .provider-docs-heading-icon{width:40px;height:40px;border-radius:11px;font-size:18px}
  #providerDocsModal .provider-docs-heading h2{font-size:17px;white-space:normal}
  #providerDocsModal .provider-docs-heading>div>span{display:none}
  #providerDocsModal .provider-docs-body{max-height:calc(100dvh - 76px);padding:11px;gap:11px}
  #providerDocsModal .provider-docs-upload{padding:13px;grid-template-columns:1fr;gap:10px}
  #providerDocsModal .provider-docs-upload-title{grid-column:auto}
  #providerDocsModal .provider-docs-submit{width:100%}
  #providerDocsModal .provider-documents-section{padding:12px}
  #providerDocsModal .provider-document-row{grid-template-columns:36px minmax(0,1fr);gap:9px}
  #providerDocsModal .provider-document-file-copy{display:grid;grid-template-columns:1fr;gap:3px}
  #providerDocsModal .provider-document-file-copy span,#providerDocsModal .provider-document-file-copy small{grid-column:auto;grid-row:auto}
  #providerDocsModal .provider-document-row-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}
  #providerDocsModal .provider-document-row-actions button{height:40px}
  #providerDocumentPreviewModal{padding:0!important;align-items:stretch!important}
  #providerDocumentPreviewModal .provider-document-preview-panel{width:100%;height:100dvh;border:0;border-radius:0}
  #providerDocumentPreviewModal .provider-document-preview-heading{min-height:72px;padding:10px;grid-template-columns:38px minmax(0,1fr) 36px;gap:9px}
  #providerDocumentPreviewModal .provider-document-preview-icon{width:38px;height:38px}
  #providerDocumentPreviewModal .provider-document-download{grid-column:1/-1;grid-row:2;width:100%;justify-content:center}
  #providerDocumentPreviewModal .provider-document-preview-close{grid-column:3;grid-row:1}
  #providerDocumentPreviewModal .provider-document-preview-content{padding:8px}
  #providerDocumentPreviewModal .provider-document-preview-content iframe{min-height:calc(100dvh - 128px)}
}

/* =========================================================
   Pirela 1.0.46 · Mi organización
   ========================================================= */
#organizacionModule{width:100%;max-width:1460px;margin-inline:auto;padding-inline:24px;box-sizing:border-box;--org-violet:#6957d9;--org-coral:#e35f66;--org-cyan:#138caf;--org-amber:#d98a16;--org-indigo:#4f64c8;--org-slate:#667085}
#organizacionModule .pirela-org-page-heading{margin:0 0 22px;display:flex;align-items:end;justify-content:space-between;gap:24px}
#organizacionModule .pirela-org-page-heading p,#organizacionModule .pirela-org-page-heading h1{margin:0}
#organizacionModule .pirela-org-page-heading h1{margin-top:7px;color:#17181c;font-size:32px;line-height:1.08;letter-spacing:-.04em}
#organizacionModule .pirela-org-heading-actions{display:flex;align-items:center;gap:10px}
#organizacionModule .pirela-save-state{min-height:40px;padding:0 12px;display:inline-flex;align-items:center;gap:7px;border-color:#e0e3e8;border-radius:10px;color:#686d78;background:#fff;font-size:10px;font-weight:750;white-space:nowrap}
#organizacionModule .pirela-save-state::before{content:"";width:7px;height:7px;border-radius:50%;background:#2fb178;box-shadow:0 0 0 3px rgba(47,177,120,.12)}
#organizacionModule .pirela-org-save-button{min-height:40px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #22252b!important;border-radius:10px!important;background:#22252b!important;box-shadow:0 8px 18px rgba(34,37,43,.14);font-size:10px;font-weight:850}
#organizacionModule .pirela-org-save-button:hover{background:#090a0c!important;border-color:#090a0c!important;transform:translateY(-1px)}
#organizacionModule .pirela-org-layout{grid-template-columns:250px minmax(0,1fr);gap:18px}
#organizacionModule .pirela-settings-side{top:86px}
#organizacionModule .pirela-org-brand-card{position:relative;padding:23px 18px 18px;gap:13px;overflow:hidden;border-color:#e1e4e9!important;border-radius:16px!important;background:#fff;box-shadow:0 12px 28px rgba(32,37,48,.05)!important;text-align:center}
#organizacionModule .pirela-org-brand-card::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--org-violet)}
#organizacionModule .pirela-org-card-label{color:#6b707a;font-size:8px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
#organizacionModule .pirela-org-logo{width:104px;height:104px;margin:1px auto 0;border:1px solid #dfe2e7;border-radius:22px;background:#f5f6f8;color:#282b31;font-size:25px;box-shadow:0 8px 20px rgba(32,37,48,.08)}
#organizacionModule .pirela-org-logo img{padding:9px;background:#fff}
#organizacionModule .pirela-org-brand-copy{min-width:0}
#organizacionModule .pirela-org-brand-copy h2{overflow:hidden;margin:0;color:#202228;font-size:19px;letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap}
#organizacionModule .pirela-org-brand-copy p{overflow:hidden;margin:4px 0 0;color:#7a7f89;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
#organizacionModule .pirela-org-logo-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}
#organizacionModule .pirela-org-logo-actions .secondary-button,#organizacionModule .pirela-org-logo-actions .ghost-button{min-height:38px;margin:0;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:9px!important;font-size:9px;font-weight:800}
#organizacionModule .pirela-org-logo-actions .secondary-button{border-color:#d9d5f4!important;color:#5547bd!important;background:#f5f3ff!important}
#organizacionModule .pirela-org-logo-actions .secondary-button:hover{border-color:#6957d9!important;background:#ece9ff!important}
#organizacionModule .pirela-org-logo-delete{border:1px solid #efc8cd!important;color:#bb4050!important;background:#fff5f6!important}
#organizacionModule .pirela-org-brand-card>small{color:#9296a0;font-size:8px;font-weight:650}
#organizacionModule .pirela-settings-main,#organizacionModule .pirela-org-form{display:grid;gap:14px}
#organizacionModule .pirela-org-section{position:relative;padding:19px 20px 20px;overflow:hidden;border:1px solid #e1e4e9!important;border-radius:16px!important;background:#fff;box-shadow:0 8px 24px rgba(32,37,48,.035)!important}
#organizacionModule .pirela-org-section::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--org-accent,#727884)}
#organizacionModule .pirela-org-section--identity{--org-accent:var(--org-violet);--org-accent-soft:#f0edff}
#organizacionModule .pirela-org-section--address{--org-accent:var(--org-coral);--org-accent-soft:#fff0f1}
#organizacionModule .pirela-org-section--regional{--org-accent:var(--org-cyan);--org-accent-soft:#eaf8fb}
#organizacionModule .pirela-org-section--projects{--org-accent:var(--org-amber);--org-accent-soft:#fff5e4}
#organizacionModule .pirela-org-section--documents{--org-accent:var(--org-indigo);--org-accent-soft:#eef1ff}
#organizacionModule .pirela-org-section--access{--org-accent:var(--org-slate);--org-accent-soft:#f0f2f5}
#organizacionModule .pirela-org-branches{--org-accent:#2a9f76;--org-accent-soft:#e9f8f2}
#organizacionModule .pirela-org-section-heading{margin-bottom:17px;display:grid;grid-template-columns:36px minmax(0,1fr);gap:11px;align-items:center}
#organizacionModule .pirela-org-section-heading>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;color:var(--org-accent,#727884);background:var(--org-accent-soft,#f1f2f4);font-size:17px}
#organizacionModule .pirela-org-section-heading p,#organizacionModule .pirela-org-section-heading h2{margin:0}
#organizacionModule .pirela-org-section-heading p{margin-bottom:2px;color:#8a8e98;font-size:7px;font-weight:850;letter-spacing:.11em}
#organizacionModule .pirela-org-section-heading h2{color:#292b31;font-size:16px;line-height:1.2;letter-spacing:-.02em}
#organizacionModule .pirela-org-section .pirela-form-grid{gap:13px 14px}
#organizacionModule .pirela-org-section .pirela-form-grid label{gap:6px;color:#686d78;font-size:8px;font-weight:850;letter-spacing:.065em;text-transform:uppercase}
#organizacionModule .pirela-org-section .pirela-form-grid input,#organizacionModule .pirela-org-section .pirela-form-grid select,#organizacionModule .pirela-org-section .pirela-form-grid textarea{min-height:45px;border:1px solid #dfe2e8!important;border-radius:10px!important;color:#272930;background:#fafbfc!important;font-size:11px;font-weight:550;letter-spacing:0;text-transform:none;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}
#organizacionModule .pirela-org-section .pirela-form-grid input:focus,#organizacionModule .pirela-org-section .pirela-form-grid select:focus,#organizacionModule .pirela-org-section .pirela-form-grid textarea:focus{border-color:var(--org-accent)!important;background:#fff!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--org-accent) 13%,transparent)!important}
#organizacionModule .pirela-org-section .pirela-form-grid input[readonly]{color:#737883!important;background:#f1f3f6!important;cursor:not-allowed}
#organizacionModule .pirela-org-section .pirela-form-grid label>small{color:#9498a2;font-size:8px;font-weight:600;letter-spacing:0;text-transform:none}
#organizacionModule .pirela-org-section .pirela-check{min-height:43px;padding:0 12px;border:1px solid #e2e4e9;border-radius:10px;background:#fafbfc}
#organizacionModule .pirela-org-section .pirela-check input{accent-color:var(--org-accent)}
#organizacionModule .pirela-org-section .pirela-check>span{color:#555a65;font-size:10px;font-weight:650;letter-spacing:0;text-transform:none}
#organizacionModule .pirela-terms-field textarea{min-height:150px!important}
#organizacionModule .pirela-terms-field>small{text-align:right;text-transform:none}
#organizacionModule .pirela-org-branches-heading{grid-template-columns:36px minmax(0,1fr) auto}
#organizacionModule .pirela-org-branches-heading .secondary-button{min-height:38px;padding:0 13px;display:inline-flex;align-items:center;gap:6px;border-color:#bfe6d7!important;color:#187653!important;background:#eefaf5!important;font-size:9px;font-weight:850}
#organizacionModule .pirela-branch-row{padding:11px 12px;border-color:#e3e6ea;border-radius:11px;background:#fafbfc}
#organizacionModule .pirela-branch-symbol{background:#eaf8f3;color:#278a67}
#organizacionModule .pirela-branch-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}
#organizacionModule .pirela-branch-actions .ghost-button{min-height:36px;margin:0;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:9px!important;font-size:9px;font-weight:800}
#organizacionModule .pirela-branch-edit{border:1px solid #d9d5f4!important;color:#5547bd!important;background:#f5f3ff!important}
#organizacionModule .pirela-branch-delete{border:1px solid #efc8cd!important;color:#bb4050!important;background:#fff5f6!important}
#organizacionModule .pirela-branch-edit:hover{border-color:#6957d9!important;background:#ece9ff!important}
#organizacionModule .pirela-branch-delete:hover{border-color:#df6070!important;background:#ffe9ec!important}

body.dark-mode #organizacionModule .pirela-org-page-heading h1,body.dark-mode #organizacionModule .pirela-org-section-heading h2,body.dark-mode #organizacionModule .pirela-org-brand-copy h2{color:#f1f2f4!important}
body.dark-mode #organizacionModule :where(.pirela-org-brand-card,.pirela-org-section,.pirela-save-state){border-color:#343640!important;background:#1b1c23!important}
body.dark-mode #organizacionModule .pirela-org-section .pirela-form-grid :where(input,select,textarea){border-color:#3a3d47!important;color:#f0f1f3!important;background:#23252d!important}
body.dark-mode #organizacionModule .pirela-org-section .pirela-form-grid input[readonly]{color:#9ca0aa!important;background:#202129!important}
body.dark-mode #organizacionModule .pirela-org-section .pirela-check,body.dark-mode #organizacionModule .pirela-branch-row{border-color:#393b45;background:#22242c}
body.dark-mode #organizacionModule .pirela-org-section .pirela-check>span{color:#d4d6dc}
body.dark-mode #organizacionModule .pirela-org-logo{border-color:#3b3e47;background:#272932;color:#f5f5f7}

@media(max-width:1050px){
  #organizacionModule .pirela-org-layout{grid-template-columns:1fr}
  #organizacionModule .pirela-org-brand-card{grid-template-columns:76px minmax(0,1fr) auto;align-items:center;padding:15px 18px;text-align:left}
  #organizacionModule .pirela-org-card-label{display:none}
  #organizacionModule .pirela-org-logo{grid-column:1;width:76px;height:76px;margin:0;border-radius:17px}
  #organizacionModule .pirela-org-brand-copy{grid-column:2}
  #organizacionModule .pirela-org-logo-actions{grid-column:3}
  #organizacionModule .pirela-org-brand-card>small{display:none}
}
@media(max-width:680px){
  #organizacionModule{padding-inline:10px}
  #organizacionModule .pirela-org-page-heading{margin-bottom:15px;align-items:stretch;flex-direction:column;gap:14px}
  #organizacionModule .pirela-org-page-heading h1{font-size:27px}
  #organizacionModule .pirela-org-heading-actions{display:grid;grid-template-columns:minmax(0,1fr) auto}
  #organizacionModule .pirela-org-save-button{padding:0 13px}
  #organizacionModule .pirela-org-layout,#organizacionModule .pirela-settings-main,#organizacionModule .pirela-org-form{gap:11px}
  #organizacionModule .pirela-org-brand-card{grid-template-columns:70px minmax(0,1fr);gap:11px;padding:14px;text-align:left}
  #organizacionModule .pirela-org-logo{grid-column:1;grid-row:1;width:70px;height:70px}
  #organizacionModule .pirela-org-brand-copy{grid-column:2;grid-row:1}
  #organizacionModule .pirela-org-logo-actions{grid-column:1/-1;grid-row:2;grid-template-columns:1fr auto}
  #organizacionModule .pirela-org-section{padding:15px 14px 16px}
  #organizacionModule .pirela-org-section-heading{margin-bottom:14px;grid-template-columns:34px minmax(0,1fr);gap:9px}
  #organizacionModule .pirela-org-section-heading>span{width:34px;height:34px}
  #organizacionModule .pirela-org-section-heading h2{font-size:15px}
  #organizacionModule .pirela-org-section .pirela-form-grid{gap:11px}
  #organizacionModule .pirela-org-section .pirela-form-grid input,#organizacionModule .pirela-org-section .pirela-form-grid select{min-height:47px}
  #organizacionModule .pirela-org-branches-heading{grid-template-columns:34px minmax(0,1fr)}
  #organizacionModule .pirela-org-branches-heading .secondary-button{grid-column:1/-1;width:100%;justify-content:center}
  #organizacionModule .pirela-branch-row{grid-template-columns:auto minmax(0,1fr)}
  #organizacionModule .pirela-branch-row>.pirela-status{grid-column:2}
  #organizacionModule .pirela-branch-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}
}

/* =========================================================
   Pirela 1.0.53 · Proyectos y catálogo de proveedores
   ========================================================= */
#presupuestoModule{width:100%!important;max-width:1400px!important;min-width:0;margin-inline:auto!important;padding-inline:20px!important;box-sizing:border-box;--project-blue:#2f80d0;--project-blue-soft:#eaf4ff;--project-violet:#6b5bd2;--project-violet-soft:#f0eeff;--project-coral:#df6068;--project-ink:#24272e;--project-muted:#737984;--project-line:#e1e4e9}
#presupuestoModule .project-page-heading{margin-bottom:18px}
#presupuestoModule .project-page-heading p,#presupuestoModule .project-page-heading h1{margin:0}
#presupuestoModule .project-page-heading h1{margin-top:7px;color:var(--project-ink);font-size:32px;line-height:1.08;letter-spacing:-.04em}
#presupuestoModule .users-panel.budgets-panel{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
#presupuestoModule #budgetsListView{display:grid;gap:14px;overflow:visible;contain:none}
#presupuestoModule .project-toolbar{min-height:100px;margin:0;padding:20px 22px!important;display:grid;grid-template-columns:minmax(280px,520px) auto;align-items:end;justify-content:space-between;gap:22px;border:1px solid var(--project-line)!important;border-radius:15px;background:#fff!important;box-shadow:0 8px 24px rgba(31,38,51,.04)}
#presupuestoModule .project-toolbar .module-search{width:100%;display:grid;gap:8px}
#presupuestoModule .project-toolbar .module-search>span{color:#757a85;font-size:8px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
#presupuestoModule .project-search-field{position:relative}
#presupuestoModule .project-search-field>i{position:absolute;z-index:1;top:50%;left:14px;color:#7f8590;font-size:16px;transform:translateY(-50%)}
#presupuestoModule .project-search-field input{width:100%;height:47px;padding:0 15px 0 42px;border:1px solid #dce0e6!important;border-radius:11px!important;color:#292c33;background:#fafbfc!important;font-size:11px;outline:none}
#presupuestoModule .project-search-field input:focus{border-color:var(--project-blue)!important;background:#fff!important;box-shadow:0 0 0 3px rgba(47,128,208,.11)}
#presupuestoModule .project-toolbar #openBudgetModalButton{min-height:44px;margin:0;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--project-blue)!important;border-radius:10px!important;color:#fff!important;background:var(--project-blue)!important;box-shadow:0 8px 18px rgba(47,128,208,.18);font-size:10px;font-weight:850}
#presupuestoModule .project-toolbar #openBudgetModalButton:hover{background:#246db5!important;transform:translateY(-1px)}
#presupuestoModule .budget-approval-queue,#presupuestoModule .projects-directory{margin:0;padding:15px 16px 16px;display:grid;gap:11px;border:1px solid var(--project-line);border-radius:15px;background:#fff;box-shadow:0 8px 24px rgba(31,38,51,.035)}
#presupuestoModule .budget-approval-queue{border-top:3px solid var(--project-coral)}
#presupuestoModule .projects-directory{border-top:3px solid var(--project-blue)}
#presupuestoModule .project-list-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
#presupuestoModule .project-list-heading>div{display:grid;gap:2px}
#presupuestoModule .project-list-heading span{color:#8a8f99;font-size:7px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
#presupuestoModule .project-list-heading h2{margin:0;color:#2a2d34;font-size:15px;letter-spacing:-.015em}
#presupuestoModule .project-list-heading>i{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:#c54350;background:#fff0f2;font-size:16px}
#presupuestoModule .project-list-heading--all>i{color:#276eae;background:var(--project-blue-soft)}
#presupuestoModule .projects-list{width:100%!important;min-width:0!important;max-width:none!important;display:block}
#presupuestoModule .projects-list>div:not(.budgets-table-head){display:grid;gap:8px}
#presupuestoModule .projects-list .project-list-card{position:relative;width:100%;min-width:0;min-height:82px;padding:12px 13px;display:grid!important;grid-template-columns:minmax(230px,1.35fr) minmax(240px,1.1fr) minmax(180px,.8fr) minmax(105px,.5fr) auto;gap:14px;align-items:center;border:1px solid #e3e6eb;border-radius:12px;color:#30333a;background:#fafbfc!important;box-shadow:none;transition:border-color .16s ease,background-color .16s ease,transform .16s ease,box-shadow .16s ease}
#presupuestoModule .projects-list .project-list-card:hover{border-color:#bcd7ef;background:#fff!important;box-shadow:0 9px 22px rgba(38,53,72,.08)!important;transform:translateY(-1px)}
#presupuestoModule .projects-list .project-list-card.row-alert{border-left:3px solid var(--project-coral)}
#presupuestoModule .projects-list .row-flag-cell{position:absolute;top:7px;right:7px;width:auto;overflow:visible}
#presupuestoModule .projects-list .row-flag-button{width:26px;height:26px;border-color:transparent;background:transparent}
#presupuestoModule .project-list-main{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;align-items:center}
#presupuestoModule .project-list-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;color:#256aa9;background:var(--project-blue-soft);font-size:13px;font-weight:900}
#presupuestoModule .project-list-main strong,#presupuestoModule .project-list-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#presupuestoModule .project-list-main strong{color:#292c32;font-size:11px}
#presupuestoModule .project-list-main small{margin-top:4px;color:#7b808b;font-size:8px;font-weight:650}
#presupuestoModule .project-list-meta{min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:7px 10px}
#presupuestoModule .project-list-meta span{min-width:0;display:flex;align-items:center;gap:5px;overflow:hidden;color:#686e79;font-size:8px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}
#presupuestoModule .project-list-meta i{color:#7f8792;font-size:12px}
#presupuestoModule .project-list-status{display:flex;flex-wrap:wrap;gap:5px}
#presupuestoModule .project-list-status .status-pill{max-width:100%;padding:5px 7px;overflow:hidden;border:1px solid #dddff1;border-radius:999px;color:#5a51a7;background:#f4f2ff;font-size:7px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
#presupuestoModule .project-list-amount{display:grid;gap:3px;text-align:right}
#presupuestoModule .project-list-amount span{color:#8a8f99;font-size:7px;font-weight:800;text-transform:uppercase}
#presupuestoModule .project-list-amount strong{color:#292c33;font-size:11px}
#presupuestoModule .projects-list .budget-actions{padding-right:25px;display:block}
#presupuestoModule .projects-list .open-budget-detail-button{height:36px;padding:0 11px;display:inline-flex;align-items:center;gap:6px;border:1px solid #c9ddf0!important;border-radius:9px!important;color:#276eae!important;background:#f1f8ff!important;font-size:8px;font-weight:850;white-space:nowrap}
#presupuestoModule .projects-list .open-budget-detail-button:hover{border-color:var(--project-blue)!important;color:#fff!important;background:var(--project-blue)!important}
#presupuestoModule .projects-list .budget-closed-ribbon{top:0;left:56px;right:auto;border-radius:0 0 7px 7px;font-size:6px}
#presupuestoModule .project-empty-state{min-height:120px!important;padding:22px!important;display:grid!important;grid-template-columns:1fr!important;place-content:center;justify-items:center;gap:5px;border:1px dashed #dfe2e7!important;border-radius:11px!important;color:#858a94!important;background:#fbfcfd!important;text-align:center}
#presupuestoModule .project-empty-state i{color:#5790c4;font-size:25px}
#presupuestoModule .project-empty-state strong{color:#383b42;font-size:11px}
#presupuestoModule .project-empty-state span{font-size:9px}
#presupuestoModule .columns-toolbar{display:none!important}

#presupuestoModule #budgetDetailView{display:grid;gap:13px}
#presupuestoModule #budgetDetailView.hidden{display:none!important}
#presupuestoModule #backToBudgetsButton,#presupuestoModule .budget-inline-back-button{width:max-content;min-height:38px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;border:1px solid #dde1e7!important;border-radius:9px!important;color:#5f6570!important;background:#fff!important;font-size:9px;font-weight:800}
#presupuestoModule #budgetDetailView>h2{display:none}

#presupuestoModule #budgetForm.project-form{padding:0!important;display:grid;gap:13px;border:1px solid var(--project-line)!important;border-top:0!important;border-radius:16px!important;background:#f5f6f8!important;box-shadow:0 14px 34px rgba(34,39,50,.08)!important}
#presupuestoModule .project-form-heading{min-height:82px;margin:0!important;padding:17px 19px;display:grid!important;grid-template-columns:42px minmax(0,1fr) 38px;gap:11px;align-items:center;border-bottom:1px solid #e2e5e9;background:#fff}
#presupuestoModule .project-form-heading-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;color:#276eae;background:var(--project-blue-soft);font-size:19px}
#presupuestoModule .project-form-heading p,#presupuestoModule .project-form-heading h2{margin:0}
#presupuestoModule .project-form-heading p{margin-bottom:3px;color:#2f80d0;font-size:7px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
#presupuestoModule .project-form-heading h2{color:#282b31;font-size:19px;letter-spacing:-.025em}
#presupuestoModule .project-form-heading .modal-close{width:38px;height:38px;display:grid;place-items:center;border:1px solid #dde1e7;border-radius:10px;color:#6c727d;background:#fff;font-size:18px}
#presupuestoModule #budgetFormStatus:empty{display:none}
#presupuestoModule #budgetFormStatus{margin:0 18px;padding:9px 11px;border:1px solid #efc6cc;border-radius:9px;color:#a92f40;background:#fff2f4;font-size:9px;font-weight:700}
#presupuestoModule .project-form-section{width:auto!important;max-width:none!important;margin:0 14px;padding:16px;box-sizing:border-box;border:1px solid #e0e3e8;border-radius:13px;background:#fff;box-shadow:none}
#presupuestoModule .project-form-section--general{border-top:3px solid var(--project-blue)}
#presupuestoModule .project-form-section-heading{margin-bottom:15px;display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center}
#presupuestoModule .project-form-section-heading>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:#276eae;background:var(--project-blue-soft);font-size:16px}
#presupuestoModule .project-form-section-heading p,#presupuestoModule .project-form-section-heading h3{margin:0}
#presupuestoModule .project-form-section-heading p{margin-bottom:2px;color:#8a8f99;font-size:7px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
#presupuestoModule .project-form-section-heading h3{color:#2b2e35;font-size:14px}
#presupuestoModule .budget-header-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:0}
#presupuestoModule .budget-header-grid label{gap:6px;color:#6e737e;font-size:8px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
#presupuestoModule .budget-header-grid :where(input,select){min-height:45px;border:1px solid #dfe2e7!important;border-radius:10px!important;color:#2d3037;background:#fafbfc!important;font-size:11px;font-weight:550;letter-spacing:0;text-transform:none}
#presupuestoModule .budget-header-grid :where(input,select):focus{border-color:var(--project-blue)!important;background:#fff!important;box-shadow:0 0 0 3px rgba(47,128,208,.1)}
#presupuestoModule .budget-header-grid .inline-check-field{min-height:45px;margin:0;padding:0 11px;border:1px solid #dfe2e7;border-radius:10px;background:#fafbfc}
#presupuestoModule .budget-header-grid .inline-check-field{height:45px;align-self:end;display:flex!important;flex-direction:row!important;align-items:center!important;gap:9px!important;box-sizing:border-box}
#presupuestoModule .budget-header-grid .inline-check-field input[type="checkbox"]{width:16px!important;height:16px!important;min-height:16px!important;flex:0 0 16px;padding:0!important;margin:0}
#presupuestoModule .budget-header-grid .inline-check-field span{color:#555b66;font-size:9px;letter-spacing:0;text-transform:none}
#presupuestoModule .project-cost-entry{padding:0 14px}
#presupuestoModule .project-cost-entry button{min-height:42px;padding:0 15px;display:inline-flex;align-items:center;gap:7px;border-color:#b8dced!important;color:#126b91!important;background:#edf8fd!important;font-size:9px;font-weight:850;box-shadow:0 6px 15px rgba(18,107,145,.08)}
#presupuestoModule .project-cost-entry button:hover{border-color:#2b91ba!important;color:#fff!important;background:#2b91ba!important;transform:translateY(-1px)}
#presupuestoModule .budget-costs-panel{width:auto!important;max-width:none!important;margin:0 14px;box-sizing:border-box;gap:12px}
#presupuestoModule .budget-cost-card{border:1px solid #dedfe9;border-radius:13px;box-shadow:none}
#presupuestoModule .budget-cost-heading{padding:15px 16px;border-bottom-color:#e5e8ec;background:#fff}
#presupuestoModule .budget-cost-heading span{color:#65717d;font-size:7px}
#presupuestoModule .budget-cost-heading h3{color:#2d3037;font-size:14px}
#presupuestoModule .budget-cost-heading p{color:#858a94;font-size:9px}
#presupuestoModule .project-cost-lines-card{overflow:hidden;border-top:3px solid #159a70!important;box-shadow:0 8px 22px rgba(30,45,61,.045)}
#presupuestoModule .project-cost-heading,#presupuestoModule .project-pricing-heading{display:grid;grid-template-columns:38px minmax(0,1fr);justify-content:start;gap:11px}
#presupuestoModule .project-cost-heading-icon{width:38px;height:38px;margin:0!important;display:grid!important;place-items:center;border-radius:10px;color:#147758!important;background:#e8f7f1;font-size:17px!important}
#presupuestoModule .project-pricing-heading .project-cost-heading-icon{color:#a76512!important;background:#fff3df}
#presupuestoModule .project-cost-heading>div>span,#presupuestoModule .project-pricing-heading>div>span{margin-bottom:3px;color:#7d838d;font-size:7px;font-weight:850;letter-spacing:.09em}
#presupuestoModule .project-cost-lines-card .budget-equipment-head{min-height:40px;padding-inline:12px;color:#4e5966;background:#f1f4f7;border-bottom:1px solid #e1e5e9}
#presupuestoModule .project-cost-lines-card .budget-equipment-row{min-height:66px;padding:10px 12px;border-top:1px solid #e7eaee;background:#fff}
#presupuestoModule .project-cost-lines-card .budget-equipment-row:nth-child(even){background:#fbfcfd}
#presupuestoModule .project-cost-field{min-width:0;margin:0;display:block}
#presupuestoModule .project-cost-field>span{display:none}
#presupuestoModule .project-cost-field :where(input,select){min-height:40px;border:1px solid #dce1e6;border-radius:9px;color:#2c3138;background:#fff}
#presupuestoModule .project-cost-field :where(input,select):focus{border-color:#2f80d0;box-shadow:0 0 0 3px rgba(47,128,208,.1)}
#presupuestoModule .project-cost-field--subtotal b{min-height:40px;display:flex;align-items:center;color:#29313a;font-size:10px;font-weight:850}
#presupuestoModule .project-cost-field--action{display:flex;justify-content:center}
#presupuestoModule .project-cost-field--action>span{display:none}
#presupuestoModule .remove-budget-material-row{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #efb9c0!important;border-radius:9px!important;color:#c43d4d!important;background:#fff1f3!important;font-size:15px}
#presupuestoModule .remove-budget-material-row>span{display:none}
#presupuestoModule .remove-budget-material-row:hover{border-color:#cf4656!important;color:#fff!important;background:#cf4656!important}
#presupuestoModule .project-cost-supplier{grid-column:1/-1;min-width:0;margin-top:2px;padding:11px;display:grid;grid-template-columns:minmax(210px,.75fr) minmax(280px,1.25fr);gap:10px;border:1px solid #bfe3d5;border-radius:10px;background:#f2fbf7}
#presupuestoModule .project-cost-supplier-heading{grid-column:1/-1;display:flex;align-items:center;gap:7px;color:#147758;font-size:8px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}
#presupuestoModule .project-cost-supplier .project-cost-field{display:grid;gap:5px}
#presupuestoModule .project-cost-supplier .project-cost-field--wide{grid-column:span 2}
#presupuestoModule .project-cost-supplier .project-cost-field>span{display:block;color:#61736b;font-size:7px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
#presupuestoModule .project-cost-lines-card .budget-cost-footer{min-height:68px;padding:12px 16px;border-top:1px solid #e3e7eb;background:#fafbfc}
#presupuestoModule .project-cost-action{min-height:38px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;border-radius:9px!important;font-size:8px;font-weight:850}
#presupuestoModule .project-cost-action--export{border:1px solid #efcc96!important;color:#9a5a0c!important;background:#fff7e9!important}
#presupuestoModule .project-cost-action--import{border:1px solid #bad7ef!important;color:#246da9!important;background:#eef7ff!important}
#presupuestoModule .project-cost-action--add{border:1px solid #b8e1d2!important;color:#147758!important;background:#ecf9f4!important}
#presupuestoModule .project-cost-action--export:hover{color:#fff!important;background:#bd7319!important}
#presupuestoModule .project-cost-action--import:hover{color:#fff!important;background:#2f80d0!important}
#presupuestoModule .project-cost-action--add:hover{color:#fff!important;background:#159a70!important}
#presupuestoModule .project-cost-total{min-width:132px;display:grid;gap:2px;text-align:right}
#presupuestoModule .project-cost-total span{color:#878d96;font-size:7px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
#presupuestoModule .project-cost-total strong{color:#1f252c;font-size:17px}
#presupuestoModule .budget-pricing-card{overflow:hidden;border-top:3px solid #dc9226!important;box-shadow:0 8px 22px rgba(30,45,61,.04)}
#presupuestoModule .budget-pricing-grid{padding:16px;background:#fff}
#presupuestoModule .budget-pricing-grid article{border:1px solid #efd8b5;background:#fff8ec}
#presupuestoModule .budget-pricing-grid .budget-suggested-sale{border-color:#d9d2f5;background:#f5f2ff}
#presupuestoModule .budget-pricing-grid article:last-of-type{border-color:#bfe3d5;background:#eef9f5}
#presupuestoModule .project-form-section--files{width:auto!important;max-width:none!important;margin:0 14px!important;padding:0;overflow:hidden;box-sizing:border-box;border-top:3px solid var(--project-blue)!important}
#presupuestoModule .project-form-section--files .budget-documents-heading{padding:14px 15px;border-bottom-color:#e4e7ec;background:#fff}
#presupuestoModule .project-form-section--files .budget-documents-heading span{color:#858a94;font-size:7px}
#presupuestoModule .project-form-section--files .budget-documents-heading h3{color:#2d3037;font-size:14px}
#presupuestoModule .project-form-section--files .file-upload-button{min-height:37px;gap:6px;border:1px solid #c7dff3;border-radius:9px;color:#276eae;background:#eef7ff;font-size:8px}
#presupuestoModule .project-form-section--files .budget-documents-head{color:#6e737e;background:#f0f2f5;font-size:8px}
#presupuestoModule #budgetForm>.modal-actions{position:sticky;z-index:4;bottom:0;margin:0!important;padding:13px 14px;display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #dde1e7;background:rgba(255,255,255,.96);backdrop-filter:blur(10px)}
#presupuestoModule #budgetForm>.modal-actions button{min-height:41px;margin:0;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:9px!important;font-size:9px;font-weight:850}
#presupuestoModule #saveBudgetButton{border-color:var(--project-blue)!important;background:var(--project-blue)!important;box-shadow:0 8px 18px rgba(47,128,208,.16)}

body.dark-mode #presupuestoModule .project-page-heading h1,body.dark-mode #presupuestoModule :where(.project-list-heading h2,.project-list-main strong,.project-list-amount strong,.project-form-heading h2,.project-form-section-heading h3){color:#f1f2f4!important}
body.dark-mode #presupuestoModule :where(.project-toolbar,.budget-approval-queue,.projects-directory,.project-form-section,.project-form-heading,#budgetForm>.modal-actions){border-color:#383a44!important;background:#1b1c23!important}
body.dark-mode #presupuestoModule #budgetForm.project-form{border-color:#383a44!important;background:#15161c!important}
body.dark-mode #presupuestoModule .projects-list .project-list-card{border-color:#393c46!important;color:#dfe1e5!important;background:#22242c!important}
body.dark-mode #presupuestoModule .projects-list .project-list-card:hover{border-color:#4e769b!important;background:#272a33!important}
body.dark-mode #presupuestoModule .project-search-field input,body.dark-mode #presupuestoModule .budget-header-grid :where(input,select),body.dark-mode #presupuestoModule .budget-header-grid .inline-check-field{border-color:#3b3e48!important;color:#f0f1f3!important;background:#23252d!important}
body.dark-mode #presupuestoModule .project-empty-state{border-color:#3a3d47!important;color:#aeb2bc!important;background:#202129!important}
body.dark-mode #presupuestoModule :where(.project-cost-lines-card,.budget-pricing-card,.project-cost-heading,.project-pricing-heading,.budget-pricing-grid,.project-cost-lines-card .budget-cost-footer){border-color:#393c46!important;background:#1b1c23!important}
body.dark-mode #presupuestoModule .project-cost-lines-card .budget-equipment-head{border-color:#3d414b;color:#c9cdd4;background:#252831}
body.dark-mode #presupuestoModule .project-cost-lines-card .budget-equipment-row,body.dark-mode #presupuestoModule .project-cost-lines-card .budget-equipment-row:nth-child(even){border-color:#373a44;background:#20222a}
body.dark-mode #presupuestoModule .project-cost-field :where(input,select){border-color:#3b3e48;color:#f0f1f3;background:#272a32}
body.dark-mode #presupuestoModule .project-cost-supplier{border-color:#315a4c;background:#1d2d27}
body.dark-mode #presupuestoModule .project-cost-supplier-heading{color:#72d3af}
body.dark-mode #presupuestoModule .project-cost-field--subtotal b,body.dark-mode #presupuestoModule .project-cost-total strong{color:#f2f3f5}
body.dark-mode #presupuestoModule .budget-pricing-grid article{border-color:#5d4b31;background:#2c261d}
body.dark-mode #presupuestoModule .budget-pricing-grid article:last-of-type{border-color:#315a4c;background:#1d2d27}

@media(max-width:1280px){
  #presupuestoModule .project-cost-field{display:grid;gap:6px}
  #presupuestoModule .project-cost-field>span{display:block;color:#747b86;font-size:7px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
  #presupuestoModule .project-cost-field--wide{grid-column:span 2}
  #presupuestoModule .project-cost-field--action{display:grid;justify-content:stretch}
  #presupuestoModule .project-cost-field--action>span{display:block}
  #presupuestoModule .remove-budget-material-row{width:100%;height:40px;gap:7px}
  #presupuestoModule .remove-budget-material-row>span{display:inline;color:inherit;font-size:8px;font-weight:850}
}
@media(max-width:1180px){
  #presupuestoModule .projects-list .project-list-card{grid-template-columns:minmax(230px,1.25fr) minmax(210px,1fr) minmax(145px,.7fr) auto}
  #presupuestoModule .project-list-amount{display:none}
}
@media(max-width:860px){
  #presupuestoModule .project-toolbar{grid-template-columns:1fr}
  #presupuestoModule .project-toolbar #openBudgetModalButton{width:100%}
  #presupuestoModule .projects-list .project-list-card{grid-template-columns:minmax(0,1fr) auto;gap:11px}
  #presupuestoModule .project-list-main{grid-column:1}
  #presupuestoModule .project-list-meta{grid-column:1}
  #presupuestoModule .project-list-status{grid-column:1}
  #presupuestoModule .projects-list .budget-actions{grid-column:2;grid-row:1/4;align-self:center;padding-right:24px}
}
@media(max-width:620px){
  #presupuestoModule{padding-inline:8px!important}
  #presupuestoModule .project-page-heading h1{font-size:27px}
  #presupuestoModule .project-toolbar{min-height:0;padding:14px!important;gap:12px;border-radius:13px}
  #presupuestoModule .budget-approval-queue,#presupuestoModule .projects-directory{padding:12px;border-radius:13px}
  #presupuestoModule .projects-list .project-list-card{padding:12px;grid-template-columns:1fr;gap:10px}
  #presupuestoModule .project-list-main{grid-column:1}
  #presupuestoModule .project-list-meta{grid-column:1;grid-template-columns:1fr}
  #presupuestoModule .project-list-status{grid-column:1}
  #presupuestoModule .projects-list .budget-actions{grid-column:1;grid-row:auto;padding:0}
  #presupuestoModule .projects-list .open-budget-detail-button{width:100%;justify-content:center}
  #presupuestoModule .projects-list .row-flag-cell{top:9px;right:9px}
  #presupuestoModule #budgetForm.project-form{border-radius:13px!important}
  #presupuestoModule .project-form-heading{min-height:72px;padding:13px;grid-template-columns:38px minmax(0,1fr) 36px}
  #presupuestoModule .project-form-heading-icon{width:38px;height:38px}
  #presupuestoModule .project-form-heading h2{font-size:17px}
  #presupuestoModule .project-form-section{margin:0 10px;padding:13px}
  #presupuestoModule .budget-header-grid{grid-template-columns:1fr}
  #presupuestoModule .budget-header-grid .wide-field{grid-column:auto}
  #presupuestoModule .project-cost-entry{padding:0 10px}
  #presupuestoModule .project-cost-entry button{width:100%;justify-content:center}
  #presupuestoModule .budget-costs-panel{margin:0 10px}
  #presupuestoModule .project-form-section--files{margin:0 10px!important;padding:0}
  #presupuestoModule .project-cost-heading,#presupuestoModule .project-pricing-heading{grid-template-columns:36px minmax(0,1fr)}
  #presupuestoModule .project-cost-heading-icon{width:36px;height:36px}
  #presupuestoModule .project-cost-lines-card .budget-cost-footer{align-items:stretch;gap:12px}
  #presupuestoModule .budget-cost-footer-actions{display:grid;grid-template-columns:1fr}
  #presupuestoModule .project-cost-action{width:100%;justify-content:center}
  #presupuestoModule .project-cost-total{width:100%;text-align:left}
  #presupuestoModule .project-cost-field--wide{grid-column:auto}
  #presupuestoModule .project-cost-supplier{grid-template-columns:1fr}
  #presupuestoModule .project-cost-supplier-heading{grid-column:auto}
  #presupuestoModule .project-cost-supplier .project-cost-field--wide{grid-column:auto}
  #presupuestoModule .budget-pricing-grid{padding:13px}
  #presupuestoModule #budgetForm>.modal-actions{display:grid;grid-template-columns:1fr 1fr;padding:10px}
  #presupuestoModule #budgetForm>.modal-actions button{width:100%}
}

/* =========================================================
   Pirela 1.0.54 · Proyecto, cobro y compromisos con proveedor
   ========================================================= */
#presupuestoModule #budgetDetailView{display:grid;gap:14px}
#presupuestoModule #budgetDetailView.hidden{display:none}
#presupuestoModule .budget-detail-actions{margin:0;padding:12px;display:flex;flex-wrap:wrap;gap:8px;border:1px solid #e1e5ea;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(31,38,51,.04)}
#presupuestoModule .budget-detail-actions .small-button{min-height:40px;margin:0;padding:0 14px;border:1px solid #dbe0e6!important;border-radius:10px!important;color:#35404b!important;background:#fff!important;box-shadow:none!important;font-size:9px;font-weight:850}
#presupuestoModule .budget-detail-actions .small-button:hover{border-color:#9abfe5!important;color:#1f6fb8!important;background:#f2f8ff!important}
#presupuestoModule .budget-detail-actions .danger-button{border-color:#efbdc4!important;color:#b33a4d!important;background:#fff5f6!important}
#presupuestoModule .budget-detail-actions .danger-button:hover{border-color:#c94457!important;color:#fff!important;background:#c94457!important}
#presupuestoModule .project-detail-card{padding:0!important;overflow:hidden;border:1px solid #dce2e8!important;border-top:3px solid #2f80d0!important;border-radius:17px!important;background:#fff!important;box-shadow:0 12px 34px rgba(31,38,51,.055)!important}
#presupuestoModule .project-detail-hero{min-height:92px;padding:18px 20px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;border-bottom:1px solid #e6e9ed;background:linear-gradient(110deg,#edf7ff 0%,#fff 68%)}
#presupuestoModule .project-detail-hero-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;color:#fff;background:#2f80d0;box-shadow:0 9px 18px rgba(47,128,208,.2);font-size:21px}
#presupuestoModule .project-detail-hero>div{display:grid;gap:3px}
#presupuestoModule .project-detail-hero small{color:#2671b5;font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
#presupuestoModule .project-detail-hero h2{margin:0;color:#242a31;font-size:22px;letter-spacing:-.035em}
#presupuestoModule .project-detail-hero p{margin:0;color:#747b85;font-size:10px}
#presupuestoModule .project-detail-state{padding:7px 10px;border:1px solid #bcd7ef;border-radius:999px;color:#246da9;background:#f1f8ff;font-size:8px;font-weight:850}
#presupuestoModule .project-detail-data-grid{padding:18px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
#presupuestoModule .project-detail-data-grid label{gap:6px!important}
#presupuestoModule .project-detail-data-grid input{min-height:43px!important;padding:0 12px!important;border:1px solid #e1e5ea!important;border-radius:10px!important;color:#49515c!important;background:#f8fafc!important;font-size:10px!important}
#presupuestoModule .project-money-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
#presupuestoModule .project-money-card{min-height:105px;padding:15px;display:grid;align-content:center;gap:5px;border:1px solid #e1e5ea;border-top:3px solid #87919d;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(31,38,51,.035)}
#presupuestoModule .project-money-card>span{color:#737b86;font-size:8px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
#presupuestoModule .project-money-card>strong{color:#252b32;font-size:22px;letter-spacing:-.04em}
#presupuestoModule .project-money-card>small{color:#9096a0;font-size:8px}
#presupuestoModule .project-money-card--sale{border-top-color:#2f80d0}
#presupuestoModule .project-money-card--collected{border-top-color:#18a67a}
#presupuestoModule .project-money-card--suppliers{border-top-color:#e08d26}
#presupuestoModule .project-money-card--available{border-top-color:#705ed4}
#presupuestoModule .project-payable-flow{padding:16px 18px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:13px;border:1px solid #e9d2a9;border-radius:14px;background:#fffaf1}
#presupuestoModule .project-payable-flow.has-collection{border-color:#b9dfd1;background:#f1fbf7}
#presupuestoModule .project-payable-flow-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:#b67119;background:#ffedcd;font-size:19px}
#presupuestoModule .project-payable-flow.has-collection .project-payable-flow-icon{color:#087d58;background:#dff6ed}
#presupuestoModule .project-payable-flow>div{display:grid;gap:3px}
#presupuestoModule .project-payable-flow small{color:#8b7b60;font-size:7px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
#presupuestoModule .project-payable-flow strong{color:#403a32;font-size:13px}
#presupuestoModule .project-payable-flow p{margin:0;color:#786f63;font-size:9px;line-height:1.45}
#presupuestoModule .project-payable-flow-amount{color:#2d333a;font-size:18px;font-weight:900;letter-spacing:-.035em}
#presupuestoModule .project-supplier-plan,#presupuestoModule .project-planning-panel,#presupuestoModule .project-commercial-panel{padding:16px!important;border:1px solid #e0e4e9!important;border-radius:15px!important;background:#fff!important;box-shadow:0 8px 24px rgba(31,38,51,.035)!important}
#presupuestoModule .project-supplier-plan{border-top:3px solid #e08d26!important}
#presupuestoModule .project-planning-panel{border-top:3px solid #7d8996!important}
#presupuestoModule .project-commercial-panel{border-top:3px solid #705ed4!important}
#presupuestoModule .project-section-heading{margin-bottom:14px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px}
#presupuestoModule .project-section-heading>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:#9e651b;background:#fff1dc;font-size:17px}
#presupuestoModule .project-planning-panel .project-section-heading>span{color:#5c6874;background:#eef1f4}
#presupuestoModule .project-commercial-panel .project-section-heading>span{color:#5d4dc1;background:#efedff}
#presupuestoModule .project-section-heading>div{display:grid;gap:2px}
#presupuestoModule .project-section-heading small{color:#858b94;font-size:7px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
#presupuestoModule .project-section-heading h3{margin:0!important;color:#292f36!important;font-size:15px!important}
#presupuestoModule .project-section-heading p{margin:0;color:#868c95;font-size:8px}
#presupuestoModule .project-section-heading>strong{color:#30363e;font-size:17px}
#presupuestoModule .project-supplier-plan-list{display:grid;gap:8px}
#presupuestoModule .project-supplier-plan-row{min-height:70px;padding:11px;display:grid;grid-template-columns:38px minmax(190px,1.3fr) minmax(95px,.6fr) minmax(120px,.7fr) minmax(110px,.7fr) auto;align-items:center;gap:11px;border:1px solid #e3e6ea;border-radius:12px;background:#fafbfc}
#presupuestoModule .project-supplier-plan-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;color:#9b631b;background:#fff0d8;font-size:16px}
#presupuestoModule .project-supplier-plan-row>div{display:grid;gap:2px}
#presupuestoModule .project-supplier-plan-row small{color:#898f97;font-size:7px;font-weight:850;text-transform:uppercase}
#presupuestoModule .project-supplier-plan-row strong{color:#30363d;font-size:10px}
#presupuestoModule .project-supplier-plan-main>span{color:#777e87;font-size:8px}
#presupuestoModule .project-supplier-plan-status{padding:6px 8px;border-radius:999px;font-size:7px;font-weight:900;text-transform:uppercase}
#presupuestoModule .project-supplier-plan-status.is-planned{color:#9b651f;background:#fff0d8}
#presupuestoModule .project-supplier-plan-status.is-active{color:#087654;background:#ddf5eb}
#presupuestoModule .project-supplier-plan-empty{min-height:78px;padding:15px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px dashed #d8dde3;border-radius:12px;color:#78818b;background:#fafbfc;text-align:left}
#presupuestoModule .project-supplier-plan-empty>i{font-size:22px}
#presupuestoModule .project-supplier-plan-empty>div{display:grid;gap:3px}
#presupuestoModule .project-supplier-plan-empty strong{color:#3e4650;font-size:11px}
#presupuestoModule .project-supplier-plan-empty span{font-size:8px}
#presupuestoModule .project-supplier-plan>footer{margin-top:10px;padding-top:10px;display:flex;justify-content:flex-end;gap:9px;border-top:1px solid #eceef1;color:#787f88;font-size:8px}
#presupuestoModule .project-supplier-plan>footer strong{color:#343a41;font-size:11px}
#presupuestoModule .budget-costs-access{min-height:66px!important;margin:0!important;padding:12px 14px!important;display:flex!important;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e0e4e9!important;border-radius:14px!important;background:#fff!important}
#presupuestoModule .budget-costs-access>div{display:grid;gap:2px}
#presupuestoModule .budget-costs-access small{color:#7e8791;font-size:7px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
#presupuestoModule .budget-costs-access strong{color:#30363d;font-size:12px}
#presupuestoModule .budget-costs-access span{color:#90969e;font-size:8px}
#presupuestoModule .toggle-budget-detail-costs{min-height:39px;padding:0 13px;display:inline-flex;align-items:center;gap:6px;border:1px solid #bdd5ea!important;border-radius:9px!important;color:#246da9!important;background:#f2f8ff!important;font-size:8px;font-weight:850}
#presupuestoModule .project-planning-panel .budget-block-cards article{border:1px solid #e1e5e9!important;border-radius:11px!important;background:#f8fafb!important}
#presupuestoModule .project-commercial-panel .budget-financial-grid{margin-top:0}

body.dark-mode #presupuestoModule :where(.project-detail-card,.project-money-card,.project-supplier-plan,.project-planning-panel,.project-commercial-panel,.budget-costs-access){border-color:#3b3e47!important;background:#1b1d24!important}
body.dark-mode #presupuestoModule .project-detail-hero{border-color:#3b3e47;background:linear-gradient(110deg,#193247 0%,#1b1d24 68%)}
body.dark-mode #presupuestoModule :where(.project-detail-hero h2,.project-money-card>strong,.project-section-heading h3,.project-section-heading>strong,.project-supplier-plan-row strong,.budget-costs-access strong){color:#f0f1f3!important}
body.dark-mode #presupuestoModule .project-detail-data-grid input{border-color:#3d414b!important;color:#dfe2e6!important;background:#24272f!important}
body.dark-mode #presupuestoModule .project-supplier-plan-row,body.dark-mode #presupuestoModule .project-supplier-plan-empty,body.dark-mode #presupuestoModule .project-planning-panel .budget-block-cards article{border-color:#3b3e47!important;background:#24262e!important}
body.dark-mode #presupuestoModule .project-payable-flow{border-color:#5a4931;background:#2b261e}
body.dark-mode #presupuestoModule .project-payable-flow.has-collection{border-color:#305b4b;background:#1c2d27}
body.dark-mode #presupuestoModule .project-payable-flow :where(strong,.project-payable-flow-amount){color:#f1f2f4}

@media(max-width:1100px){
  #presupuestoModule .project-detail-data-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #presupuestoModule .project-money-overview{grid-template-columns:repeat(2,minmax(0,1fr))}
  #presupuestoModule .project-supplier-plan-row{grid-template-columns:38px minmax(180px,1fr) repeat(2,minmax(100px,.6fr));}
  #presupuestoModule .project-supplier-plan-row>div:nth-of-type(2){display:none}
  #presupuestoModule .project-supplier-plan-status{grid-column:4}
}
@media(max-width:720px){
  #presupuestoModule .budget-detail-actions{display:grid;grid-template-columns:1fr 1fr}
  #presupuestoModule .budget-detail-actions .small-button{width:100%}
  #presupuestoModule .project-detail-hero{padding:15px;grid-template-columns:42px minmax(0,1fr)}
  #presupuestoModule .project-detail-hero-icon{width:42px;height:42px}
  #presupuestoModule .project-detail-state{grid-column:1/-1;justify-self:start}
  #presupuestoModule .project-detail-data-grid{padding:14px!important;grid-template-columns:1fr!important}
  #presupuestoModule .project-detail-data-grid .wide-field{grid-column:auto!important}
  #presupuestoModule .project-money-overview{grid-template-columns:1fr 1fr}
  #presupuestoModule .project-money-card{min-height:92px;padding:12px}
  #presupuestoModule .project-money-card>strong{font-size:18px}
  #presupuestoModule .project-payable-flow{grid-template-columns:38px minmax(0,1fr);padding:14px}
  #presupuestoModule .project-payable-flow-amount{grid-column:2}
  #presupuestoModule .project-section-heading{grid-template-columns:36px minmax(0,1fr)}
  #presupuestoModule .project-section-heading>strong{grid-column:2}
  #presupuestoModule .project-supplier-plan-row{grid-template-columns:34px minmax(0,1fr);align-items:start}
  #presupuestoModule .project-supplier-plan-row>div,#presupuestoModule .project-supplier-plan-row>div:nth-of-type(2){display:grid}
  #presupuestoModule .project-supplier-plan-row>div:not(.project-supplier-plan-main){grid-column:2}
  #presupuestoModule .project-supplier-plan-status{grid-column:2;justify-self:start}
  #presupuestoModule .budget-costs-access{align-items:stretch;flex-direction:column!important}
  #presupuestoModule .toggle-budget-detail-costs{width:100%;justify-content:center}
}
@media(max-width:430px){
  #presupuestoModule .project-money-overview{grid-template-columns:1fr}
  #presupuestoModule .budget-detail-actions{grid-template-columns:1fr}
}

/* =========================================================
   Pirela 1.0.55 · Planeación general y expediente del proyecto
   ========================================================= */
#presupuestoModule #budgetDetailContent .budget-readonly-stack{gap:12px;padding:0}
#presupuestoModule #budgetDetailContent .budget-readonly-card{overflow:hidden;border:1px solid #dfe4ea;border-radius:15px;background:#fff;box-shadow:0 9px 26px rgba(31,38,51,.04)}
#presupuestoModule #budgetDetailContent .budget-readonly-heading{min-height:65px;padding:13px 16px;border-bottom:1px solid #e7eaee;background:linear-gradient(105deg,#f7faff 0%,#fff 55%)}
#presupuestoModule #budgetDetailContent .budget-readonly-heading h3{display:flex;align-items:center;gap:9px;color:#28313a;font-size:13px}
#presupuestoModule #budgetDetailContent .budget-readonly-heading h3:before{content:"\eaec";width:31px;height:31px;display:grid;place-items:center;border-radius:9px;color:#2476bd;background:#e8f4ff;font-family:"remixicon";font-size:15px}
#presupuestoModule #budgetDetailContent .budget-readonly-heading strong{padding:7px 10px;border:1px solid #cce2f5;border-radius:9px;color:#246ea9;background:#f2f9ff;font-size:12px}
#presupuestoModule #budgetDetailContent .budget-readonly-table-shell{scrollbar-width:thin;scrollbar-color:#bfd1df transparent}
#presupuestoModule #budgetDetailContent .budget-readonly-table{min-width:1080px}
#presupuestoModule #budgetDetailContent .budget-readonly-table th{padding:11px 13px;border:0;color:#687482;background:#f1f4f7;font-size:7px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
#presupuestoModule #budgetDetailContent .budget-readonly-table td{padding:14px 13px;border-top:1px solid #edf0f3;color:#3e4751;background:#fff;font-size:9px;white-space:normal}
#presupuestoModule #budgetDetailContent .budget-readonly-table tr:nth-child(even) td{background:#fbfcfd}
#presupuestoModule #budgetDetailContent .budget-readonly-table tbody tr:hover td{background:#f5faff}
#presupuestoModule #budgetDetailContent .budget-warranty-check{min-height:44px;width:max-content;margin:0;padding:0 14px;gap:9px;border:1px solid #dfe4ea;border-radius:11px;color:#59636e;background:#fff;font-size:8px}
#presupuestoModule #budgetDetailContent .budget-warranty-check input{width:15px!important;height:15px!important;min-height:15px!important}

#presupuestoModule .project-documents-panel{overflow:hidden;border:1px solid #dfe4ea!important;border-top:3px solid #2f80d0!important;border-radius:15px!important;background:#fff!important;box-shadow:0 9px 26px rgba(31,38,51,.04)!important}
#presupuestoModule .project-documents-panel .budget-documents-heading{min-height:72px;padding:14px 16px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;border-bottom:1px solid #e8ebef;background:#fff}
#presupuestoModule .project-documents-icon{width:38px;height:38px;display:grid!important;place-items:center;margin:0!important;border-radius:11px;color:#2475b9!important;background:#eaf5ff;font-size:17px!important}
#presupuestoModule .project-documents-panel .budget-documents-heading>div{display:grid;gap:2px}
#presupuestoModule .project-documents-panel .budget-documents-heading>div>span{margin:0;color:#828a94;font-size:7px;letter-spacing:.09em}
#presupuestoModule .project-documents-panel .budget-documents-heading h3{color:#29313a;font-size:14px}
#presupuestoModule .project-documents-panel .budget-documents-heading p{margin:0;color:#8a919b;font-size:8px}
#presupuestoModule .project-documents-count{padding:6px 9px;border-radius:999px;color:#246fae;background:#eaf6ff;font-size:8px;font-weight:900}
#presupuestoModule .project-documents-list{padding:12px;display:grid;gap:8px}
#presupuestoModule .project-document-row{min-height:62px;padding:10px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;border:1px solid #e4e8ec;border-radius:11px;background:#fafbfc}
#presupuestoModule .project-document-file-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;color:#2877ba;background:#eaf5ff;font-size:17px}
#presupuestoModule .project-document-main{min-width:0;display:grid;gap:3px}
#presupuestoModule .project-document-main small{color:#858c95;font-size:7px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
#presupuestoModule .project-document-main strong{min-width:0;color:#313943;font-size:9px;overflow-wrap:anywhere}
#presupuestoModule .project-document-main a{color:inherit;text-decoration:none}
#presupuestoModule .project-document-main a:hover{color:#2172b6;text-decoration:underline}
#presupuestoModule .project-document-row .document-actions{display:flex;gap:7px}
#presupuestoModule .project-document-row .document-actions :where(.small-button,.view-file-button){min-height:34px;margin:0;padding:0 11px;border:1px solid #bdd8ee!important;border-radius:9px!important;color:#226da9!important;background:#f1f8ff!important;box-shadow:none!important;font-size:8px;font-weight:850}
#presupuestoModule .project-document-row .document-actions .danger-button{width:34px;padding:0!important;border-color:#f1bcc4!important;color:#bf3d50!important;background:#fff3f5!important}
#presupuestoModule .project-documents-empty{min-height:94px;padding:17px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px dashed #d7dde4;border-radius:11px;color:#7f8892;background:#fafbfc;text-align:left}
#presupuestoModule .project-documents-empty>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:#708091;background:#edf1f4;font-size:19px}
#presupuestoModule .project-documents-empty>div{display:grid;gap:3px}
#presupuestoModule .project-documents-empty strong{color:#3d4650;font-size:10px}
#presupuestoModule .project-documents-empty small{font-size:8px}

#presupuestoModule .project-planning-panel{gap:14px!important;padding:16px!important;border-top-color:#23a77d!important;background:linear-gradient(145deg,#fff 0%,#fbfefd 100%)!important}
#presupuestoModule .project-planning-panel .project-section-heading>span{color:#10835f;background:#e4f7f0}
#presupuestoModule .project-planning-summary{min-height:116px;padding:17px;display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:14px;border:1px solid #bfe5d8;border-radius:14px;background:linear-gradient(115deg,#edfbf6 0%,#fff 70%)}
#presupuestoModule .project-planning-summary-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;color:#0b805b;background:#d8f4ea;font-size:20px}
#presupuestoModule .project-planning-summary>div{display:grid;gap:3px}
#presupuestoModule .project-planning-summary small{color:#49806e;font-size:7px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
#presupuestoModule .project-planning-summary strong{color:#1e342d;font-size:26px;letter-spacing:-.045em}
#presupuestoModule .project-planning-summary p{margin:0;color:#71817b;font-size:8px;line-height:1.45}
#presupuestoModule .project-planning-summary-status{padding:7px 9px;display:inline-flex;align-items:center;gap:5px;border:1px solid #bce1d4;border-radius:999px;color:#147758;background:#f3fcf9;font-size:7px;font-weight:900;text-transform:uppercase}
#presupuestoModule .project-planning-history-heading{padding-top:3px;display:flex;align-items:center;gap:9px}
#presupuestoModule .project-planning-history-heading>span{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;color:#5b6875;background:#edf1f4;font-size:14px}
#presupuestoModule .project-planning-history-heading>div{display:grid;gap:1px}
#presupuestoModule .project-planning-history-heading small{color:#8b929a;font-size:7px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
#presupuestoModule .project-planning-history-heading h4{margin:0;color:#323a43;font-size:12px}
#presupuestoModule .project-planning-history .client-quote-empty{min-height:68px;padding:14px;display:grid;place-items:center;border:1px dashed #d7dde3;border-radius:11px;color:#7e8791;background:#fafbfc;font-size:9px;text-align:center}
#presupuestoModule .project-planning-history .client-quote-history-row{min-height:58px;padding:10px 12px;border:1px solid #e1e6ea;border-radius:10px;background:#fafbfc}

body.dark-mode #presupuestoModule #budgetDetailContent .budget-readonly-card,
body.dark-mode #presupuestoModule .project-documents-panel,
body.dark-mode #presupuestoModule .project-planning-panel{border-color:#3b3e47!important;background:#1b1d24!important}
body.dark-mode #presupuestoModule #budgetDetailContent .budget-readonly-heading{border-color:#3b3e47;background:linear-gradient(105deg,#202a34 0%,#1b1d24 55%)}
body.dark-mode #presupuestoModule #budgetDetailContent .budget-readonly-table th{color:#b8bec6;background:#252830}
body.dark-mode #presupuestoModule #budgetDetailContent .budget-readonly-table td,
body.dark-mode #presupuestoModule #budgetDetailContent .budget-readonly-table tr:nth-child(even) td{border-color:#343740;color:#dde0e4;background:#202229}
body.dark-mode #presupuestoModule .project-documents-panel .budget-documents-heading{border-color:#383b44;background:#1b1d24}
body.dark-mode #presupuestoModule .project-document-row,
body.dark-mode #presupuestoModule .project-documents-empty,
body.dark-mode #presupuestoModule .project-planning-history .client-quote-empty,
body.dark-mode #presupuestoModule .project-planning-history .client-quote-history-row{border-color:#3b3e47;background:#24262e}
body.dark-mode #presupuestoModule .project-document-main strong,
body.dark-mode #presupuestoModule .project-documents-panel .budget-documents-heading h3,
body.dark-mode #presupuestoModule .project-planning-history-heading h4{color:#eef0f2}
body.dark-mode #presupuestoModule .project-planning-summary{border-color:#315d4d;background:linear-gradient(115deg,#1b332b 0%,#20232a 70%)}
body.dark-mode #presupuestoModule .project-planning-summary strong{color:#eef5f2}

@media(max-width:720px){
  #presupuestoModule .project-documents-panel .budget-documents-heading{grid-template-columns:36px minmax(0,1fr)}
  #presupuestoModule .project-documents-count{grid-column:2;justify-self:start}
  #presupuestoModule .project-document-row{grid-template-columns:36px minmax(0,1fr)}
  #presupuestoModule .project-document-row .document-actions{grid-column:2}
  #presupuestoModule .project-planning-summary{grid-template-columns:42px minmax(0,1fr);padding:14px}
  #presupuestoModule .project-planning-summary-icon{width:42px;height:42px}
  #presupuestoModule .project-planning-summary-status{grid-column:2;justify-self:start}
  #presupuestoModule #budgetDetailContent .budget-readonly-heading{align-items:flex-start;flex-direction:column}
  #presupuestoModule #budgetDetailContent .budget-readonly-heading strong{align-self:flex-start}
}

/* =========================================================
   Pirela 1.0.57 · Estado visual de aprobación del proyecto
   ========================================================= */
#presupuestoModule .budget-detail-actions{align-items:center}
#presupuestoModule .budget-detail-actions .project-approve-button{border-color:#9bd9c2!important;color:#087653!important;background:#effbf6!important}
#presupuestoModule .budget-detail-actions .project-approve-button:hover{border-color:#0f9669!important;color:#fff!important;background:#0f9669!important}
#presupuestoModule .budget-detail-actions .budget-detail-status-button.is-updating i{animation:project-status-spin .8s linear infinite}
#presupuestoModule .project-action-status{min-height:40px;padding:0 13px;display:inline-flex;align-items:center;gap:7px;border:1px solid;border-radius:10px;font-size:9px;font-weight:900}
#presupuestoModule .project-action-status i{font-size:15px}
#presupuestoModule .project-action-status.is-approved{border-color:#a8ddca;color:#087653;background:#effbf6}
#presupuestoModule .project-action-status.is-rejected{border-color:#efbdc4;color:#b63c4d;background:#fff4f5}
#presupuestoModule .project-detail-card.project-is-approved{border-top-color:#16a475!important}
#presupuestoModule .project-detail-card.project-is-rejected{border-top-color:#c84455!important}
#presupuestoModule .project-detail-hero.is-approved{background:linear-gradient(110deg,#e9faf3 0%,#fff 68%)}
#presupuestoModule .project-detail-hero.is-approved .project-detail-hero-icon{background:#16a475;box-shadow:0 9px 18px rgba(22,164,117,.2)}
#presupuestoModule .project-detail-hero.is-approved>div>small{color:#0d815b}
#presupuestoModule .project-detail-hero.is-rejected{background:linear-gradient(110deg,#fff0f2 0%,#fff 68%)}
#presupuestoModule .project-detail-hero.is-rejected .project-detail-hero-icon{background:#c84455;box-shadow:0 9px 18px rgba(200,68,85,.18)}
#presupuestoModule .project-detail-hero.is-rejected>div>small{color:#b43b4b}
#presupuestoModule .project-detail-state{display:inline-flex;align-items:center;gap:5px}
#presupuestoModule .project-detail-state.is-approved{border-color:#a9ddca;color:#087653;background:#effbf6}
#presupuestoModule .project-detail-state.is-rejected{border-color:#efbbc3;color:#b63b4c;background:#fff3f5}
#presupuestoModule .project-decision-banner{min-height:58px;margin:14px 18px 0;padding:10px 13px;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid;border-radius:12px}
#presupuestoModule .project-decision-banner>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;font-size:18px}
#presupuestoModule .project-decision-banner>div{display:grid;gap:2px}
#presupuestoModule .project-decision-banner small{font-size:7px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
#presupuestoModule .project-decision-banner strong{font-size:12px}
#presupuestoModule .project-decision-banner>b{padding:6px 9px;border-radius:999px;font-size:7px;letter-spacing:.08em}
#presupuestoModule .project-decision-banner.is-approved{border-color:#b7e3d3;color:#087653;background:#f1fbf7}
#presupuestoModule .project-decision-banner.is-approved>span,#presupuestoModule .project-decision-banner.is-approved>b{background:#dff6ed}
#presupuestoModule .project-decision-banner.is-rejected{border-color:#efc1c8;color:#b43b4c;background:#fff5f6}
#presupuestoModule .project-decision-banner.is-rejected>span,#presupuestoModule .project-decision-banner.is-rejected>b{background:#ffe2e6}
#presupuestoModule .project-list-card.row-state-approved{border-left-color:#16a475!important;background:linear-gradient(90deg,#f1fbf7 0%,#fff 18%)!important}
#presupuestoModule .project-list-card.row-state-rejected{border-left-color:#c84455!important;background:linear-gradient(90deg,#fff4f5 0%,#fff 18%)!important}
#presupuestoModule .project-list-card.row-state-approved .status-pill:last-child{color:#087653!important;background:#dff6ed!important}
#presupuestoModule .project-list-card.row-state-rejected .status-pill:last-child{color:#b43b4c!important;background:#ffe2e6!important}
body.dark-mode #presupuestoModule .project-detail-hero.is-approved{background:linear-gradient(110deg,#17352b 0%,#1b1d24 68%)}
body.dark-mode #presupuestoModule .project-detail-hero.is-rejected{background:linear-gradient(110deg,#3a2025 0%,#1b1d24 68%)}
body.dark-mode #presupuestoModule .project-action-status.is-approved,body.dark-mode #presupuestoModule .project-decision-banner.is-approved{border-color:#315f4e;color:#75d9b7;background:#1c3029}
body.dark-mode #presupuestoModule .project-action-status.is-rejected,body.dark-mode #presupuestoModule .project-decision-banner.is-rejected{border-color:#673640;color:#ff9dab;background:#352126}
@keyframes project-status-spin{to{transform:rotate(360deg)}}
@media(max-width:720px){
  #presupuestoModule .project-action-status{grid-column:1/-1;justify-content:center}
  #presupuestoModule .project-decision-banner{grid-template-columns:34px minmax(0,1fr);margin:12px 14px 0}
  #presupuestoModule .project-decision-banner>b{grid-column:2;justify-self:start}
}

/* =========================================================
   Pirela 1.0.58 · Partidas directas en Cotización Cliente
   ========================================================= */
#presupuestoModule .client-quote-module{gap:14px}
#presupuestoModule .project-quote-parts-picker{padding:14px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;border:1px solid #dce3e9!important;border-top:3px solid #705ed4!important;border-radius:14px!important;background:#fff!important;box-shadow:0 8px 24px rgba(31,38,51,.035)!important}
#presupuestoModule .project-quote-parts-heading{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px}
#presupuestoModule .project-quote-parts-heading>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:#5d4dc1;background:#efedff;font-size:17px}
#presupuestoModule .project-quote-parts-heading>div{display:grid;gap:2px}
#presupuestoModule .project-quote-parts-heading small{color:#898f98;font-size:7px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
#presupuestoModule .project-quote-parts-heading h4{margin:0;color:#30363e;font-size:13px}
#presupuestoModule .project-quote-parts-heading>b{padding:6px 9px;border-radius:999px;color:#5d4dc1;background:#efedff;font-size:7px}
#presupuestoModule .project-quote-parts-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}
#presupuestoModule .project-quote-parts-actions button{min-height:38px;margin:0;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:9px!important;font-size:8px;font-weight:850}
#presupuestoModule .project-quote-add-selected{border:1px solid #bfb8ef!important;color:#5747bd!important;background:#f4f2ff!important}
#presupuestoModule .project-quote-add-selected:hover{border-color:#6655ce!important;color:#fff!important;background:#6655ce!important}
#presupuestoModule .project-quote-add-selected:disabled{opacity:.48;cursor:not-allowed}
#presupuestoModule .project-quote-parts-picker .client-quote-parts-list{grid-column:1/-1;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#presupuestoModule .project-quote-part{min-height:68px;padding:10px!important;display:grid!important;grid-template-columns:17px 36px minmax(0,1fr) auto!important;align-items:center!important;gap:9px!important;border:1px solid #e2e6eb!important;border-radius:11px!important;background:#fafbfc!important;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}
#presupuestoModule .project-quote-part:hover{border-color:#c5bff0!important;background:#f8f7ff!important;transform:translateY(-1px)}
#presupuestoModule .project-quote-part:has(input:checked){border-color:#a99fe8!important;background:#f3f1ff!important;box-shadow:0 0 0 2px rgba(112,94,212,.06)}
#presupuestoModule .project-quote-part>input{width:15px!important;height:15px!important;min-height:15px!important;margin:0;accent-color:#6655ce}
#presupuestoModule .project-quote-part-icon{width:36px;height:36px;display:grid!important;place-items:center;border-radius:10px;color:#5e4ec4!important;background:#ece9ff;font-size:15px!important}
#presupuestoModule .project-quote-part-main{min-width:0;display:grid!important;gap:2px}
#presupuestoModule .project-quote-part-main small,#presupuestoModule .project-quote-part-price small{color:#888f98;font-size:7px;font-style:normal;font-weight:850;letter-spacing:.04em;text-transform:uppercase}
#presupuestoModule .project-quote-part-main strong{min-width:0;color:#323942;font-size:9px;overflow-wrap:anywhere}
#presupuestoModule .project-quote-part-main em{color:#858c95;font-size:8px;font-style:normal}
#presupuestoModule .project-quote-part-price{display:grid!important;gap:3px;text-align:right}
#presupuestoModule .project-quote-part-price strong{color:#3c4650;font-size:11px}
#presupuestoModule .project-quote-parts-empty{grid-column:1/-1;min-height:86px;display:flex;align-items:center;justify-content:center;gap:10px;text-align:left}
#presupuestoModule .project-quote-parts-empty>i{font-size:21px}
#presupuestoModule .project-quote-parts-empty>div{display:grid;gap:3px}
#presupuestoModule .project-quote-parts-empty strong{color:#3c4650;font-size:10px}
#presupuestoModule .project-quote-parts-empty span{font-size:8px}
#presupuestoModule .client-quote-row .remove-client-quote-row{width:34px;height:34px;display:grid;place-items:center;border:1px solid #efbbc3!important;border-radius:9px!important;color:#be3b4d!important;background:#fff3f5!important;font-size:14px}
#presupuestoModule .client-quote-row .remove-client-quote-row:hover{color:#fff!important;background:#c84455!important}
body.dark-mode #presupuestoModule .project-quote-parts-picker{border-color:#3b3e47!important;background:#1b1d24!important}
body.dark-mode #presupuestoModule .project-quote-parts-heading h4,body.dark-mode #presupuestoModule .project-quote-part-main strong,body.dark-mode #presupuestoModule .project-quote-part-price strong{color:#eef0f2}
body.dark-mode #presupuestoModule .project-quote-part{border-color:#3c3f48!important;background:#24262e!important}
body.dark-mode #presupuestoModule .project-quote-part:hover,body.dark-mode #presupuestoModule .project-quote-part:has(input:checked){border-color:#6558a8!important;background:#2b2840!important}
@media(max-width:900px){
  #presupuestoModule .project-quote-parts-picker{grid-template-columns:1fr!important}
  #presupuestoModule .project-quote-parts-actions{justify-content:flex-start}
  #presupuestoModule .project-quote-parts-picker .client-quote-parts-list{grid-template-columns:1fr}
}
@media(max-width:520px){
  #presupuestoModule .project-quote-parts-heading{grid-template-columns:36px minmax(0,1fr)}
  #presupuestoModule .project-quote-parts-heading>b{grid-column:2;justify-self:start}
  #presupuestoModule .project-quote-parts-actions{display:grid;grid-template-columns:1fr}
  #presupuestoModule .project-quote-parts-actions button{width:100%}
  #presupuestoModule .project-quote-part{grid-template-columns:17px 34px minmax(0,1fr)!important}
  #presupuestoModule .project-quote-part-price{grid-column:3;text-align:left}
}

/* =========================================================
   Pirela 1.0.59 · Colores comerciales en Cotización y PO
   ========================================================= */
#presupuestoModule #clientQuoteModule{border-top:3px solid #2f80d0!important;box-shadow:0 10px 30px rgba(31,38,51,.045)}
#presupuestoModule #clientPoModule{border-top:3px solid #18a5a8!important;box-shadow:0 10px 30px rgba(31,38,51,.045)}
#presupuestoModule .client-quote-module-heading{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:11px}
#presupuestoModule .client-quote-module-heading>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;font-size:18px}
#presupuestoModule .client-quote-module-heading>div{display:grid;gap:2px}
#presupuestoModule .client-quote-module-heading small{font-size:7px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
#presupuestoModule .client-quote-module-heading h3{font-size:17px!important}
#presupuestoModule .client-quote-module-heading.is-quote>span{color:#246fae;background:#e8f4ff}
#presupuestoModule .client-quote-module-heading.is-quote small{color:#397aae}
#presupuestoModule .client-quote-module-heading.is-po>span{color:#087d80;background:#e1f7f6}
#presupuestoModule .client-quote-module-heading.is-po small{color:#147d80}

#presupuestoModule .project-quote-parts-picker{border-top-color:#2f80d0!important}
#presupuestoModule .project-quote-parts-heading>span{color:#246fae;background:#e8f4ff}
#presupuestoModule .project-quote-parts-heading>b{color:#246fae;background:#e8f4ff}
#presupuestoModule .project-quote-add-selected{border-color:#9ed9d1!important;color:#08775f!important;background:#edfbf7!important}
#presupuestoModule .project-quote-add-selected:hover{border-color:#0f9675!important;color:#fff!important;background:#0f9675!important}
#presupuestoModule .project-quote-part-icon{color:#2675b8!important;background:#e9f4ff}
#presupuestoModule .project-quote-part:hover{border-color:#9fc9eb!important;background:#f3f9ff!important}
#presupuestoModule .project-quote-part:has(input:checked){border-color:#7fb9e5!important;background:#eef7ff!important;box-shadow:0 0 0 2px rgba(47,128,208,.07)}
#presupuestoModule .project-quote-part>input{accent-color:#2f80d0}

#presupuestoModule #clientQuoteModule .client-quote-table{border-color:#d7e3ec!important;border-radius:12px!important}
#presupuestoModule #clientQuoteModule .client-quote-head{color:#32658f!important;background:#e9f4ff!important;font-size:8px!important;font-weight:900!important;letter-spacing:.05em}
#presupuestoModule #clientQuoteModule .client-quote-row{border-top-color:#e4e9ee!important;background:#fff!important}
#presupuestoModule #clientQuoteModule .client-quote-row:nth-child(even){background:#fafcfd!important}
#presupuestoModule #clientQuoteModule .client-quote-row input{border-color:#dfe4e9!important;background:#fff!important}
#presupuestoModule #clientQuoteModule .client-quote-row input:focus{border-color:#73afe0!important;box-shadow:0 0 0 3px rgba(47,128,208,.09)!important}
#presupuestoModule #clientQuoteModule [data-client-quote-action="add-row"]{border-color:#b8d7ee!important;color:#246da9!important;background:#f2f8ff!important}
#presupuestoModule #clientQuoteModule [data-client-quote-action="toggle-discount"]{border-color:#edc98d!important;color:#986112!important;background:#fff8ea!important}
#presupuestoModule #clientQuoteModule .client-quote-total-stack .client-quote-total{border-color:#c5ddf0!important;color:#326183;background:#f1f8ff!important}
#presupuestoModule #clientQuoteModule .client-quote-total-stack .client-quote-total:last-child{border-color:#a9ddc9!important;color:#087653;background:#effbf6!important}
#presupuestoModule #clientQuoteModule .client-quote-total-stack .client-quote-total strong{color:inherit}
#presupuestoModule #clientQuoteModule .client-quote-terms{display:grid;gap:7px}
#presupuestoModule #clientQuoteModule .client-quote-terms>span{color:#5c6875;font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
#presupuestoModule #clientQuoteModule .client-quote-terms textarea{border:1px solid #d9e2e9!important;border-radius:12px!important;background:#fbfcfd!important}
#presupuestoModule #clientQuoteModule .client-quote-terms textarea:focus{border-color:#73afe0!important;box-shadow:0 0 0 3px rgba(47,128,208,.09)!important}
#presupuestoModule #clientQuoteModule .client-quote-actions{padding:12px 0 2px;gap:9px}
#presupuestoModule #clientQuoteModule .client-quote-actions button{min-height:42px;margin:0;padding:0 16px;border:1px solid!important;border-radius:10px!important;box-shadow:none!important;font-size:9px;font-weight:900}
#presupuestoModule #clientQuoteModule .client-quote-save-draft{border-color:#e9c17d!important;color:#8c5a0f!important;background:#fff7e8!important}
#presupuestoModule #clientQuoteModule .client-quote-save-draft:hover{border-color:#d89227!important;color:#fff!important;background:#d89227!important}
#presupuestoModule #clientQuoteModule .client-quote-save-version{border-color:#15966b!important;color:#fff!important;background:#15966b!important;box-shadow:0 7px 16px rgba(21,150,107,.16)!important}
#presupuestoModule #clientQuoteModule .client-quote-save-version:hover{border-color:#0c7f59!important;background:#0c7f59!important}

#presupuestoModule .client-quote-records{padding:13px;display:grid;gap:10px;border:1px solid;border-radius:13px}
#presupuestoModule .client-quote-records.is-drafts{border-color:#efd7aa;background:#fffbf3}
#presupuestoModule .client-quote-records.is-history{border-color:#b9e0d1;background:#f4fbf8}
#presupuestoModule .client-quote-records-heading{display:flex;align-items:center;gap:9px}
#presupuestoModule .client-quote-records-heading>span{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;font-size:14px}
#presupuestoModule .client-quote-records.is-drafts .client-quote-records-heading>span{color:#986112;background:#ffedca}
#presupuestoModule .client-quote-records.is-history .client-quote-records-heading>span{color:#087653;background:#dff5ec}
#presupuestoModule .client-quote-records .client-quote-history-title{margin:0;color:#333b44!important;font-size:13px!important}
#presupuestoModule .client-quote-records .client-quote-empty{border-color:rgba(115,130,145,.25);background:rgba(255,255,255,.72)}

#presupuestoModule #clientPoModule .client-po-form{padding:14px;border:1px solid #cde5e4!important;border-radius:12px!important;background:#f4fbfa!important}
#presupuestoModule #clientPoModule .file-upload-inline>span{color:#427071;font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
#presupuestoModule #clientPoModule input[type="file"]{border:1px solid #d7e5e5!important;border-radius:10px!important;background:#fff!important}
#presupuestoModule #clientPoModule input[type="file"]::file-selector-button{min-height:34px;margin:-5px 10px -5px -5px;padding:0 13px;border:0;border-radius:8px;color:#176d70;background:#e2f5f4;font-weight:850;cursor:pointer}
#presupuestoModule #clientPoModule .client-po-check{border-color:#edcc94!important;color:#936014!important;background:#fff8ea!important}
#presupuestoModule #clientPoModule .client-po-check input{accent-color:#d89227}
#presupuestoModule #clientPoModule .client-po-submit-button{border:1px solid #168d90!important;color:#fff!important;background:#168d90!important;box-shadow:0 7px 16px rgba(22,141,144,.16)!important}
#presupuestoModule #clientPoModule .client-po-submit-button:hover{border-color:#0d777a!important;background:#0d777a!important}
#presupuestoModule #clientPoModule .client-po-empty{display:flex;align-items:center;gap:8px;border-color:#b9dedd!important;color:#397577!important;background:#f2fbfa!important}
#presupuestoModule #clientPoModule .client-po-empty i{font-size:17px}

body.dark-mode #presupuestoModule #clientQuoteModule,body.dark-mode #presupuestoModule #clientPoModule{border-color:#3b3e47!important;background:#1b1d24!important}
body.dark-mode #presupuestoModule #clientQuoteModule .client-quote-head{color:#9ec8e9!important;background:#253749!important}
body.dark-mode #presupuestoModule #clientQuoteModule .client-quote-row,body.dark-mode #presupuestoModule #clientQuoteModule .client-quote-row:nth-child(even){border-color:#3b3e47!important;background:#22252c!important}
body.dark-mode #presupuestoModule .client-quote-records.is-drafts{border-color:#5b4930;background:#2b271f}
body.dark-mode #presupuestoModule .client-quote-records.is-history{border-color:#31594a;background:#1e2d28}
body.dark-mode #presupuestoModule .client-quote-records .client-quote-history-title{color:#eef0f2!important}
body.dark-mode #presupuestoModule #clientPoModule .client-po-form{border-color:#315758!important;background:#1d2c2d!important}
body.dark-mode #presupuestoModule #clientPoModule input[type="file"]{border-color:#3b4c4e!important;color:#dfe4e5!important;background:#242a2c!important}

@media(max-width:720px){
  #presupuestoModule #clientQuoteModule .client-quote-actions{display:grid;grid-template-columns:1fr 1fr}
  #presupuestoModule #clientQuoteModule .client-quote-actions button{width:100%}
  #presupuestoModule #clientPoModule .client-po-form{grid-template-columns:1fr!important}
  #presupuestoModule #clientPoModule .client-po-submit-button{width:100%}
}
@media(max-width:430px){
  #presupuestoModule #clientQuoteModule .client-quote-actions{grid-template-columns:1fr}
}

/* Pirela 1.0.60 · Acciones con color en borradores e historial */
#presupuestoModule .client-quote-records .client-quote-history-row{border-color:#dce4e9!important;background:#fff!important;box-shadow:0 3px 10px rgba(22,34,49,.035)}
#presupuestoModule .client-quote-records.is-drafts .client-quote-history-row{border-color:#edd7ae!important;background:#fffdf8!important}
#presupuestoModule .client-quote-records.is-history .client-quote-history-row.is-approved{border-color:#b9dfd1!important;background:#fbfffd!important}
#presupuestoModule .client-quote-records.is-history .client-quote-history-row.is-pending{border-color:#bdd8ef!important;background:#fbfdff!important}
#presupuestoModule .client-quote-records.is-history .client-quote-history-row.is-cancelled{border-color:#efc3c8!important;background:#fffafb!important}
#presupuestoModule .client-quote-records .client-quote-history-actions{justify-content:flex-end}
#presupuestoModule .client-quote-records .client-quote-record-action{min-height:36px;margin:0;padding:0 13px;border:1px solid!important;border-radius:9px!important;box-shadow:none!important;font-size:9px;font-weight:900;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
#presupuestoModule .client-quote-records .client-quote-record-action:hover{transform:translateY(-1px)}
#presupuestoModule .client-quote-records .client-quote-record-action.is-continue{border-color:#db9c36!important;color:#fff!important;background:#d89227!important;box-shadow:0 6px 14px rgba(216,146,39,.16)!important}
#presupuestoModule .client-quote-records .client-quote-record-action.is-download,#presupuestoModule .client-quote-records .client-quote-record-action.is-approve{border-color:#15966b!important;color:#fff!important;background:#15966b!important;box-shadow:0 6px 14px rgba(21,150,107,.14)!important}
#presupuestoModule .client-quote-records .client-quote-record-action.is-preview{border-color:#9fc9eb!important;color:#246da9!important;background:#edf7ff!important}
#presupuestoModule .client-quote-records .client-quote-record-action.is-regenerate{border-color:#c8baf4!important;color:#6547c2!important;background:#f4f0ff!important}
#presupuestoModule .client-quote-records .client-quote-record-action.is-edit{border-color:#a8dcdc!important;color:#087d80!important;background:#ebf9f8!important}
#presupuestoModule .client-quote-records .client-quote-record-action.is-raisa{border-color:#a8dcdc!important;color:#087d80!important;background:#ebf9f8!important}
#presupuestoModule .client-quote-records .client-quote-record-action.is-delete{border-color:#e85261!important;color:#fff!important;background:#c93f4d!important;box-shadow:0 6px 14px rgba(201,63,77,.13)!important}
#presupuestoModule .client-quote-records .client-quote-record-action.is-continue:hover{border-color:#be7814!important;background:#be7814!important}
#presupuestoModule .client-quote-records .client-quote-record-action.is-download:hover,#presupuestoModule .client-quote-records .client-quote-record-action.is-approve:hover{border-color:#0c7f59!important;background:#0c7f59!important}
#presupuestoModule .client-quote-records .client-quote-record-action.is-preview:hover{border-color:#2f80d0!important;color:#fff!important;background:#2f80d0!important}
#presupuestoModule .client-quote-records .client-quote-record-action.is-regenerate:hover{border-color:#6b4dd1!important;color:#fff!important;background:#6b4dd1!important}
#presupuestoModule .client-quote-records .client-quote-record-action.is-edit:hover,#presupuestoModule .client-quote-records .client-quote-record-action.is-raisa:hover{border-color:#168d90!important;color:#fff!important;background:#168d90!important}
#presupuestoModule .client-quote-records .client-quote-record-action.is-delete:hover{border-color:#ab2f3c!important;background:#ab2f3c!important}

body.dark-mode #presupuestoModule .client-quote-records .client-quote-history-row,body.dark-mode #presupuestoModule .client-quote-records.is-drafts .client-quote-history-row,body.dark-mode #presupuestoModule .client-quote-records.is-history .client-quote-history-row{border-color:#3c414b!important;background:#24272e!important}
body.dark-mode #presupuestoModule .client-quote-records .client-quote-record-action.is-preview{border-color:#355c7e!important;color:#a9d2f2!important;background:#253749!important}
body.dark-mode #presupuestoModule .client-quote-records .client-quote-record-action.is-regenerate{border-color:#55477f!important;color:#cabdf4!important;background:#302945!important}
body.dark-mode #presupuestoModule .client-quote-records .client-quote-record-action.is-edit,body.dark-mode #presupuestoModule .client-quote-records .client-quote-record-action.is-raisa{border-color:#315f60!important;color:#a6dedf!important;background:#203738!important}

@media(max-width:720px){
  #presupuestoModule .client-quote-records .client-quote-history-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  #presupuestoModule .client-quote-records .client-quote-record-action{width:100%;text-align:center}
}
@media(max-width:430px){
  #presupuestoModule .client-quote-records .client-quote-history-actions{grid-template-columns:1fr}
}

/* Pirela 1.0.67 · Cuentas por cobrar */
#cuentasCobrarModule .receivable-page-heading{margin-bottom:18px!important}
#cuentasCobrarModule .receivable-page-heading h1{margin:0!important;color:#20252c!important;font-size:clamp(26px,2.5vw,38px)!important;letter-spacing:-.035em!important}
#cuentasCobrarModule .users-panel.budgets-panel{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
#cuentasCobrarModule .accounts-receivable-list-section{padding:0!important;border:1px solid #dfe3e7!important;border-top:3px solid #94bd18!important;border-radius:14px!important;background:#fff!important;box-shadow:0 10px 28px rgba(28,35,43,.055)!important;overflow:hidden!important}
#cuentasCobrarModule .accounts-receivable-list-section .budgets-table-shell{margin:0!important;border:0!important;border-radius:0!important}
#cuentasCobrarModule .accounts-receivable-table .purchase-table-head{color:#59616b!important;background:#f3f5f6!important}
#cuentasCobrarModule .accounts-receivable-table .purchase-table-row{background:#fff!important;border-top:1px solid #e8ebee!important}
#cuentasCobrarModule .accounts-receivable-table .purchase-table-row:hover{background:#f7f9f3!important}
#cuentasCobrarModule .accounts-receivable-table .purchase-table-row.money-settled,
#cuentasCobrarModule .accounts-receivable-table .purchase-table-row.payment-complete{background:#f5faf3!important}
#cuentasCobrarModule #accountsReceivableDetailView{gap:14px!important}
#cuentasCobrarModule #backToAccountsReceivableButton{width:max-content!important;min-height:38px!important;padding:0 14px!important;border:1px solid #d9dde1!important;border-radius:9px!important;color:#4b535c!important;background:#fff!important}

#cuentasCobrarModule .receivable-detail-header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:18px;padding:20px 22px;border:1px solid #dce1e5;border-top:3px solid #94bd18;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(31,39,47,.05)}
#cuentasCobrarModule .receivable-detail-identity{display:flex;align-items:center;gap:13px;min-width:0}
#cuentasCobrarModule .receivable-detail-identity>span{width:44px;height:44px;display:grid;place-items:center;flex:0 0 44px;border-radius:10px;color:#efffb9;background:#28311e;font-size:21px}
#cuentasCobrarModule .receivable-detail-identity>div{min-width:0}
#cuentasCobrarModule .receivable-detail-identity small,#cuentasCobrarModule .receivable-files-heading small{display:block;color:#7a838d;font-size:8px;font-weight:850;letter-spacing:.13em}
#cuentasCobrarModule .receivable-detail-identity h3{margin:2px 0 3px;color:#20252c;font-size:19px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#cuentasCobrarModule .receivable-detail-identity p{margin:0;color:#707984;font-size:10px}
#cuentasCobrarModule .receivable-detail-status{min-width:155px;padding-left:18px;border-left:1px solid #e3e6e8;display:grid;gap:3px}
#cuentasCobrarModule .receivable-detail-status small{color:#7b848d;font-size:8px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
#cuentasCobrarModule .receivable-detail-status strong{color:#41561a;font-size:11px}
#cuentasCobrarModule .receivable-detail-status strong.semantic-state-pending,
#cuentasCobrarModule .receivable-detail-status strong.semantic-state-paid{
  width:max-content;
  max-width:100%;
  min-height:24px;
  padding:4px 9px;
  display:inline-flex;
  align-items:center;
  justify-self:start;
  border:1px solid;
  border-radius:999px;
  line-height:1.2;
}
#cuentasCobrarModule .receivable-primary-action{min-height:40px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #779c12;border-radius:9px;color:#fff;background:#779c12;font-size:9px;font-weight:850;cursor:pointer}
#cuentasCobrarModule .receivable-primary-action:hover{border-color:#5e7d0a;background:#5e7d0a}
#cuentasCobrarModule .receivable-primary-action.is-complete{border-color:#b9c6ad;color:#4c5b42;background:#eef4e9;cursor:default}

#cuentasCobrarModule .receivable-overview-card{padding:0;border:1px solid #dfe3e7;border-radius:14px;background:#fff;overflow:hidden}
#cuentasCobrarModule .receivable-overview-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid #e2e5e8;background:#f7f8f8}
#cuentasCobrarModule .receivable-overview-values article{padding:16px 18px;display:grid;gap:5px;border-right:1px solid #e2e5e8}
#cuentasCobrarModule .receivable-overview-values article:last-child{border-right:0}
#cuentasCobrarModule .receivable-overview-values span,#cuentasCobrarModule .receivable-detail-grid span{color:#78818b;font-size:8px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
#cuentasCobrarModule .receivable-overview-values strong{color:#20252c;font-size:18px}
#cuentasCobrarModule .receivable-overview-values .is-settled strong{color:#55780c}
#cuentasCobrarModule .receivable-overview-values .is-pending strong{color:#a86a16}
#cuentasCobrarModule .receivable-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:7px 18px 17px}
#cuentasCobrarModule .receivable-detail-grid>div{min-width:0;padding:13px 12px 10px 0;display:grid;gap:5px;border-bottom:1px solid #edf0f2}
#cuentasCobrarModule .receivable-detail-grid strong{color:#343a40;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

#cuentasCobrarModule .accounts-receivable-files{padding:0!important;border:1px solid #dce1e5!important;border-top:3px solid #94bd18!important;border-radius:14px!important;background:#fff!important;overflow:hidden!important}
#cuentasCobrarModule .receivable-files-heading{min-height:64px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e3e6e9;background:#fafbfb}
#cuentasCobrarModule .receivable-files-heading>div{display:flex;align-items:center;gap:10px}
#cuentasCobrarModule .receivable-files-heading>div>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:#4f6814;background:#eef4df;font-size:16px}
#cuentasCobrarModule .receivable-files-heading h3{margin:2px 0 0!important;color:#252b31!important;font-size:14px!important}
#cuentasCobrarModule .receivable-files-heading>b{padding:5px 8px;border-radius:999px;color:#626b74;background:#eceff1;font-size:8px}
#cuentasCobrarModule .accounts-receivable-upload-form{margin:16px!important;padding:13px!important;display:grid!important;grid-template-columns:minmax(190px,.65fr) minmax(280px,1.6fr) auto!important;align-items:end!important;gap:10px!important;border:1px solid #dde2e6!important;border-radius:11px!important;background:#f7f8f8!important}
#cuentasCobrarModule .accounts-receivable-upload-form label{display:grid;gap:6px}
#cuentasCobrarModule .accounts-receivable-upload-form label>span{color:#656e77;font-size:8px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
#cuentasCobrarModule .accounts-receivable-upload-form select,#cuentasCobrarModule .accounts-receivable-upload-form input[type=file]{width:100%;min-height:40px;border:1px solid #d6dce0;border-radius:9px;color:#32383e;background:#fff;font-size:9px}
#cuentasCobrarModule .accounts-receivable-upload-form select{padding:0 11px}
#cuentasCobrarModule .accounts-receivable-upload-form input[type=file]{padding:5px}
#cuentasCobrarModule .accounts-receivable-upload-form input[type=file]::file-selector-button{min-height:28px;margin-right:10px;padding:0 11px;border:0;border-radius:7px;color:#3f5313;background:#eef4df;font-size:9px;font-weight:800;cursor:pointer}
#cuentasCobrarModule .receivable-upload-action{min-width:0;display:grid;grid-template-rows:auto 40px;align-self:stretch;gap:6px}
#cuentasCobrarModule .receivable-upload-action>span{visibility:hidden;color:#656e77;font-size:8px;font-weight:850;line-height:1;letter-spacing:.09em;text-transform:uppercase}
#cuentasCobrarModule .receivable-upload-button{width:100%;height:40px;min-height:40px;margin:0!important;padding:0 14px;align-self:end;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #779c12;border-radius:9px;color:#fff;background:#779c12;font-size:9px;font-weight:850;cursor:pointer}
#cuentasCobrarModule .receivable-file-list{margin:0 16px 16px;display:grid;gap:8px}
#cuentasCobrarModule .receivable-file-row{min-width:0;padding:10px 11px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;border:1px solid #e0e4e7;border-radius:10px;background:#fff}
#cuentasCobrarModule .receivable-file-row:hover{border-color:#c5cdd2;background:#fbfcfc}
#cuentasCobrarModule .receivable-file-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;color:#4f6814;background:#eef4df;font-size:17px}
#cuentasCobrarModule .receivable-file-copy{min-width:0;display:grid;gap:4px}
#cuentasCobrarModule .receivable-file-copy strong,#cuentasCobrarModule .receivable-file-copy strong a{min-width:0;color:#2d3339;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#cuentasCobrarModule .receivable-file-copy span{color:#7c858e;font-size:8px}
#cuentasCobrarModule .receivable-file-delete{min-height:34px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;border:1px solid #efc4c9;border-radius:8px;color:#ad3542;background:#fff6f7;font-size:9px;font-weight:800;cursor:pointer}
#cuentasCobrarModule .receivable-file-delete:hover{border-color:#c94251;color:#fff;background:#c94251}
#cuentasCobrarModule .receivable-files-empty{margin:0 16px 16px;padding:18px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px dashed #cfd6db;border-radius:10px;color:#707982;background:#fafbfb}
#cuentasCobrarModule .receivable-files-empty>i{font-size:21px}
#cuentasCobrarModule .receivable-files-empty>div{display:grid;gap:3px}
#cuentasCobrarModule .receivable-files-empty strong{color:#3e454c;font-size:10px}
#cuentasCobrarModule .receivable-files-empty span{font-size:9px}

body.dark-mode #cuentasCobrarModule .accounts-receivable-list-section,body.dark-mode #cuentasCobrarModule .receivable-detail-header,body.dark-mode #cuentasCobrarModule .receivable-overview-card,body.dark-mode #cuentasCobrarModule .accounts-receivable-files{border-color:#3c4248!important;background:#202329!important}
body.dark-mode #cuentasCobrarModule .receivable-overview-values,body.dark-mode #cuentasCobrarModule .receivable-files-heading,body.dark-mode #cuentasCobrarModule .accounts-receivable-upload-form{border-color:#3c4248!important;background:#262a30!important}
body.dark-mode #cuentasCobrarModule .receivable-file-row{border-color:#3c4248;background:#24282e}
body.dark-mode #cuentasCobrarModule .receivable-detail-identity h3,body.dark-mode #cuentasCobrarModule .receivable-overview-values strong,body.dark-mode #cuentasCobrarModule .receivable-detail-grid strong,body.dark-mode #cuentasCobrarModule .receivable-files-heading h3{color:#f0f2f3!important}

@media(max-width:980px){
  #cuentasCobrarModule .receivable-detail-header{grid-template-columns:minmax(0,1fr) auto}
  #cuentasCobrarModule .receivable-primary-action{grid-column:1/-1;width:100%}
  #cuentasCobrarModule .receivable-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #cuentasCobrarModule .accounts-receivable-upload-form{grid-template-columns:1fr 1.4fr!important}
  #cuentasCobrarModule .receivable-upload-action{grid-column:1/-1;grid-template-rows:40px;gap:0}
  #cuentasCobrarModule .receivable-upload-action>span{display:none}
}
@media(max-width:640px){
  #cuentasCobrarModule .receivable-detail-header{grid-template-columns:1fr;padding:15px}
  #cuentasCobrarModule .receivable-detail-status{padding:10px 0 0;border-left:0;border-top:1px solid #e3e6e8}
  #cuentasCobrarModule .receivable-overview-values,#cuentasCobrarModule .receivable-detail-grid{grid-template-columns:1fr}
  #cuentasCobrarModule .receivable-overview-values article{border-right:0;border-bottom:1px solid #e2e5e8}
  #cuentasCobrarModule .accounts-receivable-upload-form{grid-template-columns:1fr!important;margin:12px!important}
  #cuentasCobrarModule .receivable-file-list{margin:0 12px 12px}
  #cuentasCobrarModule .receivable-file-delete span{display:none}
}

/* Pirela 1.0.68 · directorio de cobranza en fichas */
#cuentasCobrarModule .accounts-receivable-list-section{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
#cuentasCobrarModule .accounts-receivable-directory{width:100%;min-width:0}
#cuentasCobrarModule #accountsReceivableRows{display:grid;gap:11px}
#cuentasCobrarModule .receivable-account-card{position:relative;min-width:0;padding:16px 17px;display:grid;grid-template-columns:44px minmax(240px,1.6fr) minmax(150px,.8fr) 118px 145px 66px;align-items:center;gap:16px;border:1px solid #e0e4e7;border-radius:12px;background:#fff;box-shadow:0 4px 14px rgba(32,39,46,.035);cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
#cuentasCobrarModule .receivable-account-card::before{content:"";position:absolute;inset:10px auto 10px 0;width:3px;border-radius:0 3px 3px 0;background:#b8c0c7}
#cuentasCobrarModule .receivable-account-card.is-collected::before{background:#82aa18}
#cuentasCobrarModule .receivable-account-card.is-pending::before{background:#d29a3b}
#cuentasCobrarModule .receivable-account-card:hover{border-color:#cbd2d7;box-shadow:0 9px 24px rgba(32,39,46,.075);transform:translateY(-1px)}
#cuentasCobrarModule .receivable-account-card.row-is-flagged{border-color:#b6c982;background:#fbfcf7}
#cuentasCobrarModule .receivable-account-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;color:#59636d;background:#eef1f3;font-size:19px}
#cuentasCobrarModule .receivable-account-card.is-collected .receivable-account-icon{color:#526e0f;background:#eef4df}
#cuentasCobrarModule .receivable-account-card.is-pending .receivable-account-icon{color:#906016;background:#fff3df}
#cuentasCobrarModule .receivable-account-identity{min-width:0;display:grid;gap:4px}
#cuentasCobrarModule .receivable-account-identity>span{color:#78818a;font-size:8px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#cuentasCobrarModule .receivable-account-identity h3{margin:0;color:#242a30;font-size:14px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#cuentasCobrarModule .receivable-account-identity>div{display:flex;flex-wrap:wrap;gap:6px}
#cuentasCobrarModule .receivable-account-identity>div b{padding:3px 6px;border:1px solid #e2e6e9;border-radius:5px;color:#68727b;background:#f7f8f8;font-size:7px;font-weight:800;letter-spacing:.04em}
#cuentasCobrarModule .receivable-account-state{min-width:0;display:grid;gap:5px}
#cuentasCobrarModule .receivable-account-state>span{width:max-content;max-width:100%;padding:5px 8px;display:flex;align-items:center;gap:6px;border-radius:999px;font-size:8px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#cuentasCobrarModule .receivable-account-state>span i{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:currentColor}
#cuentasCobrarModule .receivable-account-state>span.is-collected{color:#52700e;background:#edf4dc}
#cuentasCobrarModule .receivable-account-state>span.is-pending{color:#946116;background:#fff2dc}
#cuentasCobrarModule .receivable-account-state small{color:#7b848d;font-size:8px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#cuentasCobrarModule .receivable-account-date,#cuentasCobrarModule .receivable-account-money{min-width:0;display:grid;gap:4px}
#cuentasCobrarModule .receivable-account-date span,#cuentasCobrarModule .receivable-account-money span{color:#899199;font-size:7px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
#cuentasCobrarModule .receivable-account-date strong{color:#4d565e;font-size:9px}
#cuentasCobrarModule .receivable-account-money{padding-left:15px;border-left:1px solid #e5e8ea;text-align:right}
#cuentasCobrarModule .receivable-account-money strong{color:#242a30;font-size:14px}
#cuentasCobrarModule .receivable-account-money small{color:#778089;font-size:8px}
#cuentasCobrarModule .receivable-account-card.is-collected .receivable-account-money small{color:#5d771d}
#cuentasCobrarModule .receivable-account-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}
#cuentasCobrarModule .receivable-account-actions .row-flag-cell{width:auto;min-width:0;display:block}
#cuentasCobrarModule .receivable-account-actions .row-flag-button{width:31px;height:31px;border:1px solid #dfe3e6;border-radius:8px;background:#fff}
#cuentasCobrarModule .receivable-account-open{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;color:#4d581f;background:#f0f4e5;font-size:14px}
#cuentasCobrarModule .receivable-directory-empty{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px dashed #cfd5d9;border-radius:12px;color:#7c858d;background:#fff}
#cuentasCobrarModule .receivable-directory-empty i{margin-bottom:3px;color:#69747d;font-size:24px}
#cuentasCobrarModule .receivable-directory-empty strong{color:#343b41;font-size:12px}
#cuentasCobrarModule .receivable-directory-empty span{font-size:9px}
#cuentasCobrarModule .table-pagination{margin-top:13px!important}

body.dark-mode #cuentasCobrarModule .receivable-account-card,body.dark-mode #cuentasCobrarModule .receivable-directory-empty{border-color:#3c4248;background:#22262c}
body.dark-mode #cuentasCobrarModule .receivable-account-card.row-is-flagged{border-color:#647440;background:#252a21}
body.dark-mode #cuentasCobrarModule .receivable-account-identity h3,body.dark-mode #cuentasCobrarModule .receivable-account-money strong,body.dark-mode #cuentasCobrarModule .receivable-directory-empty strong{color:#f0f2f3}
body.dark-mode #cuentasCobrarModule .receivable-account-identity>div b{border-color:#41474d;color:#b7bec4;background:#2b3036}
body.dark-mode #cuentasCobrarModule .receivable-account-money{border-color:#3d4349}
body.dark-mode #cuentasCobrarModule .receivable-account-actions .row-flag-button{border-color:#41474d;background:#292e34}

@media(max-width:1180px){
  #cuentasCobrarModule .receivable-account-card{grid-template-columns:44px minmax(220px,1.4fr) minmax(145px,.8fr) 135px 66px}
  #cuentasCobrarModule .receivable-account-date{display:none}
}
@media(max-width:880px){
  #cuentasCobrarModule .receivable-account-card{grid-template-columns:42px minmax(0,1fr) 130px 58px;gap:12px}
  #cuentasCobrarModule .receivable-account-state{grid-column:2/3}
  #cuentasCobrarModule .receivable-account-money{grid-column:3/4;grid-row:1/3}
  #cuentasCobrarModule .receivable-account-actions{grid-column:4/5;grid-row:1/3}
}
@media(max-width:620px){
  #cuentasCobrarModule .receivable-page-heading{margin-bottom:14px!important}
  #cuentasCobrarModule .receivable-account-card{padding:14px;grid-template-columns:40px minmax(0,1fr) 34px;gap:11px}
  #cuentasCobrarModule .receivable-account-icon{width:38px;height:38px}
  #cuentasCobrarModule .receivable-account-state{grid-column:2/4}
  #cuentasCobrarModule .receivable-account-money{grid-column:1/3;grid-row:auto;padding:11px 0 0;border-left:0;border-top:1px solid #e5e8ea;text-align:left}
  #cuentasCobrarModule .receivable-account-actions{grid-column:3/4;grid-row:1/2}
  #cuentasCobrarModule .receivable-account-actions .row-flag-cell{display:none}
  #cuentasCobrarModule .receivable-account-open{width:30px;height:30px}
}

/* Pirela 1.0.69 · paleta bosque para cobranza */
#cuentasCobrarModule{
  --cx-forest:#2f80d0;
  --cx-forest-dark:#256aa9;
  --cx-sage:#eaf4ff;
  --cx-sage-strong:#bcd7ef;
  --cx-cream:#fafbfc;
  --cx-cream-strong:#dfe6ee;
  --cx-ink:#292c32;
  --cx-muted:#737984;
  --cx-line:#e1e4e9;
  --cx-white:#fff;
}

/* Pirela 1.0.71 · cobranza con la paleta de las cards de Proyectos */
#cuentasCobrarModule .receivable-detail-header{border-color:#dce2e8;border-top-color:#2f80d0;background:linear-gradient(110deg,#edf7ff 0%,#fff 68%);box-shadow:0 12px 34px rgba(31,38,51,.055)}
#cuentasCobrarModule .receivable-detail-identity>span{color:#fff;background:#2f80d0;box-shadow:0 9px 18px rgba(47,128,208,.18)}
#cuentasCobrarModule .receivable-overview-card{border-color:#dfe4ea;box-shadow:0 9px 26px rgba(31,38,51,.04)}
#cuentasCobrarModule .receivable-overview-values{border-bottom-color:#e1e4e9;background:#fff}
#cuentasCobrarModule .receivable-overview-values article{border-right-color:#e1e4e9;background:#fafbfc}
#cuentasCobrarModule .receivable-overview-values span{color:#737984}
#cuentasCobrarModule .receivable-overview-values strong{color:#292c32}
#cuentasCobrarModule .receivable-overview-values .is-settled strong{color:#16845f}
#cuentasCobrarModule .receivable-overview-values .is-pending strong{color:#2f80d0}

#cuentasCobrarModule :is(.accounts-receivable-billing,.accounts-receivable-quote,.documents-support){border-color:#dfe4ea!important;border-top-color:#2f80d0!important;box-shadow:0 9px 26px rgba(31,38,51,.04)!important}
#cuentasCobrarModule :is(.accounts-receivable-billing,.accounts-receivable-quote,.documents-support)>h3{border-bottom-color:#e6e9ed!important;color:#292c32!important;background:#fafbfc!important}
#cuentasCobrarModule :is(.accounts-receivable-billing,.documents-support) .budget-documents-head,
#cuentasCobrarModule .accounts-receivable-quote .purchase-table-head{border-color:#e1e5e9!important;color:#4e5966!important;background:#f1f4f7!important}
#cuentasCobrarModule :is(.accounts-receivable-billing,.documents-support) .budget-documents-head span,
#cuentasCobrarModule .accounts-receivable-quote .purchase-table-head span{color:#4e5966!important}
#cuentasCobrarModule :is(.accounts-receivable-billing,.documents-support) .budget-documents-row:nth-child(odd),
#cuentasCobrarModule .accounts-receivable-quote .purchase-table-row:nth-child(odd){background:#fbfcfd!important}

#cuentasCobrarModule .accounts-receivable-files{border-color:#dfe4ea!important;border-top-color:#2f80d0!important;box-shadow:0 9px 26px rgba(31,38,51,.04)!important}
#cuentasCobrarModule .receivable-files-heading{border-bottom-color:#e6e9ed;background:linear-gradient(110deg,#edf7ff 0%,#fff 72%)}
#cuentasCobrarModule .receivable-files-heading>div>span{color:#276eae;background:#eaf4ff}
#cuentasCobrarModule .receivable-files-heading small{color:#737984}
#cuentasCobrarModule .receivable-files-heading h3{color:#292c32!important}
#cuentasCobrarModule .receivable-files-heading>b{color:#256aa9;background:#eaf4ff}
#cuentasCobrarModule .accounts-receivable-upload-form{border-color:#e1e4e9!important;background:#fafbfc!important}
#cuentasCobrarModule .receivable-files-empty{border-color:#cbd8e5;color:#737984;background:#fafbfc}

#cuentasCobrarModule .receivable-account-card{border-color:#e3e6eb;background:#fafbfc;box-shadow:none}
#cuentasCobrarModule .receivable-account-card:hover{border-color:#bcd7ef;background:#fff;box-shadow:0 9px 22px rgba(38,53,72,.08)}
#cuentasCobrarModule .receivable-account-card.row-is-flagged{border-color:#2f80d0;background:linear-gradient(90deg,#edf7ff 0%,#fff 22%)}
#cuentasCobrarModule .receivable-account-card::before,#cuentasCobrarModule .receivable-account-card.is-collected::before,#cuentasCobrarModule .receivable-account-card.is-pending::before{background:#2f80d0}
#cuentasCobrarModule .receivable-account-icon,#cuentasCobrarModule .receivable-account-card.is-collected .receivable-account-icon,#cuentasCobrarModule .receivable-account-card.is-pending .receivable-account-icon{color:#256aa9;background:#eaf4ff}
#cuentasCobrarModule .receivable-account-state>span.is-collected{color:#087653;background:#dff6ed}
#cuentasCobrarModule .receivable-account-state>span.is-pending{color:#256aa9;background:#eaf4ff}

@media(max-width:640px){
  #cuentasCobrarModule .receivable-overview-values article{border-bottom-color:#e1e4e9}
}

/* 1.0.84 · entrada limpia al CRM y alta automática después del primer cobro */
#appView#appView #inicioModule :where(.home-business-card,.home-business-card.is-media,.home-business-card.is-crm){
  transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
#appView#appView #inicioModule :where(.home-business-card,.home-business-card.is-media,.home-business-card.is-crm):hover,
#appView#appView #inicioModule :where(.home-business-card,.home-business-card.is-media,.home-business-card.is-crm):focus-visible{
  --unit-a:#17865f;
  --unit-b:#0f6c4b;
  border-color:#0f6c4b!important;
  background:linear-gradient(135deg,#17865f,#0f6c4b)!important;
  box-shadow:0 18px 38px rgba(15,108,75,.23)!important;
  transform:translateY(-4px);
  outline:none;
}

.project-crm-enrollment{
  display:grid;
  grid-template-columns:minmax(260px,1fr) minmax(240px,.75fr);
  gap:12px 18px;
  align-items:end;
  padding:15px 16px;
  border:1px solid #dce3e9;
  border-radius:14px;
  background:#f8fafb;
}
.project-crm-enrollment>.inline-check-field{margin:0!important;min-height:44px}
.project-crm-frequency{display:grid;gap:6px}
.project-crm-frequency>span{font-size:11px;font-weight:800;letter-spacing:.04em;color:#4e5966;text-transform:uppercase}
.project-crm-frequency select{min-height:44px;border:1px solid #ccd5de;border-radius:10px;background:#fff;color:#20252b}
.project-crm-note{grid-column:1/-1;display:flex;gap:8px;align-items:center;margin:0;color:#53606d;font-size:12px}
.project-crm-note i{color:#17865f;font-size:16px}
@media(max-width:720px){
  .project-crm-enrollment{grid-template-columns:1fr}
}

/* Pirela 1.0.82 · ERP bicolor: azul operativo + gris grafito
   Los tonos claros son variaciones de estas dos familias, no colores de módulo. */
#appView{
  --erp-blue:#2f6fad;
  --erp-blue-dark:#255989;
  --erp-blue-soft:#eaf2f8;
  --erp-blue-line:#b9cee0;
  --erp-graphite:#2f3b46;
  --erp-graphite-dark:#202a33;
  --erp-graphite-soft:#f1f4f6;
  --erp-muted:#687684;
  --erp-line:#d8e0e7;
  --erp-surface:#fff;
  --erp-background:#f5f7f9;
  --pg-shell-bg:var(--erp-background);
  --pg-sidebar-bg:var(--erp-surface);
  --pg-sidebar-line:var(--erp-line);
  --pg-ink:var(--erp-graphite);
  --pg-muted:var(--erp-muted);
  --pg-lime:var(--erp-blue);
  --pg-blue:var(--erp-blue);
  --pg-green:var(--erp-blue);
  --pg-yellow:var(--erp-graphite);
  --pg-red:var(--erp-graphite);
  --pg-purple:var(--erp-blue);
  --pg-aqua:var(--erp-blue);
  --pg-coral:var(--erp-graphite);
  --pg-nav-neutral:var(--erp-muted);
  --pg-nav-icon-bg:var(--erp-graphite-soft);
  --pg-nav-hover:var(--erp-graphite-soft);
  --pg-nav-active:var(--erp-blue);
  --pg-nav-active-bg:var(--erp-blue-soft);
  --state-pending:var(--erp-graphite);
  --state-pending-dark:var(--erp-graphite-dark);
  --state-pending-soft:var(--erp-graphite-soft);
  --state-pending-line:var(--erp-line);
  --state-paid:var(--erp-blue);
  --state-paid-dark:var(--erp-blue-dark);
  --state-paid-soft:var(--erp-blue-soft);
  --state-paid-line:var(--erp-blue-line);
  color:var(--erp-graphite)!important;
  background:var(--erp-background)!important;
}

/* Variables heredadas de cada módulo: una sola identidad visual. */
#appView :is(#usuariosModule,#userModal){--team-purple:var(--erp-blue);--team-purple-hover:var(--erp-blue-dark);--team-purple-soft:var(--erp-blue-soft);--team-lime:var(--erp-blue);--team-success:var(--erp-blue);--team-ink:var(--erp-graphite);--team-muted:var(--erp-muted);--team-line:var(--erp-line);--team-soft:var(--erp-graphite-soft)}
#appView :is(#sucursalesModule,#locationCatalogModal){--branch-purple:var(--erp-blue);--branch-coral:var(--erp-graphite);--branch-coral-soft:var(--erp-graphite-soft);--branch-ink:var(--erp-graphite);--branch-muted:var(--erp-muted);--branch-line:var(--erp-line);--branch-modal-purple:var(--erp-blue);--branch-modal-coral:var(--erp-graphite);--branch-modal-ink:var(--erp-graphite);--branch-modal-muted:var(--erp-muted);--branch-modal-line:var(--erp-line);--branch-modal-soft:var(--erp-graphite-soft)}
#appView :is(#empresasModule,#companyDirectoryModal){--company-purple:var(--erp-blue);--company-aqua:var(--erp-blue);--company-coral:var(--erp-graphite);--company-coral-soft:var(--erp-graphite-soft);--company-red:var(--erp-graphite);--company-ink:var(--erp-graphite);--company-muted:var(--erp-muted);--company-line:var(--erp-line);--company-soft:var(--erp-graphite-soft);--company-form-purple:var(--erp-blue);--company-form-coral:var(--erp-graphite);--company-form-ink:var(--erp-graphite);--company-form-muted:var(--erp-muted);--company-form-line:var(--erp-line);--company-form-soft:var(--erp-graphite-soft)}
#appView :is(#clientesModule,#clientModal){--contact-accent:var(--erp-blue);--contact-accent-deep:var(--erp-blue-dark);--contact-accent-soft:var(--erp-blue-soft);--contact-aqua:var(--erp-blue);--contact-green:var(--erp-blue);--contact-purple:var(--erp-blue);--contact-red:var(--erp-graphite);--contact-ink:var(--erp-graphite);--contact-muted:var(--erp-muted);--contact-line:var(--erp-line)}
#appView :is(#proveedoresModule,#providerModal){--provider-accent:var(--erp-blue);--provider-accent-dark:var(--erp-blue-dark);--provider-accent-soft:var(--erp-blue-soft);--provider-ink:var(--erp-graphite);--provider-muted:var(--erp-muted);--provider-line:var(--erp-line);--provider-form-accent:var(--erp-blue);--provider-form-accent-dark:var(--erp-blue-dark);--provider-form-ink:var(--erp-graphite);--provider-form-muted:var(--erp-muted);--provider-form-line:var(--erp-line);--provider-form-soft:var(--erp-graphite-soft)}
#appView #presupuestoModule{--project-violet:var(--erp-blue);--project-violet-soft:var(--erp-blue-soft);--project-blue:var(--erp-blue);--project-blue-soft:var(--erp-blue-soft);--project-coral:var(--erp-graphite);--project-ink:var(--erp-graphite);--project-muted:var(--erp-muted);--project-line:var(--erp-line)}
#appView #proyectosModule{--op-blue:var(--erp-blue);--op-blue-soft:var(--erp-blue-soft);--op-green:var(--erp-blue);--op-green-soft:var(--erp-blue-soft);--op-ink:var(--erp-graphite);--op-muted:var(--erp-muted);--op-line:var(--erp-line)}
#appView #organizacionModule{--org-accent:var(--erp-blue);--org-accent-soft:var(--erp-blue-soft);--org-amber:var(--erp-graphite);--org-coral:var(--erp-graphite);--org-cyan:var(--erp-blue);--org-indigo:var(--erp-blue);--org-slate:var(--erp-graphite);--org-violet:var(--erp-blue)}
#appView #comprasModule{--pc-blue:var(--erp-blue);--pc-blue-dark:var(--erp-blue-dark);--pc-blue-soft:var(--erp-blue-soft);--pc-blue-line:var(--erp-blue-line);--pc-success:var(--erp-blue);--pc-success-soft:var(--erp-blue-soft);--pc-danger:var(--erp-graphite);--pc-danger-soft:var(--erp-graphite-soft);--pc-ink:var(--erp-graphite);--pc-muted:var(--erp-muted);--pc-line:var(--erp-line);--pc-surface-soft:var(--erp-graphite-soft)}
#appView #cuentasPagarModule{--ap-blue:var(--erp-blue);--ap-blue-dark:var(--erp-blue-dark);--ap-blue-soft:var(--erp-blue-soft);--ap-blue-line:var(--erp-blue-line);--ap-success:var(--erp-blue);--ap-success-soft:var(--erp-blue-soft);--ap-danger:var(--erp-graphite);--ap-danger-soft:var(--erp-graphite-soft);--ap-ink:var(--erp-graphite);--ap-muted:var(--erp-muted);--ap-line:var(--erp-line);--ap-surface-soft:var(--erp-graphite-soft)}
#appView #cuentasCobrarModule{--cx-forest:var(--erp-blue);--cx-forest-dark:var(--erp-blue-dark);--cx-sage:var(--erp-blue-soft);--cx-sage-strong:var(--erp-blue-line);--cx-cream:var(--erp-graphite-soft);--cx-cream-strong:var(--erp-line);--cx-ink:var(--erp-graphite);--cx-muted:var(--erp-muted);--cx-line:var(--erp-line)}

/* Navegación y superficies. */
#appView.command-center .main-nav{background:var(--erp-surface)!important;border-right-color:var(--erp-line)!important;box-shadow:8px 0 26px rgba(32,42,51,.05)!important}
#appView.command-center .main-nav::before{background:var(--erp-blue)!important}
#appView.command-center .sidebar-nav-group{--pg-group:var(--erp-muted)!important}
#appView.command-center .main-nav .nav-item{color:var(--erp-graphite)!important}
#appView.command-center .main-nav .nav-item i{color:var(--erp-muted)!important;background:var(--erp-graphite-soft)!important}
#appView.command-center .main-nav .nav-item:hover{color:var(--erp-blue-dark)!important;background:var(--erp-blue-soft)!important}
#appView.command-center .main-nav .nav-item:hover i,
#appView.command-center .main-nav .nav-item.active i{color:#fff!important;background:var(--erp-blue)!important}
#appView.command-center .main-nav .nav-item.active{color:var(--erp-blue-dark)!important;background:var(--erp-blue-soft)!important}
#appView.command-center .sidebar-toggle{border-color:var(--erp-blue-line)!important;color:var(--erp-blue-dark)!important;background:#fff!important}
#appView.command-center :where(.module-view,.users-panel,.budget-card,.budget-detail-card,.purchase-section,.client-quote-module,.documents-support){--app-toast-accent:var(--erp-blue)}

/* Acciones: azul para la acción principal; grafito para secundarias y destructivas. */
#appView#appView :where(.primary-button,.success-button,.create-button,.branch-create-button,.company-create-button,.contact-page-create,.provider-create-button,.purchase-create-ocp-button,.receivable-primary-action,.receivable-upload-button,.accounts-payable-upload-button,.supplier-order-primary-action){border-color:var(--erp-blue)!important;color:#fff!important;background:var(--erp-blue)!important;box-shadow:none!important}
#appView#appView :where(.primary-button,.success-button,.create-button,.branch-create-button,.company-create-button,.contact-page-create,.provider-create-button,.purchase-create-ocp-button,.receivable-primary-action,.receivable-upload-button,.accounts-payable-upload-button,.supplier-order-primary-action):hover{border-color:var(--erp-blue-dark)!important;color:#fff!important;background:var(--erp-blue-dark)!important}
#appView#appView :where(.secondary-button,.ghost-button,.small-button,.columns-button,.view-file-button,.branch-action,.company-action,.contact-action,.provider-action,.danger-button,.delete-button){border-color:var(--erp-line)!important;color:var(--erp-graphite)!important;background:#fff!important;box-shadow:none!important}
#appView#appView :where(.secondary-button,.ghost-button,.small-button,.columns-button,.view-file-button,.branch-action,.company-action,.contact-action,.provider-action,.danger-button,.delete-button):hover{border-color:var(--erp-blue-line)!important;color:var(--erp-blue-dark)!important;background:var(--erp-blue-soft)!important}
#appView#appView :where(input,select,textarea):focus{border-color:var(--erp-blue)!important;outline-color:var(--erp-blue-soft)!important;box-shadow:0 0 0 3px rgba(47,111,173,.12)!important}
#appView#appView input[type=checkbox],#appView#appView input[type=radio]{accent-color:var(--erp-blue)!important}

/* Tablas, tarjetas e indicadores sin colores decorativos por módulo. */
#appView#appView :where(.purchase-table-head,.budget-documents-head,.budgets-table-head,.table-head){border-color:var(--erp-line)!important;color:var(--erp-graphite)!important;background:var(--erp-graphite-soft)!important}
#appView#appView :where(.purchase-table-head,.budget-documents-head,.budgets-table-head,.table-head) :where(span,button){color:var(--erp-graphite)!important}
#appView#appView :where(.purchase-table-row,.budget-documents-row,.team-user-row,.branch-card,.company-card,.contact-card,.provider-card){border-color:var(--erp-line)!important;background:#fff!important}
#appView#appView :where(.purchase-table-row,.budget-documents-row,.team-user-row,.branch-card,.company-card,.contact-card,.provider-card):hover{border-color:var(--erp-blue-line)!important;background:var(--erp-blue-soft)!important}
#appView#appView :where(.user-card-avatar,.branch-card-icon,.company-card-icon,.contact-card-icon,.provider-card-icon,.project-list-icon,.operational-project-icon){color:var(--erp-blue-dark)!important;background:var(--erp-blue-soft)!important}
#appView#appView :where(.user-role-pill,.team-user-status,.project-term-list-badge,.project-recurrence-banner>b,.status-pill){border-color:var(--erp-line)!important;color:var(--erp-graphite)!important;background:var(--erp-graphite-soft)!important}

/* Estados: diferencia por texto, icono y borde; nunca mediante una franja de color completa. */
#appView#appView .semantic-state-pending{border-color:var(--erp-line)!important;color:var(--erp-graphite-dark)!important;background:var(--erp-graphite-soft)!important;box-shadow:none!important}
#appView#appView .semantic-state-paid{border-color:var(--erp-blue-line)!important;color:var(--erp-blue-dark)!important;background:var(--erp-blue-soft)!important;box-shadow:none!important}
#appView#appView :where(.row-is-flagged,.is-pending,.money-pending):not(.semantic-state-pending){border-left-color:var(--erp-graphite)!important;background:linear-gradient(90deg,var(--erp-graphite-soft),#fff 22%)!important}
#appView#appView :where(.is-paid,.is-collected,.payment-complete,.money-settled):not(.semantic-state-paid){border-left-color:var(--erp-blue)!important;background:linear-gradient(90deg,var(--erp-blue-soft),#fff 22%)!important}
#appView#appView #cuentasPagarModule .purchase-section[data-payable-section$="pending"]>h2{border-top-color:var(--erp-graphite)!important;color:#fff!important;background:var(--erp-graphite)!important}
#appView#appView #cuentasPagarModule .purchase-section[data-payable-section$="paid"]>h2{border-top-color:var(--erp-blue-dark)!important;color:#fff!important;background:var(--erp-blue-dark)!important}
#appView#appView #cuentasPagarModule .purchase-section[data-payable-section]>h2::before{background:currentColor!important;box-shadow:none!important}

/* Módulos que todavía tenían acentos directos en rojo, verde, morado, amarillo o turquesa. */
#appView#appView #presupuestoModule :where(.project-term-card,.project-recurrence-banner,.project-list-card){border-color:var(--erp-line)!important;border-left-color:var(--erp-blue)!important;background:#fff!important}
#appView#appView #presupuestoModule :where(.project-term-heading>span,.project-recurrence-banner>span){color:#fff!important;background:var(--erp-blue)!important}
#appView#appView #presupuestoModule :where(.project-term-message,.project-term-list-badge,.project-recurrence-banner>b){color:var(--erp-blue-dark)!important;background:var(--erp-blue-soft)!important}
#appView#appView #cuentasCobrarModule :where(.receivable-detail-header,.accounts-receivable-list-section,.accounts-receivable-billing,.accounts-receivable-quote,.documents-support,.accounts-receivable-files){border-color:var(--erp-line)!important;border-top-color:var(--erp-blue)!important;background:#fff!important}
#appView#appView #cuentasCobrarModule .receivable-files-heading{border-color:var(--erp-line)!important;background:var(--erp-blue-soft)!important}
#appView#appView #cuentasCobrarModule .receivable-files-heading :where(h3,small,b){color:var(--erp-graphite)!important}
#appView#appView #cuentasCobrarModule .receivable-overview-values{background:#fff!important}
#appView#appView #cuentasCobrarModule .receivable-overview-values article{border-color:var(--erp-line)!important;background:var(--erp-graphite-soft)!important}
#appView#appView #cuentasCobrarModule .receivable-overview-values :where(.is-settled,.is-pending) strong{color:var(--erp-blue-dark)!important}
#appView#appView #comprasModule :where(.purchases-toolbar,.purchase-section[data-purchase-section],#purchaseDetailContent>.budget-detail-card,.supplier-order-module-heading){border-color:var(--erp-line)!important;border-top-color:var(--erp-blue)!important;background:#fff!important}
#appView#appView #comprasModule .purchase-section[data-purchase-section]>h2{border-color:var(--erp-line)!important;border-top-color:var(--erp-blue)!important;background:var(--erp-blue-soft)!important}
#appView#appView #organizacionModule :where(.organization-card,.organization-section,.organization-summary-card){border-color:var(--erp-line)!important;border-top-color:var(--erp-blue)!important;background:#fff!important}

/* Inicio también comparte la identidad ERP; CRM podrá incorporar su paleta en su módulo propio. */
#appView#appView #inicioModule :where(.home-business-card,.home-business-card.is-media,.home-business-card.is-crm){--unit-a:var(--erp-blue);--unit-b:var(--erp-blue-dark);--unit-ink:#fff;border-color:var(--erp-blue-line)!important;background:linear-gradient(135deg,var(--erp-blue),var(--erp-blue-dark))!important}
#appView#appView #inicioModule :where(.home-business-card,.home-business-card.is-media,.home-business-card.is-crm) :where(h2,h3,p,small,strong,span,i){color:#fff!important}

/* Modo oscuro: mismas dos familias, con luminosidad adaptada. */
body.dark-mode #appView{--erp-blue:#6fa6d5;--erp-blue-dark:#8bb9df;--erp-blue-soft:#1d3448;--erp-blue-line:#3f6687;--erp-graphite:#d7e0e7;--erp-graphite-dark:#f0f4f7;--erp-graphite-soft:#222c34;--erp-muted:#a6b3bd;--erp-line:#3b4853;--erp-surface:#182129;--erp-background:#121a21}
body.dark-mode #appView#appView :where(.purchase-table-row,.budget-documents-row,.team-user-row,.branch-card,.company-card,.contact-card,.provider-card){background:var(--erp-surface)!important}
body.dark-mode #appView#appView :where(.secondary-button,.ghost-button,.small-button,.columns-button,.view-file-button,.branch-action,.company-action,.contact-action,.provider-action,.danger-button,.delete-button){background:var(--erp-surface)!important}

/* Pirela 1.0.73 · Cuentas por pagar con la identidad visual de Proyectos */
#cuentasPagarModule{
  --ap-blue:#2f80d0;
  --ap-blue-dark:#276eae;
  --ap-blue-soft:#edf7ff;
  --ap-blue-line:#bdd8ee;
  --ap-ink:#292c32;
  --ap-muted:#737984;
  --ap-line:#dfe4ea;
  --ap-surface:#fff;
  --ap-surface-soft:#fafbfc;
  --ap-success:#087653;
  --ap-success-soft:#e7f7f0;
  --ap-danger:#b9384a;
  --ap-danger-soft:#fff2f4;
}

#cuentasPagarModule .accounts-payable-page-heading{margin-bottom:18px}
#cuentasPagarModule .accounts-payable-page-heading h1{margin:0;color:var(--ap-ink);font-size:32px;letter-spacing:-.035em}
#cuentasPagarModule .accounts-payable-workspace{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
#cuentasPagarModule #accountsPayableListView{display:grid;gap:16px}

#cuentasPagarModule .accounts-payable-toolbar{margin:0!important;padding:16px!important;display:grid!important;grid-template-columns:minmax(280px,560px) auto!important;align-items:end!important;justify-content:space-between!important;gap:14px!important;border:1px solid var(--ap-line)!important;border-top:3px solid var(--ap-blue)!important;border-radius:14px!important;background:var(--ap-surface)!important;box-shadow:0 10px 28px rgba(31,38,51,.05)!important}
#cuentasPagarModule .accounts-payable-toolbar .module-search{min-width:0;display:grid;gap:7px}
#cuentasPagarModule .accounts-payable-toolbar .module-search span{color:var(--ap-muted);font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
#cuentasPagarModule .accounts-payable-toolbar .module-search input{width:100%;min-height:44px;padding:0 13px;border:1px solid var(--ap-line);border-radius:10px;color:var(--ap-ink);background:var(--ap-surface-soft);font-size:11px;box-shadow:none}
#cuentasPagarModule .accounts-payable-toolbar .module-search input:focus{border-color:var(--ap-blue);outline:3px solid rgba(47,128,208,.11);background:#fff}
#cuentasPagarModule .module-export-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}
#cuentasPagarModule .module-export-actions :where(.primary-button,.small-button){min-height:40px;margin:0;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px!important;box-shadow:none!important;font-size:9px;font-weight:850}
#cuentasPagarModule .module-export-actions .primary-button{border:1px solid var(--ap-blue)!important;color:#fff!important;background:var(--ap-blue)!important}
#cuentasPagarModule .module-export-actions .primary-button:hover{border-color:var(--ap-blue-dark)!important;background:var(--ap-blue-dark)!important}
#cuentasPagarModule .module-export-actions .small-button{border:1px solid var(--ap-blue-line)!important;color:var(--ap-blue-dark)!important;background:var(--ap-blue-soft)!important}
#cuentasPagarModule .module-export-actions .small-button:hover{border-color:var(--ap-blue)!important;color:#fff!important;background:var(--ap-blue)!important}

#cuentasPagarModule .accounts-payable-filter-panel{margin:0!important;padding:15px 16px!important;border:1px solid var(--ap-line)!important;border-radius:14px!important;background:var(--ap-surface-soft)!important;box-shadow:none!important}
#cuentasPagarModule .accounts-payable-filter-panel .module-filter-grid{grid-template-columns:repeat(7,minmax(120px,1fr));gap:10px}
#cuentasPagarModule .accounts-payable-filter-panel label{display:grid;gap:6px}
#cuentasPagarModule .accounts-payable-filter-panel label>span{color:var(--ap-muted);font-size:8px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
#cuentasPagarModule .accounts-payable-filter-panel :where(input,select){width:100%;min-height:40px;padding:0 10px;border:1px solid var(--ap-line);border-radius:9px;color:var(--ap-ink);background:#fff;font-size:10px;box-shadow:none}
#cuentasPagarModule .accounts-payable-filter-panel :where(input,select):focus{border-color:var(--ap-blue);outline:3px solid rgba(47,128,208,.1)}
#cuentasPagarModule .accounts-payable-filter-panel .module-filter-footer{margin-top:13px;padding-top:12px;border-top:1px solid var(--ap-line)}
#cuentasPagarModule .accounts-payable-filter-panel .module-filter-footer>span{color:var(--ap-muted);font-size:9px}
#cuentasPagarModule #accountsPayableClearFiltersButton{min-height:36px;margin:0;padding:0 12px;border:1px solid var(--ap-line)!important;border-radius:9px!important;color:#59616b!important;background:#fff!important;font-size:9px;font-weight:800;box-shadow:none!important}
#cuentasPagarModule #accountsPayableClearFiltersButton:hover{border-color:var(--ap-blue-line)!important;color:var(--ap-blue-dark)!important;background:var(--ap-blue-soft)!important}

#cuentasPagarModule .purchase-section[data-payable-section]{margin:0!important;padding:0!important;border:1px solid var(--ap-line)!important;border-radius:14px!important;background:var(--ap-surface)!important;box-shadow:0 9px 26px rgba(31,38,51,.04)!important;overflow:hidden!important}
#cuentasPagarModule .purchase-section[data-payable-section]>h2{min-height:54px;margin:0!important;padding:0 16px;display:flex;align-items:center;gap:9px;border-top:3px solid var(--ap-blue);border-bottom:1px solid #e6e9ed;color:var(--ap-ink);background:linear-gradient(110deg,var(--ap-blue-soft) 0%,#fff 68%);font-size:14px;font-weight:850}
#cuentasPagarModule .purchase-section[data-payable-section]>h2::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ap-blue);box-shadow:0 0 0 5px rgba(47,128,208,.1)}
#cuentasPagarModule .purchase-section[data-payable-section$="paid"]>h2{border-top-color:var(--ap-success);background:linear-gradient(110deg,var(--ap-success-soft) 0%,#fff 68%)}
#cuentasPagarModule .purchase-section[data-payable-section$="paid"]>h2::before{background:var(--ap-success);box-shadow:0 0 0 5px rgba(8,118,83,.1)}
#cuentasPagarModule .purchase-section[data-payable-section]>.module-toolbar{margin:0!important;padding:12px 16px!important;border-bottom:1px solid var(--ap-line);background:#fff}
#cuentasPagarModule .purchase-section[data-payable-section] .budgets-table-shell{margin:0!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;overflow-x:auto!important}
#cuentasPagarModule .purchase-section[data-payable-section] .purchase-table-head{min-height:40px;border:0!important;border-bottom:1px solid #dfe3e7!important;color:#4e5966!important;background:#f1f4f7!important;font-size:9px;font-weight:850}
#cuentasPagarModule .purchase-section[data-payable-section] .purchase-table-head :where(span,button){color:#4e5966!important}
#cuentasPagarModule .purchase-section[data-payable-section] .purchase-table-row{min-height:56px;border-top:0!important;border-bottom:1px solid #e8ebee!important;color:#343a40;background:#fff;font-size:10px;transition:background .16s ease}
#cuentasPagarModule .purchase-section[data-payable-section] .purchase-table-row:nth-child(even){background:#fbfcfd}
#cuentasPagarModule .purchase-section[data-payable-section] .purchase-table-row.is-clickable:hover{background:var(--ap-blue-soft)!important}
#cuentasPagarModule .purchase-section[data-payable-section] .purchase-table-row.row-is-flagged{box-shadow:inset 4px 0 0 var(--ap-blue);background:#f4f9ff!important}
#cuentasPagarModule .purchase-section[data-payable-section] .purchase-table-row.row-state-paid{box-shadow:inset 4px 0 0 var(--ap-success);background:#f2faf6!important}
#cuentasPagarModule .purchase-section[data-payable-section] .purchase-table-row.row-state-waiting{box-shadow:inset 4px 0 0 var(--ap-blue);background:#fff!important}
#cuentasPagarModule .purchase-section[data-payable-section] .purchase-table-empty{min-width:100%!important;padding:26px!important;color:var(--ap-muted)!important;background:#fff!important;text-align:center}
#cuentasPagarModule .purchase-section[data-payable-section] .status-pill{min-height:23px;padding:0 8px;border:1px solid var(--ap-blue-line);border-radius:999px;color:var(--ap-blue-dark);background:var(--ap-blue-soft);font-size:8px;font-weight:800}
#cuentasPagarModule .purchase-section[data-payable-section] .status-pill.green,
#cuentasPagarModule .purchase-section[data-payable-section] .status-pill.success{border-color:#aedfcb;color:var(--ap-success);background:var(--ap-success-soft)}
#cuentasPagarModule .accounts-payable-document-pill.warning,#cuentasPagarModule .accounts-payable-pending-document.is-pending{color:#8a641d!important;background:#fff8e8!important}
#cuentasPagarModule .accounts-payable-pending-document{width:max-content;max-width:100%;padding:5px 8px;border-radius:7px;font-size:8px}
#cuentasPagarModule .accounts-payable-pending-document.is-complete{color:var(--ap-success);background:var(--ap-success-soft)}
#cuentasPagarModule .accounts-payable-main-pay-button{min-height:30px;margin-top:4px;padding:0 10px;border:1px solid var(--ap-blue)!important;border-radius:8px!important;color:#fff!important;background:var(--ap-blue)!important;font-size:8px;font-weight:850;box-shadow:none!important}
#cuentasPagarModule .accounts-payable-main-pay-button:hover{border-color:var(--ap-blue-dark)!important;background:var(--ap-blue-dark)!important}

#cuentasPagarModule .accounts-payable-pending-batches{margin:0!important;padding:0!important;border:1px solid var(--ap-line)!important;border-top:3px solid var(--ap-blue)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 9px 26px rgba(31,38,51,.04)!important;overflow:hidden}
#cuentasPagarModule .accounts-payable-pending-batches-heading{padding:15px 16px;border-bottom:1px solid var(--ap-line);background:linear-gradient(110deg,var(--ap-blue-soft) 0%,#fff 68%)}
#cuentasPagarModule .accounts-payable-pending-batches-heading :where(h2,strong){color:var(--ap-ink)}
#cuentasPagarModule .accounts-payable-pending-batches-heading>strong{color:var(--ap-blue-dark);background:#fff}
#cuentasPagarModule .accounts-payable-pending-batches-list{padding:12px}
#cuentasPagarModule .accounts-payable-pending-batch-card{border:1px solid var(--ap-line);border-radius:11px;background:var(--ap-surface-soft);box-shadow:none}
#cuentasPagarModule .accounts-payable-pending-batch-icon{color:var(--ap-blue-dark);background:var(--ap-blue-soft)}
#cuentasPagarModule .accounts-payable-pending-batch-status{color:var(--ap-blue-dark);background:var(--ap-blue-soft)}

/* Las filas conservan un solo fondo; el estado se comunica con borde y etiquetas. */
#cuentasPagarModule .purchase-section[data-payable-section] .purchase-table-row>span{background:transparent!important;color:inherit!important}
#cuentasPagarModule .purchase-section[data-payable-section] .purchase-table-row.row-alert,
#cuentasPagarModule .purchase-section[data-payable-section] .purchase-table-row.row-state-docs{box-shadow:inset 4px 0 0 var(--ap-blue)!important;background:#f8fbff!important}
#cuentasPagarModule .purchase-section[data-payable-section] .purchase-table-row.row-state-paid{box-shadow:inset 4px 0 0 var(--ap-success)!important;background:#f5fbf8!important}
#cuentasPagarModule .purchase-section[data-payable-section] .purchase-table-row.row-state-paid:hover{background:#eef8f3!important}
#cuentasPagarModule .payable-period-label{display:block;margin-top:3px;color:#77808b;font-size:7px;font-weight:800;letter-spacing:.06em}

.supplier-order-payment-scheme{margin:12px 0;padding:13px 15px;display:grid;grid-template-columns:minmax(220px,320px) 1fr;align-items:end;gap:16px;border:1px solid #dce3ea;border-radius:12px;background:#f8fafc}
.supplier-order-payment-scheme label{display:grid;gap:6px}
.supplier-order-payment-scheme label>span{color:#687482;font-size:8px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.supplier-order-payment-scheme select{min-height:42px;padding:0 11px;border:1px solid #d7dde4;border-radius:9px;color:#27313b;background:#fff;font-size:10px;font-weight:700}
.supplier-order-payment-scheme p{margin:0 0 3px;color:#69737e;font-size:9px;line-height:1.5}

/* Pirela 1.0.80 · estados operativos intensos fuera de Inicio */
.command-center{
  --state-pending:#c6293f;
  --state-pending-dark:#94192d;
  --state-pending-soft:#ffe9ed;
  --state-pending-line:#e36b7b;
  --state-paid:#08784f;
  --state-paid-dark:#045438;
  --state-paid-soft:#dcf4e7;
  --state-paid-line:#35a77a;
}

#cuentasPagarModule .purchase-section[data-payable-section$="pending"]{border-color:var(--state-pending-line)!important}
#cuentasPagarModule .purchase-section[data-payable-section$="pending"]>h2,
#comprasModule .purchase-section[data-purchase-section="pending"]>h2,
#comisionesModule .purchase-section[data-semantic-section="pending"]>h2{
  border-color:var(--state-pending-dark)!important;
  color:#fff!important;
  background:linear-gradient(110deg,var(--state-pending) 0%,var(--state-pending-dark) 100%)!important;
}
#cuentasPagarModule .purchase-section[data-payable-section$="pending"]>h2::before{
  background:#fff!important;
  box-shadow:0 0 0 5px rgba(255,255,255,.2)!important;
}
#cuentasPagarModule .purchase-section[data-payable-section$="paid"]{border-color:var(--state-paid-line)!important}
#cuentasPagarModule .purchase-section[data-payable-section$="paid"]>h2{
  border-color:var(--state-paid-dark)!important;
  color:#fff!important;
  background:linear-gradient(110deg,var(--state-paid) 0%,var(--state-paid-dark) 100%)!important;
}
#cuentasPagarModule .purchase-section[data-payable-section$="paid"]>h2::before{
  background:#fff!important;
  box-shadow:0 0 0 5px rgba(255,255,255,.2)!important;
}
#presupuestoModule .budget-approval-queue .project-list-heading{
  margin:-1px -1px 0;
  padding:14px 16px;
  border-radius:13px 13px 0 0;
  color:#fff;
  background:linear-gradient(110deg,var(--state-pending) 0%,var(--state-pending-dark) 100%);
}
#presupuestoModule .budget-approval-queue .project-list-heading :where(span,h2,i){color:#fff!important}
#presupuestoModule .budget-approval-queue .project-list-heading>i{background:rgba(255,255,255,.16)!important}

.module-view:not([data-module-panel="inicio"]) .row-state-waiting{
  box-shadow:inset 5px 0 0 var(--state-pending)!important;
  background:var(--state-pending-soft)!important;
}
.module-view:not([data-module-panel="inicio"]) .row-state-waiting:hover{background:#ffdae1!important}
.module-view:not([data-module-panel="inicio"]) .row-state-paid{
  box-shadow:inset 5px 0 0 var(--state-paid)!important;
  background:var(--state-paid-soft)!important;
}
.module-view:not([data-module-panel="inicio"]) .row-state-paid:hover{background:#caecd9!important}
.command-center .semantic-state-pending,
.module-view:not([data-module-panel="inicio"]) .row-state-waiting .status-pill:not(.green):not(.success),
#cuentasPagarModule .accounts-payable-document-pill.warning,
#cuentasPagarModule .accounts-payable-pending-document.is-pending,
#cuentasPagarModule .accounts-payable-pending-batch-status{
  border-color:var(--state-pending-dark)!important;
  color:#fff!important;
  background:var(--state-pending)!important;
  box-shadow:none!important;
}
.command-center .semantic-state-paid,
.module-view:not([data-module-panel="inicio"]) .row-state-paid .status-pill,
.module-view:not([data-module-panel="inicio"]) .status-pill.green,
.module-view:not([data-module-panel="inicio"]) .status-pill.success,
#cuentasPagarModule .accounts-payable-document-pill.success,
#cuentasPagarModule .accounts-payable-pending-document.is-complete,
#cuentasPagarModule .accounts-payable-paid-chip{
  border-color:var(--state-paid-dark)!important;
  color:#fff!important;
  background:var(--state-paid)!important;
  box-shadow:none!important;
}
#cuentasPagarModule .purchase-section[data-payable-section$="pending"] .accounts-payable-split-title::before{background:var(--state-pending)!important}
#cuentasPagarModule .purchase-section[data-payable-section$="paid"] .columns-button:hover{border-color:var(--state-paid)!important;color:var(--state-paid-dark)!important;background:var(--state-paid-soft)!important}

body.dark-mode .module-view:not([data-module-panel="inicio"]) .row-state-waiting{background:#421b24!important}
body.dark-mode .module-view:not([data-module-panel="inicio"]) .row-state-paid{background:#123c2c!important}

#proyectosModule{width:100%!important;max-width:1400px!important;margin-inline:auto!important;padding-inline:20px!important;box-sizing:border-box;--op-blue:#2f80d0;--op-blue-soft:#eef6ff;--op-green:#16805e;--op-green-soft:#edf8f4;--op-ink:#252a31;--op-muted:#747d88;--op-line:#e0e5ea}
#proyectosModule .operational-projects-heading{margin-bottom:18px}
#proyectosModule .operational-projects-heading :where(p,h1){margin:0}
#proyectosModule .operational-projects-heading h1{margin-top:7px;color:var(--op-ink);font-size:32px;line-height:1.08;letter-spacing:-.04em}
.operational-projects-shell{display:grid;gap:14px}
.operational-projects-toolbar{padding:17px 18px;display:grid;grid-template-columns:minmax(280px,520px) auto;align-items:end;justify-content:space-between;gap:18px;border:1px solid var(--op-line);border-radius:15px;background:#fff;box-shadow:0 8px 24px rgba(31,38,51,.04)}
.operational-projects-toolbar label{display:grid;gap:7px}
.operational-projects-toolbar label>span{color:#737c87;font-size:8px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.operational-projects-toolbar label>div{position:relative}
.operational-projects-toolbar label i{position:absolute;top:50%;left:13px;color:#7c8793;font-size:15px;transform:translateY(-50%)}
.operational-projects-toolbar input{width:100%;height:44px;padding:0 13px 0 39px;border:1px solid #dce2e7;border-radius:10px;color:#29313a;background:#fafbfc;font-size:10px;outline:none}
.operational-projects-toolbar input:focus{border-color:var(--op-blue);background:#fff;box-shadow:0 0 0 3px rgba(47,128,208,.1)}
.operational-projects-toolbar button{min-height:40px;display:inline-flex;align-items:center;gap:6px;border-color:#c9dff2!important;color:#276eae!important;background:#f1f8ff!important;font-size:9px;font-weight:850}
.operational-projects-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.operational-projects-summary article{padding:14px 16px;display:grid;gap:5px;border:1px solid var(--op-line);border-radius:12px;background:#fff}
.operational-projects-summary span{color:var(--op-muted);font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.operational-projects-summary strong{color:var(--op-ink);font-size:19px}
.operational-projects-list{display:grid;gap:10px}
.operational-project-card{padding:16px;border:1px solid var(--op-line);border-radius:15px;background:#fff;box-shadow:0 8px 24px rgba(31,38,51,.035)}
.operational-project-card>header{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid #e8ebee}
.operational-project-avatar{width:44px;height:44px;display:grid;place-items:center;border-radius:11px;color:#276eae;background:var(--op-blue-soft);font-size:13px;font-weight:900}
.operational-project-card header :where(small,h2,p){margin:0}
.operational-project-card header small{color:#7a838e;font-size:7px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.operational-project-card header h2{margin-top:3px;color:var(--op-ink);font-size:15px}
.operational-project-card header p{margin-top:3px;color:var(--op-muted);font-size:8px}
.operational-project-status{padding:6px 9px;border-radius:999px;font-size:8px;font-weight:850}
.operational-project-status.is-current{color:var(--op-green);background:var(--op-green-soft)}
.operational-project-status.is-pending{color:#276eae;background:var(--op-blue-soft)}
.operational-project-meta{padding:13px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.operational-project-meta span{display:grid;gap:4px}
.operational-project-meta small{color:var(--op-muted);font-size:7px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.operational-project-meta strong{color:#313740;font-size:10px}
.operational-project-periods{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px}
.operational-period{padding:9px 10px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:7px;border:1px solid #dfe4e9;border-radius:9px;background:#fafbfc}
.operational-period strong{color:#343b44;font-size:9px}
.operational-period span{display:flex;align-items:center;gap:3px;color:#737c87;font-size:7px;font-weight:750}
.operational-period.is-complete{border-color:#cce6da;background:#f5fbf8}
.operational-period.is-complete i{color:var(--op-green)}
.operational-period.is-pending i{color:#7695b4}
.operational-project-empty{min-height:150px;padding:24px;display:grid;place-content:center;justify-items:center;gap:6px;border:1px dashed #d9e0e6;border-radius:14px;color:#818a95;background:#fbfcfd;text-align:center}
.operational-project-empty i{color:#5790c4;font-size:27px}
.operational-project-empty strong{color:#343a42;font-size:11px}
.operational-project-empty span{font-size:9px}

@media(max-width:760px){
  #proyectosModule{padding-inline:8px!important}
  .operational-projects-toolbar{grid-template-columns:1fr}
  .operational-projects-toolbar button{width:100%;justify-content:center}
  .operational-projects-summary,.operational-project-meta{grid-template-columns:1fr}
  .operational-project-card>header{grid-template-columns:44px minmax(0,1fr)}
  .operational-project-status{grid-column:1/-1;width:max-content}
  .supplier-order-payment-scheme{grid-template-columns:1fr}
}

#cuentasPagarModule #accountsPayableDetailView{gap:16px}
#cuentasPagarModule #backToAccountsPayableButton{width:max-content;min-height:38px;margin:0;padding:0 13px;border:1px solid var(--ap-line)!important;border-radius:9px!important;color:#59616b!important;background:#fff!important;font-size:9px;font-weight:800;box-shadow:none!important}
#cuentasPagarModule #accountsPayableDetailView>h2{margin:0;color:var(--ap-ink);font-size:24px;letter-spacing:-.025em}
#cuentasPagarModule #accountsPayableDetailContent{display:grid;gap:16px}
#cuentasPagarModule #accountsPayableDetailContent>.budget-detail-card,
#cuentasPagarModule #accountsPayableDetailContent>.client-quote-module,
#cuentasPagarModule #accountsPayableDetailContent>.documents-support{margin:0!important;border:1px solid var(--ap-line)!important;border-top:3px solid var(--ap-blue)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 9px 26px rgba(31,38,51,.04)!important;overflow:hidden}
#cuentasPagarModule #accountsPayableDetailContent>.budget-detail-card{padding:16px!important;background:linear-gradient(110deg,var(--ap-blue-soft) 0%,#fff 44%)!important}
#cuentasPagarModule #accountsPayableDetailContent .budget-detail-grid label>span{color:var(--ap-muted);font-size:8px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
#cuentasPagarModule #accountsPayableDetailContent .budget-detail-grid :where(input,select){min-height:42px;border:1px solid var(--ap-line);border-radius:9px;color:var(--ap-ink);background:#fff;font-size:10px}
#cuentasPagarModule #accountsPayableDetailContent>.client-quote-module>h3,
#cuentasPagarModule #accountsPayableDetailContent>.documents-support>h3{margin:0!important;padding:15px 16px;border-bottom:1px solid var(--ap-line);color:var(--ap-ink)!important;background:var(--ap-surface-soft)!important;font-size:14px!important}
#cuentasPagarModule #accountsPayableDetailContent .purchase-table-head{color:#4e5966!important;background:#f1f4f7!important}
#cuentasPagarModule #accountsPayableDetailContent .purchase-table-head span{color:#4e5966!important}
#cuentasPagarModule #accountsPayableDetailContent .purchase-table-row:nth-child(even){background:#fbfcfd}
#cuentasPagarModule .accounts-payable-breakdown{margin:14px;padding:12px;border:1px solid var(--ap-blue-line);border-radius:10px;background:var(--ap-blue-soft)}
#cuentasPagarModule .accounts-payable-breakdown span{color:var(--ap-muted)}
#cuentasPagarModule .accounts-payable-breakdown strong{color:var(--ap-ink)}
#cuentasPagarModule .accounts-payable-financial-summary{gap:10px}
#cuentasPagarModule .accounts-payable-financial-summary article{min-height:98px;padding:15px;border:1px solid var(--ap-line);border-radius:11px;background:var(--ap-surface-soft);box-shadow:none}
#cuentasPagarModule .accounts-payable-financial-summary article:last-child{border-color:var(--ap-blue-line);background:var(--ap-blue-soft)}
#cuentasPagarModule .accounts-payable-financial-summary span{color:var(--ap-muted);font-size:8px}
#cuentasPagarModule .accounts-payable-financial-summary strong{color:var(--ap-ink);font-size:22px}
#cuentasPagarModule .accounts-payable-financial-summary article:last-child strong{color:var(--ap-blue-dark)}
#cuentasPagarModule .accounts-payable-financial-summary small{color:var(--ap-muted);font-size:8px}
#cuentasPagarModule .accounts-payable-panel{padding:16px;border:1px solid var(--ap-line);border-radius:12px;background:var(--ap-surface-soft);box-shadow:none}
#cuentasPagarModule .accounts-payable-panel-header h4{color:var(--ap-ink)}
#cuentasPagarModule .accounts-payable-panel-header p{color:var(--ap-muted)}
#cuentasPagarModule .accounts-payable-payment-order-form :where(input,select){min-height:42px;border:1px solid var(--ap-line);border-radius:9px;color:var(--ap-ink);background:#fff}
#cuentasPagarModule .accounts-payable-payment-order-form :where(input,select):focus{border-color:var(--ap-blue);outline:3px solid rgba(47,128,208,.1)}
#cuentasPagarModule .accounts-payable-payment-order-form .success-button{min-height:40px;border:1px solid var(--ap-blue)!important;border-radius:9px!important;color:#fff!important;background:var(--ap-blue)!important;box-shadow:none!important}
#cuentasPagarModule .accounts-payable-next-balance{border-color:var(--ap-blue-line);background:var(--ap-blue-soft)}
#cuentasPagarModule .accounts-payable-next-balance.is-settled{border-color:#aedfcb;background:var(--ap-success-soft)}

#cuentasPagarModule .accounts-payable-files{padding:0!important;border-top-color:var(--ap-blue)!important}
#cuentasPagarModule .accounts-payable-files-heading{padding:15px 16px;border-bottom:1px solid var(--ap-line);background:linear-gradient(110deg,var(--ap-blue-soft) 0%,#fff 68%)}
#cuentasPagarModule .accounts-payable-files-heading h3{color:var(--ap-ink)}
#cuentasPagarModule .accounts-payable-files-heading :where(p,small){color:var(--ap-muted)}
#cuentasPagarModule #accountsPayableUploadForm{margin:14px!important;padding:13px!important;grid-template-columns:minmax(180px,.6fr) minmax(280px,1.5fr) auto!important;align-items:end!important;border:1px solid var(--ap-line)!important;border-radius:11px!important;background:var(--ap-surface-soft)!important}
#cuentasPagarModule #accountsPayableUploadForm label{display:grid;gap:6px}
#cuentasPagarModule #accountsPayableUploadForm label>span,#cuentasPagarModule .accounts-payable-upload-action>span{color:var(--ap-muted);font-size:8px;font-weight:900;line-height:1;letter-spacing:.09em;text-transform:uppercase}
#cuentasPagarModule #accountsPayableUploadForm :where(select,input[type=file]){width:100%;min-height:40px;border:1px solid var(--ap-line);border-radius:9px;color:var(--ap-ink);background:#fff;font-size:9px}
#cuentasPagarModule #accountsPayableUploadForm input[type=file]::file-selector-button{min-height:28px;margin-right:10px;padding:0 11px;border:0;border-radius:7px;color:var(--ap-blue-dark);background:var(--ap-blue-soft);font-weight:800;cursor:pointer}
#cuentasPagarModule .accounts-payable-upload-action{min-width:0;display:grid;grid-template-rows:auto 40px;align-self:stretch;gap:6px}
#cuentasPagarModule .accounts-payable-upload-action>span{visibility:hidden}
#cuentasPagarModule .accounts-payable-upload-button{width:100%;height:40px;margin:0;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--ap-blue);border-radius:9px;color:#fff;background:var(--ap-blue);font-size:9px;font-weight:850;cursor:pointer}
#cuentasPagarModule .accounts-payable-upload-button:hover{border-color:var(--ap-blue-dark);background:var(--ap-blue-dark)}
#cuentasPagarModule #accountsPayableFilesList .budget-documents-row{border-color:var(--ap-line);background:#fff}
#cuentasPagarModule #accountsPayableFilesList .danger-button{border-color:#efbcc4!important;color:var(--ap-danger)!important;background:var(--ap-danger-soft)!important}

body.dark-mode #cuentasPagarModule :where(.accounts-payable-toolbar,.accounts-payable-filter-panel,.purchase-section[data-payable-section],.accounts-payable-pending-batches,#accountsPayableDetailContent>.budget-detail-card,#accountsPayableDetailContent>.client-quote-module,#accountsPayableDetailContent>.documents-support){border-color:#3d4650!important;background:#20252b!important}
body.dark-mode #cuentasPagarModule :where(.purchase-section[data-payable-section]>h2,.accounts-payable-files-heading,.accounts-payable-pending-batches-heading){border-color:#3d4650;background:#262d35;color:#f0f3f6}
body.dark-mode #cuentasPagarModule :where(.accounts-payable-page-heading h1,#accountsPayableDetailView>h2,.purchase-section[data-payable-section]>h2){color:#f0f3f6}

@media(max-width:1180px){
  #cuentasPagarModule .accounts-payable-filter-panel .module-filter-grid{grid-template-columns:repeat(4,minmax(140px,1fr))}
}
@media(max-width:820px){
  #cuentasPagarModule .accounts-payable-page-heading h1{font-size:27px}
  #cuentasPagarModule .accounts-payable-toolbar{grid-template-columns:1fr!important}
  #cuentasPagarModule .module-export-actions{justify-content:stretch}
  #cuentasPagarModule .module-export-actions .primary-button{flex:1}
  #cuentasPagarModule .accounts-payable-filter-panel .module-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #cuentasPagarModule #accountsPayableUploadForm{grid-template-columns:1fr!important}
  #cuentasPagarModule .accounts-payable-upload-action{grid-template-rows:40px;gap:0}
  #cuentasPagarModule .accounts-payable-upload-action>span{display:none}
}
@media(max-width:560px){
  #cuentasPagarModule .accounts-payable-filter-panel .module-filter-grid{grid-template-columns:1fr}
  #cuentasPagarModule .accounts-payable-filter-panel .module-filter-footer{align-items:stretch}
  #cuentasPagarModule #accountsPayableClearFiltersButton{width:100%}
  #cuentasPagarModule .module-export-actions{display:grid;grid-template-columns:1fr 1fr}
  #cuentasPagarModule .module-export-actions .primary-button{grid-column:1/-1;width:100%}
  #cuentasPagarModule .purchase-section[data-payable-section]>h2{font-size:13px}
  #cuentasPagarModule #accountsPayableDetailContent>.budget-detail-card{padding:12px!important}
}

/* Pirela 1.0.74 · aire interior en tablas de Cuentas por pagar */
#cuentasPagarModule .accounts-payable-split-block{padding:14px 14px 16px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 14px;background:#fff}
#cuentasPagarModule .accounts-payable-split-block+.accounts-payable-split-block{border-top:1px solid var(--ap-line)}
#cuentasPagarModule .accounts-payable-split-title{margin:0!important;color:var(--ap-ink)!important;font-size:12px!important;font-weight:850!important}
#cuentasPagarModule .accounts-payable-split-title::before{content:"";width:6px;height:6px;margin-right:7px;display:inline-block;border-radius:50%;background:var(--ap-blue)}
#cuentasPagarModule .accounts-payable-split-block>.columns-toolbar{margin:0!important;padding:0!important;grid-column:2;grid-row:1}
#cuentasPagarModule .accounts-payable-split-block>.budgets-table-shell{width:100%!important;margin:0!important;grid-column:1/-1;border:1px solid var(--ap-line)!important;border-radius:10px!important;overflow:auto!important}
#cuentasPagarModule .purchase-section[data-payable-section]:not([data-payable-section$="pending"])>.columns-toolbar,
#cuentasPagarModule .purchase-section[data-payable-section="occom-pending"]>.columns-toolbar{margin:0!important;padding:12px 14px 0!important}
#cuentasPagarModule .purchase-section[data-payable-section]:not([data-payable-section$="pending"])>.budgets-table-shell,
#cuentasPagarModule .purchase-section[data-payable-section="occom-pending"]>.budgets-table-shell{width:calc(100% - 28px)!important;margin:10px 14px 14px!important;border:1px solid var(--ap-line)!important;border-radius:10px!important;overflow:auto!important}
#cuentasPagarModule .purchase-section[data-payable-section] .columns-button{min-width:78px;min-height:34px;margin:0;padding:0 11px;border:1px solid var(--ap-line)!important;border-radius:8px!important;color:#59616b!important;background:#fff!important;box-shadow:none!important;font-size:8px;font-weight:850}
#cuentasPagarModule .purchase-section[data-payable-section] .columns-button:hover{border-color:var(--ap-blue-line)!important;color:var(--ap-blue-dark)!important;background:var(--ap-blue-soft)!important}
#cuentasPagarModule .purchase-section[data-payable-section] .columns-menu{top:calc(100% + 6px);right:0;border:1px solid var(--ap-line);border-radius:10px;background:#fff;box-shadow:0 12px 30px rgba(31,38,51,.12)}
#cuentasPagarModule .purchase-section[data-payable-section] .budgets-table-shell::-webkit-scrollbar{height:9px}
#cuentasPagarModule .purchase-section[data-payable-section] .budgets-table-shell::-webkit-scrollbar-track{border-radius:999px;background:#eef1f4}
#cuentasPagarModule .purchase-section[data-payable-section] .budgets-table-shell::-webkit-scrollbar-thumb{border:2px solid #eef1f4;border-radius:999px;background:#b8c0c9}
body.dark-mode #cuentasPagarModule .accounts-payable-split-block{border-color:#3d4650;background:#20252b}

@media(max-width:640px){
  #cuentasPagarModule .accounts-payable-split-block{padding:12px;grid-template-columns:1fr}
  #cuentasPagarModule .accounts-payable-split-block>.columns-toolbar{grid-column:1;grid-row:auto;justify-content:flex-start}
  #cuentasPagarModule .accounts-payable-split-block>.columns-toolbar .columns-button{width:100%}
  #cuentasPagarModule .purchase-section[data-payable-section]:not([data-payable-section$="pending"])>.budgets-table-shell,
  #cuentasPagarModule .purchase-section[data-payable-section="occom-pending"]>.budgets-table-shell{width:calc(100% - 24px)!important;margin:10px 12px 12px!important}
}

/* Pirela 1.0.75 · Compras y OCP con partidas generales */
#comprasModule{
  --pc-blue:#2f80d0;
  --pc-blue-dark:#276eae;
  --pc-blue-soft:#edf7ff;
  --pc-blue-line:#bdd8ee;
  --pc-ink:#292c32;
  --pc-muted:#737984;
  --pc-line:#dfe4ea;
  --pc-surface:#fff;
  --pc-surface-soft:#fafbfc;
  --pc-success:#087653;
  --pc-success-soft:#e7f7f0;
  --pc-danger:#b9384a;
  --pc-danger-soft:#fff2f4;
}
#comprasModule .purchases-page-heading{margin-bottom:18px}
#comprasModule .purchases-page-heading h1{margin:0;color:var(--pc-ink);font-size:32px;letter-spacing:-.035em}
#comprasModule .purchases-workspace{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
#comprasModule #purchasesListView{display:grid;gap:16px}

#comprasModule .purchases-toolbar{margin:0!important;padding:16px!important;display:grid!important;grid-template-columns:minmax(280px,560px) auto!important;align-items:end!important;justify-content:space-between!important;gap:14px!important;border:1px solid var(--pc-line)!important;border-top:3px solid var(--pc-blue)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 10px 28px rgba(31,38,51,.05)!important}
#comprasModule .purchases-toolbar .module-search{min-width:0;display:grid;gap:7px}
#comprasModule .purchases-toolbar .module-search span{color:var(--pc-muted);font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
#comprasModule .purchases-toolbar .module-search input{width:100%;min-height:44px;padding:0 13px;border:1px solid var(--pc-line);border-radius:10px;color:var(--pc-ink);background:var(--pc-surface-soft);font-size:11px;box-shadow:none}
#comprasModule .purchases-toolbar .module-search input:focus{border-color:var(--pc-blue);outline:3px solid rgba(47,128,208,.11);background:#fff}
#comprasModule .purchases-toolbar .module-export-actions{display:flex;justify-content:flex-end;gap:8px}
#comprasModule .purchases-toolbar .module-export-actions .small-button{min-height:40px;margin:0;padding:0 13px;border:1px solid var(--pc-blue-line)!important;border-radius:9px!important;color:var(--pc-blue-dark)!important;background:var(--pc-blue-soft)!important;box-shadow:none!important;font-size:9px;font-weight:850}
#comprasModule .purchases-toolbar .module-export-actions .small-button:hover{border-color:var(--pc-blue)!important;color:#fff!important;background:var(--pc-blue)!important}

#comprasModule .purchases-filter-panel{margin:0!important;padding:15px 16px!important;border:1px solid var(--pc-line)!important;border-radius:14px!important;background:var(--pc-surface-soft)!important;box-shadow:none!important}
#comprasModule .purchases-filter-panel .module-filter-grid{grid-template-columns:repeat(6,minmax(135px,1fr));gap:10px}
#comprasModule .purchases-filter-panel label{display:grid;gap:6px}
#comprasModule .purchases-filter-panel label>span{color:var(--pc-muted);font-size:8px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
#comprasModule .purchases-filter-panel :where(input,select){width:100%;min-height:40px;padding:0 10px;border:1px solid var(--pc-line);border-radius:9px;color:var(--pc-ink);background:#fff;font-size:10px;box-shadow:none}
#comprasModule .purchases-filter-panel :where(input,select):focus{border-color:var(--pc-blue);outline:3px solid rgba(47,128,208,.1)}
#comprasModule .purchases-filter-panel .module-filter-footer{margin-top:13px;padding-top:12px;border-top:1px solid var(--pc-line)}
#comprasModule .purchases-filter-panel .module-filter-footer>span{color:var(--pc-muted);font-size:9px}
#comprasModule #purchaseClearFiltersButton{min-height:36px;margin:0;padding:0 12px;border:1px solid var(--pc-line)!important;border-radius:9px!important;color:#59616b!important;background:#fff!important;font-size:9px;font-weight:800;box-shadow:none!important}

#comprasModule .purchase-section[data-purchase-section]{margin:0!important;padding:0 14px 14px!important;border:1px solid var(--pc-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 9px 26px rgba(31,38,51,.04)!important;overflow:hidden!important}
#comprasModule .purchase-section[data-purchase-section]>h2{min-height:54px;margin:0 -14px 12px!important;padding:0 16px;display:flex;align-items:center;gap:9px;border-top:3px solid var(--pc-blue);border-bottom:1px solid #e6e9ed;color:var(--pc-ink);background:linear-gradient(110deg,var(--pc-blue-soft) 0%,#fff 68%);font-size:14px;font-weight:850}
#comprasModule .purchase-section[data-purchase-section]>h2::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--pc-blue);box-shadow:0 0 0 5px rgba(47,128,208,.1)}
#comprasModule .purchase-section[data-purchase-section]>.columns-toolbar{margin:0 0 10px!important;padding:0!important}
#comprasModule .purchase-section[data-purchase-section] .columns-button{min-width:78px;min-height:34px;margin:0;padding:0 11px;border:1px solid var(--pc-line)!important;border-radius:8px!important;color:#59616b!important;background:#fff!important;box-shadow:none!important;font-size:8px;font-weight:850}
#comprasModule .purchase-section[data-purchase-section] .columns-button:hover{border-color:var(--pc-blue-line)!important;color:var(--pc-blue-dark)!important;background:var(--pc-blue-soft)!important}
#comprasModule .purchase-create-ocp-button{min-height:36px;margin:0;padding:0 12px;border:1px solid var(--pc-blue)!important;border-radius:9px!important;color:#fff!important;background:var(--pc-blue)!important;box-shadow:none!important;font-size:9px;font-weight:850}
#comprasModule .purchase-section[data-purchase-section]>.budgets-table-shell{margin:0!important;border:1px solid var(--pc-line)!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important;overflow:auto!important}
#comprasModule .purchase-section[data-purchase-section] .purchase-table-head{min-height:40px;border:0!important;border-bottom:1px solid #dfe3e7!important;color:#4e5966!important;background:#f1f4f7!important;font-size:9px;font-weight:850}
#comprasModule .purchase-section[data-purchase-section] .purchase-table-head :where(span,button){color:#4e5966!important}
#comprasModule .purchase-section[data-purchase-section] .purchase-table-row{min-height:56px;border-top:0!important;border-bottom:1px solid #e8ebee!important;color:#343a40;background:#fff;font-size:10px}
#comprasModule .purchase-section[data-purchase-section] .purchase-table-row:nth-child(even){background:#fbfcfd}
#comprasModule .purchase-section[data-purchase-section] .purchase-table-row.is-clickable:hover{background:var(--pc-blue-soft)!important}
#comprasModule .purchase-section[data-purchase-section] .purchase-table-row.row-is-flagged{box-shadow:inset 4px 0 0 var(--pc-blue);background:#f4f9ff!important}
#comprasModule .purchase-section[data-purchase-section] .status-pill{border:1px solid var(--pc-blue-line);color:var(--pc-blue-dark);background:var(--pc-blue-soft)}
#comprasModule .purchase-section[data-purchase-section] .purchase-table-empty{min-width:100%!important;padding:26px!important;color:var(--pc-muted)!important;background:#fff!important;text-align:center}

#comprasModule .fixed-purchase-section>.module-toolbar{margin:0 -14px 12px!important;padding:14px 16px!important;grid-template-columns:auto minmax(260px,1fr) auto!important;border-top:3px solid var(--pc-blue);border-bottom:1px solid var(--pc-line);background:linear-gradient(110deg,var(--pc-blue-soft) 0%,#fff 68%)}
#comprasModule .fixed-purchase-section>.module-toolbar h2{color:var(--pc-ink);font-size:14px}
#comprasModule .fixed-purchase-section>.module-toolbar .module-search input{min-height:40px;border:1px solid var(--pc-line);border-radius:9px;background:#fff}
#comprasModule #openPurchaseFixedExpenseButton{min-height:38px;margin:0;padding:0 13px;border:1px solid var(--pc-blue)!important;border-radius:9px!important;color:#fff!important;background:var(--pc-blue)!important;box-shadow:none!important;font-size:9px;font-weight:850}

#comprasModule #purchaseDetailView{gap:16px}
#comprasModule #backToPurchasesButton{width:max-content;min-height:38px;margin:0;padding:0 13px;border:1px solid var(--pc-line)!important;border-radius:9px!important;color:#59616b!important;background:#fff!important;font-size:9px;font-weight:800;box-shadow:none!important}
#comprasModule #purchaseDetailView>h2{margin:0;color:var(--pc-ink);font-size:25px;letter-spacing:-.025em}
#comprasModule #purchaseDetailContent{display:grid;gap:16px}
#comprasModule #purchaseDetailContent>.budget-detail-card{margin:0!important;padding:16px!important;border:1px solid var(--pc-line)!important;border-top:3px solid var(--pc-blue)!important;border-radius:14px!important;background:linear-gradient(110deg,var(--pc-blue-soft) 0%,#fff 44%)!important;box-shadow:0 9px 26px rgba(31,38,51,.04)!important}
#comprasModule #purchaseDetailContent>.budget-detail-card label>span{color:var(--pc-muted);font-size:8px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
#comprasModule #purchaseDetailContent>.budget-detail-card input{min-height:42px;border:1px solid var(--pc-line);border-radius:9px;color:var(--pc-ink);background:#fff;font-size:10px}
#comprasModule .purchase-detail-card{padding:0!important;overflow:hidden}
#comprasModule .purchase-detail-hero{min-height:92px;padding:15px 18px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;border-bottom:1px solid var(--pc-line);background:linear-gradient(110deg,var(--pc-blue-soft) 0%,#fff 72%)}
#comprasModule .purchase-detail-hero-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;color:#fff;background:var(--pc-blue);box-shadow:0 9px 18px rgba(47,128,208,.18);font-size:20px}
#comprasModule .purchase-detail-hero small{color:var(--pc-blue-dark);font-size:8px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
#comprasModule .purchase-detail-hero h3{margin:3px 0 2px;color:var(--pc-ink);font-size:20px;letter-spacing:-.02em}
#comprasModule .purchase-detail-hero p{margin:0;color:var(--pc-muted);font-size:10px}
#comprasModule .purchase-detail-state{padding:7px 10px;border:1px solid var(--pc-blue-line);border-radius:999px;color:var(--pc-blue-dark);background:var(--pc-blue-soft);font-size:8px;font-weight:850}
#comprasModule .purchase-detail-card>.budget-detail-grid{padding:15px 16px}
#comprasModule #supplierOrderModule{display:grid;gap:14px}
#comprasModule .supplier-order-module-heading{min-height:62px;padding:0 16px;display:flex;align-items:center;gap:10px;border:1px solid var(--pc-line);border-top:3px solid var(--pc-blue);border-radius:14px;background:linear-gradient(110deg,var(--pc-blue-soft) 0%,#fff 68%)}
#comprasModule .supplier-order-module-heading>span,#comprasModule .supplier-order-picker-heading>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:var(--pc-blue-dark);background:#eaf4ff;font-size:16px}
#comprasModule .supplier-order-module-heading small,#comprasModule .supplier-order-picker-heading small{color:var(--pc-muted);font-size:7px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
#comprasModule .supplier-order-module-heading h3,#comprasModule .supplier-order-picker-heading h4{margin:2px 0 0;color:var(--pc-ink);font-size:14px}
#comprasModule .supplier-order-budget-summary{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--pc-line);border-radius:12px;background:#fff}
#comprasModule .supplier-order-budget-summary>div{display:flex;align-items:center;gap:10px}
#comprasModule .supplier-order-budget-summary>div>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:var(--pc-blue-dark);background:var(--pc-blue-soft);font-size:16px}
#comprasModule .supplier-order-budget-summary small{display:block;color:var(--pc-muted);font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
#comprasModule .supplier-order-budget-summary strong{display:block;margin-top:3px;color:var(--pc-ink);font-size:16px}
#comprasModule .supplier-order-budget-summary>div:last-child{display:block;text-align:right}
#comprasModule .supplier-order-budget-summary>div:last-child strong{color:var(--pc-blue-dark);font-size:20px}

#comprasModule #supplierOrderModule .project-documents-panel,#comprasModule #supplierOrderModule .budget-documents-card{margin:0!important;border:1px solid var(--pc-line)!important;border-top:3px solid var(--pc-blue)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 9px 26px rgba(31,38,51,.04)!important;overflow:hidden}
#comprasModule #supplierOrderModule .budget-documents-heading{border-bottom-color:var(--pc-line);background:var(--pc-surface-soft)}
#comprasModule #supplierOrderModule .budget-documents-heading h3{color:var(--pc-ink)}
#comprasModule .supplier-order-picker{padding:14px!important;display:grid!important;grid-template-columns:minmax(260px,1fr) minmax(250px,.75fr) auto!important;align-items:end!important;gap:10px!important;border:1px solid var(--pc-line)!important;border-radius:14px!important;background:#fff!important}
#comprasModule .supplier-order-picker-heading{display:flex;align-items:center;gap:10px;align-self:center}
#comprasModule .supplier-order-picker label{display:grid;gap:6px}
#comprasModule .supplier-order-picker label>span{color:var(--pc-muted);font-size:8px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
#comprasModule .supplier-order-picker input{min-height:40px;border:1px solid var(--pc-line);border-radius:9px;color:var(--pc-ink);background:#fff}
#comprasModule .supplier-order-picker>button{min-height:40px;margin:0;padding:0 13px;border:1px solid var(--pc-blue-line)!important;border-radius:9px!important;color:var(--pc-blue-dark)!important;background:var(--pc-blue-soft)!important;box-shadow:none!important;font-size:9px;font-weight:850}
#comprasModule .supplier-order-picker .client-quote-parts-list{grid-column:1/-1}
#comprasModule .supplier-order-picker .client-quote-part{border-color:var(--pc-line);background:var(--pc-surface-soft)}

#comprasModule .supplier-order-table{border:1px solid var(--pc-line)!important;border-radius:12px!important;background:#fff;overflow:auto!important}
#comprasModule .supplier-order-head,#comprasModule .supplier-order-row{grid-template-columns:minmax(150px,.65fr) minmax(230px,1.2fr) minmax(80px,.36fr) minmax(115px,.5fr) minmax(105px,.46fr) minmax(85px,.38fr) minmax(115px,.5fr) 48px;min-width:1050px}
#comprasModule .supplier-order-head{color:#4e5966!important;background:#f1f4f7!important;font-size:9px;font-weight:850}
#comprasModule .supplier-order-row{border-top-color:var(--pc-line);background:#fff}
#comprasModule .supplier-order-row:nth-child(even){background:#fbfcfd}
#comprasModule .supplier-order-row :where(input,select){min-height:40px;border:1px solid var(--pc-line);border-radius:9px;color:var(--pc-ink);background:#fff;font-size:10px}
#comprasModule .remove-supplier-order-row{border:1px solid #efbcc4!important;color:var(--pc-danger)!important;background:var(--pc-danger-soft)!important}
#comprasModule #supplierOrderModule>.client-quote-total-row{padding:14px;border:1px solid var(--pc-line);border-radius:12px;background:var(--pc-surface-soft)}
#comprasModule #supplierOrderModule>.client-quote-total-row .client-quote-actions{gap:8px}
#comprasModule #supplierOrderModule>.client-quote-total-row .client-quote-actions button{min-height:38px;margin:0;padding:0 12px;border-radius:9px!important;box-shadow:none!important;font-size:8px;font-weight:850}
#comprasModule #supplierOrderModule>.client-quote-total-row .client-quote-actions .small-button{border:1px solid var(--pc-blue-line)!important;color:var(--pc-blue-dark)!important;background:var(--pc-blue-soft)!important}
#comprasModule #supplierOrderModule>.client-quote-total-row .client-quote-actions .success-button{border:1px solid var(--pc-success)!important;color:#fff!important;background:var(--pc-success)!important}
#comprasModule #supplierOrderModule>.client-quote-total-row .client-quote-actions .ghost-button{border:1px solid var(--pc-line)!important;color:#59616b!important;background:#fff!important}
#comprasModule .supplier-order-general-percent{gap:6px 8px}
#comprasModule .supplier-order-general-percent input{min-height:38px;border:1px solid var(--pc-line);border-radius:9px;background:#fff}
#comprasModule .supplier-order-general-percent button{min-height:38px;border:1px solid var(--pc-blue-line)!important;border-radius:9px!important;color:var(--pc-blue-dark)!important;background:#fff!important}
#comprasModule .supplier-order-total-stack .client-quote-total{border-color:var(--pc-line);color:var(--pc-ink);background:#fff}
#comprasModule .supplier-order-total-stack .client-quote-total:last-child{border-color:var(--pc-blue-line);color:var(--pc-blue-dark);background:var(--pc-blue-soft)}
#comprasModule .supplier-order-retention{padding:13px;border:1px solid var(--pc-line);border-radius:11px;background:var(--pc-surface-soft)}

#comprasModule .supplier-order-file-form{margin:14px!important;padding:0!important;display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:10px;background:transparent!important}
#comprasModule .supplier-order-file-form input[type=file]{min-height:42px;border:1px solid var(--pc-line);border-radius:9px;background:#fff}
#comprasModule .supplier-order-file-form input[type=file]::file-selector-button{min-height:30px;border:0;border-radius:7px;color:var(--pc-blue-dark);background:var(--pc-blue-soft);font-weight:800}
#comprasModule .supplier-order-file-form button{min-height:42px;border:1px solid var(--pc-blue)!important;border-radius:9px!important;color:#fff!important;background:var(--pc-blue)!important;box-shadow:none!important}
#comprasModule #supplierOrderModule .budget-documents-head{border-color:var(--pc-line);color:#4e5966;background:#f1f4f7}
#comprasModule #supplierOrderModule .budget-documents-row{border-color:var(--pc-line);background:#fff}
#comprasModule #supplierOrderModule>.client-quote-history-title{margin:4px 0 0;color:var(--pc-ink);font-size:15px}
#comprasModule #supplierOrderModule>.client-quote-history{border:1px solid var(--pc-line);border-radius:12px;background:#fff;overflow:hidden}
#comprasModule #supplierOrderModule .client-quote-history-row{border-color:var(--pc-line);background:#fff}
#comprasModule #supplierOrderModule .client-quote-history-actions :where(.small-button,.dark-button){min-height:34px;margin:0;padding:0 10px;border:1px solid var(--pc-blue-line)!important;border-radius:8px!important;color:var(--pc-blue-dark)!important;background:var(--pc-blue-soft)!important;box-shadow:none!important;font-size:8px}
#comprasModule #supplierOrderModule .client-quote-history-actions .danger-button{border-color:#efbcc4!important;color:var(--pc-danger)!important;background:var(--pc-danger-soft)!important}

body.dark-mode #comprasModule :where(.purchases-toolbar,.purchases-filter-panel,.purchase-section[data-purchase-section],#purchaseDetailContent>.budget-detail-card,.supplier-order-module-heading,.supplier-order-budget-summary,#supplierOrderModule .project-documents-panel,#supplierOrderModule .budget-documents-card,.supplier-order-picker,.supplier-order-table,#supplierOrderModule>.client-quote-total-row,#supplierOrderModule>.client-quote-history){border-color:#3d4650!important;background:#20252b!important}
body.dark-mode #comprasModule :where(.purchases-page-heading h1,#purchaseDetailView>h2,.supplier-order-module-heading h3,.supplier-order-budget-summary strong){color:#f0f3f6}

@media(max-width:1180px){
  #comprasModule .purchases-filter-panel .module-filter-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}
  #comprasModule .supplier-order-picker{grid-template-columns:1fr 1fr!important}
  #comprasModule .supplier-order-picker>button{grid-column:1/-1;width:100%}
}
@media(max-width:820px){
  #comprasModule .purchases-page-heading h1{font-size:27px}
  #comprasModule .purchases-toolbar{grid-template-columns:1fr!important}
  #comprasModule .purchases-toolbar .module-export-actions{justify-content:stretch}
  #comprasModule .purchases-toolbar .module-export-actions .small-button{flex:1}
  #comprasModule .fixed-purchase-section>.module-toolbar{grid-template-columns:1fr!important}
  #comprasModule .supplier-order-budget-summary{align-items:flex-start;flex-direction:column}
  #comprasModule .supplier-order-budget-summary>div:last-child{text-align:left}
  #comprasModule #supplierOrderModule>.client-quote-total-row{align-items:stretch}
}
@media(max-width:560px){
  #comprasModule .purchases-filter-panel .module-filter-grid{grid-template-columns:1fr}
  #comprasModule #purchaseClearFiltersButton{width:100%}
  #comprasModule .purchase-section[data-purchase-section]{padding:0 12px 12px!important}
  #comprasModule .purchase-section[data-purchase-section]>h2{margin:0 -12px 12px!important;font-size:13px}
  #comprasModule .supplier-order-picker{grid-template-columns:1fr!important;padding:12px!important}
  #comprasModule .supplier-order-picker-heading{grid-column:1}
  #comprasModule .supplier-order-file-form{grid-template-columns:1fr}
  #comprasModule .supplier-order-file-form button{width:100%}
  #comprasModule .purchase-detail-hero{grid-template-columns:auto minmax(0,1fr)}
  #comprasModule .purchase-detail-state{grid-column:1/-1;width:max-content}
}
#cuentasCobrarModule .receivable-page-heading h1{color:var(--cx-forest-dark)!important}
#cuentasCobrarModule #backToAccountsReceivableButton{border-color:var(--cx-sage-strong)!important;color:var(--cx-forest)!important;background:var(--cx-sage)!important}
#cuentasCobrarModule #backToAccountsReceivableButton:hover{border-color:var(--cx-forest)!important;color:#fff!important;background:var(--cx-forest)!important}

#cuentasCobrarModule .receivable-detail-header{border-color:var(--cx-line);border-top-color:var(--cx-forest);background:var(--cx-cream);box-shadow:0 10px 24px rgba(36,66,52,.07)}
#cuentasCobrarModule .receivable-detail-identity>span{color:#fff;background:var(--cx-forest)}
#cuentasCobrarModule .receivable-detail-identity small{color:var(--cx-forest)}
#cuentasCobrarModule .receivable-detail-identity h3{color:var(--cx-forest-dark)}
#cuentasCobrarModule .receivable-detail-identity p{color:var(--cx-muted)}
#cuentasCobrarModule .receivable-detail-status{border-left-color:var(--cx-cream-strong)}
#cuentasCobrarModule .receivable-detail-status small{color:var(--cx-muted)}
#cuentasCobrarModule .receivable-detail-status strong{color:var(--cx-forest-dark)}
#cuentasCobrarModule .receivable-primary-action{border-color:var(--cx-forest);background:var(--cx-forest)}
#cuentasCobrarModule .receivable-primary-action:hover{border-color:var(--cx-forest-dark);background:var(--cx-forest-dark)}
#cuentasCobrarModule .receivable-primary-action.is-complete{border-color:var(--cx-sage-strong);color:var(--cx-forest);background:var(--cx-sage)}

#cuentasCobrarModule .receivable-overview-card{border-color:var(--cx-line);background:var(--cx-white);box-shadow:0 8px 22px rgba(36,66,52,.045)}
#cuentasCobrarModule .receivable-overview-values{border-bottom-color:var(--cx-forest-dark);background:var(--cx-forest)}
#cuentasCobrarModule .receivable-overview-values article{border-right-color:rgba(255,255,255,.18)}
#cuentasCobrarModule .receivable-overview-values span{color:#cbdcd2}
#cuentasCobrarModule .receivable-overview-values strong,#cuentasCobrarModule .receivable-overview-values .is-settled strong,#cuentasCobrarModule .receivable-overview-values .is-pending strong{color:#fff}
#cuentasCobrarModule .receivable-detail-grid{background:var(--cx-white)}
#cuentasCobrarModule .receivable-detail-grid>div{border-bottom-color:var(--cx-sage)}
#cuentasCobrarModule .receivable-detail-grid span{color:var(--cx-muted)}
#cuentasCobrarModule .receivable-detail-grid strong{color:var(--cx-ink)}

#cuentasCobrarModule :is(.accounts-receivable-billing,.accounts-receivable-quote,.documents-support){border:1px solid var(--cx-line)!important;border-top:3px solid var(--cx-forest)!important;background:var(--cx-white)!important;box-shadow:0 7px 20px rgba(36,66,52,.04)!important}
#cuentasCobrarModule :is(.accounts-receivable-billing,.accounts-receivable-quote,.documents-support)>h3{margin:-16px -16px 16px!important;padding:15px 17px!important;border-bottom:1px solid var(--cx-line)!important;color:var(--cx-forest-dark)!important;background:var(--cx-cream)!important}
#cuentasCobrarModule .accounts-receivable-billing .budget-detail-grid label>span{color:var(--cx-forest)!important}
#cuentasCobrarModule .accounts-receivable-billing .budget-detail-grid input[readonly]{border-color:var(--cx-sage-strong)!important;color:var(--cx-forest-dark)!important;background:var(--cx-sage)!important}
#cuentasCobrarModule .accounts-receivable-partiality-form{border-color:var(--cx-cream-strong)!important;background:var(--cx-cream)!important}
#cuentasCobrarModule .accounts-receivable-partiality-form label>span{color:var(--cx-forest)!important}
#cuentasCobrarModule .accounts-receivable-partiality-form :is(input,select){border-color:var(--cx-line)!important;color:var(--cx-ink)!important;background:#fff!important}
#cuentasCobrarModule .accounts-receivable-partiality-preview{border-color:var(--cx-sage-strong)!important;background:var(--cx-sage)!important}
#cuentasCobrarModule .accounts-receivable-partiality-preview :is(span,strong){color:var(--cx-forest-dark)!important}
#cuentasCobrarModule .accounts-receivable-partiality-button{border-color:var(--cx-forest)!important;background:var(--cx-forest)!important}

#cuentasCobrarModule :is(.accounts-receivable-billing,.documents-support) .budget-documents-table,
#cuentasCobrarModule .accounts-receivable-quote .purchase-table{border-color:var(--cx-line)!important}
#cuentasCobrarModule :is(.accounts-receivable-billing,.documents-support) .budget-documents-head,
#cuentasCobrarModule .accounts-receivable-quote .purchase-table-head{border-color:var(--cx-forest-dark)!important;color:#fff!important;background:var(--cx-forest)!important}
#cuentasCobrarModule :is(.accounts-receivable-billing,.documents-support) .budget-documents-head span,
#cuentasCobrarModule .accounts-receivable-quote .purchase-table-head span{color:#fff!important}
#cuentasCobrarModule :is(.accounts-receivable-billing,.documents-support) .budget-documents-row,
#cuentasCobrarModule .accounts-receivable-quote .purchase-table-row{border-color:var(--cx-line)!important;color:var(--cx-ink)!important;background:#fff!important}
#cuentasCobrarModule :is(.accounts-receivable-billing,.documents-support) .budget-documents-row:nth-child(odd),
#cuentasCobrarModule .accounts-receivable-quote .purchase-table-row:nth-child(odd){background:var(--cx-sage)!important}
#cuentasCobrarModule .accounts-receivable-billing .status-pill{border-color:var(--cx-sage-strong)!important;color:var(--cx-forest)!important;background:var(--cx-sage)!important}
#cuentasCobrarModule .documents-support .view-file-button{border:1px solid var(--cx-forest)!important;color:var(--cx-forest)!important;background:transparent!important}
#cuentasCobrarModule .documents-support .view-file-button:hover{color:#fff!important;background:var(--cx-forest)!important}
#cuentasCobrarModule .client-quote-total{border-color:var(--cx-cream-strong)!important;color:var(--cx-forest-dark)!important;background:var(--cx-cream)!important}

#cuentasCobrarModule .accounts-receivable-files{border-color:var(--cx-line)!important;border-top-color:var(--cx-forest)!important;background:var(--cx-white)!important;box-shadow:0 8px 22px rgba(36,66,52,.05)!important}
#cuentasCobrarModule .receivable-files-heading{border-bottom-color:var(--cx-forest-dark);background:var(--cx-forest)}
#cuentasCobrarModule .receivable-files-heading>div>span{color:var(--cx-forest);background:var(--cx-cream)}
#cuentasCobrarModule .receivable-files-heading small{color:#cbdcd2}
#cuentasCobrarModule .receivable-files-heading h3{color:#fff!important}
#cuentasCobrarModule .receivable-files-heading>b{color:var(--cx-forest-dark);background:var(--cx-cream)}
#cuentasCobrarModule .accounts-receivable-upload-form{border-color:var(--cx-cream-strong)!important;background:var(--cx-cream)!important}
#cuentasCobrarModule .accounts-receivable-upload-form label>span{color:var(--cx-forest)}
#cuentasCobrarModule .accounts-receivable-upload-form select,#cuentasCobrarModule .accounts-receivable-upload-form input[type=file]{border-color:var(--cx-line);color:var(--cx-ink);background:#fff}
#cuentasCobrarModule .accounts-receivable-upload-form select:focus,#cuentasCobrarModule .accounts-receivable-upload-form input[type=file]:focus{border-color:var(--cx-forest);outline:2px solid var(--cx-sage)}
#cuentasCobrarModule .accounts-receivable-upload-form input[type=file]::file-selector-button{color:var(--cx-forest-dark);background:var(--cx-sage)}
#cuentasCobrarModule .receivable-upload-button{border-color:var(--cx-forest);background:var(--cx-forest)}
#cuentasCobrarModule .receivable-upload-button:hover{border-color:var(--cx-forest-dark);background:var(--cx-forest-dark)}
#cuentasCobrarModule .receivable-file-row{border-color:var(--cx-line);background:#fff}
#cuentasCobrarModule .receivable-file-row:hover{border-color:var(--cx-sage-strong);background:var(--cx-sage)}
#cuentasCobrarModule .receivable-file-icon{color:var(--cx-forest);background:var(--cx-sage)}
#cuentasCobrarModule .receivable-file-copy strong,#cuentasCobrarModule .receivable-file-copy strong a{color:var(--cx-forest-dark)}
#cuentasCobrarModule .receivable-file-copy span{color:var(--cx-muted)}
#cuentasCobrarModule .receivable-files-empty{border-color:var(--cx-sage-strong);color:var(--cx-muted);background:var(--cx-sage)}
#cuentasCobrarModule .receivable-files-empty>i,#cuentasCobrarModule .receivable-files-empty strong{color:var(--cx-forest)}

#cuentasCobrarModule .receivable-account-card{border-color:var(--cx-line);background:#fff;box-shadow:0 5px 16px rgba(36,66,52,.045)}
#cuentasCobrarModule .receivable-account-card::before,#cuentasCobrarModule .receivable-account-card.is-collected::before,#cuentasCobrarModule .receivable-account-card.is-pending::before{background:var(--cx-forest)}
#cuentasCobrarModule .receivable-account-card:hover{border-color:var(--cx-sage-strong);box-shadow:0 10px 25px rgba(36,66,52,.09)}
#cuentasCobrarModule .receivable-account-card.row-is-flagged{border-color:var(--cx-forest);background:var(--cx-cream)}
#cuentasCobrarModule .receivable-account-icon,#cuentasCobrarModule .receivable-account-card.is-collected .receivable-account-icon,#cuentasCobrarModule .receivable-account-card.is-pending .receivable-account-icon{color:var(--cx-forest);background:var(--cx-sage)}
#cuentasCobrarModule .receivable-account-identity h3,#cuentasCobrarModule .receivable-account-money strong{color:var(--cx-forest-dark)}
#cuentasCobrarModule .receivable-account-state>span.is-collected,#cuentasCobrarModule .receivable-account-state>span.is-pending{color:var(--cx-forest);background:var(--cx-sage)}
#cuentasCobrarModule .receivable-account-card.is-collected .receivable-account-money small{color:var(--cx-forest)}
#cuentasCobrarModule .receivable-account-open{border-color:var(--cx-forest)!important;color:var(--cx-forest)!important;background:transparent!important}
#cuentasCobrarModule .receivable-account-open:hover{color:#fff!important;background:var(--cx-forest)!important}

@media(max-width:640px){
  #cuentasCobrarModule .receivable-detail-status{border-top-color:var(--cx-cream-strong)}
  #cuentasCobrarModule .receivable-overview-values article{border-bottom-color:rgba(255,255,255,.18)}
}

/* Aplicación final 1.0.71 · misma composición cromática de Proyectos */
#cuentasCobrarModule .receivable-detail-header{border-color:#dce2e8;border-top-color:#2f80d0;background:linear-gradient(110deg,#edf7ff 0%,#fff 68%);box-shadow:0 12px 34px rgba(31,38,51,.055)}
#cuentasCobrarModule .receivable-detail-identity>span{color:#fff;background:#2f80d0;box-shadow:0 9px 18px rgba(47,128,208,.18)}
#cuentasCobrarModule .receivable-overview-card{border-color:#dfe4ea;box-shadow:0 9px 26px rgba(31,38,51,.04)}
#cuentasCobrarModule .receivable-overview-values{border-bottom-color:#e1e4e9;background:#fff}
#cuentasCobrarModule .receivable-overview-values article{border-right-color:#e1e4e9;background:#fafbfc}
#cuentasCobrarModule .receivable-overview-values span{color:#737984}
#cuentasCobrarModule .receivable-overview-values strong{color:#292c32}
#cuentasCobrarModule .receivable-overview-values .is-settled strong{color:#16845f}
#cuentasCobrarModule .receivable-overview-values .is-pending strong{color:#2f80d0}

#cuentasCobrarModule :is(.accounts-receivable-billing,.accounts-receivable-quote,.documents-support){border-color:#dfe4ea!important;border-top-color:#2f80d0!important;box-shadow:0 9px 26px rgba(31,38,51,.04)!important}
#cuentasCobrarModule :is(.accounts-receivable-billing,.accounts-receivable-quote,.documents-support)>h3{border-bottom-color:#e6e9ed!important;color:#292c32!important;background:#fafbfc!important}
#cuentasCobrarModule :is(.accounts-receivable-billing,.documents-support) .budget-documents-head,
#cuentasCobrarModule .accounts-receivable-quote .purchase-table-head{border-color:#e1e5e9!important;color:#4e5966!important;background:#f1f4f7!important}
#cuentasCobrarModule :is(.accounts-receivable-billing,.documents-support) .budget-documents-head span,
#cuentasCobrarModule .accounts-receivable-quote .purchase-table-head span{color:#4e5966!important}
#cuentasCobrarModule :is(.accounts-receivable-billing,.documents-support) .budget-documents-row:nth-child(odd),
#cuentasCobrarModule .accounts-receivable-quote .purchase-table-row:nth-child(odd){background:#fbfcfd!important}

#cuentasCobrarModule .accounts-receivable-files{border-color:#dfe4ea!important;border-top-color:#2f80d0!important;box-shadow:0 9px 26px rgba(31,38,51,.04)!important}
#cuentasCobrarModule .receivable-files-heading{border-bottom-color:#e6e9ed;background:linear-gradient(110deg,#edf7ff 0%,#fff 72%)}
#cuentasCobrarModule .receivable-files-heading>div>span{color:#276eae;background:#eaf4ff}
#cuentasCobrarModule .receivable-files-heading small{color:#737984}
#cuentasCobrarModule .receivable-files-heading h3{color:#292c32!important}
#cuentasCobrarModule .receivable-files-heading>b{color:#256aa9;background:#eaf4ff}
#cuentasCobrarModule .accounts-receivable-upload-form{border-color:#e1e4e9!important;background:#fafbfc!important}
#cuentasCobrarModule .receivable-files-empty{border-color:#cbd8e5;color:#737984;background:#fafbfc}

#cuentasCobrarModule .receivable-account-card{border-color:#e3e6eb;background:#fafbfc;box-shadow:none}
#cuentasCobrarModule .receivable-account-card:hover{border-color:#bcd7ef;background:#fff;box-shadow:0 9px 22px rgba(38,53,72,.08)}
#cuentasCobrarModule .receivable-account-card.row-is-flagged{border-color:#2f80d0;background:linear-gradient(90deg,#edf7ff 0%,#fff 22%)}
#cuentasCobrarModule .receivable-account-card::before,#cuentasCobrarModule .receivable-account-card.is-collected::before,#cuentasCobrarModule .receivable-account-card.is-pending::before{background:#2f80d0}
#cuentasCobrarModule .receivable-account-icon,#cuentasCobrarModule .receivable-account-card.is-collected .receivable-account-icon,#cuentasCobrarModule .receivable-account-card.is-pending .receivable-account-icon{color:#256aa9;background:#eaf4ff}
#cuentasCobrarModule .receivable-account-state>span.is-collected{color:#087653;background:#dff6ed}
#cuentasCobrarModule .receivable-account-state>span.is-pending{color:#256aa9;background:#eaf4ff}

@media(max-width:640px){
  #cuentasCobrarModule .receivable-overview-values article{border-bottom-color:#e1e4e9}
}