#tr-comms .tr-nav-bottom{margin-top:auto;display:flex;flex-direction:column;gap:8px;width:100%;}
#tr-comms .tr-nav-bottom .tr-auto-nav{margin:0;}
#tr-comms .tr-nav-bottom .tr-profile{margin-top:4px;}
#tr-comms .tr-mirror{font-size:12px;opacity:.78;width:100%;}
#tr-comms .tr-mirror[aria-pressed="true"]{opacity:1;background:#ffffff20;}
@media(min-width:901px){
  #tr-comms[data-mirror="true"] .tr-shell{grid-template-columns:var(--tr-inbox-width,234px) 12px minmax(0,1fr) var(--tr-sidebar-width,164px);}
  #tr-comms[data-mirror="true"] .tr-nav{grid-column:4;grid-row:1;}
  #tr-comms[data-mirror="true"] .tr-list{grid-column:1;grid-row:1;}
  #tr-comms[data-mirror="true"] .tr-inbox-divider{grid-column:2;grid-row:1;}
  #tr-comms[data-mirror="true"] .tr-workspace{grid-column:3;grid-row:1;}
  #tr-comms[data-mirror="true"][data-automations="true"] .tr-shell{grid-template-columns:minmax(0,1fr) var(--tr-sidebar-width,164px);}
  #tr-comms[data-mirror="true"][data-automations="true"] .tr-nav{grid-column:2;}
  #tr-comms[data-mirror="true"] .tr-automations{grid-column:1;grid-row:1;}
}
@media(max-width:900px){
  #tr-comms .tr-nav-bottom{margin:0;width:auto;flex-direction:row;align-items:center;gap:4px;}
}
/* A narrow side-by-side window keeps an icon rail on the right in Mirror Mode. */
@media(min-width:651px) and (max-width:900px){
  #tr-comms[data-mirror="true"] .tr-shell{grid-template-columns:var(--tr-inbox-width,205px) 12px minmax(0,1fr) 64px;grid-template-rows:minmax(0,1fr);}
  #tr-comms[data-mirror="true"] .tr-nav{grid-column:4;grid-row:1;flex-direction:column;flex-wrap:nowrap;align-items:stretch;padding:16px 8px;gap:24px;min-height:0;overflow:auto;}
  #tr-comms[data-mirror="true"] .tr-brand{padding:0;margin:0;}
  #tr-comms[data-mirror="true"] .tr-logo,#tr-comms[data-mirror="true"] .tr-logo img{width:44px;max-width:44px;height:auto;}
  #tr-comms[data-mirror="true"] .tr-nav-section,#tr-comms[data-mirror="true"] .tr-nav-items{display:flex;flex-direction:column;align-items:stretch;}
  #tr-comms[data-mirror="true"] .tr-nav-text,#tr-comms[data-mirror="true"] .tr-nav-label,#tr-comms[data-mirror="true"] .tr-profile>div{display:none;}
  #tr-comms[data-mirror="true"] .tr-nav-button{justify-content:center;padding:10px 0;position:relative;min-height:40px;}
  #tr-comms[data-mirror="true"] .tr-count{position:absolute;right:-3px;top:0;font-size:9px;}
  #tr-comms[data-mirror="true"] .tr-nav-bottom{margin-top:auto;flex-direction:column;width:100%;}
  #tr-comms[data-mirror="true"] .tr-profile{display:flex;flex-wrap:wrap;justify-content:center;padding-left:0;padding-right:0;}
  #tr-comms[data-mirror="true"] .tr-list{grid-column:1;grid-row:1;}
  #tr-comms[data-mirror="true"] .tr-inbox-divider{grid-column:2;grid-row:1;}
  #tr-comms[data-mirror="true"] .tr-workspace{grid-column:3;grid-row:1;}
  #tr-comms[data-mirror="true"][data-automations="true"] .tr-shell{grid-template-columns:minmax(0,1fr) 64px;}
  #tr-comms[data-mirror="true"][data-automations="true"] .tr-nav{grid-column:2;}
  #tr-comms[data-mirror="true"] .tr-automations{grid-column:1;grid-row:1;}
}
#tr-comms #tr-call,#tr-comms #tr-done{background:#0567ee;border-color:#0567ee;color:#fff;}
#tr-comms #tr-call:hover,#tr-comms #tr-done:hover{background:#045bd3;border-color:#045bd3;filter:none;}

/* PaintScout-inspired hierarchy, carried through both the preview and pilot. */
#tr-comms{--tr-line:#dce3ed;}
#tr-comms .tr-nav-button{color:#fff;font-size:14px;font-weight:500;gap:9px;padding:10px 8px;}
#tr-comms .tr-nav-button .tr-nav-icon{width:19px;height:19px;color:#fff;fill:currentColor;stroke:none;}
#tr-comms .tr-nav-button:hover{background:#ffffff14;}
#tr-comms .tr-nav-button[aria-pressed="true"]{background:#52637c;box-shadow:inset 3px 0 #74a7ff;}
#tr-comms .tr-nav-label{font-size:12px;font-weight:500;letter-spacing:1.1px;color:#c6d3e5;}
#tr-comms .tr-nav-button:focus-visible{outline-color:#b9d3ff;}
#tr-comms .tr-mirror{opacity:1;font-size:13px;}
#tr-comms .tr-count{font-weight:500;background:#ffffff21;color:#fff;}
#tr-comms #tr-mention-count{background:#0567ee;}
#tr-comms .tr-profile{font-weight:500;color:#fff;}
#tr-comms .tr-profile small{font-weight:400;}
#tr-comms .tr-nav-footer{display:none;}
#tr-comms .tr-list-head{background:#f7f9fc;}
#tr-comms .tr-list-title h2,#tr-comms .tr-identity h2{font-weight:600;}
#tr-comms .tr-jobbar{background:#f3f6fb;}
#tr-comms .tr-tabs{background:#fff;}
#tr-comms .tr-tab[aria-pressed="true"]{font-weight:600;background:#eff5ff;border-radius:5px 5px 0 0;}

@media(min-width:901px){
  #tr-comms .tr-nav{padding-top:16px;padding-bottom:10px;gap:18px;overflow-y:auto;min-height:0;}
  #tr-comms .tr-nav>*,#tr-comms .tr-nav-bottom>*{flex-shrink:0;}
  #tr-comms .tr-brand{padding:0 8px;}
  #tr-comms .tr-nav>.tr-nav-section{border-top:1px solid #ffffff30;padding-top:18px;}
  #tr-comms .tr-nav-bottom{border-top:1px solid #ffffff30;padding-top:10px;gap:6px;}
  #tr-comms .tr-profile{border-top-color:#ffffff30;}
  #tr-comms .tr-nav-footer{display:flex;align-items:center;padding-top:8px;}
  #tr-comms #tr-sidebar-toggle{position:static;display:flex;width:36px;height:36px;border:1px solid #899bb26b;border-radius:5px;background:transparent;color:#fff;}
  #tr-comms #tr-sidebar-toggle:hover{background:#ffffff18;border-color:#b7c8df;}
  #tr-comms #tr-sidebar-toggle .tr-collapse-arrow{width:17px;height:17px;transform:rotate(0deg);}
  #tr-comms[data-sidebar-collapsed="true"] .tr-nav{gap:18px;}
  #tr-comms[data-sidebar-collapsed="true"] .tr-nav-footer{justify-content:center;}
  #tr-comms[data-sidebar-collapsed="true"] #tr-sidebar-toggle .tr-collapse-arrow,
  #tr-comms[data-mirror="true"] #tr-sidebar-toggle .tr-collapse-arrow{transform:rotate(180deg);}
  #tr-comms[data-mirror="true"][data-sidebar-collapsed="true"] #tr-sidebar-toggle .tr-collapse-arrow{transform:rotate(0deg);}
  #tr-comms[data-mirror="true"] .tr-nav-footer{justify-content:flex-end;}
  #tr-comms[data-mirror="true"][data-sidebar-collapsed="true"] .tr-nav-footer{justify-content:center;}
  #tr-comms[data-mirror="true"] .tr-nav-button[aria-pressed="true"]{box-shadow:inset -3px 0 #74a7ff;}
}
@media(min-width:651px) and (max-width:900px){
  #tr-comms[data-mirror="true"] .tr-nav>.tr-nav-section{border-top:1px solid #ffffff30;padding-top:16px;}
  #tr-comms[data-mirror="true"] .tr-nav-bottom{border-top:1px solid #ffffff30;padding-top:12px;}
}
@media(max-width:900px){
  #tr-comms .tr-nav>.tr-nav-section{border-left:1px solid #ffffff30;padding-left:8px;}
  #tr-comms[data-mirror="true"] .tr-nav>.tr-nav-section{border-left:0;padding-left:0;}
  #tr-comms .tr-nav-button{padding:8px;}
}