/* TEA2 v1.2 owner design -> original live MyOffice DOM.
 * Not a replacement app: login, all workspaces, navigation, data stay native. */
.tea2-shell.shell.tea2-owner-v120-real{
 width:100%;height:100dvh;min-height:0;margin:0;max-width:none;
 grid-template-areas:"header header header" "left office right" "footer footer footer";
 grid-template-columns:248px minmax(0,1fr) 318px;
 grid-template-rows:72px minmax(0,1fr) 66px;gap:12px;padding:12px;
 overflow:hidden;
}
.tea2-owner-v120-real .tea2-header.topbar{grid-area:header;min-width:0;position:relative;inset:auto;width:auto;overflow:hidden;gap:8px}
.tea2-owner-v120-real #leftRail.side-rail.left{grid-area:left;position:relative;inset:auto;width:auto;min-width:0;min-height:0;display:flex;flex-direction:column;padding:10px;overflow:hidden}
.tea2-owner-v120-real #rightRail.side-rail.right{grid-area:right;position:relative;inset:auto;width:auto;min-width:0;min-height:0;display:flex;flex-direction:column;padding:10px;overflow:hidden}
.tea2-owner-v120-real .side-rail .rail-body{display:block;flex:1;overflow:auto;min-width:0;min-height:0;max-height:none}
.tea2-owner-v120-real #mainScreen.main-screen.workspace{grid-area:office;position:relative;inset:auto;width:auto;min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:50px minmax(0,1fr);padding:10px;overflow:hidden}
.tea2-owner-v120-real .workspace-stage.wsbody{min-width:0;min-height:0;max-height:100%;width:100%;height:100%;position:relative;overflow:auto;padding:2px 4px 10px}
.tea2-owner-v120-real .workspace-stage .workspace-view{max-width:100%;min-width:0;height:100%;overflow:auto}
.tea2-owner-v120-real .wshead{display:flex;align-items:center;min-width:0;padding:2px 9px 6px;border-bottom:1px solid rgba(60,110,140,.10)}
.tea2-owner-v120-real .wstitle strong{font-size:19px;line-height:1.1;color:#173a53}
.tea2-owner-v120-real .wstitle small{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60vw}
.tea2-owner-v120-real .tea2-footer.dock{grid-area:footer;position:relative;inset:auto;width:auto;min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:1fr;align-items:center;overflow:hidden}
.tea2-owner-v120-real .footer-left.dockleft,.tea2-owner-v120-real .footer-right.dockright{min-width:0;overflow:hidden}
.tea2-owner-v120-real #taskbar.apps{min-width:0;max-width:100%;overflow:auto;white-space:nowrap}
.tea2-owner-v120-real .myoffice-brand.brand{min-width:180px;max-width:245px;flex-shrink:0}
.tea2-owner-v120-real .myoffice-brand .myoffice-name{font-size:19px}
.tea2-owner-v120-real .date-clock{flex-shrink:0}
.tea2-owner-v120-real .focus-timer{flex-shrink:0}
.tea2-owner-v120-real .workspace-tabs{flex:1;min-width:85px;max-width:none;overflow-x:auto}
.tea2-owner-v120-real .tea2-header a{color:#174d72!important;border-color:rgba(255,255,255,.76)!important;background:rgba(255,255,255,.43)!important}
.tea2-owner-v120-real .rail-toggle{flex:0 0 auto}
.tea2-owner-v120-real .side-rail button{color:#194761}
.tea2-owner-v120-real .main-screen .area-hub-view{height:100%;overflow:auto}
@media(max-width:1280px){
.tea2-shell.shell.tea2-owner-v120-real{grid-template-columns:220px minmax(0,1fr) 255px;gap:8px;padding:8px}
.tea2-owner-v120-real .myoffice-brand.brand{min-width:145px}
.tea2-owner-v120-real .focus-timer{display:none}
}
@media(max-width:940px){
.tea2-shell.shell.tea2-owner-v120-real{grid-template-columns:65px minmax(0,1fr);grid-template-areas:"header header" "left office" "footer footer";grid-template-rows:65px minmax(0,1fr) 62px}
.tea2-owner-v120-real #rightRail.side-rail.right{display:none}
.tea2-owner-v120-real #leftRail.side-rail.left{width:65px}
.tea2-owner-v120-real .myoffice-brand.brand{min-width:132px}
}



/* F001-R5: same original controls and same original icon appearance; shell layout only. */
body.tea2-workspace-r3 .tea2-header.topbar,
body.tea2-workspace-r3 .tea2-footer.dock{display:none!important}
body.tea2-workspace-r3 .tea2-shell.shell.tea2-owner-v120-real{
 grid-template-areas:"left office right"!important;
 grid-template-rows:minmax(0,1fr)!important;height:100dvh!important;
 width:100%!important;overflow:hidden!important;
}
body.tea2-workspace-r3 #leftRail.side-rail,
body.tea2-workspace-r3 #rightRail.side-rail{
 display:flex!important;flex-direction:column!important;
 position:relative!important;inset:auto!important;box-sizing:border-box!important;
 width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;
 margin:0!important;overflow:hidden!important;padding:6px!important;
}
body.tea2-workspace-r3 #leftRail .rail-body,
body.tea2-workspace-r3 #rightRail .rail-body{
 display:block!important;flex:1 1 auto!important;order:2!important;min-height:0!important;
 width:100%!important;margin:0!important;padding:0!important;overflow:auto!important;
}
body.tea2-workspace-r3 #leftRail:not(.expanded) .rail-body,
body.tea2-workspace-r3 #rightRail:not(.expanded) .rail-body{display:none!important}
body.tea2-workspace-r3 #leftRail .rail-toggle,
body.tea2-workspace-r3 #rightRail .rail-toggle{
 position:absolute!important;z-index:20!important;top:7px!important;
 width:32px!important;height:32px!important;min-height:32px!important;
 margin:0!important;display:grid!important;place-items:center!important;
}
body.tea2-workspace-r3 #leftRail .rail-toggle{left:2px!important;right:auto!important}
body.tea2-workspace-r3 #rightRail .rail-toggle{right:2px!important;left:auto!important}
body.tea2-workspace-r3 #tea2LeftBrand{
 order:1!important;flex:0 0 57px!important;width:100%!important;min-width:0!important;
 height:57px!important;min-height:57px!important;max-height:57px!important;
 padding:0 0 0 36px!important;margin:0!important;display:flex!important;
 align-items:center!important;justify-content:flex-start!important;
 background:transparent!important;border:0!important;box-shadow:none!important;
 backdrop-filter:none!important;overflow:hidden!important;
}
body.tea2-workspace-r3 #tea2LeftBrand .myoffice-brand.brand{
 display:flex!important;align-items:center!important;gap:5px!important;
 height:auto!important;width:100%!important;min-width:0!important;max-width:100%!important;
 padding:0!important;margin:0!important;overflow:visible!important;
 background:transparent!important;border:0!important;box-shadow:none!important;
 backdrop-filter:none!important;
}
body.tea2-workspace-r3 #tea2LeftBrand .myoffice-brand.brand>img{
 display:block!important;flex:0 0 43px!important;width:43px!important;height:43px!important;
 object-fit:contain!important;
}
body.tea2-workspace-r3 #tea2LeftBrand .myoffice-brand>div{
 display:block!important;min-width:0!important;overflow:visible!important;
 border-left:1px solid rgba(80,126,155,.16)!important;padding-left:6px!important;
}
body.tea2-workspace-r3 #tea2LeftBrand .myoffice-name{
 font-size:16px!important;line-height:1.07!important;white-space:nowrap!important;
}
body.tea2-workspace-r3 #tea2LeftBrand .myoffice-sub{
 font-size:7px!important;line-height:1.1!important;white-space:nowrap!important;
}
body.tea2-workspace-r3 #leftRail:not(.expanded) #tea2LeftBrand{
 padding:0!important;justify-content:center!important;flex-basis:54px!important;
}
body.tea2-workspace-r3 #leftRail:not(.expanded) #tea2LeftBrand .myoffice-brand.brand{
 justify-content:center!important;
}
body.tea2-workspace-r3 #leftRail:not(.expanded) #tea2LeftBrand .myoffice-brand>div{display:none!important}
body.tea2-workspace-r3 #leftRail:not(.expanded) #tea2LeftBrand .myoffice-brand>img{
 width:31px!important;height:31px!important;flex-basis:31px!important;
}
body.tea2-workspace-r3 #leftRail:not(.expanded) .rail-toggle{top:58px!important;left:2px!important}
body.tea2-workspace-r3 #rightRail:not(.expanded) .rail-toggle{top:7px!important;right:2px!important}
body.tea2-workspace-r3 #rightRail .tea2-side-ui-right{
 display:flex!important;flex-direction:column!important;gap:7px!important;
 position:static!important;width:100%!important;min-width:0!important;
 padding:0!important;margin:0!important;background:transparent!important;
 border:0!important;box-shadow:none!important;backdrop-filter:none!important;
 overflow:visible!important;
}
body.tea2-workspace-r3 #rightRail .tea2-side-ui-right:after,
body.tea2-workspace-r3 #rightRail .tea2-side-ui-right:before{
 display:none!important;content:none!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightTools{padding-top:37px!important}
body.tea2-workspace-r3 #rightRail :is(#tea2RightNativeEnv,#tea2RightNativeTop,
 #tea2RightNativeDock,#tea2RightNativeStatus,#tea2RightNativeExtra){
 display:flex!important;flex-wrap:wrap!important;gap:5px!important;
 align-items:center!important;justify-content:flex-start!important;
 position:static!important;min-width:0!important;max-width:100%!important;
 width:100%!important;margin:0!important;padding:0!important;
 background:transparent!important;border:0!important;box-shadow:none!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightNativeTop .mo-commandbar{
 display:flex!important;flex-wrap:wrap!important;gap:5px!important;
 position:static!important;transform:none!important;width:100%!important;
 min-width:0!important;max-width:100%!important;overflow:visible!important;
 padding:0!important;margin:0!important;
}
body.tea2-workspace-r3 #rightRail #moCommandbar > *{
 flex:0 1 auto!important;max-width:100%!important;min-width:0!important;
 margin:0!important;
}
body.tea2-workspace-r3 #rightRail #moGlobalSearch{flex:1 1 190px!important}
body.tea2-workspace-r3 #rightRail #moGlobalDept{flex:1 1 100%!important}
body.tea2-workspace-r3 #rightRail #tea2RightNativeTop > :is(button,a){
 max-width:100%!important;min-width:0!important;margin:0!important;
}
body.tea2-workspace-r3 #rightRail #taskbar.apps{
 display:flex!important;flex-wrap:wrap!important;gap:5px!important;
 align-items:center!important;justify-content:flex-start!important;
 position:static!important;transform:none!important;inset:auto!important;
 width:100%!important;max-width:100%!important;height:auto!important;
 min-width:0!important;padding:0!important;margin:0!important;overflow:visible!important;
}
body.tea2-workspace-r3 #rightRail #taskbar .taskbar-item{
 flex:0 0 auto!important;max-width:none!important;width:auto!important;
 min-width:0!important;margin:0!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightNativeStatus > *,
body.tea2-workspace-r3 #rightRail #tea2RightNativeExtra > *{
 flex:0 0 auto!important;max-width:100%!important;
 position:relative!important;inset:auto!important;transform:none!important;
 margin:0!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightNativeStatus .footer-mini,
body.tea2-workspace-r3 #rightRail #tea2RightNativeStatus .status-pill{
 display:grid!important;min-width:0!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightNativeEnv #tea2EnvironmentBadge{
 position:relative!important;inset:auto!important;top:auto!important;left:auto!important;
 right:auto!important;bottom:auto!important;transform:none!important;
 width:auto!important;max-width:100%!important;margin:0!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightNativeExtra :is(#tea2SoundToggle,#tea2OnlineIndicator){
 width:auto!important;height:38px!important;min-width:38px!important;max-height:38px!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightNativeExtra :is(#saasHeaderButton,#jamesStatus,#processBtn){
 width:auto!important;height:auto!important;max-width:100%!important;
}
body.tea2-workspace-r3 #mainScreen.main-screen.workspace{
 grid-area:office!important;position:relative!important;inset:auto!important;
 display:grid!important;grid-template-rows:minmax(0,1fr)!important;
 width:100%!important;height:100%!important;min-width:0!important;
 max-width:none!important;margin:0!important;padding:5px!important;overflow:hidden!important;
}
body.tea2-workspace-r3 .workspace-stage.wsbody{
 min-width:0!important;min-height:0!important;width:100%!important;
 height:100%!important;max-height:100%!important;overflow:auto!important;padding:2px!important;
}
body.tea2-workspace-r3 #workspaceTabs,
body.tea2-workspace-r3 .workspace-tabs{display:none!important}
body.tea2-workspace-r3 #legacyToolView .legacy-tool-head,
body.tea2-workspace-r3 .workspace-view [data-close-view],
body.tea2-workspace-r3 .workspace-view [data-hub-close],
body.tea2-workspace-r3 #legacyToolClose,
body.tea2-workspace-r3 #legacyToolReload{display:none!important}
body.tea2-workspace-r3 #legacyToolView .legacy-tool-shell{height:100%!important;min-height:0!important}
body.tea2-workspace-r3 #legacyToolFrame{width:100%!important;height:100%!important}
@media(max-width:940px){
 body.tea2-workspace-r3 .tea2-shell.shell.tea2-owner-v120-real{
  grid-template-areas:"left office right"!important;grid-template-rows:minmax(0,1fr)!important;
 }
}


/* F001-R6: low centered wordmark in the ORIGINAL MyOffice header, never a side-menu logo. */
body.tea2-workspace-r3 .tea2-shell.shell.tea2-owner-v120-real{
 grid-template-areas:"header header header" "left office right"!important;
 grid-template-rows:46px minmax(0,1fr)!important;
}
body.tea2-workspace-r3 .tea2-shell.shell.tea2-owner-v120-real .tea2-header.topbar{
 grid-area:header!important;position:relative!important;inset:auto!important;
 display:flex!important;justify-content:center!important;align-items:center!important;
 height:46px!important;min-height:46px!important;max-height:46px!important;
 width:100%!important;min-width:0!important;max-width:none!important;
 box-sizing:border-box!important;overflow:visible!important;
 padding:1px 8px!important;margin:0!important;
 background:transparent!important;border:0!important;box-shadow:none!important;
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
body.tea2-workspace-r3 .tea2-header.topbar > :not(#tea2HeaderBrand){display:none!important}
body.tea2-workspace-r3 #tea2HeaderBrand{
 position:relative!important;inset:auto!important;display:flex!important;
 justify-content:center!important;align-items:center!important;
 margin:0 auto!important;padding:0!important;
 width:max-content!important;max-width:100%!important;
 height:44px!important;min-height:0!important;
 background:transparent!important;border:0!important;box-shadow:none!important;
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
 overflow:visible!important;
}
body.tea2-workspace-r3 #tea2HeaderBrand .myoffice-brand.brand{
 display:flex!important;align-items:center!important;justify-content:center!important;
 flex:0 1 auto!important;min-width:0!important;width:auto!important;max-width:100%!important;
 height:43px!important;min-height:0!important;padding:0!important;margin:0!important;
 background:transparent!important;border:0!important;box-shadow:none!important;
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
 overflow:visible!important;
}
body.tea2-workspace-r3 #tea2HeaderBrand .myoffice-brand.brand > img{
 display:block!important;width:40px!important;height:40px!important;flex:0 0 40px!important;
 object-fit:contain!important;
}
body.tea2-workspace-r3 #tea2HeaderBrand .myoffice-brand.brand > div{
 display:block!important;min-width:0!important;
}
body.tea2-workspace-r3 #tea2HeaderBrand .myoffice-name{
 font-size:19px!important;line-height:1.08!important;white-space:nowrap!important;
}
body.tea2-workspace-r3 #tea2HeaderBrand .myoffice-sub{
 font-size:8px!important;line-height:1.1!important;white-space:nowrap!important;
}
/* The old sidebar header slot must not reserve blank space or create a phantom glass row. */
body.tea2-workspace-r3 #tea2LeftBrand{display:none!important}
body.tea2-workspace-r3 #leftRail .rail-body{order:2!important;flex:1 1 auto!important}
body.tea2-workspace-r3 #leftRail .rail-toggle{top:7px!important}
body.tea2-workspace-r3 #leftRail:not(.expanded) .rail-toggle{top:7px!important}
body.tea2-workspace-r3 #rightRail #dateClock,
body.tea2-workspace-r3 #rightRail #focusHeader{
 position:relative!important;inset:auto!important;transform:none!important;
 width:auto!important;max-width:100%!important;margin:0!important;
}
@media(max-width:940px){
 body.tea2-workspace-r3 .tea2-shell.shell.tea2-owner-v120-real{
  grid-template-areas:"header header header" "left office right"!important;
  grid-template-rows:46px minmax(0,1fr)!important;
 }
}
@media(max-width:550px){
 body.tea2-workspace-r3 #tea2HeaderBrand .myoffice-name{font-size:16px!important}
 body.tea2-workspace-r3 #tea2HeaderBrand .myoffice-sub{font-size:7px!important}
}

/* F001-R7: use only the original date/calendar button at extreme LEFT in the low header. */
body.tea2-workspace-r3 .tea2-header.topbar > #tea2HeaderLeft{
 display:flex!important;position:absolute!important;
 left:4px!important;top:2px!important;
 width:auto!important;max-width:calc(50% - 140px)!important;
 height:42px!important;align-items:center!important;justify-content:flex-start!important;
 margin:0!important;padding:0!important;
 border:0!important;background:transparent!important;box-shadow:none!important;
 backdrop-filter:none!important;
}
body.tea2-workspace-r3 #tea2HeaderLeft #dateClock.date-clock{
 display:flex!important;position:relative!important;inset:auto!important;
 transform:none!important;height:38px!important;min-height:38px!important;
 margin:0!important;padding:5px 9px!important;
 max-width:100%!important;width:auto!important;
 overflow:hidden!important;white-space:nowrap!important;
}
/* The duplicate right-side process navigation must not be exposed anywhere. */
body.tea2-workspace-r3 #rightRail #processBtn{display:none!important}
body.tea2-workspace-r3 #tea2HeaderBrand{margin-left:auto!important;margin-right:auto!important}
@media(max-width:700px){
 body.tea2-workspace-r3 .tea2-header.topbar > #tea2HeaderLeft{max-width:calc(50% - 115px)!important}
 body.tea2-workspace-r3 #tea2HeaderLeft #dateClock.date-clock{padding:4px!important;font-size:10px!important}
}


/* F001-R8-COMPACT-HEADER-DATE: preserve native calendar/date functionality. */
body.tea2-workspace-r3 #tea2HeaderLeft{
 width:174px!important;max-width:174px!important;min-width:0!important;
}
body.tea2-workspace-r3 #tea2HeaderLeft #dateClock.date-clock{
 width:174px!important;max-width:174px!important;min-width:0!important;
 box-sizing:border-box!important;gap:5px!important;
 padding:3px 7px!important;justify-content:space-between!important;
}
body.tea2-workspace-r3 #tea2HeaderLeft #dateClock.date-clock .calendar-glyph{
 flex:0 0 17px!important;font-size:14px!important;
}
body.tea2-workspace-r3 #tea2HeaderLeft #dateClock.date-clock > span:nth-child(2){
 flex:1 1 auto!important;min-width:0!important;max-width:100%!important;
 display:block!important;overflow:hidden!important;
}
body.tea2-workspace-r3 #tea2HeaderLeft #liveDate{
 display:block!important;max-width:100%!important;overflow:hidden!important;
 text-overflow:ellipsis!important;white-space:nowrap!important;
 font-size:9px!important;line-height:1.1!important;
}
body.tea2-workspace-r3 #tea2HeaderLeft #liveTime{
 display:block!important;font-size:17px!important;line-height:1.15!important;
}
body.tea2-workspace-r3 #tea2HeaderLeft #dateClock.date-clock .chev{
 flex:0 0 10px!important;font-size:12px!important;
}
@media(max-width:550px){
 body.tea2-workspace-r3 #tea2HeaderLeft,
 body.tea2-workspace-r3 #tea2HeaderLeft #dateClock.date-clock{
  width:117px!important;max-width:117px!important;
 }
 body.tea2-workspace-r3 #tea2HeaderLeft #liveTime{font-size:15px!important}
 body.tea2-workspace-r3 #tea2HeaderLeft #dateClock.date-clock .calendar-glyph{display:none!important}
}

/* F001-R9: original James button + separate TEA2 backend under left menu, no footer. */
body.tea2-workspace-r3 #leftRail #tea2LeftJamesDock{
 order:3!important;flex:0 0 auto!important;
 display:flex!important;align-items:center!important;justify-content:stretch!important;
 width:100%!important;min-width:0!important;max-width:100%!important;
 margin:4px 0 0!important;padding:0!important;
 background:transparent!important;border:0!important;box-shadow:none!important;
 backdrop-filter:none!important;
}
body.tea2-workspace-r3 #leftRail #tea2LeftJamesDock #jamesStatus.james-pill{
 display:flex!important;align-items:center!important;justify-content:flex-start!important;
 position:relative!important;inset:auto!important;transform:none!important;
 width:100%!important;max-width:100%!important;min-width:0!important;
 min-height:51px!important;height:auto!important;max-height:64px!important;
 padding:5px 6px!important;margin:0!important;gap:5px!important;
 overflow:hidden!important;border-radius:13px!important;
}
body.tea2-workspace-r3 #leftRail #tea2LeftJamesDock #jamesStatus > .robot{
 flex:0 0 24px!important;min-width:24px!important;font-size:16px!important;
}
body.tea2-workspace-r3 #leftRail #tea2LeftJamesDock #jamesStatus > span:nth-child(2){
 flex:1 1 60px!important;min-width:0!important;max-width:78px!important;
 display:flex!important;flex-direction:column!important;gap:1px!important;
}
body.tea2-workspace-r3 #leftRail #tea2LeftJamesDock #jamesStatus b{
 font-size:11px!important;line-height:1.2!important;white-space:nowrap!important;
}
body.tea2-workspace-r3 #leftRail #tea2LeftJamesDock #jamesStatus small{
 display:block!important;font-size:9px!important;line-height:1.2!important;
 white-space:normal!important;overflow-wrap:anywhere!important;
}
body.tea2-workspace-r3 #leftRail #tea2LeftJamesDock #jamesStatus .james-work{
 flex:1 1 80px!important;min-width:0!important;width:auto!important;
 max-width:98px!important;margin:0!important;padding:0 0 0 6px!important;
 border-left:1px solid rgba(86,150,187,.3)!important;
 display:flex!important;flex-direction:column!important;gap:2px!important;
}
body.tea2-workspace-r3 #leftRail #tea2LeftJamesDock #jamesStatus .chev{
 display:none!important;
}
body.tea2-workspace-r3 #leftRail #tea2LeftJamesDock #jamesStatus .tea2-tray-status-icon,
body.tea2-workspace-r3 #leftRail #tea2LeftJamesDock #jamesStatus .tea2-tray-live-dot{
 display:none!important;
}
body.tea2-workspace-r3 #leftRail:not(.expanded) #tea2LeftJamesDock #jamesStatus{
 padding:2px!important;justify-content:center!important;min-height:33px!important;
 height:33px!important;border-radius:10px!important;
}
body.tea2-workspace-r3 #leftRail:not(.expanded) #tea2LeftJamesDock #jamesStatus > :not(.robot){
 display:none!important;
}
body.tea2-workspace-r3 #leftRail:not(.expanded) #tea2LeftJamesDock #jamesStatus > .robot{
 display:block!important;margin:0!important;flex:0 0 20px!important;
}
/* Existing sound toggle shares the same glass box with the native calendar button. */
body.tea2-workspace-r3 .tea2-header.topbar > #tea2HeaderLeft{
 display:flex!important;flex-wrap:nowrap!important;align-items:center!important;
 justify-content:flex-start!important;gap:0!important;
 width:210px!important;max-width:210px!important;min-width:0!important;
 height:38px!important;top:4px!important;
 border:1px solid rgba(255,255,255,.68)!important;border-radius:18px!important;
 background:rgba(215,245,255,.34)!important;box-shadow:0 2px 10px rgba(24,92,138,.09)!important;
 backdrop-filter:blur(20px) saturate(145%)!important;
 -webkit-backdrop-filter:blur(20px) saturate(145%)!important;
}
body.tea2-workspace-r3 #tea2HeaderLeft #dateClock.date-clock{
 width:174px!important;max-width:174px!important;min-width:0!important;
 height:36px!important;min-height:36px!important;flex:1 1 174px!important;
 padding:2px 6px!important;margin:0!important;border:0!important;
 background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;
 -webkit-backdrop-filter:none!important;border-radius:17px 0 0 17px!important;
}
body.tea2-workspace-r3 #tea2HeaderLeft #tea2SoundToggle.tea2-system-icon{
 display:grid!important;place-items:center!important;position:relative!important;
 inset:auto!important;transform:none!important;
 width:34px!important;min-width:34px!important;max-width:34px!important;
 height:32px!important;min-height:32px!important;
 flex:0 0 34px!important;margin:0!important;padding:3px!important;
 background:transparent!important;border:0!important;box-shadow:none!important;
 border-left:1px solid rgba(69,141,178,.25)!important;border-radius:0 16px 16px 0!important;
}
body.tea2-workspace-r3 #tea2HeaderLeft #tea2SoundToggle .tea2-system-tile{
 width:27px!important;height:27px!important;
}
/* Only the duplicated backend-opening controls become redundant once TEA2 live is shown. */
body.tea2-workspace-r3 #rightRail .footer-mini[data-status="backend"],
body.tea2-workspace-r3 #rightRail #tea2OnlineIndicator{
 display:none!important;
}
@media(max-width:700px){
 body.tea2-workspace-r3 .tea2-header.topbar > #tea2HeaderLeft{
  width:172px!important;max-width:172px!important;
 }
 body.tea2-workspace-r3 #tea2HeaderLeft #dateClock.date-clock{
  width:138px!important;max-width:138px!important;flex-basis:138px!important;
 }
}

/* F001-R9B-LEFT-RAIL-IN-FLOW: old absolute rail body stole the normal flex layout. */
body.tea2-workspace-r3 #leftRail.side-rail.left .rail-body#leftMenuHost{
 position:relative!important;inset:auto!important;top:auto!important;
 left:auto!important;right:auto!important;bottom:auto!important;
 margin:0!important;min-height:0!important;max-height:none!important;
 flex:1 1 auto!important;order:2!important;width:100%!important;
 overflow-y:auto!important;overflow-x:hidden!important;
}
body.tea2-workspace-r3 #leftRail.side-rail.left #tea2LeftJamesDock{
 position:relative!important;inset:auto!important;top:auto!important;
 margin:auto 0 0!important;order:3!important;flex:0 0 auto!important;
 align-self:stretch!important;z-index:2!important;
}
body.tea2-workspace-r3 #leftRail.side-rail.left:not(.expanded) .rail-body#leftMenuHost{
 display:none!important;
}


/* F001-R10B-JAMES-COMPACT-PROPORTIONS
   The original tray prepends its status icon; target original robot + actual James label. */
body.tea2-workspace-r3 #leftRail #tea2LeftJamesDock #jamesStatus.james-pill > .robot{
 display:block!important;flex:0 0 19px!important;
 width:19px!important;min-width:19px!important;max-width:19px!important;
 margin:0!important;padding:0!important;font-size:15px!important;
}
body.tea2-workspace-r3 #leftRail #tea2LeftJamesDock #jamesStatus.james-pill > .robot + span{
 display:flex!important;flex:1 1 64px!important;flex-direction:column!important;
 width:auto!important;min-width:0!important;max-width:80px!important;gap:1px!important;
}
body.tea2-workspace-r3 #leftRail #tea2LeftJamesDock #jamesStatus.james-pill .james-work{
 flex:1 1 90px!important;max-width:none!important;min-width:0!important;
}
body.tea2-workspace-r3 #leftRail:not(.expanded) #tea2LeftJamesDock #jamesStatus.james-pill > .robot + span,
body.tea2-workspace-r3 #leftRail:not(.expanded) #tea2LeftJamesDock #jamesStatus.james-pill .james-work{
 display:none!important;
}
body.tea2-workspace-r3 #leftRail:not(.expanded) #tea2LeftJamesDock #jamesStatus.james-pill > .robot{
 width:20px!important;min-width:20px!important;max-width:20px!important;
}


/* F001-R11-EMERGENCY-MAIN-RESTORE
   Previous CSS made the obsolete workarea header consume 830px, leaving only 4px of page content.
   Keep the owner's approved top-level header, sidebars, and content navigation. */
body.tea2-workspace-r3 #mainScreen.main-screen.workspace{
 display:grid!important;
 grid-template-rows:minmax(0,1fr)!important;
 align-items:stretch!important;
 overflow:hidden!important;
}
body.tea2-workspace-r3 #mainScreen #tea2OwnerWorkareaHeader.wshead{
 display:none!important;
 visibility:hidden!important;
 height:0!important;max-height:0!important;min-height:0!important;
 padding:0!important;margin:0!important;
}
body.tea2-workspace-r3 #mainScreen #workspaceStage.workspace-stage.wsbody{
 position:relative!important;
 grid-row:1!important;
 display:block!important;
 height:100%!important;max-height:100%!important;min-height:0!important;
 width:100%!important;
 overflow:auto!important;
}
body.tea2-workspace-r3 #mainScreen #workspaceStage .workspace-view.active{
 height:100%!important;max-height:100%!important;min-height:0!important;
}

/* F001-R12-HEADER-RIGHT-NATIVE-TASKBAR
   Move original taskbar icons with their original styles and live badge counters to the top right. */
body.tea2-workspace-r3 .tea2-header.topbar > #tea2HeaderRight{
 display:flex!important;
 position:absolute!important;right:5px!important;left:auto!important;top:2px!important;
 height:42px!important;min-height:42px!important;max-height:42px!important;
 max-width:calc(50% - 135px)!important;
 align-items:center!important;justify-content:flex-end!important;
 overflow:visible!important;margin:0!important;padding:0!important;
 background:transparent!important;border:0!important;box-shadow:none!important;
 backdrop-filter:none!important;
}
body.tea2-workspace-r3 #tea2HeaderRight #tea2UnifiedTaskbar{
 display:flex!important;position:relative!important;inset:auto!important;transform:none!important;
 flex:0 0 auto!important;align-items:center!important;justify-content:flex-end!important;
 width:max-content!important;min-width:0!important;max-width:100%!important;
 height:42px!important;min-height:42px!important;
 padding:3px 5px!important;margin:0!important;overflow:visible!important;
}
body.tea2-workspace-r3 #tea2HeaderRight #workspaceTabs,
body.tea2-workspace-r3 #tea2HeaderRight #tea2TaskbarTray{
 display:none!important;
}
body.tea2-workspace-r3 #tea2HeaderRight #taskbar.apps{
 display:flex!important;position:relative!important;inset:auto!important;transform:none!important;
 flex:0 1 auto!important;align-items:center!important;justify-content:flex-end!important;
 flex-wrap:nowrap!important;gap:4px!important;
 width:max-content!important;min-width:0!important;max-width:100%!important;
 height:36px!important;min-height:36px!important;
 margin:0!important;padding:0!important;overflow:visible!important;
}
body.tea2-workspace-r3 #tea2HeaderRight #taskbar .taskbar-item{
 display:grid!important;flex:0 0 32px!important;width:32px!important;min-width:32px!important;
 height:36px!important;min-height:36px!important;margin:0!important;
 position:relative!important;transform:none!important;
}
/* The command controls in the right rail had 54px of allocated height although
   their actual flex-wrap content was >200px. Give them their natural height. */
body.tea2-workspace-r3 #rightRail #tea2RightNativeTop{
 display:flex!important;flex:0 0 auto!important;flex-direction:column!important;
 flex-wrap:nowrap!important;align-items:stretch!important;justify-content:flex-start!important;
 height:auto!important;min-height:0!important;max-height:none!important;
 overflow:visible!important;gap:6px!important;
}
body.tea2-workspace-r3 #rightRail #moCommandbar{
 display:flex!important;flex:0 0 auto!important;
 flex-wrap:wrap!important;align-items:flex-start!important;align-content:flex-start!important;
 justify-content:flex-start!important;
 height:auto!important;min-height:0!important;max-height:none!important;
 width:100%!important;min-width:0!important;max-width:100%!important;
 position:relative!important;inset:auto!important;transform:none!important;
 padding:0!important;margin:0!important;overflow:visible!important;
 gap:5px!important;
}
body.tea2-workspace-r3 #rightRail #moCommandbar > *{
 position:relative!important;inset:auto!important;transform:none!important;
 min-height:34px!important;margin:0!important;
 max-width:100%!important;box-sizing:border-box!important;
}
body.tea2-workspace-r3 #rightRail #moGlobalDept{
 flex:1 1 100%!important;width:100%!important;max-width:100%!important;
}
body.tea2-workspace-r3 #rightRail #moGlobalSearch{
 flex:1 1 155px!important;min-width:100px!important;max-width:100%!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightNativeStatus,
body.tea2-workspace-r3 #rightRail #tea2RightNativeExtra{
 display:flex!important;flex:0 0 auto!important;flex-wrap:wrap!important;
 align-content:flex-start!important;align-items:flex-start!important;
 height:auto!important;max-height:none!important;
 position:relative!important;clear:both!important;
 overflow:visible!important;gap:5px!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightTools{
 height:auto!important;min-height:100%!important;max-height:none!important;
 display:flex!important;flex-direction:column!important;
 align-items:stretch!important;justify-content:flex-start!important;
 overflow:visible!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightNativeDock{display:none!important}
body.tea2-workspace-r3 #rightRail .rail-body{
 position:relative!important;inset:auto!important;
 flex:1 1 auto!important;min-height:0!important;
 height:auto!important;max-height:100%!important;
 width:100%!important;overflow-x:hidden!important;overflow-y:auto!important;
}
/* Avoid header/branding collisions at narrow widths: preserve all icons via horizontal scroll. */
@media(max-width:820px){
 body.tea2-workspace-r3 #tea2HeaderRight{
  max-width:calc(50% - 100px)!important;overflow:hidden!important;
 }
 body.tea2-workspace-r3 #tea2HeaderRight #tea2UnifiedTaskbar{
  overflow-x:auto!important;overflow-y:hidden!important;
  width:100%!important;justify-content:flex-start!important;
 }
 body.tea2-workspace-r3 #tea2HeaderRight #taskbar.apps{
  flex:0 0 max-content!important;min-width:max-content!important;
 }
}

/* F001-R13: original relocated status styles */
body.tea2-workspace-r3 #rightRail #tea2RightNativeStatus .tea2-tray-status{position:relative!important;width:42px!important;height:42px!important;min-width:42px!important;flex:0 0 42px!important;padding:0!important;margin:0!important;border:0!important;border-radius:12px!important;background:transparent!important;box-shadow:none!important;display:grid!important;place-items:center!important;cursor:pointer!important;overflow:visible!important}
body.tea2-workspace-r3 #rightRail #tea2RightNativeStatus .tea2-tray-status>:not(.tea2-tray-status-icon):not(.tea2-tray-live-dot){display:none!important}
body.tea2-workspace-r3 #rightRail #tea2RightNativeStatus .tea2-tray-status-icon{position:relative;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#f7fcff;background:linear-gradient(145deg,rgba(24,151,230,.98),rgba(3,52,119,.98));border:1px solid rgba(151,232,255,.78);box-shadow:inset 0 1px 0 rgba(255,255,255,.32),inset 0 -7px 13px rgba(0,19,64,.30),0 0 14px rgba(45,182,255,.28);overflow:hidden}
body.tea2-workspace-r3 #rightRail #tea2RightNativeStatus .tea2-tray-status-icon:before{content:"";position:absolute;left:2px;right:2px;top:2px;height:42%;border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.25),rgba(255,255,255,0));pointer-events:none}
body.tea2-workspace-r3 #rightRail #tea2RightNativeStatus .tea2-tray-status-icon svg{position:relative;z-index:2;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgba(131,230,255,.42))}
body.tea2-workspace-r3 #rightRail #tea2RightNativeStatus .tea2-tray-status-icon img{position:relative;z-index:2;width:36px;height:36px;object-fit:contain;display:block}
body.tea2-workspace-r3 #rightRail #tea2RightNativeStatus .tea2-tray-live-dot{position:absolute;right:2px;bottom:2px;width:7px;height:7px;border-radius:50%;background:#718399;border:1px solid rgba(255,255,255,.65);box-shadow:0 0 5px rgba(113,131,153,.6);z-index:5}
body.tea2-workspace-r3 #rightRail #tea2RightNativeStatus .tea2-tray-live-dot.online,body.tea2-workspace-r3 #rightRail #tea2RightNativeStatus .tea2-tray-live-dot.ok{background:#16e88a;box-shadow:0 0 7px rgba(22,232,138,.8)}
body.tea2-workspace-r3 #rightRail #tea2RightNativeStatus .tea2-tray-live-dot.pending{background:#ffb62e;box-shadow:0 0 7px rgba(255,182,46,.72)}
body.tea2-workspace-r3 #rightRail #tea2RightNativeStatus .tea2-tray-live-dot.offline,body.tea2-workspace-r3 #rightRail #tea2RightNativeStatus .tea2-tray-live-dot.failed{background:#ff425d;box-shadow:0 0 7px rgba(255,66,93,.78)}
body.tea2-workspace-r3 #rightRail #tea2RightNativeStatus .tea2-tray-status:after{content:attr(data-tray-info);position:absolute;left:50%;bottom:49px;transform:translateX(-50%) translateY(3px);min-width:max-content;max-width:320px;padding:7px 9px;border:1px solid rgba(91,221,255,.42);border-radius:9px;background:rgba(2,20,47,.96);color:#eefbff;font-size:10px;line-height:1.25;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .14s ease,transform .14s ease;box-shadow:0 10px 24px rgba(0,8,25,.38),0 0 14px rgba(47,182,255,.14);z-index:100}
body.tea2-workspace-r3 #rightRail #tea2RightNativeStatus .tea2-tray-status:hover:after,body.tea2-workspace-r3 #rightRail #tea2RightNativeStatus .tea2-tray-status:focus-visible:after{opacity:1;transform:translateX(-50%) translateY(0)}
body.tea2-workspace-r3 #rightRail #tea2RightNativeStatus .tea2-tray-status:hover,body.tea2-workspace-r3 #rightRail #tea2RightNativeStatus .tea2-tray-status:focus-visible{background:rgba(83,220,255,.10)!important;box-shadow:inset 0 0 0 1px rgba(106,225,255,.22),0 0 16px rgba(46,180,255,.14)!important;outline:none!important}

/* F001-R13-NATIVE-COMPACT-STATUS
   Original SVG, live-status LED and tooltip styles reused from ui-tray-status-v093.css. */
body.tea2-workspace-r3 #rightRail #tea2RightNativeStatus{
 display:flex!important;
 flex:0 0 auto!important;flex-wrap:wrap!important;
 align-items:center!important;justify-content:flex-start!important;align-content:flex-start!important;
 gap:5px!important;width:100%!important;min-height:0!important;max-height:none!important;
 height:auto!important;padding:3px 0!important;margin:0!important;
 position:relative!important;overflow:visible!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightNativeStatus > button.tea2-tray-status{
 position:relative!important;
 display:grid!important;place-items:center!important;
 flex:0 0 36px!important;min-width:36px!important;max-width:36px!important;
 width:36px!important;height:36px!important;min-height:36px!important;max-height:36px!important;
 margin:0!important;padding:0!important;
 border:0!important;border-radius:10px!important;
 background:transparent!important;box-shadow:none!important;overflow:visible!important;
 opacity:1!important;visibility:visible!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightNativeStatus > button.tea2-tray-status > :not(.tea2-tray-status-icon):not(.tea2-tray-live-dot){
 display:none!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightNativeStatus > button.tea2-tray-status > .tea2-tray-status-icon{
 position:relative!important;display:grid!important;place-items:center!important;
 flex:0 0 31px!important;
 width:31px!important;height:31px!important;min-width:31px!important;max-width:31px!important;
 border-radius:9px!important;overflow:hidden!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightNativeStatus > button.tea2-tray-status > .tea2-tray-status-icon svg{
 width:19px!important;height:19px!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightNativeStatus > button.tea2-tray-status > .tea2-tray-status-icon img{
 width:30px!important;height:30px!important;max-width:30px!important;object-fit:contain!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightNativeStatus > button.tea2-tray-status > .tea2-tray-live-dot{
 display:block!important;position:absolute!important;
 width:7px!important;height:7px!important;min-width:7px!important;
 right:0!important;bottom:0!important;
 border-radius:50%!important;z-index:5!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightNativeStatus > button.tea2-tray-status:nth-child(n+5):after{
 left:auto!important;right:0!important;transform:translateY(3px)!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightNativeStatus > button.tea2-tray-status:nth-child(n+5):hover:after,
body.tea2-workspace-r3 #rightRail #tea2RightNativeStatus > button.tea2-tray-status:nth-child(n+5):focus-visible:after{
 transform:translateY(0)!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightNativeStatus > button.tea2-tray-status:first-child:after{
 left:0!important;transform:translateY(3px)!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightNativeStatus > button.tea2-tray-status:first-child:hover:after,
body.tea2-workspace-r3 #rightRail #tea2RightNativeStatus > button.tea2-tray-status:first-child:focus-visible:after{
 transform:translateY(0)!important;
}
/* Keep the original calendar/time and sound buttons together in the top-left header. */
body.tea2-workspace-r3 .tea2-header.topbar #tea2HeaderLeft{
 display:flex!important;visibility:visible!important;opacity:1!important;
 z-index:35!important;min-height:36px!important;
}
body.tea2-workspace-r3 #tea2HeaderLeft #dateClock.date-clock{
 display:flex!important;visibility:visible!important;opacity:1!important;
 position:relative!important;inset:auto!important;
 min-height:35px!important;flex:1 1 auto!important;
}
body.tea2-workspace-r3 #tea2HeaderLeft #liveDate,
body.tea2-workspace-r3 #tea2HeaderLeft #liveTime{
 visibility:visible!important;opacity:1!important;
}
body.tea2-workspace-r3 #tea2HeaderLeft #tea2SoundToggle{
 display:grid!important;visibility:visible!important;opacity:1!important;
}
/* Right sidebar should scroll its own content and not let status tiles overlap. */
body.tea2-workspace-r3 #rightRail .rail-body{
 overflow-y:auto!important;overflow-x:hidden!important;
}


/* F001-R14-NATIVE-RIGHT-BOTTOM-STATUS
   One single original status tray; docked beneath right menu, no footer. */
body.tea2-workspace-r3 #rightRail.side-rail{
 display:flex!important;flex-direction:column!important;
}
body.tea2-workspace-r3 #rightRail.side-rail > .rail-body#rightMenuHost{
 flex:1 1 auto!important;order:2!important;
 min-height:0!important;height:auto!important;max-height:none!important;
 overflow-x:hidden!important;overflow-y:auto!important;
}
body.tea2-workspace-r3 #rightRail.side-rail > #tea2RightNativeStatus{
 order:3!important;position:relative!important;
 display:flex!important;flex-direction:row!important;
 align-items:center!important;justify-content:flex-start!important;align-content:center!important;
 flex:0 0 auto!important;flex-wrap:wrap!important;gap:5px!important;
 height:auto!important;min-height:42px!important;max-height:none!important;
 width:100%!important;min-width:0!important;
 padding:4px 2px 2px!important;margin:auto 0 0!important;
 background:transparent!important;border:0!important;box-shadow:none!important;
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
 overflow:visible!important;z-index:25!important;
}
body.tea2-workspace-r3 #rightRail.side-rail > #tea2RightNativeStatus > button.tea2-tray-status{
 flex:0 0 36px!important;width:36px!important;min-width:36px!important;
 height:36px!important;min-height:36px!important;
 max-width:36px!important;max-height:36px!important;
 margin:0!important;
}
body.tea2-workspace-r3 #rightRail.side-rail:not(.expanded) > #tea2RightNativeStatus{
 display:none!important;
}
/* Place hover details ABOVE each icon to remain legible inside the right rail. */
body.tea2-workspace-r3 #rightRail.side-rail > #tea2RightNativeStatus > button.tea2-tray-status::after{
 bottom:43px!important;
 z-index:500!important;
 pointer-events:none!important;
}
body.tea2-workspace-r3 #rightRail.side-rail > #tea2RightNativeStatus > button.tea2-tray-status:hover::after,
body.tea2-workspace-r3 #rightRail.side-rail > #tea2RightNativeStatus > button.tea2-tray-status:focus-visible::after{
 opacity:1!important;
}


/* F001-R18-10-STATUS-ICONS ??? owner-approved two rows, five compact status icons per row.
   Existing seven status controls, canonical backend, existing James, existing Coolify. */
body.tea2-workspace-r3 #leftRail #tea2LeftJamesDock{display:none!important}
body.tea2-workspace-r3 #rightRail.side-rail.expanded > #tea2RightNativeStatus{
 display:grid!important;
 grid-template-columns:repeat(5,36px)!important;
 grid-template-rows:repeat(2,36px)!important;
 grid-auto-flow:row!important;grid-auto-rows:36px!important;
 align-items:center!important;justify-content:space-evenly!important;
 align-content:center!important;
 column-gap:4px!important;row-gap:6px!important;
 flex:0 0 auto!important;height:auto!important;min-height:88px!important;
 width:100%!important;min-width:0!important;max-width:100%!important;
 padding:5px 2px 4px!important;
 margin:auto 0 0!important;overflow:visible!important;
}
body.tea2-workspace-r3 #rightRail.side-rail.expanded > #tea2RightNativeStatus > button.tea2-tray-status{
 position:relative!important;display:grid!important;place-items:center!important;
 justify-self:center!important;align-self:center!important;
 width:36px!important;min-width:36px!important;max-width:36px!important;
 height:36px!important;min-height:36px!important;max-height:36px!important;
 padding:0!important;margin:0!important;
 flex:none!important;
 border:0!important;border-radius:10px!important;
 background:transparent!important;box-shadow:none!important;overflow:visible!important;
 cursor:pointer!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightNativeStatus > button.tea2-tray-status > :not(.tea2-tray-status-icon):not(.tea2-tray-live-dot){
 display:none!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightNativeStatus > button.tea2-tray-status > .tea2-tray-status-icon{
 position:relative!important;display:grid!important;place-items:center!important;
 width:31px!important;height:31px!important;
 color:#f7fcff!important;
 background:linear-gradient(145deg,rgba(24,151,230,.98),rgba(3,52,119,.98))!important;
 border:1px solid rgba(151,232,255,.78)!important;
 border-radius:9px!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.32),inset 0 -7px 13px rgba(0,19,64,.30),0 0 14px rgba(45,182,255,.28)!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightNativeStatus > button.tea2-tray-status > .tea2-tray-live-dot{
 display:block!important;position:absolute!important;z-index:5!important;
 width:7px!important;height:7px!important;
 right:0!important;bottom:0!important;border-radius:50%!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightNativeStatus > button.tea2-tray-status > .tea2-tray-live-dot.online,
body.tea2-workspace-r3 #rightRail #tea2RightNativeStatus > button.tea2-tray-status > .tea2-tray-live-dot.ok{
 background:#16e88a!important;box-shadow:0 0 7px rgba(22,232,138,.8)!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightNativeStatus > button.tea2-tray-status > .tea2-tray-live-dot.offline,
body.tea2-workspace-r3 #rightRail #tea2RightNativeStatus > button.tea2-tray-status > .tea2-tray-live-dot.failed{
 background:#ff425d!important;box-shadow:0 0 7px rgba(255,66,93,.78)!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightNativeStatus > button.tea2-tray-status > .tea2-tray-live-dot.pending{
 background:#ffb62e!important;box-shadow:0 0 7px rgba(255,182,46,.72)!important;
}
/* The Coolify icon is the existing source glyph relocated INSIDE the native icon well. */
body.tea2-workspace-r3 #rightRail #saasHeaderButton.tea2-tray-coolify .tea2-tray-status-icon > .saas-header-icon{
 position:relative!important;display:grid!important;place-items:center!important;
 width:28px!important;height:28px!important;min-width:0!important;
 margin:0!important;padding:0!important;font-size:20px!important;
 color:inherit!important;background:transparent!important;border:0!important;box-shadow:none!important;
}
/* Original tooltips for all 10 buttons: top aligned on hover, full title as accessible fallback. */
body.tea2-workspace-r3 #rightRail #tea2RightNativeStatus > button.tea2-tray-status::after{
 content:attr(data-tray-info)!important;
 position:absolute!important;left:auto!important;right:0!important;
 bottom:43px!important;
 transform:translateY(3px)!important;
 min-width:max-content!important;max-width:250px!important;
 padding:7px 9px!important;
 border-radius:9px!important;
 border:1px solid rgba(91,221,255,.42)!important;
 background:rgba(2,20,47,.96)!important;color:#eefbff!important;
 font-size:10px!important;line-height:1.25!important;white-space:nowrap!important;
 opacity:0!important;visibility:visible!important;
 pointer-events:none!important;z-index:100!important;
 box-shadow:0 10px 24px rgba(0,8,25,.38)!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightNativeStatus > button.tea2-tray-status:hover::after,
body.tea2-workspace-r3 #rightRail #tea2RightNativeStatus > button.tea2-tray-status:focus-visible::after{
 opacity:1!important;transform:translateY(0)!important;
}
body.tea2-workspace-r3 #rightRail #moGlobalLibrary,
body.tea2-workspace-r3 #rightRail #tea2-owner-all-software-btn,
body.tea2-workspace-r3 #rightRail #epttAdminShortcut,
body.tea2-workspace-r3 #rightRail #moCommandbar > [hidden]{
 display:none!important;visibility:hidden!important;
}


/* F001-R20: exactly the three owner-selected existing controls below H menu,
   above the existing 10 status buttons. No footer and no UI clones. */
body.tea2-workspace-r3 #rightRail.side-rail.expanded > #tea2RightUtilityRow{
 order:3!important;
 display:grid!important;
 grid-template-columns:repeat(3,minmax(0,1fr))!important;
 grid-template-rows:minmax(44px,auto)!important;
 flex:0 0 auto!important;
 align-items:stretch!important;justify-content:stretch!important;
 gap:4px!important;
 width:100%!important;max-width:100%!important;min-width:0!important;
 margin:4px 0 0!important;padding:0 1px!important;
 overflow:visible!important;position:relative!important;z-index:30!important;
 background:transparent!important;border:0!important;
 box-shadow:none!important;backdrop-filter:none!important;
 -webkit-backdrop-filter:none!important;
 box-sizing:border-box!important;
}
body.tea2-workspace-r3 #rightRail.side-rail > #tea2RightNativeStatus{
 order:4!important;
}
body.tea2-workspace-r3 #rightRail.side-rail:not(.expanded) > #tea2RightUtilityRow{
 display:none!important;
}
body.tea2-workspace-r3 #rightRail.side-rail #tea2RightUtilityRow > :is(
 #tea2EnvironmentBadge,#tea2-supermicro-wake-entry-r129,#tea2-recovery-link-r13){
 display:flex!important;
 box-sizing:border-box!important;
 position:relative!important;inset:auto!important;
 transform:none!important;float:none!important;
 width:100%!important;min-width:0!important;max-width:100%!important;
 height:auto!important;min-height:44px!important;max-height:none!important;
 margin:0!important;padding:4px 3px!important;
 flex:0 1 auto!important;
 white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;
 align-items:center!important;justify-content:center!important;
 text-align:center!important;line-height:1.15!important;
 font-size:10px!important;
 border-radius:11px!important;
 overflow:hidden!important;
}
body.tea2-workspace-r3 #rightRail.side-rail #tea2RightUtilityRow > #tea2EnvironmentBadge{
 display:grid!important;
 grid-template-columns:7px minmax(0,1fr)!important;
 grid-template-rows:auto auto!important;
 column-gap:3px!important;row-gap:0!important;
 align-content:center!important;justify-content:center!important;
 font-size:8px!important;line-height:1.12!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightUtilityRow > #tea2EnvironmentBadge .tea2-env-dot{
 grid-column:1!important;grid-row:1 / 3!important;
 align-self:center!important;justify-self:center!important;
 width:7px!important;height:7px!important;min-width:7px!important;
 margin:0!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightUtilityRow > #tea2EnvironmentBadge strong{
 grid-column:2!important;grid-row:1!important;
 font-size:8px!important;line-height:1.1!important;letter-spacing:0!important;
 text-align:left!important;max-width:100%!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightUtilityRow > #tea2EnvironmentBadge small{
 grid-column:2!important;grid-row:2!important;
 font-size:7px!important;line-height:1.1!important;
 text-align:left!important;min-width:0!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightUtilityRow > #tea2-supermicro-wake-entry-r129{
 font-size:9px!important;letter-spacing:0!important;
 gap:2px!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightUtilityRow > #tea2-recovery-link-r13{
 font-size:10px!important;
}


/* F001-R22-OWNER-APPROVED-THREE-BUTTON-STYLE
   Native TEA2 environment, Supermicro and Recovery controls visually match
   the existing ten blue status tiles without changing their behavior. */
body.tea2-workspace-r3 #rightRail.side-rail #tea2RightUtilityRow > :is(
 #tea2EnvironmentBadge,#tea2-supermicro-wake-entry-r129,#tea2-recovery-link-r13){
 color:#f7fcff!important;
 background:linear-gradient(145deg,rgba(24,151,230,.98),rgba(3,52,119,.98))!important;
 border:1px solid rgba(151,232,255,.8)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.32),
  inset 0 -7px 13px rgba(0,19,64,.30),
  0 0 14px rgba(45,182,255,.28)!important;
 border-radius:11px!important;
 text-shadow:0 1px 2px rgba(0,24,58,.5)!important;
 font-weight:750!important;
 opacity:1!important;
 text-decoration:none!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightUtilityRow > :is(
 #tea2EnvironmentBadge,#tea2-supermicro-wake-entry-r129,#tea2-recovery-link-r13):hover{
 filter:brightness(1.12)!important;
 border-color:#dbfaff!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightUtilityRow > :is(
 #tea2EnvironmentBadge,#tea2-supermicro-wake-entry-r129,#tea2-recovery-link-r13):focus-visible{
 outline:2px solid #0b7bc9!important;
 outline-offset:2px!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightUtilityRow > #tea2EnvironmentBadge{
 display:grid!important;align-content:center!important;
 grid-template-columns:8px minmax(0,1fr)!important;
 grid-template-rows:auto auto!important;
 text-shadow:none!important;gap:1px 3px!important;
 padding:4px 3px!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightUtilityRow > #tea2EnvironmentBadge strong{
 color:#fff!important;font-size:11px!important;line-height:1.15!important;
 letter-spacing:.02em!important;opacity:1!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightUtilityRow > #tea2EnvironmentBadge small{
 display:block!important;
 color:#e4f6ff!important;font-size:8px!important;line-height:1.2!important;
 letter-spacing:0!important;opacity:1!important;white-space:normal!important;
 overflow-wrap:normal!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightUtilityRow > #tea2EnvironmentBadge.sandbox{
 border-color:rgba(255,194,89,.98)!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightUtilityRow > #tea2-supermicro-wake-entry-r129{
 font-size:10px!important;line-height:1.16!important;white-space:normal!important;
 word-break:normal!important;overflow-wrap:normal!important;
 font-weight:750!important;letter-spacing:0!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightUtilityRow > #tea2-recovery-link-r13{
 font-size:11px!important;line-height:1.15!important;
 color:#f7fcff!important;
}


/* F001-R25-NO-GENVEJE-RIGHT
   Owner approved removing redundant Genveje from the RIGHT rail only.
   The original left navigation, global search, and underlying routing remain intact. */
body.tea2-workspace-r3 #rightRail #moGlobalNav{
 display:none!important;
 visibility:hidden!important;
}


/* F001-R26-HIDE-RIGHT-CONTEXT-ONLY
   User approved removing only the visible right-menu context selector.
   Keep the original select in DOM and preserve all department/context JS,
   localStorage and change events. Do not hide other menus or controls. */
body.tea2-workspace-r3 #rightRail #moCommandbar > #moGlobalDept{
 display:none!important;
 visibility:hidden!important;
}


/* F001-R27-SMALL-HOTKEY-UNDER-SEARCH
   Preserve native search icon, compact native button and keyboard shortcut. */
body.tea2-workspace-r3 #rightRail #moGlobalSearch.mo-command-search{
 display:grid!important;
 grid-template-columns:19px minmax(0,1fr)!important;
 grid-template-rows:17px 12px!important;
 align-content:center!important;
 justify-items:start!important;
 align-items:center!important;
 justify-content:start!important;
 column-gap:7px!important;
 row-gap:0!important;
 padding:3px 8px!important;
 min-height:42px!important;
 height:42px!important;
 box-sizing:border-box!important;
 white-space:normal!important;
}
body.tea2-workspace-r3 #rightRail #moGlobalSearch.mo-command-search::before{
 grid-column:1!important;
 grid-row:1 / 3!important;
 align-self:center!important;
 justify-self:center!important;
}
body.tea2-workspace-r3 #rightRail #moGlobalSearch.mo-command-search > span:not(.mo-command-kbd){
 display:block!important;
 grid-column:2!important;grid-row:1!important;
 align-self:end!important;
 width:auto!important;min-width:0!important;
 font-size:14px!important;font-weight:700!important;line-height:17px!important;
 white-space:nowrap!important;overflow:visible!important;
}
body.tea2-workspace-r3 #rightRail #moGlobalSearch.mo-command-search > .mo-command-kbd{
 display:block!important;
 grid-column:2!important;grid-row:2!important;
 align-self:start!important;
 margin:0!important;padding:0!important;
 border:0!important;border-radius:0!important;
 box-shadow:none!important;background:transparent!important;
 color:inherit!important;opacity:.76!important;
 font-size:9px!important;font-weight:500!important;line-height:12px!important;
 letter-spacing:0!important;text-transform:none!important;
 white-space:nowrap!important;
}


/* F001-R28: the owner-selected 3 ORIGINAL command controls in one blue glass row.
   This is a child of the right rail, NOT a footer. Control/James remain in scroll menu. */
body.tea2-workspace-r3 #rightRail.side-rail.expanded > #tea2RightActionRow{
 order:3!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 grid-template-rows:48px!important;gap:4px!important;
 align-items:stretch!important;justify-content:stretch!important;
 flex:0 0 auto!important;
 width:100%!important;min-width:0!important;max-width:100%!important;
 height:48px!important;min-height:48px!important;max-height:48px!important;
 margin:4px 0 0!important;padding:0 1px!important;
 box-sizing:border-box!important;
 overflow:visible!important;z-index:31!important;
 position:relative!important;inset:auto!important;
 background:transparent!important;border:0!important;box-shadow:none!important;
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
body.tea2-workspace-r3 #rightRail.side-rail > #tea2RightUtilityRow{order:4!important}
body.tea2-workspace-r3 #rightRail.side-rail > #tea2RightNativeStatus{order:5!important}
body.tea2-workspace-r3 #rightRail.side-rail:not(.expanded) > #tea2RightActionRow{
 display:none!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightActionRow > button{
 position:relative!important;inset:auto!important;transform:none!important;
 box-sizing:border-box!important;
 display:flex!important;flex-wrap:nowrap!important;flex:0 1 auto!important;
 align-items:center!important;justify-content:center!important;
 width:100%!important;max-width:100%!important;min-width:0!important;
 height:48px!important;min-height:48px!important;max-height:48px!important;
 padding:4px!important;margin:0!important;gap:3px!important;
 text-align:center!important;text-decoration:none!important;
 white-space:nowrap!important;overflow:hidden!important;
 color:#f7fcff!important;font-size:11px!important;font-weight:700!important;line-height:1.12!important;
 background:linear-gradient(145deg,rgba(24,151,230,.98),rgba(3,52,119,.98))!important;
 border:1px solid rgba(151,232,255,.80)!important;border-radius:11px!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.32),
  inset 0 -7px 13px rgba(0,19,64,.30),0 0 14px rgba(45,182,255,.28)!important;
 text-shadow:0 1px 2px rgba(0,24,58,.5)!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightActionRow > button:hover{
 filter:brightness(1.12)!important;border-color:#dbfaff!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightActionRow > button:focus-visible{
 outline:2px solid #0b7bc9!important;outline-offset:2px!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightActionRow > button.v160-iconized::before{
 display:block!important;flex:0 0 14px!important;
 width:14px!important;min-width:14px!important;height:14px!important;
 background:#f7fcff!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightActionRow #moGlobalSearch.mo-command-search{
 display:grid!important;
 grid-template-columns:14px minmax(0,1fr)!important;
 grid-template-rows:16px 12px!important;
 gap:0 4px!important;
 align-items:center!important;justify-items:start!important;align-content:center!important;
 padding:4px!important;height:48px!important;min-height:48px!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightActionRow #moGlobalSearch.mo-command-search::before{
 grid-column:1!important;grid-row:1 / 3!important;align-self:center!important;justify-self:center!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightActionRow #moGlobalSearch.mo-command-search > span:not(.mo-command-kbd){
 grid-column:2!important;grid-row:1!important;align-self:end!important;
 display:block!important;width:auto!important;min-width:0!important;
 color:#fff!important;font-size:12px!important;font-weight:750!important;line-height:16px!important;
 text-shadow:0 1px 2px rgba(0,24,58,.5)!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightActionRow #moGlobalSearch.mo-command-search > .mo-command-kbd{
 grid-column:2!important;grid-row:2!important;align-self:start!important;
 display:block!important;
 padding:0!important;margin:0!important;
 background:transparent!important;border:0!important;box-shadow:none!important;
 color:#e2f5ff!important;opacity:.95!important;
 font-size:8px!important;font-weight:500!important;line-height:12px!important;
 white-space:nowrap!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightActionRow #moGlobalCreate,
body.tea2-workspace-r3 #rightRail #tea2RightActionRow #moGlobalApprovals{
 font-size:11px!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightActionRow #moGlobalApprovals > #moApprovalCount{
 position:relative!important;display:inline-flex!important;
 align-items:center!important;justify-content:center!important;
 flex:0 0 auto!important;
 min-width:13px!important;width:auto!important;max-width:20px!important;
 margin:0!important;padding:1px 2px!important;font-size:9px!important;line-height:12px!important;
}
@media(max-width:940px){
 body.tea2-workspace-r3 #rightRail #tea2RightActionRow > button{
  padding:3px 2px!important;gap:2px!important;font-size:10px!important;
 }
 body.tea2-workspace-r3 #rightRail #tea2RightActionRow > button.v160-iconized::before{
  flex-basis:12px!important;width:12px!important;min-width:12px!important;height:12px!important;
 }
 body.tea2-workspace-r3 #rightRail #tea2RightActionRow #moGlobalSearch.mo-command-search{
  grid-template-columns:12px minmax(0,1fr)!important;gap:0 2px!important;padding:3px 2px!important;
 }
 body.tea2-workspace-r3 #rightRail #tea2RightActionRow #moGlobalCreate,
 body.tea2-workspace-r3 #rightRail #tea2RightActionRow #moGlobalApprovals{
  font-size:9px!important;gap:2px!important;
 }
 body.tea2-workspace-r3 #rightRail #tea2RightActionRow #moGlobalSearch.mo-command-search > span:not(.mo-command-kbd){
  font-size:11px!important;
 }
 body.tea2-workspace-r3 #rightRail #tea2RightActionRow #moGlobalApprovals > #moApprovalCount{
  min-width:10px!important;padding:0 1px!important;font-size:8px!important;
 }
}


/* F001-R28B-FORCE-HIDDEN-COMMAND-DOUBLETS
   Existing scripts can relocate disabled old shortcut/catalog buttons after
   Search. They must remain hidden as approved by the owner; three visible only. */
body.tea2-workspace-r3 #rightRail.side-rail > #tea2RightActionRow > button#moGlobalNav,
body.tea2-workspace-r3 #rightRail.side-rail > #tea2RightActionRow > button#moGlobalLibrary,
body.tea2-workspace-r3 #rightRail.side-rail > #tea2RightActionRow > button[hidden]{
 display:none!important;visibility:hidden!important;
}


/* F001-R29-ROW1-NOTIFICATIONS-ROW2-MEMORY
   Four controls per owner-approved row; the moved icons are originals, not copies. */
body.tea2-workspace-r3 #rightRail #tea2TrayToggle{
 display:none!important;visibility:hidden!important;
}
body.tea2-workspace-r3 #rightRail.side-rail.expanded > #tea2RightActionRow{
 display:grid!important;
 grid-template-columns:repeat(4,minmax(0,1fr))!important;
 grid-template-rows:52px!important;
 height:52px!important;min-height:52px!important;max-height:52px!important;
 gap:4px!important;
}
body.tea2-workspace-r3 #rightRail.side-rail.expanded > #tea2RightUtilityRow{
 display:grid!important;
 grid-template-columns:repeat(4,minmax(0,1fr))!important;
 grid-template-rows:52px!important;
 height:52px!important;min-height:52px!important;max-height:52px!important;
 gap:4px!important;box-sizing:border-box!important;
 padding:0 1px!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightActionRow > button:not([hidden]){
 min-width:0!important;max-width:100%!important;
 width:100%!important;height:52px!important;min-height:52px!important;max-height:52px!important;
 padding:3px 2px!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightActionRow > #moGlobalApprovals.v160-iconized::before{
 display:none!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightActionRow > #moGlobalApprovals{
 gap:2px!important;font-size:10px!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightActionRow > #moGlobalSearch.mo-command-search{
 height:52px!important;min-height:52px!important;max-height:52px!important;
 grid-template-columns:12px minmax(0,1fr)!important;
 grid-template-rows:16px 12px!important;gap:0 2px!important;
 padding:3px 2px!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightActionRow > #moGlobalSearch.mo-command-search > span:not(.mo-command-kbd){
 font-size:11px!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightActionRow > #moGlobalSearch.mo-command-search > .mo-command-kbd{
 font-size:8px!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightUtilityRow > :is(
 #tea2EnvironmentBadge,#tea2-supermicro-wake-entry-r129,#tea2-recovery-link-r13){
 width:100%!important;min-width:0!important;max-width:100%!important;
 height:52px!important;min-height:52px!important;max-height:52px!important;
 padding:3px 2px!important;
 font-size:9px!important;
 word-break:normal!important;overflow-wrap:normal!important;
 white-space:normal!important;line-height:1.15!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightUtilityRow > #tea2-supermicro-wake-entry-r129{
 font-size:9px!important;word-break:normal!important;white-space:normal!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightUtilityRow > #tea2EnvironmentBadge strong{
 font-size:9px!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightUtilityRow > #tea2EnvironmentBadge small{
 font-size:8px!important;
}
/* Native notifications and memory taskbar buttons in owner-approved blue glass. */
body.tea2-workspace-r3 #rightRail :is(#tea2RightActionRow,#tea2RightUtilityRow)
 > button.taskbar-item[data-open-view]{
 display:flex!important;flex-direction:column!important;
 align-items:center!important;justify-content:center!important;
 gap:0!important;flex:0 1 auto!important;
 position:relative!important;inset:auto!important;
 transform:none!important;box-sizing:border-box!important;
 width:100%!important;min-width:0!important;max-width:100%!important;
 height:52px!important;min-height:52px!important;max-height:52px!important;
 margin:0!important;padding:3px 1px!important;
 border:1px solid rgba(151,232,255,.8)!important;border-radius:11px!important;
 background:linear-gradient(145deg,rgba(24,151,230,.98),rgba(3,52,119,.98))!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.32),
   inset 0 -7px 13px rgba(0,19,64,.30),0 0 14px rgba(45,182,255,.28)!important;
 text-shadow:0 1px 2px rgba(0,24,58,.5)!important;
 overflow:visible!important;cursor:pointer!important;
}
body.tea2-workspace-r3 #rightRail :is(#tea2RightActionRow,#tea2RightUtilityRow)
 > button.taskbar-item[data-open-view] > .taskbar-icon{
 display:grid!important;place-items:center!important;
 position:relative!important;inset:auto!important;
 transform:none!important;
 flex:0 0 20px!important;width:20px!important;min-width:20px!important;max-width:20px!important;
 height:20px!important;min-height:20px!important;max-height:20px!important;
 padding:1px!important;margin:0!important;border-radius:7px!important;
 color:#fff!important;box-sizing:border-box!important;
}
body.tea2-workspace-r3 #rightRail :is(#tea2RightActionRow,#tea2RightUtilityRow)
 > button.taskbar-item[data-open-view] > .taskbar-icon svg{
 width:16px!important;height:16px!important;
}
body.tea2-workspace-r3 #rightRail :is(#tea2RightActionRow,#tea2RightUtilityRow)
 > button.taskbar-item[data-open-view] > .taskbar-tip{
 display:block!important;visibility:visible!important;
 position:relative!important;inset:auto!important;transform:none!important;
 width:100%!important;max-width:100%!important;
 height:auto!important;min-height:0!important;max-height:22px!important;
 opacity:1!important;margin:0!important;padding:0!important;
 text-align:center!important;
 color:#fff!important;background:transparent!important;border:0!important;box-shadow:none!important;
 text-shadow:0 1px 2px rgba(0,24,58,.5)!important;
 font-weight:750!important;font-size:8px!important;line-height:9px!important;
 white-space:normal!important;overflow-wrap:anywhere!important;
 pointer-events:none!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightActionRow
 > button.taskbar-item[data-open-view="notifications"] > #notificationBadge{
 display:flex!important;position:absolute!important;
 top:0!important;right:0!important;left:auto!important;bottom:auto!important;
 z-index:10!important;min-width:14px!important;
 height:14px!important;padding:1px 3px!important;
 font-size:8px!important;line-height:12px!important;
 border-radius:9px!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightActionRow
 > button.taskbar-item[data-open-view="notifications"] > #notificationBadge[hidden]{
 display:none!important;
}
body.tea2-workspace-r3 #rightRail :is(#tea2RightActionRow,#tea2RightUtilityRow)
 > button.taskbar-item[data-open-view]:hover{
 filter:brightness(1.12)!important;border-color:#dbfaff!important;
}
body.tea2-workspace-r3 #rightRail :is(#tea2RightActionRow,#tea2RightUtilityRow)
 > button.taskbar-item[data-open-view]:focus-visible{
 outline:2px solid #0b7bc9!important;outline-offset:2px!important;
}
/* On narrower side rails, preserve all 4 positions and readable labels. */
@media(max-width:940px){
 body.tea2-workspace-r3 #rightRail #tea2RightActionRow > #moGlobalSearch.mo-command-search{
  grid-template-columns:10px minmax(0,1fr)!important;gap:0 1px!important;
 }
 body.tea2-workspace-r3 #rightRail #tea2RightActionRow > #moGlobalSearch.mo-command-search > span:not(.mo-command-kbd){
  font-size:10px!important;
 }
 body.tea2-workspace-r3 #rightRail #tea2RightActionRow > #moGlobalSearch.mo-command-search > .mo-command-kbd{
  font-size:7px!important;
 }
 body.tea2-workspace-r3 #rightRail #tea2RightActionRow > #moGlobalApprovals{
  gap:1px!important;font-size:9px!important;
 }
 body.tea2-workspace-r3 #rightRail #tea2RightActionRow > #moGlobalApprovals > #moApprovalCount{
  font-size:8px!important;min-width:9px!important;padding:0 1px!important;
 }
 body.tea2-workspace-r3 #rightRail #tea2RightUtilityRow > :is(#tea2EnvironmentBadge,#tea2-supermicro-wake-entry-r129,#tea2-recovery-link-r13){
  font-size:8px!important;padding:2px 1px!important;
 }
 body.tea2-workspace-r3 #rightRail #tea2RightUtilityRow > #tea2EnvironmentBadge strong{
  font-size:8px!important;
 }
 body.tea2-workspace-r3 #rightRail :is(#tea2RightActionRow,#tea2RightUtilityRow)
  > button.taskbar-item[data-open-view] > .taskbar-tip{
  font-size:8px!important;line-height:9px!important;
 }
}


/* F001-R30-ONLY-FOUR-NATIVE-HEADER-TOOLS
   Time, Planning, Backup, E-Mail, exactly as shown by owner,
   above existing Search + Opret + Godkend + Notifications row. */
body.tea2-workspace-r3 #rightRail.side-rail.expanded > #tea2RightQuickTools{
 order:3!important;
 display:grid!important;
 grid-template-columns:repeat(4,minmax(0,1fr))!important;
 grid-template-rows:44px!important;
 align-items:center!important;justify-items:center!important;
 flex:0 0 44px!important;
 box-sizing:border-box!important;
 width:100%!important;min-width:0!important;max-width:100%!important;
 height:44px!important;min-height:44px!important;max-height:44px!important;
 padding:0 1px!important;margin:4px 0 0!important;gap:4px!important;
 background:transparent!important;border:0!important;box-shadow:none!important;
 overflow:visible!important;position:relative!important;z-index:32!important;
}
body.tea2-workspace-r3 #rightRail.side-rail:not(.expanded) > #tea2RightQuickTools{
 display:none!important;
}
body.tea2-workspace-r3 #rightRail.side-rail > #tea2RightActionRow{order:4!important}
body.tea2-workspace-r3 #rightRail.side-rail > #tea2RightUtilityRow{order:5!important}
body.tea2-workspace-r3 #rightRail.side-rail > #tea2RightNativeStatus{order:6!important}
body.tea2-workspace-r3 #rightRail #tea2RightQuickTools > button.taskbar-item{
 display:grid!important;place-items:center!important;
 position:relative!important;inset:auto!important;transform:none!important;
 flex:none!important;justify-self:center!important;align-self:center!important;
 box-sizing:border-box!important;
 width:40px!important;min-width:40px!important;max-width:40px!important;
 height:40px!important;min-height:40px!important;max-height:40px!important;
 margin:0!important;padding:2px!important;
 background:transparent!important;border:0!important;border-radius:11px!important;
 box-shadow:none!important;overflow:visible!important;
 cursor:pointer!important;opacity:1!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightQuickTools > button.taskbar-item > .taskbar-icon{
 display:grid!important;place-items:center!important;
 position:relative!important;inset:auto!important;transform:none!important;
 width:36px!important;min-width:36px!important;max-width:36px!important;
 height:36px!important;min-height:36px!important;max-height:36px!important;
 padding:4px!important;margin:0!important;box-sizing:border-box!important;
 border:1px solid rgba(151,232,255,.80)!important;
 border-radius:10px!important;color:#fff!important;
 background:linear-gradient(145deg,rgba(24,151,230,.98),rgba(3,52,119,.98))!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.32),
 inset 0 -7px 13px rgba(0,19,64,.30),0 0 14px rgba(45,182,255,.28)!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightQuickTools > button.taskbar-item > .taskbar-icon svg{
 width:22px!important;height:22px!important;
 stroke:#f3fbff!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightQuickTools > button.taskbar-item > .taskbar-icon img{
 width:100%!important;height:100%!important;max-width:100%!important;
 object-fit:contain!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightQuickTools > button.taskbar-item > .taskbar-tip{
 display:none!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightQuickTools > button.taskbar-item:hover > .taskbar-icon{
 filter:brightness(1.12)!important;border-color:#dbfaff!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightQuickTools > button.taskbar-item:focus-visible{
 outline:2px solid #0b7bc9!important;outline-offset:1px!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightQuickTools > button.taskbar-item .badge{
 position:absolute!important;top:-2px!important;right:-3px!important;
 z-index:5!important;min-width:14px!important;
 height:14px!important;padding:1px 3px!important;
 font-size:9px!important;line-height:12px!important;
 border-radius:9px!important;pointer-events:none!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightQuickTools > button.taskbar-item .badge[hidden]{
 display:none!important;
}


/* F001-R31-ONE-VISUAL-LANGUAGE
   Original icons styled to reference image: compact glossy-blue tile,
   highlights and round corners. Do not change true red/green status colors.
   Rows 1 AI, 2 original time/planning/backup/mail, 3 commands,
   4 owner utility. Existing 10 status icons remain in two rows. */
body.tea2-workspace-r3 #rightRail.side-rail.expanded > #tea2RightAiTools{
 order:3!important;
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 grid-template-rows:38px!important;
 align-content:center!important;justify-items:center!important;align-items:center!important;
 flex:0 0 38px!important;
 box-sizing:border-box!important;
 height:38px!important;min-height:38px!important;max-height:38px!important;
 width:100%!important;min-width:0!important;max-width:100%!important;
 padding:0 1px!important;margin:4px 0 0!important;gap:3px!important;
 border:0!important;background:transparent!important;box-shadow:none!important;
 overflow:visible!important;position:relative!important;z-index:35!important;
}
body.tea2-workspace-r3 #rightRail.side-rail:not(.expanded) > #tea2RightAiTools{
 display:none!important;
}
body.tea2-workspace-r3 #rightRail.side-rail > #tea2RightQuickTools{order:4!important}
body.tea2-workspace-r3 #rightRail.side-rail > #tea2RightActionRow{order:5!important}
body.tea2-workspace-r3 #rightRail.side-rail > #tea2RightUtilityRow{order:6!important}
body.tea2-workspace-r3 #rightRail.side-rail > #tea2RightNativeStatus{order:7!important}
/* The three original AI controls become compact icon tiles with their title
   and aria name preserved; the James presence dot remains visible. */
body.tea2-workspace-r3 #rightRail #tea2RightAiTools > :is(#moJamesOpen,#moMobileControl,button[data-open-view="commander"]){
 display:grid!important;place-items:center!important;
 position:relative!important;inset:auto!important;transform:none!important;
 flex:none!important;align-self:center!important;justify-self:center!important;
 box-sizing:border-box!important;
 width:36px!important;min-width:36px!important;max-width:36px!important;
 height:36px!important;min-height:36px!important;max-height:36px!important;
 margin:0!important;padding:4px!important;
 overflow:visible!important;
 color:#f7fcff!important;font-size:0!important;
 border-radius:10px!important;
 border:1px solid rgba(157,228,255,.9)!important;
 background:linear-gradient(150deg,#49b5ec 0%,#147bc3 40%,#073f91 100%)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.55),
   inset 0 -8px 12px rgba(0,25,77,.38),
   0 2px 6px rgba(1,39,82,.24),
   0 0 0 2px rgba(198,242,255,.15)!important;
 text-shadow:none!important;
 cursor:pointer!important;opacity:1!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightAiTools > #moJamesOpen > span:not(.mo-presence-dot),
body.tea2-workspace-r3 #rightRail #tea2RightAiTools > #moMobileControl > span,
body.tea2-workspace-r3 #rightRail #tea2RightAiTools > button.taskbar-item > .taskbar-tip{
 display:none!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightAiTools > :is(#moJamesOpen,#moMobileControl).v160-iconized::before{
 content:""!important;
 display:block!important;position:relative!important;
 grid-column:1!important;grid-row:1!important;
 place-self:center!important;
 width:22px!important;min-width:22px!important;max-width:22px!important;
 height:22px!important;min-height:22px!important;max-height:22px!important;
 flex:none!important;transform:none!important;inset:auto!important;
 margin:0!important;padding:0!important;
 background:#fff!important;opacity:1!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightAiTools > #moJamesOpen > #moJamesDot{
 display:block!important;position:absolute!important;
 right:1px!important;bottom:1px!important;top:auto!important;left:auto!important;
 z-index:8!important;width:7px!important;height:7px!important;
 border-radius:50%!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightAiTools > button.taskbar-item[data-open-view="commander"] > .taskbar-icon{
 display:grid!important;place-items:center!important;
 width:24px!important;height:24px!important;min-width:24px!important;
 margin:0!important;padding:0!important;position:relative!important;
 background:transparent!important;border:0!important;box-shadow:none!important;
 color:#fff!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightAiTools > button.taskbar-item[data-open-view="commander"] > .taskbar-icon svg{
 width:22px!important;height:22px!important;
 stroke:#fff!important;
}
/* Shorter second row, same glossy dimensions and face as top row. */
body.tea2-workspace-r3 #rightRail.side-rail.expanded > #tea2RightQuickTools{
 order:4!important;
 grid-template-rows:38px!important;
 height:38px!important;min-height:38px!important;max-height:38px!important;
 flex:0 0 38px!important;
 gap:3px!important;margin:3px 0 0!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightQuickTools > button.taskbar-item{
 width:36px!important;min-width:36px!important;max-width:36px!important;
 height:36px!important;min-height:36px!important;max-height:36px!important;
 padding:0!important;border:0!important;background:transparent!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightQuickTools > button.taskbar-item > .taskbar-icon{
 width:36px!important;min-width:36px!important;max-width:36px!important;
 height:36px!important;min-height:36px!important;max-height:36px!important;
 padding:5px!important;
 border-radius:10px!important;
 background:linear-gradient(150deg,#49b5ec 0%,#147bc3 40%,#073f91 100%)!important;
 border:1px solid rgba(157,228,255,.9)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.55),
   inset 0 -8px 12px rgba(0,25,77,.38),
   0 2px 6px rgba(1,39,82,.24),
   0 0 0 2px rgba(198,242,255,.15)!important;
}
/* Smaller third and fourth rows. All originals keep button semantics. */
body.tea2-workspace-r3 #rightRail.side-rail.expanded > #tea2RightActionRow{
 order:5!important;
 grid-template-rows:44px!important;
 height:44px!important;min-height:44px!important;max-height:44px!important;
 gap:3px!important;margin:3px 0 0!important;
}
body.tea2-workspace-r3 #rightRail.side-rail.expanded > #tea2RightUtilityRow{
 order:6!important;
 grid-template-rows:44px!important;
 height:44px!important;min-height:44px!important;max-height:44px!important;
 gap:3px!important;margin:3px 0 0!important;
}
body.tea2-workspace-r3 #rightRail :is(#tea2RightActionRow,#tea2RightUtilityRow) > :is(button,a){
 height:44px!important;min-height:44px!important;max-height:44px!important;
 width:100%!important;min-width:0!important;max-width:100%!important;
 justify-self:center!important;align-self:center!important;
 border:1px solid rgba(157,228,255,.9)!important;
 border-radius:10px!important;
 background:linear-gradient(150deg,#49b5ec 0%,#147bc3 40%,#073f91 100%)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.55),
   inset 0 -8px 12px rgba(0,25,77,.38),
   0 2px 6px rgba(1,39,82,.24),
   0 0 0 2px rgba(198,242,255,.15)!important;
 color:#fff!important;text-shadow:0 1px 2px rgba(0,24,58,.55)!important;
 font-size:9px!important;line-height:1.1!important;
 padding:2px!important;overflow:visible!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightActionRow > #moGlobalSearch.mo-command-search{
 height:44px!important;min-height:44px!important;max-height:44px!important;
 grid-template-columns:11px minmax(0,1fr)!important;
 grid-template-rows:14px 10px!important;
 align-content:center!important;column-gap:2px!important;
 padding:2px!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightActionRow > #moGlobalSearch.mo-command-search > span:not(.mo-command-kbd){
 font-size:10px!important;line-height:14px!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightActionRow > #moGlobalSearch.mo-command-search > .mo-command-kbd{
 font-size:7px!important;line-height:10px!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightActionRow > #moGlobalApprovals{
 gap:1px!important;font-size:9px!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightUtilityRow > :is(#tea2EnvironmentBadge,#tea2-supermicro-wake-entry-r129,#tea2-recovery-link-r13){
 font-size:8px!important;height:44px!important;min-height:44px!important;max-height:44px!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightUtilityRow > #tea2EnvironmentBadge strong{
 font-size:9px!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightUtilityRow > #tea2EnvironmentBadge small{
 font-size:7px!important;
}
body.tea2-workspace-r3 #rightRail :is(#tea2RightActionRow,#tea2RightUtilityRow) > button.taskbar-item[data-open-view]{
 height:44px!important;min-height:44px!important;max-height:44px!important;
 padding:2px 1px!important;gap:0!important;
}
body.tea2-workspace-r3 #rightRail :is(#tea2RightActionRow,#tea2RightUtilityRow) > button.taskbar-item[data-open-view] > .taskbar-icon{
 height:18px!important;min-height:18px!important;max-height:18px!important;
 width:18px!important;min-width:18px!important;max-width:18px!important;
 padding:0!important;flex:0 0 18px!important;
}
body.tea2-workspace-r3 #rightRail :is(#tea2RightActionRow,#tea2RightUtilityRow) > button.taskbar-item[data-open-view] > .taskbar-tip{
 font-size:8px!important;line-height:9px!important;
}
/* Five-by-two existing service status LEDs: maintain their RED/GREEN/AMBER
   color states, labels and all original click handlers. */
body.tea2-workspace-r3 #rightRail.side-rail.expanded > #tea2RightNativeStatus{
 order:7!important;
 grid-template-columns:repeat(5,34px)!important;
 grid-template-rows:repeat(2,34px)!important;
 grid-auto-rows:34px!important;
 min-height:78px!important;
 padding:4px 2px!important;margin:3px 0 0!important;
 row-gap:4px!important;
}
body.tea2-workspace-r3 #rightRail.side-rail.expanded > #tea2RightNativeStatus > button.tea2-tray-status{
 width:34px!important;min-width:34px!important;max-width:34px!important;
 height:34px!important;min-height:34px!important;max-height:34px!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightNativeStatus > button.tea2-tray-status > .tea2-tray-status-icon{
 width:30px!important;height:30px!important;
 background:linear-gradient(150deg,#49b5ec 0%,#147bc3 40%,#073f91 100%)!important;
 border:1px solid rgba(157,228,255,.9)!important;
 border-radius:9px!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.55),
   inset 0 -8px 12px rgba(0,25,77,.38),
   0 2px 6px rgba(1,39,82,.24),
   0 0 0 2px rgba(198,242,255,.15)!important;
}
body.tea2-workspace-r3 #rightRail :is(
 #tea2RightAiTools,#tea2RightQuickTools,#tea2RightActionRow,#tea2RightUtilityRow)
 > :is(button,a):hover{
 filter:brightness(1.12)!important;
}
body.tea2-workspace-r3 #rightRail :is(
 #tea2RightAiTools,#tea2RightQuickTools,#tea2RightActionRow,#tea2RightUtilityRow)
 > :is(button,a):focus-visible{
 outline:2px solid #a0e4ff!important;outline-offset:2px!important;
}
/* Badge colors are independent of blue tile color. Never blue out alerts. */
body.tea2-workspace-r3 #rightRail #moApprovalCount:not([hidden]),
body.tea2-workspace-r3 #rightRail #notificationBadge:not([hidden]),
body.tea2-workspace-r3 #rightRail #mailTaskbar .badge:not([hidden]){
 background:#f0445f!important;color:#fff!important;
 border:1px solid rgba(255,255,255,.9)!important;
 box-shadow:0 1px 6px rgba(161,0,32,.4)!important;
 opacity:1!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightNativeStatus .tea2-tray-live-dot.offline,
body.tea2-workspace-r3 #rightRail #tea2RightNativeStatus .tea2-tray-live-dot.failed{
 background:#ff425d!important;box-shadow:0 0 7px rgba(255,66,93,.8)!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightNativeStatus .tea2-tray-live-dot.online,
body.tea2-workspace-r3 #rightRail #tea2RightNativeStatus .tea2-tray-live-dot.ok{
 background:#16e88a!important;box-shadow:0 0 7px rgba(22,232,138,.8)!important;
}
/* The actual right-rail fold button also uses the same icon material,
   without changing its role or hit target. */
body.tea2-workspace-r3 #rightRail > .rail-toggle{
 border:1px solid rgba(157,228,255,.9)!important;
 border-radius:10px!important;
 background:linear-gradient(150deg,#49b5ec 0%,#147bc3 40%,#073f91 100%)!important;
 color:#fff!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.55),
   inset 0 -8px 12px rgba(0,25,77,.38),
   0 2px 6px rgba(1,39,82,.24)!important;
}
@media(max-width:940px){
 body.tea2-workspace-r3 #rightRail #tea2RightActionRow > #moGlobalSearch.mo-command-search{
  grid-template-columns:10px minmax(0,1fr)!important;column-gap:1px!important;
 }
 body.tea2-workspace-r3 #rightRail #tea2RightActionRow > #moGlobalSearch.mo-command-search > span:not(.mo-command-kbd){
  font-size:9px!important;
 }
 body.tea2-workspace-r3 #rightRail #tea2RightActionRow > #moGlobalApprovals{
  font-size:8px!important;
 }
}


/* F001-R31B-FIX-ROW-HEIGHT
   Earlier rules gave original Create/Approve buttons 52px and pulled them
   outside the new 44px row. Keep exact row height and preserve badges. */
body.tea2-workspace-r3 #rightRail.side-rail.expanded > #tea2RightActionRow > #moGlobalCreate,
body.tea2-workspace-r3 #rightRail.side-rail.expanded > #tea2RightActionRow > #moGlobalApprovals{
 position:relative!important;
 inset:auto!important;top:auto!important;bottom:auto!important;
 transform:none!important;
 width:100%!important;min-width:0!important;max-width:100%!important;
 height:44px!important;min-height:44px!important;max-height:44px!important;
 padding:2px!important;margin:0!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 line-height:1.08!important;overflow:visible!important;
 box-sizing:border-box!important;
}


/* F001-R32-ORIGINAL-MAIL-STYLE-UNIFORM-TILES
   Existing released Egelund Mail graphic is sacred: no src edits, no
   img pixel transformations, no file rebuild. All other original icons use
   a consistent enamel blue glossy-tile frame and captions BELOW the icon.
   Tile dimensions fixed across every group, including 10 status lights. */
body.tea2-workspace-r3 #rightRail{
 --tea2-tile-w:42px;
 --tea2-tile-h:58px;
 --tea2-tile-gap:3px;
 --tea2-tile-blue:linear-gradient(158deg,rgba(100,201,250,.98) 0%,rgba(31,145,219,.99) 16%,rgba(7,94,174,.99) 55%,rgba(3,49,115,.99) 100%);
 --tea2-tile-border:1px solid rgba(172,237,255,.96);
 --tea2-tile-shadow:inset 0 1.5px 0 rgba(255,255,255,.72),inset 0 -9px 15px rgba(0,19,70,.36),0 2px 6px rgba(0,38,79,.3),0 0 0 1px rgba(227,253,255,.16);
}
/* All 4 main tool rows use the SAME dimensions and center their tiles. */
body.tea2-workspace-r3 #rightRail.side-rail.expanded > :is(
 #tea2RightAiTools,#tea2RightQuickTools,#tea2RightActionRow,#tea2RightUtilityRow){
 display:grid!important;
 grid-auto-flow:row!important;
 grid-template-columns:repeat(4,var(--tea2-tile-w))!important;
 grid-template-rows:var(--tea2-tile-h)!important;
 grid-auto-rows:var(--tea2-tile-h)!important;
 align-content:center!important;
 justify-content:space-evenly!important;
 justify-items:center!important;align-items:center!important;
 gap:var(--tea2-tile-gap)!important;
 width:100%!important;max-width:100%!important;min-width:0!important;
 height:var(--tea2-tile-h)!important;
 min-height:var(--tea2-tile-h)!important;
 max-height:var(--tea2-tile-h)!important;
 flex:0 0 var(--tea2-tile-h)!important;
 padding:0!important;margin:3px 0 0!important;
 box-sizing:border-box!important;
 border:none!important;background:transparent!important;box-shadow:none!important;
 overflow:visible!important;position:relative!important;
}
body.tea2-workspace-r3 #rightRail.side-rail.expanded > #tea2RightAiTools{
 grid-template-columns:repeat(3,var(--tea2-tile-w))!important;
 order:3!important;
}
body.tea2-workspace-r3 #rightRail.side-rail.expanded > #tea2RightQuickTools{order:4!important}
body.tea2-workspace-r3 #rightRail.side-rail.expanded > #tea2RightActionRow{order:5!important}
body.tea2-workspace-r3 #rightRail.side-rail.expanded > #tea2RightUtilityRow{order:6!important}
/* The 10 status tiles must also have identical 42 x 58 px outlines. */
body.tea2-workspace-r3 #rightRail.side-rail.expanded > #tea2RightNativeStatus{
 order:7!important;
 display:grid!important;
 grid-template-columns:repeat(5,var(--tea2-tile-w))!important;
 grid-template-rows:repeat(2,var(--tea2-tile-h))!important;
 grid-auto-rows:var(--tea2-tile-h)!important;
 grid-auto-flow:row!important;
 align-content:start!important;align-items:center!important;
 justify-content:space-evenly!important;justify-items:center!important;
 column-gap:var(--tea2-tile-gap)!important;row-gap:3px!important;
 height:calc(2 * var(--tea2-tile-h) + 3px)!important;
 min-height:calc(2 * var(--tea2-tile-h) + 3px)!important;
 max-height:calc(2 * var(--tea2-tile-h) + 3px)!important;
 flex:0 0 calc(2 * var(--tea2-tile-h) + 3px)!important;
 width:100%!important;min-width:0!important;max-width:100%!important;
 padding:0!important;margin:3px 0 0!important;
 box-sizing:border-box!important;background:transparent!important;
 border:none!important;box-shadow:none!important;
 overflow:visible!important;
}
body.tea2-workspace-r3 #rightRail :is(#tea2RightAiTools,#tea2RightQuickTools,#tea2RightActionRow,#tea2RightUtilityRow,#tea2RightNativeStatus)
 > .tea2-uniform-tile,
body.tea2-workspace-r3 #rightRail #tea2RightUtilityRow > #tea2EnvironmentBadge{
 display:flex!important;flex-direction:column!important;
 position:relative!important;
 inset:auto!important;float:none!important;
 transform:none!important;
 align-self:center!important;justify-self:center!important;
 align-items:center!important;justify-content:flex-start!important;
 box-sizing:border-box!important;
 flex:none!important;
 width:var(--tea2-tile-w)!important;
 min-width:var(--tea2-tile-w)!important;max-width:var(--tea2-tile-w)!important;
 height:var(--tea2-tile-h)!important;
 min-height:var(--tea2-tile-h)!important;max-height:var(--tea2-tile-h)!important;
 margin:0!important;padding:3px 1px 2px!important;gap:0!important;
 border-radius:10px!important;
 border:var(--tea2-tile-border)!important;
 background:var(--tea2-tile-blue)!important;
 box-shadow:var(--tea2-tile-shadow)!important;
 color:#fff!important;text-align:center!important;
 font-size:0!important;letter-spacing:0!important;
 white-space:normal!important;word-break:normal!important;
 opacity:1!important;overflow:visible!important;
 text-decoration:none!important;
 cursor:pointer!important;
}
/* Keep internal icon at same exact 27px well, and preserve native Egelund Mail IMG
   BYTES AND SRC as well as its released artwork. Only the external well sizes. */
body.tea2-workspace-r3 #rightRail :is(#tea2RightAiTools,#tea2RightQuickTools,#tea2RightActionRow,#tea2RightUtilityRow,#tea2RightNativeStatus)
 > .tea2-uniform-tile > :is(.taskbar-icon,.tea2-tray-status-icon,.tea2-tile-utility-icon){
 display:grid!important;place-items:center!important;
 position:relative!important;
 inset:auto!important;transform:none!important;
 flex:0 0 27px!important;
 width:27px!important;min-width:27px!important;max-width:27px!important;
 height:27px!important;min-height:27px!important;max-height:27px!important;
 margin:1px 0 0!important;padding:1px!important;
 border:none!important;border-radius:7px!important;
 background:transparent!important;
 box-shadow:none!important;color:#fff!important;
}
body.tea2-workspace-r3 #rightRail :is(#tea2RightAiTools,#tea2RightQuickTools,#tea2RightActionRow,#tea2RightUtilityRow,#tea2RightNativeStatus)
 > .tea2-uniform-tile > :is(.taskbar-icon,.tea2-tray-status-icon) svg{
 width:23px!important;height:23px!important;
 stroke:#fff!important;stroke-width:1.9px!important;
 fill:none!important;filter:drop-shadow(0 1px 2px rgba(0,28,67,.55))!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightQuickTools > #mailTaskbar > .email-taskbar-icon{
 width:27px!important;height:27px!important;min-width:27px!important;
 padding:0!important;background:transparent!important;box-shadow:none!important;
}
/* DO NOT style the released Egelund Mail img or change its source. */
body.tea2-workspace-r3 #rightRail :is(#tea2RightAiTools,#tea2RightQuickTools,#tea2RightActionRow)
 > .tea2-uniform-tile.v160-iconized::before{
 display:block!important;position:relative!important;
 flex:0 0 25px!important;
 inset:auto!important;
 width:24px!important;min-width:24px!important;max-width:24px!important;
 height:24px!important;min-height:24px!important;max-height:24px!important;
 margin:2px 0 1px!important;padding:0!important;
 transform:none!important;
 background:#fff!important;
 opacity:1!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightActionRow > #moGlobalSearch.mo-command-search.tea2-uniform-tile{
 display:flex!important;flex-direction:column!important;gap:0!important;
 padding:3px 1px 2px!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightActionRow > #moGlobalSearch.mo-command-search.tea2-uniform-tile::before{
 display:block!important;align-self:center!important;place-self:center!important;
 grid-column:auto!important;grid-row:auto!important;
 flex:0 0 24px!important;
 width:24px!important;height:24px!important;
 margin:2px 0 1px!important;
}
/* Hide original text/tooltip children WITHOUT removing them or their listeners.
   New compact captions are separate and consistently below icons. */
body.tea2-workspace-r3 #rightRail :is(#tea2RightAiTools,#tea2RightQuickTools,#tea2RightActionRow,#tea2RightUtilityRow)
 > .tea2-uniform-tile > :is(.taskbar-tip,.mo-command-kbd){
 display:none!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightActionRow > #moGlobalSearch > span:not(.tea2-tile-caption){
 display:none!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightActionRow > #moGlobalCreate > span:not(.tea2-tile-caption),
body.tea2-workspace-r3 #rightRail #tea2RightActionRow > #moGlobalApprovals > span:not(.tea2-tile-caption):not(#moApprovalCount){
 display:none!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightAiTools > #moJamesOpen > span:not(.tea2-tile-caption):not(#moJamesDot),
body.tea2-workspace-r3 #rightRail #tea2RightAiTools > #moMobileControl > span:not(.tea2-tile-caption){
 display:none!important;
}
body.tea2-workspace-r3 #rightRail :is(#tea2RightAiTools,#tea2RightQuickTools,#tea2RightActionRow,#tea2RightUtilityRow,#tea2RightNativeStatus)
 > .tea2-uniform-tile > .tea2-tile-caption{
 display:flex!important;flex-direction:column!important;
 position:relative!important;inset:auto!important;transform:none!important;
 flex:0 1 auto!important;
 justify-content:center!important;align-items:center!important;
 margin:2px 0 0!important;padding:0!important;
 width:100%!important;max-width:100%!important;
 min-height:9px!important;height:auto!important;max-height:21px!important;
 background:transparent!important;border:none!important;box-shadow:none!important;
 color:#f8fdff!important;opacity:1!important;
 text-shadow:0 1px 2px rgba(0,31,67,.65)!important;
 font-size:7.5px!important;line-height:9px!important;
 font-weight:750!important;letter-spacing:-.15px!important;
 overflow-wrap:anywhere!important;word-break:normal!important;
 white-space:normal!important;text-align:center!important;
 pointer-events:none!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightActionRow #moGlobalSearch > .tea2-tile-caption > .tea2-tile-hotkey{
 display:block!important;
 color:#e9f9ff!important;opacity:.9!important;
 font-size:6.5px!important;line-height:8px!important;font-weight:500!important;
 margin:0!important;padding:0!important;
}
/* Original active environment text is BOTH the label and real LIVE/TEST state.
   Never fake a LIVE state. Keep real environment dot overlay. */
body.tea2-workspace-r3 #rightRail #tea2RightUtilityRow > #tea2EnvironmentBadge > strong{
 display:block!important;position:relative!important;
 grid-column:auto!important;grid-row:auto!important;
 margin:2px 0 0!important;padding:0!important;
 color:#fff!important;font-size:8px!important;line-height:9px!important;
 font-weight:750!important;letter-spacing:0!important;
 opacity:1!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightUtilityRow > #tea2EnvironmentBadge > small{
 display:block!important;position:relative!important;
 grid-column:auto!important;grid-row:auto!important;
 color:#e9f9ff!important;font-size:6px!important;line-height:7px!important;
 letter-spacing:0!important;font-weight:500!important;
 margin:0!important;padding:0!important;opacity:.88!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightUtilityRow > #tea2EnvironmentBadge > .tea2-env-dot{
 position:absolute!important;right:2px!important;top:2px!important;
 left:auto!important;bottom:auto!important;
 grid-column:auto!important;grid-row:auto!important;
 width:6px!important;height:6px!important;min-width:6px!important;
 margin:0!important;z-index:10!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightUtilityRow > #tea2EnvironmentBadge.sandbox{
 border-color:#ffcc6c!important;
}
/* Special native badge overlays MUST remain above tile captions, red only
   when original backend says there are pending/unread notifications. */
body.tea2-workspace-r3 #rightRail #tea2RightActionRow > #moGlobalApprovals > #moApprovalCount{
 display:inline-flex!important;position:absolute!important;
 top:-3px!important;right:-3px!important;left:auto!important;bottom:auto!important;
 width:auto!important;height:14px!important;min-height:14px!important;
 min-width:13px!important;max-width:none!important;
 margin:0!important;padding:1px 3px!important;
 background:#f0445f!important;color:#fff!important;
 border:1px solid #fff!important;border-radius:9px!important;
 z-index:15!important;font-size:8px!important;line-height:12px!important;
 opacity:1!important;
}
body.tea2-workspace-r3 #rightRail :is(#tea2RightQuickTools,#tea2RightActionRow)
 > .tea2-uniform-tile > .badge{
 position:absolute!important;top:-3px!important;right:-3px!important;
 left:auto!important;bottom:auto!important;
 min-width:13px!important;width:auto!important;max-width:none!important;
 height:14px!important;min-height:14px!important;
 padding:1px 3px!important;margin:0!important;
 z-index:15!important;
 background:#f0445f!important;color:#fff!important;border:1px solid #fff!important;
 border-radius:9px!important;box-shadow:0 2px 6px rgba(158,0,32,.4)!important;
 font-size:8px!important;line-height:12px!important;
}
body.tea2-workspace-r3 #rightRail :is(#tea2RightQuickTools,#tea2RightActionRow)
 > .tea2-uniform-tile > .badge[hidden]{
 display:none!important;
}
/* Do not conflate status (red / amber / green) with a design decoration. */
body.tea2-workspace-r3 #rightRail #tea2RightNativeStatus > button.tea2-tray-status > :not(.tea2-tray-status-icon):not(.tea2-tray-live-dot):not(.tea2-tile-caption){
 display:none!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightNativeStatus > button.tea2-tray-status > .tea2-tray-live-dot{
 position:absolute!important;top:3px!important;right:3px!important;
 left:auto!important;bottom:auto!important;
 width:7px!important;height:7px!important;
 border-radius:50%!important;display:block!important;
 z-index:12!important;
}
/* Preserve original James availability dot, not a fixed green light. */
body.tea2-workspace-r3 #rightRail #tea2RightAiTools > #moJamesOpen > #moJamesDot{
 position:absolute!important;right:3px!important;top:3px!important;
 left:auto!important;bottom:auto!important;
 width:7px!important;height:7px!important;z-index:12!important;
 display:block!important;
}
/* Hover/focus use original title on all controls; original service tooltip
   remains on .tea2-tray-status::after and still indicates actual service state. */
body.tea2-workspace-r3 #rightRail :is(#tea2RightAiTools,#tea2RightQuickTools,#tea2RightActionRow,#tea2RightUtilityRow,#tea2RightNativeStatus)
 > .tea2-uniform-tile:hover{
 filter:brightness(1.12)!important;border-color:#eafaff!important;
}
body.tea2-workspace-r3 #rightRail :is(#tea2RightAiTools,#tea2RightQuickTools,#tea2RightActionRow,#tea2RightUtilityRow,#tea2RightNativeStatus)
 > .tea2-uniform-tile:focus-visible{
 outline:2px solid #aeeaff!important;outline-offset:2px!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightNativeStatus > button.tea2-tray-status::after{
 bottom:calc(var(--tea2-tile-h) + 3px)!important;
}
@media(max-width:940px){
 body.tea2-workspace-r3 #rightRail{
  --tea2-tile-gap:2px;
 }
}
/* Exact same dimensions at all viewport widths, avoid legacy media overrides. */


/* F001-R33-HIGH-SPECIFICITY-UNIFORM-AND-DANISH
   Override prior named-component rules that used 3 IDs with !important.
   Exact 42 x 58 shape for all 25 non-rail-fold controls.
   Do not change any Egelund Mail IMG src or digital artwork. */
body.tea2-workspace-r3 #rightRail#rightRail.side-rail.expanded > :is(
 #tea2RightAiTools,#tea2RightQuickTools,#tea2RightActionRow,#tea2RightUtilityRow,#tea2RightNativeStatus)
 > .tea2-uniform-tile{
 display:flex!important;flex-direction:column!important;
 align-items:center!important;justify-content:flex-start!important;
 justify-self:center!important;align-self:center!important;
 grid-area:auto!important;position:relative!important;
 inset:auto!important;float:none!important;
 top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
 transform:none!important;
 box-sizing:border-box!important;
 width:42px!important;min-width:42px!important;max-width:42px!important;
 height:58px!important;min-height:58px!important;max-height:58px!important;
 flex:0 0 58px!important;
 padding:3px 1px 2px!important;margin:0!important;gap:0!important;
 border:1px solid rgba(172,237,255,.96)!important;
 border-radius:10px!important;
 background:linear-gradient(158deg,rgba(100,201,250,.98) 0%,rgba(31,145,219,.99) 16%,rgba(7,94,174,.99) 55%,rgba(3,49,115,.99) 100%)!important;
 box-shadow:inset 0 1.5px 0 rgba(255,255,255,.72),
   inset 0 -9px 15px rgba(0,19,70,.36),
   0 2px 6px rgba(0,38,79,.3),
   0 0 0 1px rgba(227,253,255,.16)!important;
 color:#fff!important;font-size:0!important;line-height:1!important;
 opacity:1!important;text-shadow:0 1px 2px rgba(0,31,67,.65)!important;
 white-space:normal!important;word-break:normal!important;overflow:visible!important;
}
/* Strong enough to show the new small captions under ALL original icons. */
body.tea2-workspace-r3 #rightRail#rightRail#rightRail.side-rail.expanded > :is(
 #tea2RightAiTools,#tea2RightQuickTools,#tea2RightActionRow,#tea2RightUtilityRow,#tea2RightNativeStatus)
 > .tea2-uniform-tile > .tea2-tile-caption{
 display:flex!important;flex-direction:column!important;
 justify-content:center!important;align-items:center!important;
 grid-column:auto!important;grid-row:auto!important;grid-area:auto!important;
 position:relative!important;inset:auto!important;transform:none!important;
 visibility:visible!important;opacity:1!important;
 width:100%!important;max-width:100%!important;min-width:0!important;
 height:auto!important;min-height:9px!important;max-height:22px!important;
 flex:0 0 auto!important;
 padding:0!important;margin:1px 0 0!important;
 background:transparent!important;border:0!important;box-shadow:none!important;
 font-size:7.5px!important;font-weight:750!important;line-height:9px!important;
 color:#fff!important;letter-spacing:-.13px!important;text-transform:none!important;
 white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;
 text-align:center!important;pointer-events:none!important;
}
/* Label below icon, never native duplicated tip/long text. */
body.tea2-workspace-r3 #rightRail#rightRail#rightRail.side-rail.expanded
 #tea2RightAiTools > :is(#moJamesOpen,#moMobileControl) > span.tea2-tile-caption{
 display:flex!important;
}
body.tea2-workspace-r3 #rightRail#rightRail#rightRail.side-rail.expanded
 #tea2RightNativeStatus > button.tea2-tray-status > .tea2-tile-caption{
 display:flex!important;
}
body.tea2-workspace-r3 #rightRail#rightRail#rightRail.side-rail.expanded
 #tea2RightUtilityRow > :is(#tea2EnvironmentBadge,#tea2-supermicro-wake-entry-r129,#tea2-recovery-link-r13){
 display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;
 height:58px!important;min-height:58px!important;max-height:58px!important;
 width:42px!important;min-width:42px!important;max-width:42px!important;
 padding:3px 1px 2px!important;margin:0!important;position:relative!important;
 inset:auto!important;transform:none!important;
 line-height:1!important;font-size:0!important;
 overflow:visible!important;
}
body.tea2-workspace-r3 #rightRail#rightRail#rightRail.side-rail.expanded
 #tea2RightAiTools > :is(#moJamesOpen,#moMobileControl).v160-iconized::before{
 display:block!important;
 width:24px!important;height:24px!important;min-width:24px!important;
 flex:0 0 24px!important;
 margin:2px 0 1px!important;inset:auto!important;
}
body.tea2-workspace-r3 #rightRail#rightRail#rightRail.side-rail.expanded
 #tea2RightNativeStatus > button.tea2-tray-status > .tea2-tray-status-icon{
 display:grid!important;place-items:center!important;
 width:27px!important;height:27px!important;min-width:27px!important;
 min-height:27px!important;max-height:27px!important;max-width:27px!important;
 flex:0 0 27px!important;
 background:transparent!important;border:0!important;box-shadow:none!important;
 margin:1px 0 0!important;padding:1px!important;
}
body.tea2-workspace-r3 #rightRail#rightRail#rightRail.side-rail.expanded
 #tea2RightActionRow > :is(#moGlobalSearch,#moGlobalCreate,#moGlobalApprovals) > .tea2-tile-caption{
 display:flex!important;
}
body.tea2-workspace-r3 #rightRail#rightRail#rightRail.side-rail.expanded
 #tea2RightActionRow > #moGlobalSearch.mo-command-search{
 display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;
}
body.tea2-workspace-r3 #rightRail#rightRail#rightRail.side-rail.expanded
 #tea2RightActionRow > #moGlobalSearch.mo-command-search::before{
 display:block!important;
 width:24px!important;height:24px!important;min-width:24px!important;
 flex:0 0 24px!important;margin:2px 0 1px!important;inset:auto!important;
}
/* Existing blue tile and released mail image remain visually intact. */


/* F001-R34-FIVE-BY-FIVE-CLEAN-TILES
   Owner selected exactly 5 equally wide items per row (25 = 5 x 5).
   Keep the original group wrappers DOM-wise for native handlers, flatten them
   in the CSS grid and make each existing button a direct grid item visually.
   DO NOT ALTER Egelund Mail image/src/asset/artwork. */
body.tea2-workspace-r3 #rightRail.side-rail.expanded > #tea2RightTilesMatrix{
 order:7!important;
 display:grid!important;
 grid-template-columns:repeat(5,minmax(0,1fr))!important;
 grid-template-rows:repeat(5,62px)!important;
 grid-auto-rows:62px!important;
 grid-auto-flow:row!important;
 align-content:start!important;justify-content:stretch!important;
 align-items:center!important;justify-items:center!important;
 column-gap:3px!important;row-gap:4px!important;
 flex:0 0 326px!important;
 box-sizing:border-box!important;
 width:100%!important;min-width:0!important;max-width:100%!important;
 height:326px!important;min-height:326px!important;max-height:326px!important;
 margin:5px 0 2px!important;padding:0 1px!important;
 position:relative!important;inset:auto!important;
 background:transparent!important;border:0!important;box-shadow:none!important;
 overflow:visible!important;z-index:30!important;
}
body.tea2-workspace-r3 #rightRail.side-rail:not(.expanded) > #tea2RightTilesMatrix{
 display:none!important;
}
/* Previously removed duplicate shortcuts stay hidden even after wrapping. */
body.tea2-workspace-r3 #rightRail #tea2RightTilesMatrix #moGlobalNav,
body.tea2-workspace-r3 #rightRail #tea2RightTilesMatrix #moGlobalLibrary,
body.tea2-workspace-r3 #rightRail #tea2RightTilesMatrix button[hidden]{
 display:none!important;visibility:hidden!important;
}
/* The wrappers remain as original DOM grouping but have no layout boxes. */
body.tea2-workspace-r3 #rightRail#rightRail #tea2RightTilesMatrix
 > :is(#tea2RightAiTools,#tea2RightQuickTools,#tea2RightActionRow,#tea2RightUtilityRow,#tea2RightNativeStatus){
 display:contents!important;
 position:static!important;
 flex:none!important;
 width:auto!important;min-width:0!important;max-width:none!important;
 height:auto!important;min-height:0!important;max-height:none!important;
 margin:0!important;padding:0!important;gap:0!important;
 background:none!important;border:0!important;box-shadow:none!important;
}
/* All 25 tiles: same cell footprint and blues, regardless of old high-specificity
   rules for named buttons and system status components. */
body.tea2-workspace-r3 #rightRail#rightRail#rightRail.side-rail.expanded #tea2RightTilesMatrix
 > :is(#tea2RightAiTools,#tea2RightQuickTools,#tea2RightActionRow,#tea2RightUtilityRow,#tea2RightNativeStatus)
 > .tea2-uniform-tile{
 display:flex!important;
 flex-direction:column!important;
 align-items:center!important;justify-content:flex-start!important;
 position:relative!important;top:auto!important;left:auto!important;
 right:auto!important;bottom:auto!important;inset:auto!important;
 float:none!important;transform:none!important;
 grid-area:auto!important;grid-column:auto!important;grid-row:auto!important;
 align-self:center!important;justify-self:center!important;
 box-sizing:border-box!important;
 width:min(49px,100%)!important;
 min-width:0!important;max-width:49px!important;
 height:62px!important;min-height:62px!important;max-height:62px!important;
 flex:none!important;
 margin:0!important;padding:4px 1px 2px!important;gap:0!important;
 border-radius:11px!important;border:1px solid rgba(171,231,255,.95)!important;
 background:linear-gradient(160deg,#57bbf4 0%,#218bce 20%,#075baf 58%,#063772 100%)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.67),inset 0 -8px 11px rgba(0,15,58,.31),
   0 1px 5px rgba(0,36,88,.31),0 0 0 1px rgba(226,252,255,.14)!important;
 color:#fff!important;opacity:1!important;
 font-size:0!important;line-height:1!important;
 text-align:center!important;text-shadow:0 1px 2px rgba(0,25,71,.62)!important;
 letter-spacing:0!important;white-space:normal!important;
 overflow:hidden!important;word-break:normal!important;
 text-decoration:none!important;
}
/* Published mail asset is intentionally NOT selected. Style other icon
   wrappers but never modify #mailTaskbar img or its src in any fashion. */
body.tea2-workspace-r3 #rightRail#rightRail#rightRail #tea2RightTilesMatrix
 > :is(#tea2RightAiTools,#tea2RightQuickTools,#tea2RightActionRow,#tea2RightUtilityRow,#tea2RightNativeStatus)
 > .tea2-uniform-tile > :is(.taskbar-icon,.tea2-tray-status-icon,.tea2-tile-utility-icon){
 display:grid!important;place-items:center!important;
 flex:0 0 27px!important;
 box-sizing:border-box!important;
 position:relative!important;inset:auto!important;transform:none!important;
 width:27px!important;min-width:27px!important;max-width:27px!important;
 height:27px!important;min-height:27px!important;max-height:27px!important;
 margin:0!important;padding:1px!important;
 background:none!important;border:none!important;box-shadow:none!important;
 color:#fff!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightTilesMatrix
 > :is(#tea2RightAiTools,#tea2RightQuickTools,#tea2RightActionRow,#tea2RightUtilityRow,#tea2RightNativeStatus)
 > .tea2-uniform-tile > :is(.taskbar-icon,.tea2-tray-status-icon) svg{
 width:22px!important;height:22px!important;stroke:#f8fdff!important;
}
/* Native v160 icons (James, Control, Search, Create, Godkend). */
body.tea2-workspace-r3 #rightRail#rightRail#rightRail #tea2RightTilesMatrix
 > :is(#tea2RightAiTools,#tea2RightActionRow) > .tea2-uniform-tile.v160-iconized::before{
 content:""!important;
 display:block!important;position:relative!important;inset:auto!important;
 grid-column:auto!important;grid-row:auto!important;
 align-self:center!important;justify-self:center!important;
 width:25px!important;min-width:25px!important;max-width:25px!important;
 height:25px!important;min-height:25px!important;max-height:25px!important;
 flex:0 0 25px!important;
 margin:1px 0 1px!important;padding:0!important;
 transform:none!important;background:#fff!important;opacity:1!important;
}
/* Compact captions get at most TWO lines (including Ctrl+K secondary text).
   Longer labels are readable, not piled into 3-4 overlapping rows. */
body.tea2-workspace-r3 #rightRail#rightRail#rightRail #tea2RightTilesMatrix
 > :is(#tea2RightAiTools,#tea2RightQuickTools,#tea2RightActionRow,#tea2RightUtilityRow,#tea2RightNativeStatus)
 > .tea2-uniform-tile > .tea2-tile-caption{
 display:-webkit-box!important;
 -webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;
 position:relative!important;inset:auto!important;transform:none!important;
 align-self:center!important;justify-self:center!important;
 flex:0 0 auto!important;
 box-sizing:border-box!important;
 width:100%!important;min-width:0!important;max-width:100%!important;
 height:auto!important;min-height:10px!important;max-height:20px!important;
 margin:2px 0 0!important;padding:0 1px!important;
 text-align:center!important;
 background:none!important;border:0!important;box-shadow:none!important;
 color:#fff!important;
 font-size:8px!important;font-weight:750!important;line-height:9.4px!important;
 letter-spacing:-.12px!important;
 white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;
 text-transform:none!important;
 overflow:hidden!important;opacity:1!important;
 pointer-events:none!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightTilesMatrix #moGlobalSearch > .tea2-tile-caption > .tea2-tile-hotkey{
 display:block!important;font-size:7px!important;font-weight:500!important;
 line-height:9px!important;white-space:nowrap!important;
}
/* Hide original body text from owner environment utility without hiding the
   real LIVE/TEST state text which is the caption by definition. */
body.tea2-workspace-r3 #rightRail#rightRail#rightRail #tea2RightTilesMatrix
 > #tea2RightUtilityRow > #tea2EnvironmentBadge{
 display:flex!important;flex-direction:column!important;
 align-items:center!important;justify-content:flex-start!important;
 grid-template-columns:none!important;grid-template-rows:none!important;
}
body.tea2-workspace-r3 #rightRail#rightRail#rightRail #tea2RightTilesMatrix
 > #tea2RightUtilityRow > #tea2EnvironmentBadge > strong{
 display:block!important;grid-area:auto!important;position:relative!important;
 margin:3px 0 0!important;padding:0!important;line-height:10px!important;
 color:#fff!important;font-size:9px!important;font-weight:800!important;
}
body.tea2-workspace-r3 #rightRail#rightRail#rightRail #tea2RightTilesMatrix
 > #tea2RightUtilityRow > #tea2EnvironmentBadge > small{
 display:block!important;grid-area:auto!important;position:relative!important;
 margin:0!important;padding:0!important;line-height:9px!important;
 font-size:7px!important;color:#e2f5ff!important;
}
body.tea2-workspace-r3 #rightRail#rightRail#rightRail #tea2RightTilesMatrix
 > #tea2RightUtilityRow > #tea2EnvironmentBadge > .tea2-env-dot{
 position:absolute!important;top:3px!important;right:3px!important;
 bottom:auto!important;left:auto!important;
 width:7px!important;height:7px!important;
}
/* Remove all old original long text and tray decorations, not their
   backend status data/handlers. Keep only icon + caption + status light. */
body.tea2-workspace-r3 #rightRail #tea2RightTilesMatrix
 > #tea2RightNativeStatus > button.tea2-tray-status
 > :not(.tea2-tray-status-icon):not(.tea2-tray-live-dot):not(.tea2-tile-caption){
 display:none!important;
}
body.tea2-workspace-r3 #rightRail#rightRail#rightRail #tea2RightTilesMatrix
 > #tea2RightNativeStatus > button.tea2-tray-status > .tea2-tray-live-dot{
 display:block!important;position:absolute!important;
 top:3px!important;right:3px!important;bottom:auto!important;left:auto!important;
 width:7px!important;height:7px!important;
 min-width:7px!important;min-height:7px!important;max-width:7px!important;max-height:7px!important;
 border-radius:50%!important;z-index:12!important;
}
/* Old taskbar tips and legacy text must never be painted over new caption. */
body.tea2-workspace-r3 #rightRail #tea2RightTilesMatrix
 > :is(#tea2RightAiTools,#tea2RightQuickTools,#tea2RightActionRow,#tea2RightUtilityRow)
 > .tea2-uniform-tile > :is(.taskbar-tip,.mo-command-kbd){
 display:none!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightTilesMatrix #moGlobalSearch
 > span:not(.tea2-tile-caption){
 display:none!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightTilesMatrix
 #moGlobalApprovals > span:not(.tea2-tile-caption):not(#moApprovalCount),
body.tea2-workspace-r3 #rightRail #tea2RightTilesMatrix
 #moGlobalCreate > span:not(.tea2-tile-caption){
 display:none!important;
}
/* Crucial: red badges float in the tile corner without consuming label space. */
body.tea2-workspace-r3 #rightRail#rightRail #tea2RightTilesMatrix #moGlobalApprovals > #moApprovalCount,
body.tea2-workspace-r3 #rightRail#rightRail #tea2RightTilesMatrix
 > :is(#tea2RightQuickTools,#tea2RightActionRow) > button.tea2-uniform-tile > .badge{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 position:absolute!important;top:-3px!important;right:-3px!important;bottom:auto!important;left:auto!important;
 width:auto!important;height:15px!important;min-width:14px!important;max-width:27px!important;
 min-height:15px!important;max-height:15px!important;
 padding:1px 3px!important;margin:0!important;line-height:12px!important;
 border-radius:9px!important;border:1px solid #fff!important;
 background:#f0445f!important;color:#fff!important;font-size:9px!important;
 font-weight:800!important;box-shadow:0 1px 7px rgba(154,0,28,.45)!important;
 z-index:16!important;opacity:1!important;
}
body.tea2-workspace-r3 #rightRail#rightRail #tea2RightTilesMatrix
 > :is(#tea2RightQuickTools,#tea2RightActionRow) > button.tea2-uniform-tile > .badge[hidden]{
 display:none!important;
}
/* Don't interfere with the released Egelund Mail image or SVG raster. */
body.tea2-workspace-r3 #rightRail #tea2RightTilesMatrix #mailTaskbar > .email-taskbar-icon{
 width:27px!important;height:27px!important;min-width:27px!important;min-height:27px!important;
 padding:0!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightTilesMatrix
 > #tea2RightAiTools > #moJamesOpen > #moJamesDot{
 display:block!important;position:absolute!important;
 top:3px!important;right:3px!important;bottom:auto!important;left:auto!important;
 width:7px!important;height:7px!important;
}
/* Status colors remain backend-driven, not hardcoded to online. */
body.tea2-workspace-r3 #rightRail #tea2RightTilesMatrix .tea2-tray-live-dot.online{
 background:#16e88a!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightTilesMatrix .tea2-tray-live-dot.offline{
 background:#ff425d!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightTilesMatrix .tea2-tray-live-dot.pending{
 background:#ffb62e!important;
}
/* Consistent hover and focus on the same controls in every row. */
body.tea2-workspace-r3 #rightRail #tea2RightTilesMatrix .tea2-uniform-tile:hover{
 filter:brightness(1.1)!important;
}
body.tea2-workspace-r3 #rightRail #tea2RightTilesMatrix .tea2-uniform-tile:focus-visible{
 outline:2px solid #bceeff!important;outline-offset:1px!important;
}


/* F001-R35-HIDE-LEGACY-SEARCH-LABEL
   Remove doubled 'S??g' rendered by the original Search span after adding
   the accessible visible caption. The original span stays in DOM for handlers.
   Keep red unread/approval badges outside the exact tile outline. */
body.tea2-workspace-r3 #rightRail#rightRail#rightRail.side-rail.expanded
 #tea2RightTilesMatrix > #tea2RightActionRow > #moGlobalSearch
 > span:not(.tea2-tile-caption){
 display:none!important;visibility:hidden!important;
 position:static!important;width:0!important;height:0!important;
}
body.tea2-workspace-r3 #rightRail#rightRail#rightRail.side-rail.expanded
 #tea2RightTilesMatrix > #tea2RightActionRow > #moGlobalSearch > .tea2-tile-caption{
 display:-webkit-box!important;-webkit-line-clamp:2!important;
 -webkit-box-orient:vertical!important;
 visibility:visible!important;
 position:relative!important;inset:auto!important;
 font-size:8px!important;line-height:9.4px!important;
 margin-top:2px!important;max-height:20px!important;
}
/* Preserve the status and unread counters above the tile top right edge. */
body.tea2-workspace-r3 #rightRail#rightRail#rightRail.side-rail.expanded
 #tea2RightTilesMatrix > :is(
 #tea2RightAiTools,#tea2RightQuickTools,#tea2RightActionRow,
 #tea2RightUtilityRow,#tea2RightNativeStatus) > .tea2-uniform-tile{
 overflow:visible!important;
}
body.tea2-workspace-r3 #rightRail#rightRail#rightRail.side-rail.expanded
 #tea2RightTilesMatrix #moGlobalApprovals > #moApprovalCount{
 display:inline-flex!important;position:absolute!important;
 top:-3px!important;right:-3px!important;
 z-index:17!important;visibility:visible!important;
}
/* Native unneeded rich tray fields remain hidden inside status tiles. */
body.tea2-workspace-r3 #rightRail#rightRail#rightRail.side-rail.expanded
 #tea2RightTilesMatrix > #tea2RightNativeStatus > button.tea2-tray-status
 > :not(.tea2-tray-status-icon):not(.tea2-tray-live-dot):not(.tea2-tile-caption){
 display:none!important;
}