/* Cabecera clara integrada con la navegación lateral. */
.office-nav{
  background:var(--office-sidebar-bg,#f7f9fc);
  border-bottom:1px solid var(--office-sidebar-line,#d7dde5);
  box-shadow:0 1px 3px rgba(32,33,36,.05);
  color:#30343b;
  height:50px;
  backdrop-filter:none;
}
.office-nav .office-nav-inner{height:50px}
.office-nav .office-brand{font-size:14px;gap:9px}
.office-nav .office-brand-logo{height:34px;width:34px}
.office-nav .office-brand,
.office-nav .office-brand:hover{
  color:#202124;
}
.office-nav .office-main-nav a{
  color:#5f6368;
  font-size:12px;
  font-weight:500;
  padding:7px 10px;
}
.office-nav .office-main-nav a:hover,
.office-nav .office-main-nav a:focus-visible{
  background:#e8edf3;
  color:#202124;
  outline:0;
}
.office-nav .office-sidebar-toggle{
  color:#5f6368;
}
.office-nav .office-sidebar-toggle:hover,
.office-nav .office-sidebar-toggle:focus-visible{
  background:#e8edf3;
  color:#202124;
}
.office-launcher-host{flex:0 0 auto;position:relative}.office-app-launcher-toggle{align-items:center;background:transparent;border:0;border-radius:50%;color:#5f6368;cursor:pointer;display:flex;font-size:17px;height:38px;justify-content:center;width:38px}.office-app-launcher-toggle:hover,.office-app-launcher-toggle:focus-visible,.office-app-launcher-toggle[aria-expanded="true"]{background:#e8edf3;color:#202124;outline:0}.office-app-launcher{background:#fff;border:1px solid #dce2e8;border-radius:10px;box-shadow:0 16px 42px rgba(31,42,55,.18);left:-8px;padding:22px 20px;position:absolute;top:44px;width:328px;z-index:420}.office-app-launcher[hidden]{display:none}.office-app-launcher-grid{display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.office-app-launcher-grid a{align-items:center;border-radius:9px;color:#34404b;display:flex;flex-direction:column;font-size:11px;gap:10px;justify-content:center;min-height:88px;padding:10px 6px;text-align:center}.office-app-launcher-grid a:hover,.office-app-launcher-grid a:focus-visible{background:#edf3ff;color:#075bd8;outline:0}.office-app-launcher-grid i{align-items:center;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;display:flex;filter:drop-shadow(0 1px 0 rgba(255,255,255,.8));font-size:21px;font-weight:900;height:30px;justify-content:center;width:30px}.office-app-launcher-grid a:nth-child(1) i{background-image:linear-gradient(145deg,#267cc0 0 38%,#37a477 39% 69%,#e5a42c 70% 100%)}.office-app-launcher-grid a:nth-child(2) i{background-image:linear-gradient(145deg,#2f8a5b 0 38%,#287bb5 39% 69%,#e2a12f 70% 100%)}.office-app-launcher-grid a:nth-child(3) i{background-image:linear-gradient(145deg,#e28b2d 0 36%,#7357b8 37% 68%,#2f82bd 69% 100%)}.office-app-launcher-grid a:hover i,.office-app-launcher-grid a:focus-visible i{filter:drop-shadow(0 1px 0 rgba(255,255,255,.8)) saturate(1.18) brightness(.92)}
.office-nav .office-nav-actions{
  gap:8px;
}
.office-nav .office-user{
  align-items:center;
  border-radius:999px;
  color:#4b5158;
  display:inline-flex;
  font-size:12px;
  font-weight:400;
  gap:7px;
  min-height:34px;
  padding:5px 9px 5px 5px;
  transition:background-color .16s ease,color .16s ease;
}
.office-nav .office-user:hover,
.office-nav .office-user:focus-visible{
  background:#e8edf3;
  color:#202124;
  outline:0;
}
.office-nav .office-user:focus-visible{
  box-shadow:0 0 0 2px rgba(7,91,216,.18);
}
.office-nav .office-avatar{
  border:1px solid #cbd3dc;
  font-size:10px;
  height:28px;
  width:28px;
}
.office-nav .office-user-name{
  font-size:12px;
  font-weight:400;
  line-height:1;
  white-space:nowrap;
}
.office-workspace-sidebar{top:50px}
.notebook-bar{top:50px}
.notebook-toolbar,.notebook-layers{top:calc(50px + var(--notebook-bar-height) + 12px)}
@media(max-width:720px){
  .office-nav .office-nav-inner{height:50px}
  .office-nav .office-user{padding-right:5px}
  .office-app-launcher{left:-42px;width:286px}
}
@media(max-width:440px){
  .office-nav,.office-nav .office-nav-inner{height:50px}
  .office-nav .office-avatar{height:27px;width:27px}
  .office-nav .office-brand{display:none}.office-app-launcher{left:-45px;width:min(286px,calc(100vw - 20px))}
}