/* v1.6.0 — encabezado móvil limpio + menú lateral */
.sk-mobile-header,.sk-mobile-drawer,.sk-mobile-backdrop{display:none}
@media(max-width:1050px){
  .sk-mobile-header{
    display:flex;position:sticky;top:0;z-index:900;align-items:center;justify-content:space-between;
    min-height:64px;padding:8px 12px;background:#fff;border-bottom:1px solid #dfe6ef
  }
  .sk-mobile-header img{display:block;width:auto;height:42px;max-width:205px;object-fit:contain}
  .sk-menu-btn{
    width:46px;height:46px;border:0;border-radius:12px;background:#eef4fb;color:#083c84;
    display:grid;place-items:center;cursor:pointer
  }
  .sk-menu-btn span,.sk-menu-btn span:before,.sk-menu-btn span:after{
    display:block;width:22px;height:2px;border-radius:2px;background:currentColor;content:"";position:relative
  }
  .sk-menu-btn span:before{position:absolute;top:-7px;left:0}
  .sk-menu-btn span:after{position:absolute;top:7px;left:0}
  .sk-mobile-backdrop{
    position:fixed;inset:0;z-index:950;background:rgba(10,25,43,.48);border:0;padding:0
  }
  .sk-mobile-backdrop.open{display:block}
  .sk-mobile-drawer{
    display:flex;position:fixed;z-index:960;top:0;right:0;width:min(330px,88vw);height:100%;
    background:#fff;box-shadow:-18px 0 42px rgba(10,25,43,.22);transform:translateX(105%);
    transition:transform .2s ease;flex-direction:column;overflow:auto
  }
  .sk-mobile-drawer.open{transform:translateX(0)}
  .sk-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:15px 14px;border-bottom:1px solid #e5e9ef}
  .sk-drawer-head img{height:38px;width:auto;max-width:180px;object-fit:contain}
  .sk-drawer-close{width:42px;height:42px;border:0;border-radius:11px;background:#f2f5f8;color:#24364b;font-size:25px;cursor:pointer}
  .sk-drawer-nav{display:grid;padding:12px;gap:5px}
  .sk-drawer-nav a,.sk-drawer-nav button,.sk-drawer-group-toggle{
    min-height:46px;border:0;border-radius:11px;background:transparent;color:#24364b;text-decoration:none;
    padding:11px 12px;font:inherit;font-weight:800;text-align:left;display:flex;align-items:center;justify-content:space-between;cursor:pointer
  }
  .sk-drawer-nav a.active{background:#eaf7ef;color:#087032}
  .sk-drawer-nav a:hover,.sk-drawer-nav button:hover,.sk-drawer-group-toggle:hover{background:#f4f7fa}
  .sk-drawer-section{font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:#7a8797;padding:12px 12px 4px}
  .sk-drawer-sub{display:grid;gap:3px;padding-left:10px}
  .sk-drawer-sub[hidden]{display:none}
  .sk-drawer-sub a{min-height:42px;font-size:14px;padding-left:18px}
  .sk-drawer-caret{font-size:16px;transition:transform .15s ease}
  .sk-drawer-group-toggle[aria-expanded="true"] .sk-drawer-caret{transform:rotate(180deg)}
  .sk-drawer-user{margin-top:auto;padding:14px;border-top:1px solid #e5e9ef;color:#6d7c8e;font-size:13px}
  body.sk-menu-open{overflow:hidden}
}
@media(max-width:480px){
  .sk-mobile-header{min-height:58px;padding:7px 10px}
  .sk-mobile-header img{height:36px;max-width:175px}
  .sk-menu-btn{width:43px;height:43px}
}

/* v1.9.82-preview-draft-attachments · Campana junto al menú móvil */
@media(max-width:1050px){
  .sk-mobile-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
  .sk-mobile-notification-bell{
    display:grid;place-items:center;width:46px;height:46px;min-width:46px;padding:0;
    border:1px solid #dbe5ef;border-radius:12px;background:#fff;color:#083c84;
    box-shadow:none
  }
  .sk-mobile-notification-bell .notification-bell-glyph{font-size:20px;line-height:1}
  .sk-mobile-notification-bell .notification-badge{right:-4px;top:-5px;border:2px solid #fff}
}
@media(max-width:480px){
  .sk-mobile-actions{gap:7px}
  .sk-mobile-notification-bell{width:43px;height:43px;min-width:43px}
}


/* v1.9.50 · identidad visible en el botón del menú superior */
@media(max-width:1050px){
  .sk-menu-btn{width:auto;min-width:46px;max-width:176px;padding:0 12px;display:flex;align-items:center;justify-content:center;gap:10px}
  .sk-menu-btn .sk-menu-user-name{display:block;min-width:0;max-width:112px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1;color:#083c84;font-weight:900}
  .sk-menu-btn>span{flex:0 0 auto}
}
@media(max-width:480px){
  .sk-mobile-header>img{max-width:145px}
  .sk-menu-btn{min-width:43px;max-width:118px;padding:0 9px;gap:7px}
  .sk-menu-btn .sk-menu-user-name{max-width:68px;font-size:12px}
  .sk-mobile-actions .sk-menu-btn{max-width:112px}
  .sk-mobile-actions .sk-menu-btn .sk-menu-user-name{max-width:62px}
}
@media(max-width:365px){
  .sk-mobile-header>img{max-width:128px}
  .sk-menu-btn{max-width:104px}
  .sk-menu-btn .sk-menu-user-name{max-width:54px}
  .sk-mobile-actions .sk-menu-btn{max-width:98px}
  .sk-mobile-actions .sk-menu-btn .sk-menu-user-name{max-width:48px}
}

/* v1.9.82-preview-draft-attachments · perfil compacto separado del menú hamburguesa */
@media(max-width:1050px){
  .sk-menu-btn{width:46px;min-width:46px;max-width:none;padding:0;display:grid;place-items:center}
  .sk-menu-btn .sk-menu-user-name{display:none!important}
  .sk-mobile-actions{display:flex;align-items:center;gap:8px}
  .sk-profile-btn{
    width:46px;height:46px;min-width:46px;padding:0;border:1px solid #dbe5ef;border-radius:14px;
    background:#f3f7fc;color:#083c84;display:grid;place-items:center;cursor:pointer
  }
  .sk-profile-btn svg{width:23px;height:23px;fill:currentColor}
}
@media(max-width:480px){
  .sk-mobile-header>img{max-width:145px}
  .sk-menu-btn,.sk-profile-btn{width:43px;height:43px;min-width:43px}
  .sk-mobile-actions{gap:7px}
}
.sk-profile-card{
  position:fixed;z-index:990;background:#fff;border:1px solid #dfe6ef;border-radius:18px;
  box-shadow:0 18px 50px rgba(17,39,67,.20);padding:16px;color:#18324d
}
.sk-profile-card[hidden]{display:none!important}
.sk-profile-head{display:grid;grid-template-columns:48px minmax(0,1fr) 34px;gap:11px;align-items:center}
.sk-profile-avatar{width:48px;height:48px;border-radius:15px;background:#eaf2fb;color:#0b4d91;display:grid;place-items:center;font-size:17px;font-weight:950;letter-spacing:.02em}
.sk-profile-copy{min-width:0;display:grid;gap:3px}.sk-profile-copy strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sk-profile-copy span{font-size:12px;color:#758396;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sk-profile-close{width:34px;height:34px;border:0;border-radius:10px;background:#f3f6f9;color:#52657a;font-size:21px;line-height:1;cursor:pointer}
.sk-profile-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:13px}.sk-profile-role,.sk-profile-active{display:inline-flex;align-items:center;min-height:28px;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:900}.sk-profile-role{background:#eaf2fb;color:#0b4d91}.sk-profile-role[data-role="supervisor"]{background:#e9f7ef;color:#087239}.sk-profile-role[data-role="admin"]{background:#f1ebff;color:#6841c4}.sk-profile-active{background:#f5f8fa;color:#587083}.sk-profile-active i{width:7px;height:7px;border-radius:50%;background:#18a86b;margin-right:6px}
.sk-profile-sep{height:1px;background:#e8edf2;margin:14px 0 12px}.sk-profile-info{display:grid;gap:3px}.sk-profile-info span{font-size:10px;color:#8391a1;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.sk-profile-info strong{font-size:13px;color:#324b65}
.sk-profile-home{display:grid;gap:5px;margin-top:13px;padding-top:12px;border-top:1px solid #edf1f5}.sk-profile-home>span{font-size:10px;color:#718196;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.sk-profile-home select{width:100%;min-height:42px;border:1px solid #cbd7e5;border-radius:11px;padding:8px 30px 8px 11px;background:#fff;color:#18324d;font:inherit;font-size:13px;font-weight:800}.sk-profile-home select:focus{outline:3px solid rgba(8,60,132,.11);border-color:#7aa0cd}.sk-profile-home select:disabled{cursor:wait;opacity:.65}.sk-profile-home small{min-height:16px;color:#748397;font-size:11px;line-height:1.35}
.sk-profile-logout{width:100%;min-height:44px;margin-top:14px;border:1px solid #f2d8d8;border-radius:12px;background:#fff7f7;color:#b4232f;font-weight:900;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}


/* v1.9.53 · Header administrativo unificado */
@media(max-width:1050px){
  .sk-mobile-header{
    height:72px;
    min-height:72px;
    padding:10px 14px;
    gap:10px;
    box-sizing:border-box;
  }
  .sk-mobile-header>img{
    flex:0 1 auto;
    width:auto;
    height:40px;
    max-width:min(220px,calc(100% - 174px));
    object-fit:contain;
    object-position:left center;
  }
  .sk-mobile-actions{
    margin-left:auto;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    flex:0 0 auto;
  }
  .sk-mobile-notification-bell,
  .sk-profile-btn,
  .sk-menu-btn{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    max-width:46px!important;
    padding:0!important;
    border:1px solid #dbe5ef!important;
    border-radius:14px!important;
    background:#f3f7fc!important;
    color:#083c84!important;
    box-shadow:none!important;
    display:grid!important;
    place-items:center!important;
    line-height:1!important;
  }
  .sk-mobile-notification-bell svg,
  .sk-profile-btn svg{
    width:23px;
    height:23px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.9;
    stroke-linecap:round;
    stroke-linejoin:round;
  }
  .sk-profile-btn svg{fill:currentColor;stroke:none}
  .sk-mobile-notification-bell{position:relative}
  .sk-mobile-notification-bell .notification-badge{
    position:absolute;
    right:-4px;
    top:-5px;
    min-width:20px;
    height:20px;
    padding:0 5px;
    border-radius:999px;
    background:#d92736;
    color:#fff;
    border:2px solid #fff;
    font-size:10px;
    font-weight:950;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .sk-mobile-notification-bell .notification-badge[hidden]{display:none!important}
}
@media(max-width:480px){
  .sk-mobile-header{
    height:68px;
    min-height:68px;
    padding:8px 10px;
    gap:8px;
  }
  .sk-mobile-header>img{
    height:36px;
    max-width:min(150px,calc(100% - 156px));
  }
  .sk-mobile-actions{gap:7px}
  .sk-mobile-notification-bell,
  .sk-profile-btn,
  .sk-menu-btn{
    width:43px!important;
    height:43px!important;
    min-width:43px!important;
    max-width:43px!important;
  }
}
@media(max-width:365px){
  .sk-mobile-header>img{
    height:34px;
    max-width:min(132px,calc(100% - 150px));
  }
  .sk-mobile-actions{gap:5px}
}