/* Quang Châu shared shell. Authoritative copy: /opt/quangchau-design-system/qc-shared.css */
body.qc-app :where(button,a,input,select,textarea,[tabindex]):focus-visible{
  outline:2px solid var(--qc-red-600);
  outline-offset:2px;
}
body.qc-app :where(.qc-logout-btn){
  width:40px;height:40px;min-width:40px;padding:0;border:0;border-radius:50%;
  display:grid;place-items:center;background:rgba(16,33,50,.06);color:var(--qc-text);
  cursor:pointer;transition:background var(--qc-dur-fast) var(--qc-ease),color var(--qc-dur-fast) var(--qc-ease);
}
body.qc-app .qc-logout-btn:hover{background:var(--qc-red-100);color:var(--qc-red-700)}
body.qc-app .qc-logout-btn svg{
  width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;
  stroke-linecap:round;stroke-linejoin:round;
}
body.qc-app .qc-shell-nav{background:var(--qc-shell-red)}
body.qc-app .qc-shell-nav :is(.nav-item,.nav-item svg){transition:background var(--qc-dur-fast) var(--qc-ease),color var(--qc-dur-fast) var(--qc-ease)}
@media(min-width:761px){
  body.qc-app .topbar{height:76px}
  body.qc-app .qc-shell-nav :is(.nav,#nav){padding-right:0;overflow:visible}
  body.qc-app .qc-shell-nav .nav-item{position:relative;margin-right:0}
  body.qc-app .qc-shell-nav .nav-item.active{
    background:var(--qc-bg);color:var(--qc-red-700);box-shadow:none;
    border-radius:25px 0 0 25px;
  }
  body.qc-app .qc-shell-nav .nav-item.active svg{color:var(--qc-red-700)}
  body.qc-app .qc-shell-nav .nav-item.active::before,
  body.qc-app .qc-shell-nav .nav-item.active::after{
    content:"";position:absolute;right:0;width:25px;height:25px;pointer-events:none;
  }
  body.qc-app .qc-shell-nav .nav-item.active::before{
    top:-25px;background:radial-gradient(circle at 0 0,transparent 24.5px,var(--qc-bg) 25px);
  }
  body.qc-app .qc-shell-nav .nav-item.active::after{
    bottom:-25px;background:radial-gradient(circle at 0 100%,transparent 24.5px,var(--qc-bg) 25px);
  }
}
@media(max-width:760px){
  body.qc-app .qc-logout-btn{width:36px;height:36px;min-width:36px}
}
@media(prefers-reduced-motion:reduce){
  body.qc-app *,body.qc-app *::before,body.qc-app *::after{
    animation-duration:.01ms!important;transition-duration:.01ms!important;
  }
}