.rs-security-page{background:#f4f7f5;min-height:100vh}.rs-security-head{padding-top:16px}.rs-security-title{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#153d2e,#1e5a42);color:#fff;border-radius:16px;padding:24px 28px;box-shadow:0 10px 30px rgba(18,61,45,.16)}.rs-security-title h2{margin:4px 0 5px;font-weight:700}.rs-security-title p{margin:0;color:rgba(255,255,255,.8)}.rs-security-kicker{font-size:11px;letter-spacing:1.5px;font-weight:700;color:#d5bf77}.rs-security-actions{display:flex;gap:8px;flex-wrap:wrap}.rs-security-actions .btn{border-radius:9px}.rs-security-box{border:0;box-shadow:0 8px 26px rgba(16,50,38,.08);overflow:hidden}.rs-security-summary{display:flex;gap:12px;padding:16px!important;background:#fff;border-bottom:1px solid #e8eeeb}.rs-security-summary>div{min-width:145px;padding:10px 14px;background:#f7faf8;border:1px solid #e1eae5;border-radius:10px}.rs-security-summary strong{display:block;font-size:18px;color:#173e2f}.rs-security-summary span{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:#738279}.rs-user-cell{display:flex;align-items:center;gap:10px}.rs-user-cell img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:1px solid #d8e2dc}.rs-user-cell strong,.rs-user-cell small{display:block}.rs-user-cell small{color:#7a8780}.rs-security-table thead th{background:#f5f8f6;color:#32483d;font-size:12px;text-transform:uppercase;letter-spacing:.35px;border-bottom:1px solid #dce6e0!important}.rs-security-table td{vertical-align:middle!important}.rs-role-label{display:inline-flex;padding:6px 9px;border-radius:999px;background:#e8f0ec;color:#244638;font-size:11px;font-weight:700}.rs-role-super_admin{background:#fff1cf;color:#7b5c00}.rs-role-admin{background:#e0edf9;color:#245a82}.rs-role-vendedor{background:#e8f6e9;color:#23643a}.rs-role-almacen{background:#f3ebdf;color:#73552d}.rs-role-contabilidad{background:#eee8f8;color:#62418b}.rs-role-gerencia{background:#e7eef3;color:#36566d}.rs-role-despacho{background:#f6e9e6;color:#844c3e}.rs-user-actions .btn{min-width:35px}.rs-modal-head{background:linear-gradient(135deg,#173f30,#235f46)!important;color:#fff!important}.rs-modal-head .close{color:#fff;opacity:.9}.rs-photo-box{text-align:center;border:1px dashed #cad8d0;border-radius:12px;padding:18px;background:#f8fbf9}.rs-photo-box img{display:block;margin:0 auto 12px;width:145px;height:145px;object-fit:cover;border-radius:12px}.rs-photo-box label{display:block;color:#587064}.rs-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.rs-role-card{background:#fff;border:1px solid #e0e8e3;border-radius:16px;padding:20px;box-shadow:0 7px 22px rgba(18,61,45,.07);display:flex;flex-direction:column;min-height:265px}.rs-role-card.is-super{border-color:#d7bd69;background:linear-gradient(180deg,#fffdf6,#fff)}.rs-role-card-top{display:flex;align-items:center;gap:12px}.rs-role-icon{width:48px;height:48px;border-radius:13px;background:#eaf2ed;color:#1c593f;display:flex;align-items:center;justify-content:center;font-size:20px}.is-super .rs-role-icon{background:#fff0be;color:#8a6500}.rs-role-card h3{font-size:18px;margin:2px 0 0;font-weight:700;color:#1c3d30}.rs-level{font-size:10px;font-weight:700;letter-spacing:1px;color:#86978e}.rs-role-card>p{color:#66776e;line-height:1.45;margin:14px 0;min-height:42px}.rs-role-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:auto}.rs-role-stats div{background:#f6f9f7;border-radius:10px;padding:8px;text-align:center}.rs-role-stats strong{display:block;color:#1d4c39;font-size:18px}.rs-role-stats span{font-size:10px;text-transform:uppercase;color:#819088}.rs-role-card-actions{display:flex;gap:7px;margin-top:14px;flex-wrap:wrap}.rs-role-card-actions .btn{border-radius:8px}.rs-security-note{margin-top:16px;background:#eef5f1;border:1px solid #d8e8df;color:#355647;border-radius:12px}.rs-permission-content{max-height:68vh;overflow:auto;padding-right:4px}.rs-permission-group{background:#f8faf9;border:1px solid #e2eae5;border-radius:12px;padding:12px;margin-bottom:12px}.rs-permission-group h4{font-weight:700;color:#1c4d39;margin:2px 0 10px}.rs-permission-table{margin-bottom:0;background:#fff;border-radius:8px}.rs-permission-table td,.rs-permission-table th{vertical-align:middle!important}.rs-permission-table td:first-child{width:70%}.rs-permission-table small{display:block;color:#88968f;margin-top:2px}.rs-switch{display:inline-flex;position:relative;width:42px;height:23px;margin:0}.rs-switch input{opacity:0;width:0;height:0}.rs-switch>span{position:absolute;inset:0;border-radius:20px;background:#ccd5d0;cursor:pointer;transition:.2s}.rs-switch>span:before{content:"";position:absolute;width:17px;height:17px;left:3px;top:3px;background:#fff;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:.2s}.rs-switch input:checked+span{background:#23875f}.rs-switch input:checked+span:before{transform:translateX(19px)}.rs-switch input:disabled+span{opacity:.45;cursor:not-allowed}.rs-switch-pin input:checked+span{background:#b68a25}.rs-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:68vh;overflow:auto}.rs-module-item{margin:0!important;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px;border:1px solid #e0e8e3;border-radius:10px;background:#fff;font-weight:400}.rs-module-item strong,.rs-module-item small{display:block}.rs-module-item strong{font-size:12px;color:#28493b}.rs-module-item small{font-size:10px;color:#89958f}.rs-loading{padding:50px;color:#386650}.rs-audit-filter{padding:14px;border:0;box-shadow:0 6px 18px rgba(18,61,45,.06)}.rs-audit-filter .form-control,.rs-audit-filter .btn{margin-right:6px}.rs-audit-module{display:inline-block;font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:#1d7050;background:#e9f4ef;border-radius:5px;padding:3px 6px}.rs-auth-box{padding:6px 4px}.rs-auth-box .form-control{border-radius:8px}.rs-auth-hint{background:#f5f8f6;border-left:3px solid #ba9436;padding:10px 12px;border-radius:6px;color:#5f6d66;font-size:12px}.rs-auth-error{display:none;margin-top:10px;color:#9f2f2f;background:#fdeeee;border:1px solid #f5cccc;padding:9px;border-radius:7px}
@media(max-width:1100px){.rs-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rs-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.rs-security-title{align-items:flex-start;flex-direction:column;padding:18px}.rs-security-title h2{font-size:21px}.rs-security-actions{width:100%}.rs-security-actions .btn{flex:1}.rs-security-summary{overflow-x:auto}.rs-security-summary>div{min-width:130px}.rs-role-grid,.rs-module-grid{grid-template-columns:1fr}.rs-role-card{min-height:0}.rs-role-card-actions .btn{width:100%}.rs-permission-table td:first-child{width:auto}.rs-permission-table{font-size:12px}.rs-security-page .panel-medio{padding-left:8px;padding-right:8px}}

.rs-auth-operation{margin-top:12px;padding:10px 12px;border:1px solid #dce5e1;border-radius:8px;background:#f8fbf9}.rs-auth-operation>small{display:block;font-weight:700;letter-spacing:.06em;color:#557066;margin-bottom:7px}.rs-auth-operation #rsAuthDetalle>div{display:flex;justify-content:space-between;gap:12px;padding:3px 0;border-bottom:1px dashed #e3e9e6}.rs-auth-operation #rsAuthDetalle>div:last-child{border-bottom:0}.rs-auth-operation span{color:#6c7d76}.rs-auth-operation strong{text-align:right;word-break:break-word}.rs-auth-error{display:none;margin-top:10px;padding:8px 10px;border-radius:6px;background:#fff2f2;color:#a12626;font-weight:600}

/* =========================================================
   HOTFIX 05.2 · EDICIÓN DE USUARIOS
   ========================================================= */
#modalEditarUsuario.rs-user-edit-modal .modal-dialog{
  width:920px;
  max-width:calc(100% - 30px);
  margin:4vh auto;
}
#modalEditarUsuario.rs-user-edit-modal .modal-content{
  border:0;
  border-radius:15px;
  overflow:hidden;
  box-shadow:0 22px 60px rgba(14,42,32,.28);
}
#modalEditarUsuario.rs-user-edit-modal .rs-modal-head{
  padding:17px 22px!important;
  background:linear-gradient(135deg,#123e2d,#1e6548)!important;
  border:0!important;
}
#modalEditarUsuario.rs-user-edit-modal .rs-modal-head h4{
  margin:0 0 3px;
  font-size:18px;
  font-weight:700;
  color:#fff;
}
#modalEditarUsuario.rs-user-edit-modal .rs-modal-head small{
  color:rgba(255,255,255,.72);
  font-size:11px;
}
#modalEditarUsuario .rs-user-edit-body{
  padding:22px 24px 16px;
  background:#fbfcfb;
}
#modalEditarUsuario .rs-user-form-col{
  padding-right:24px;
}
#modalEditarUsuario .form-group{
  margin-bottom:15px;
}
#modalEditarUsuario .form-group>label{
  margin-bottom:6px;
  color:#203f33;
  font-size:12px;
  font-weight:700;
}
#modalEditarUsuario .form-control,
#modalEditarUsuario .input-group-addon,
#modalEditarUsuario .rs-password-group .btn{
  min-height:40px;
  border-color:#d8e2dc;
}
#modalEditarUsuario .form-control{
  border-radius:8px;
  box-shadow:none;
  background:#fff;
}
#modalEditarUsuario .form-control:focus{
  border-color:#2b7a58;
  box-shadow:0 0 0 2px rgba(43,122,88,.09);
}
#modalEditarUsuario .input-group .form-control{
  border-radius:0 8px 8px 0;
}
#modalEditarUsuario .input-group-addon{
  min-width:42px;
  color:#667b71;
  background:#f4f7f5;
  border-radius:8px 0 0 8px;
}
#modalEditarUsuario .rs-password-group .form-control{
  border-radius:0;
}
#modalEditarUsuario .rs-password-group .btn{
  border-radius:0 8px 8px 0;
  padding-left:15px;
  padding-right:15px;
}
#modalEditarUsuario .rs-field-help{
  margin:5px 2px 0;
  color:#78877f;
  font-size:10.5px;
  line-height:1.35;
}
#modalEditarUsuario .rs-user-access-row{
  margin-top:2px;
}
#modalEditarUsuario .rs-inline-validation{
  min-height:15px;
  margin-top:4px;
  font-size:10.5px;
  font-weight:600;
}
#modalEditarUsuario .rs-inline-validation.is-ok{color:#2c7957}
#modalEditarUsuario .rs-inline-validation.is-error{color:#b23b35}
#modalEditarUsuario .rs-user-photo-editor{
  padding:18px;
  min-height:285px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  border:1px solid #dbe5df;
  background:#f6f9f7;
}
#modalEditarUsuario .rs-photo-title{
  display:block;
  width:100%;
  margin-bottom:13px;
  color:#365247;
  font-size:11px;
  font-weight:700;
  text-align:left;
  text-transform:uppercase;
  letter-spacing:.5px;
}
#modalEditarUsuario .rs-user-photo-editor img{
  width:132px;
  height:132px;
  margin:0 auto 15px;
  border-radius:16px;
  object-fit:cover;
  background:#fff;
}
#modalEditarUsuario .rs-user-photo-editor .btn{
  max-width:205px;
  margin:0 auto 7px;
  border-radius:8px;
}
#modalEditarUsuario .rs-user-photo-editor small{
  color:#84928b;
  font-size:10px;
}
#modalEditarUsuario .rs-file-hidden{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
#modalEditarUsuario .rs-user-edit-note{
  display:flex;
  gap:10px;
  margin-top:12px;
  padding:12px 13px;
  border-radius:10px;
  background:#fff7e3;
  border:1px solid #f0dfad;
  color:#65572d;
}
#modalEditarUsuario .rs-user-edit-note>i{margin-top:2px;color:#a77e19}
#modalEditarUsuario .rs-user-edit-note strong,
#modalEditarUsuario .rs-user-edit-note span{display:block}
#modalEditarUsuario .rs-user-edit-note strong{font-size:11px;margin-bottom:2px}
#modalEditarUsuario .rs-user-edit-note span{font-size:10px;line-height:1.35}
#modalEditarUsuario .rs-user-edit-footer{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  padding:13px 24px;
  background:#fff;
  border-top:1px solid #e7ece9;
}
#modalEditarUsuario .rs-user-edit-footer .btn{
  min-width:135px;
  border-radius:8px;
}
#modalEditarUsuario select:disabled{
  color:#67756e;
  background:#eef2f0;
  cursor:not-allowed;
}

@media(max-width:767px){
  #modalEditarUsuario.rs-user-edit-modal .modal-dialog{max-width:calc(100% - 16px);margin:8px auto}
  #modalEditarUsuario .rs-user-edit-body{padding:16px}
  #modalEditarUsuario .rs-user-form-col{padding-right:15px}
  #modalEditarUsuario .rs-user-photo-editor{min-height:0;margin-top:5px}
  #modalEditarUsuario .rs-user-edit-footer{padding:12px 16px;flex-direction:column-reverse}
  #modalEditarUsuario .rs-user-edit-footer .btn{width:100%}
}