.doc{display:inline-block;margin:2px;padding:4px 7px;border-radius:7px;background:#eef1f5;color:#8893a3;font-size:10px;font-weight:800}.doc.yes{background:#e7f8ee;color:#166534}.danger{border:0;border-radius:7px;background:#ffebec;color:#a4141c;padding:7px 10px;font-weight:800;cursor:pointer}.card input[type=checkbox]{width:18px;height:18px;accent-color:#e31b23}button{cursor:pointer}.toolbar,.actions,.pager{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 18px}.toolbar a:not(.btn),.pager a{color:#0b4c91;font-weight:800;text-decoration:none}.btn.secondary{background:#fff;color:#062856;border:1px solid #cdd8e6}.import-box{margin-bottom:18px}.import-box summary{cursor:pointer;color:#062856;font-weight:900;font-size:16px}.filters{display:grid;grid-template-columns:2fr repeat(6,1fr);gap:10px;margin-bottom:18px}.filters input,.filters select{min-width:0;border:1px solid #d8e0ea;border-radius:10px;padding:11px}.filters button{border:0;border-radius:10px;background:#062856;color:#fff;font-weight:800}.filters a{align-self:center;color:#e31b23;font-weight:800}.pager{justify-content:flex-end;margin-top:18px}.pager span{margin-right:auto;color:#66758a}.actions{justify-content:flex-end;margin-top:20px}.stats:has(div:nth-child(5)){grid-template-columns:repeat(5,1fr)}@media(max-width:1100px){.filters{grid-template-columns:repeat(2,1fr)}.stats:has(div:nth-child(5)){grid-template-columns:repeat(2,1fr)}}
.selection-help{display:flex;justify-content:space-between;gap:18px;align-items:center;background:#eaf2ff;border:1px solid #c8daf4;border-left:5px solid #0b4c91;border-radius:12px;padding:14px 18px;margin:0 0 18px;color:#274766}.selection-help b{color:#062856;font-size:18px}.card button:disabled{opacity:.45;cursor:not-allowed}.form-grid textarea{width:100%;border:1px solid #d8e0ea;border-radius:10px;padding:12px;font:inherit;resize:vertical}.status-actions{display:flex;gap:7px}.status-actions button{border:0;border-radius:7px;padding:8px 10px;background:#167647;color:#fff;font-weight:800}.badge.status-pendiente{background:#fff4d6;color:#8a5a00}.badge.status-aprobada{background:#e7f8ee;color:#166534}.badge.status-rechazada{background:#ffebec;color:#a4141c}@media(max-width:700px){.selection-help{align-items:flex-start;flex-direction:column}.status-actions{flex-direction:column}}
.wr-description{min-width:190px}.wr-value{min-width:105px;max-width:125px}.table-wrap input:disabled{background:#eef2f7;color:#6b778a;cursor:not-allowed}.table-wrap .wr-description,.table-wrap .wr-value{padding:10px 11px;border:1px solid #d5deea;border-radius:9px}
.sticky-guide-bar{position:sticky;top:12px;z-index:40;box-shadow:0 10px 28px rgba(6,40,86,.14);backdrop-filter:blur(10px)}.sticky-guide-bar .btn{margin-left:auto;white-space:nowrap}.sticky-guide-bar .btn:disabled{opacity:.45;cursor:not-allowed}@media(max-width:700px){.sticky-guide-bar{top:6px}.sticky-guide-bar .btn{width:100%;margin-left:0}}

/* JAX_USERS_SECTION_V4 */
body.app main .users-layout{grid-template-columns:minmax(340px,430px) minmax(0,1fr)!important;gap:24px!important}
body.app main .user-create-card{padding:0 22px 22px!important;gap:15px 14px!important;border-top:0!important;overflow:hidden!important}
body.app main .user-form-head{display:flex!important;align-items:center!important;gap:12px!important;margin:0 -22px 3px!important;padding:18px 22px!important;background:linear-gradient(135deg,#082b5c,#104d8d)!important;color:#fff!important}
body.app main .user-form-head .user-form-icon{display:grid!important;place-items:center!important;flex:0 0 38px!important;width:38px!important;height:38px!important;border-radius:11px!important;background:#ed1c24!important;color:#fff!important;font-size:25px!important;font-weight:400!important;line-height:1!important;box-shadow:0 7px 16px rgba(0,0,0,.16)!important}
body.app main .user-form-head h2{margin:0!important;color:#fff!important;font-size:18px!important;letter-spacing:0!important;text-transform:none!important}
body.app main .user-form-head p{margin:4px 0 0!important;color:#dce9f8!important;font-size:11px!important;font-weight:500!important;line-height:1.35!important}
body.app main .user-create-card label{gap:7px!important;color:#42546d!important;font-size:10px!important;letter-spacing:.055em!important}
body.app main .user-create-card input,body.app main .user-create-card select{height:44px!important;min-height:44px!important;max-height:44px!important;padding:0 13px!important;border-color:#d8e1ec!important;border-radius:9px!important;background:#f7f9fc!important;color:#102641!important;font-size:13px!important;line-height:44px!important;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease!important}
body.app main .user-create-card input::placeholder{color:#8b98a9!important;font-weight:500!important}
body.app main .user-create-card input:focus,body.app main .user-create-card select:focus{outline:0!important;border-color:#145496!important;background:#fff!important;box-shadow:0 0 0 3px rgba(20,84,150,.10)!important}
body.app main .user-create-card small{display:block!important;margin-top:1px!important;color:#748399!important;font-size:10px!important;font-weight:500!important;letter-spacing:0!important;line-height:1.4!important;text-transform:none!important}
body.app main .user-create-card .user-create-submit{height:44px!important;min-height:44px!important;max-height:44px!important;margin-top:2px!important;border-radius:9px!important;line-height:44px!important;font-size:11px!important;text-transform:uppercase!important}
body.app main .users-table-card{align-self:start!important}
@media(max-width:1120px){body.app main .users-layout{grid-template-columns:1fr!important}body.app main .user-create-card{width:min(100%,720px)!important}}
@media(max-width:620px){body.app main .user-create-card{padding:0 16px 17px!important;gap:13px!important}body.app main .user-form-head{margin:0 -16px 2px!important;padding:16px!important}body.app main .user-form-head .user-form-icon{flex-basis:36px!important;width:36px!important;height:36px!important}body.app main .user-create-card input,body.app main .user-create-card select{height:43px!important;min-height:43px!important;max-height:43px!important}body.app main .user-create-card .user-create-submit{height:44px!important;min-height:44px!important;max-height:44px!important}}
/* JAX_USERS_COMPACT_V5 */
body.app main .users-layout,
body.app main .grid-two:has(>form.card.form-grid){
  display:grid!important;
  grid-template-columns:minmax(320px,410px) minmax(0,1fr)!important;
  gap:22px!important;
  align-items:start!important;
}
body.app main .users-layout>form,
body.app main .grid-two:has(>form.card.form-grid)>form.card.form-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:13px!important;
  width:100%!important;
  max-width:410px!important;
  min-height:0!important;
  padding:0 20px 20px!important;
  border:1px solid #dbe4ef!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 12px 30px rgba(8,43,92,.08)!important;
  overflow:hidden!important;
}
body.app main .users-layout>form>label,
body.app main .grid-two:has(>form.card.form-grid)>form>label{
  display:grid!important;
  gap:6px!important;
  margin:0!important;
  min-height:0!important;
  color:#4b5c73!important;
  font-size:10px!important;
  line-height:1.25!important;
  font-weight:800!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
}
body.app main .users-layout>form input,
body.app main .users-layout>form select,
body.app main .grid-two:has(>form.card.form-grid)>form input:not([type=hidden]),
body.app main .grid-two:has(>form.card.form-grid)>form select{
  display:block!important;
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  margin:0!important;
  padding:0 12px!important;
  border:1px solid #d5dfeb!important;
  border-radius:8px!important;
  background:#f7f9fc!important;
  color:#102641!important;
  font:600 13px/42px Arial,sans-serif!important;
  box-sizing:border-box!important;
  box-shadow:none!important;
}
body.app main .users-layout>form .full,
body.app main .grid-two:has(>form.card.form-grid)>form .full{grid-column:1/-1!important}
body.app main .users-layout>form button.btn,
body.app main .grid-two:has(>form.card.form-grid)>form button.btn{
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  margin:2px 0 0!important;
  padding:0 18px!important;
  border-radius:8px!important;
  font-size:11px!important;
  line-height:42px!important;
  letter-spacing:.04em!important;
}
body.app main .user-form-head{min-height:0!important}
@media(max-width:1050px){
  body.app main .users-layout,
  body.app main .grid-two:has(>form.card.form-grid){grid-template-columns:1fr!important}
  body.app main .users-layout>form,
  body.app main .grid-two:has(>form.card.form-grid)>form.card.form-grid{max-width:680px!important}
}
@media(max-width:620px){
  body.app main .users-layout>form,
  body.app main .grid-two:has(>form.card.form-grid)>form.card.form-grid{grid-template-columns:1fr!important;max-width:none!important;padding:0 15px 16px!important}
  body.app main .users-layout>form>*,
  body.app main .grid-two:has(>form.card.form-grid)>form>*{grid-column:1!important}
}
/* JAX_USERS_TYPE_V6 */
body.app main .users-layout>form>label,body.app main .grid-two:has(>form.card.form-grid)>form>label{font-size:12px!important;line-height:1.35!important;letter-spacing:.025em!important}
body.app main .users-layout>form input,body.app main .users-layout>form select,body.app main .grid-two:has(>form.card.form-grid)>form input:not([type=hidden]),body.app main .grid-two:has(>form.card.form-grid)>form select{font-size:14px!important;font-weight:600!important}
body.app main .user-form-head h2{font-size:20px!important}
body.app main .user-form-head p{font-size:12px!important}
body.app main .user-create-card small{font-size:11px!important}
body.app main .users-layout>form button.btn,body.app main .grid-two:has(>form.card.form-grid)>form button.btn{font-size:13px!important;font-weight:800!important}

/* JAX_AUTO_SELECTED_GUIDED_WR_V1 */
body.app main tr.wr-guide-selected{background:#eef6ff!important;box-shadow:inset 3px 0 0 #145496}
body.app main tr.wr-guide-selected:hover{background:#e5f1ff!important}
body.app main tr.wr-guide-selected .wr-check{accent-color:#145496}
/* JAX_CLIENT_GUIDE_HISTORY_V1 */
body.app main .status-guide-created{background:#e7f7ee!important;color:#11663b!important;border:1px solid #bfe8d0!important;font-weight:800!important}
body.app main .guide-number{display:block!important;margin-top:5px!important;color:#526881!important;font-size:11px!important;font-weight:700!important;letter-spacing:.03em!important}
body.app main .client-guide-filters{grid-template-columns:minmax(230px,2fr) minmax(150px,1fr) minmax(150px,1fr) minmax(150px,1fr) auto auto!important}
@media(max-width:1050px){body.app main .client-guide-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.app main .client-guide-filters>input:first-child{grid-column:1/-1!important}}
@media(max-width:620px){body.app main .client-guide-filters{grid-template-columns:1fr!important}body.app main .client-guide-filters>*{grid-column:1!important;width:100%!important}}