/* UZMED WebOfis / 3D clinical control room · Pinterest-inspired 2026-10-09.
   Clinical role indicators and room animation remain functional as before. */
#uzcoreRoot{
 --uzc-medical-teal:#49d7c9;
 --uzc-medical-line:rgba(113,189,189,.19);
 --uzc-medical-surface:#102533;
 color:#eef9fc;
}
#uzcoreRoot .uzc-top{
 background:linear-gradient(120deg,#0c2530,#0e1828)!important;
 border-bottom:1px solid var(--uzc-medical-line)!important;
}
#uzcoreRoot .uzc-content{min-width:0!important;min-height:0!important;overscroll-behavior:contain}
#uzcoreRoot .uzc-card{
 background:linear-gradient(145deg,rgba(15,40,49,.96),rgba(12,24,37,.97))!important;
 border:1px solid var(--uzc-medical-line)!important;
 border-radius:17px!important;
 box-shadow:0 5px 18px rgba(0,0,0,.09)!important;
 min-width:0!important;
}
#uzcoreRoot .uzc-sub,
#uzcoreRoot .uzc-k{overflow-wrap:anywhere!important}
#uzcoreRoot .uzc-pill{
 white-space:normal;
 border:1px solid var(--uzc-medical-line);
}
#uzcoreRoot .uzc-nav button{
 border-radius:11px!important;
 transition:background .15s ease,color .15s ease;
}
#uzcoreRoot .uzc-nav button.on{
 background:rgba(56,183,173,.16)!important;
 color:#8bf4e6!important;
}
#uzcoreRoot .uzc-btn,
#uzcoreRoot :is(.uzc-input,.uzc-select,.uzc-textarea){
 border-radius:12px!important;
}
#uzcoreRoot .uzc-btn:focus-visible,
#uzcoreRoot .uzc-nav button:focus-visible{
 outline:2px solid #85e9df!important;
 outline-offset:2px!important;
}
#uzcoreRoot .uzc-agent-panel{
 border-radius:16px!important;
 background:linear-gradient(155deg,rgba(9,35,43,.97),rgba(8,19,30,.97))!important;
}
#uzcoreRoot .uzc-3d-wrap{border:1px solid var(--uzc-medical-line)!important}
#uzcoreRoot .uzc-stage-status{
 background:rgba(6,30,40,.9)!important;
 color:#b8faed!important;
 border-radius:11px!important;
}
#uzcoreRoot .uzc-meet-panel{
 border-color:rgba(72,209,195,.25)!important;
 border-radius:16px!important;
 box-shadow:0 22px 50px rgba(0,0,0,.28)!important;
}
@media(max-width:640px){
 #uzcoreRoot,#uzcoreRoot .uzc-shell{width:100%!important;height:100dvh!important;overflow:hidden!important}
 #uzcoreRoot .uzc-main{
  height:calc(100dvh - 60px - env(safe-area-inset-bottom,0px))!important;
  min-height:0!important;min-width:0!important;overflow:hidden!important;
 }
 #uzcoreRoot .uzc-top{
  padding:0 10px!important;gap:8px!important;
  flex:0 0 52px!important;height:52px!important;
 }
 #uzcoreRoot .uzc-title{
  min-width:0!important;font-size:14px!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
 }
 #uzcoreRoot .uzc-actions{flex-shrink:0}
 #uzcoreRoot .uzc-content{
  flex:1 1 0!important;min-height:0!important;
  overflow-x:hidden!important;padding:7px!important;
 }
 #uzcoreRoot .uzc-card{padding:12px!important;border-radius:14px!important}
 #uzcoreRoot .uzc-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 #uzcoreRoot .uzc-v{font-size:23px!important}
 #uzcoreRoot .uzc-3d-wrap{
  width:100%!important;height:100%!important;
  max-width:100%!important;min-height:0!important;
  border-radius:13px!important;overflow:hidden!important;
 }
 #uzcoreRoot .uzc-agent-panel{
  left:7px!important;right:7px!important;bottom:7px!important;
  top:auto!important;width:auto!important;
  max-width:none!important;max-height:min(48%,360px)!important;
  padding:12px!important;overflow-y:auto!important;
  overscroll-behavior:contain!important;
 }
 #uzcoreRoot .uzc-agent-panel :is(input,select,textarea){
  width:100%!important;min-width:0!important;
  max-width:100%!important;
 }
 #uzcoreRoot .uzc-agent-panel button,
 #uzcoreRoot .uzc-meet-panel button{min-height:40px}
 #uzcoreRoot .uzc-agent-speech{
  max-width:min(158px,44vw)!important;
  overflow-wrap:anywhere!important;
  pointer-events:none!important;
 }
 #uzcoreRoot .uzc-3d-dialogue{
  width:calc(100% - 18px)!important;
  max-width:none!important;max-height:86px!important;
  overflow:hidden!important;font-size:11px!important;
 }
 #uzcoreRoot .uzc-meet-panel{
  left:8px!important;right:8px!important;
  width:auto!important;max-height:calc(100% - 58px)!important;
 }
 #uzcoreRoot .uzc-nav{
  width:100%!important;max-width:100%!important;
  gap:2px!important;overflow:hidden!important;
 }
 #uzcoreRoot .uzc-nav button{min-width:0!important}
 #uzcoreRoot .uzc-more-sheet{max-width:calc(100vw - 16px)!important}
 #uzcoreRoot .uzc-form{max-width:100%!important}
 #uzcoreRoot .uzc-table-wrap{max-width:100%!important}
}
@media(prefers-reduced-motion:reduce){
 #uzcoreRoot .uzc-nav button{transition:none!important}
}