/* =========================================================
   TEA2 P0 USABILITY v3.1 · readability + interaction floor
   Last-loaded non-functional UI layer.
   ========================================================= */

/* Global readable text floors inside work views */
.workspace-view small{
  font-size:clamp(9.5px,.62vw,10.5px)!important;
  line-height:1.36!important;
}
.workspace-view label{
  font-size:clamp(10px,.65vw,11px)!important;
  line-height:1.35!important;
}
.workspace-view :is(input,select,textarea){
  font-size:clamp(10.5px,.68vw,12px)!important;
  line-height:1.35!important;
}
.workspace-view :is(th,td){
  font-size:clamp(9.5px,.64vw,11px)!important;
  line-height:1.36!important;
}
.workspace-view button:not(.round-btn):not(.icon-btn){
  font-size:clamp(10px,.66vw,11.5px)!important;
  line-height:1.25!important;
}
.workspace-view p{
  font-size:clamp(10px,.67vw,11.5px)!important;
  line-height:1.48!important;
}

/* Common legacy micro-copy patterns */
.workspace-view :is(
  [class*="-sub"],
  [class*="-meta"],
  [class*="-hint"],
  [class*="-caption"],
  [class*="-description"],
  [class*="-copy"] small,
  [class*="-row"] small,
  [class*="-item"] small,
  [class*="-card"] small
){
  font-size:clamp(9.5px,.62vw,10.5px)!important;
  line-height:1.38!important;
}

/* Mission Control must read like the primary owner cockpit */
.mission-control-view .mc-card-head small,
.mission-control-view .mc-row small,
.mission-control-view .mc-next small,
.mission-control-view .mc-next em,
.mission-control-view .mc-build-grid small,
.mission-control-view .mc-activity-item span,
.mission-control-view .mc-statline small{
  font-size:clamp(9.5px,.62vw,10.5px)!important;
  line-height:1.36!important;
}
.mission-control-view .mc-row b,
.mission-control-view .mc-next b,
.mission-control-view .mc-build-now strong,
.mission-control-view .mc-build-deploy strong,
.mission-control-view .mc-activity-item b{
  font-size:clamp(10.5px,.70vw,12px)!important;
  line-height:1.32!important;
}
.mission-control-view .dashboard-kpi small{font-size:clamp(9px,.60vw,10px)!important}
.mission-control-view .dashboard-kpi span{font-size:clamp(9.5px,.62vw,10.5px)!important}
.mission-control-view .dashboard-kpi strong{font-size:clamp(18px,1.22vw,21px)!important}

/* James / ADAM side assistant readability */
.mo-assistant{
  font-size:clamp(10.5px,.68vw,11.5px)!important;
}
.mo-assistant :is(small,.mo-context-chip b,.mo-context-chip span){
  font-size:clamp(9.5px,.62vw,10.5px)!important;
  line-height:1.36!important;
}
.mo-assistant :is(button,textarea){
  font-size:clamp(10px,.65vw,11.5px)!important;
}
.mo-assistant-note strong,.mo-chat-row p{
  font-size:clamp(10.5px,.69vw,12px)!important;
  line-height:1.42!important;
}

/* Main area navigation */
.myoffice-area-copy strong{font-size:clamp(12.5px,.82vw,13.5px)!important}
.myoffice-area-copy small{font-size:clamp(9.5px,.64vw,10.5px)!important}
.tea2-side-head small{font-size:clamp(9px,.60vw,10px)!important}
.tea2-side-head strong{font-size:clamp(17px,1.10vw,18.5px)!important}

/* Controls should be physically usable, not miniature */
.workspace-view :is(input,select,textarea,button:not(.round-btn):not(.icon-btn)){
  min-height:32px;
}
.workspace-view textarea{min-height:72px}
.workspace-view :is(input,select,textarea):focus-visible,
.workspace-view button:focus-visible,
.myoffice-area-item:focus-visible,
.mo-assistant button:focus-visible{
  outline:2px solid rgba(49,131,246,.58)!important;
  outline-offset:2px!important;
}

/* Empty/error/loading states must be visible and informative */
.dashboard-empty,
.saas-reg-empty,
.saas-reg-error,
.workspace-view [class*="-empty"],
.workspace-view [class*="-error"]{
  font-size:clamp(10.5px,.70vw,12px)!important;
  line-height:1.5!important;
}
.dashboard-error,
.workspace-view [class*="-error"]{
  color:#9d3650!important;
  background:rgba(239,49,90,.08)!important;
  border:1px solid rgba(239,49,90,.16)!important;
  border-radius:12px!important;
  padding:12px!important;
}

/* Tables should not become unreadable dense blocks */
.workspace-view table{border-collapse:separate!important;border-spacing:0!important}
.workspace-view th{font-weight:800!important;letter-spacing:.015em!important}
.workspace-view td,.workspace-view th{padding-top:7px!important;padding-bottom:7px!important}

/* Bottom UI readable but compact */
.workspace-tabs,.tea2-taskbar,.status-pill,.james-pill,.process-btn{
  font-size:clamp(9.5px,.62vw,10.5px)!important;
}
.status-pill small,.james-pill small,.james-work small{
  font-size:clamp(8.5px,.56vw,9.5px)!important;
}

/* Prevent text from visually washing out on glass */
.workspace-view,
.mo-assistant,
.tea2-side-ui{
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.workspace-view :is(p,small,label,td,th),
.mo-assistant :is(p,small,span),
.tea2-side-ui :is(small,span){
  opacity:1!important;
}

/* 1366 and below: preserve readable floor instead of shrinking */
@media(max-width:1366px){
  .workspace-view small,
  .workspace-view label,
  .workspace-view :is(th,td){font-size:9.5px!important}
  .workspace-view button:not(.round-btn):not(.icon-btn){font-size:10px!important}
  .myoffice-area-copy strong{font-size:12px!important}
  .myoffice-area-copy small{font-size:9.5px!important}
}