.tc-workspace-logo{display:block!important;width:150px!important;height:45px!important;object-fit:contain;object-position:left;margin:0 0 8px!important}.tc-dashboard-status{color:#475569;font-size:13px;margin:8px 0 16px}.tc-month-history{display:grid;gap:6px;margin:8px 0 20px;color:#475569;font-size:13px}.tc-month-history .tc-link-btn{display:inline;padding:0;font-size:inherit}.tc-live-notices{display:grid;gap:14px}.tc-live-notice{padding:18px}.tc-live-notice.unread{border-left:4px solid #2455a4}.tc-live-notice small{display:block;color:#64748b;margin-top:5px}.tc-live-notice p{white-space:pre-wrap;overflow-wrap:anywhere}#tcNotificationBell{white-space:nowrap}@media(max-width:600px){.top-actions{flex-wrap:wrap}#tcNotificationBell{font-size:13px}}

/* Each tab uses the available workspace, including the agent and subscription pages. */
body[data-workspace] #app .shell .main{min-width:0}
body[data-workspace] #app .shell .main > .section{width:100%!important;max-width:none!important;min-width:0;box-sizing:border-box;overflow-wrap:anywhere;padding:24px!important}
body[data-workspace] #app .shell .main > #home{padding:0!important}
body[data-workspace] #app .main :is(.tc-agent-wrap,.pf-focus){width:100%!important;max-width:none!important;min-width:0}
body[data-workspace] #app .main .tc-agent-plans{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))!important}
body[data-workspace] #app .main :is(.grid,.form-grid,.profile-grid,.profile-doc-grid,.tc-agent-fields,.tc-feature-grid,.tc-lower,.tc-stat-grid)>*{min-width:0}
body[data-workspace] #app .main .profile-hero>div{min-width:0;max-width:100%}
body[data-workspace] #app .main .profile-doc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-workspace] #app .main :is(input,select,textarea){min-width:0;max-width:100%}
body[data-workspace] #app .main :is(.table-wrap,.tc-ag-shell){max-width:100%}
body[data-workspace] #app .top{flex-wrap:wrap}
body[data-workspace] #app .top>div:first-child{flex:1 1 260px;min-width:0;overflow-wrap:anywhere}
body[data-workspace] #app .top-actions{flex-wrap:wrap;max-width:100%;gap:10px}
body[data-workspace] #app .main .btn{max-width:100%;white-space:normal}
body[data-workspace] #app #tcNotificationBell{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;padding:10px;white-space:nowrap}
body[data-workspace] #app #tcNotificationBell svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body[data-workspace] #app #tcNotificationBell [data-notice-badge]{position:absolute;top:-5px;right:-5px;min-width:20px;height:20px;padding:0 4px;display:flex;align-items:center;justify-content:center;background:#d92f45;color:#fff;border:2px solid #fff;border-radius:999px;font-size:10px;line-height:1;font-weight:800}
body[data-workspace] #app #tcNotificationBell [hidden]{display:none!important}
body[data-workspace] #app #tcNotificationBell:focus-visible{outline:3px solid #2455a4;outline-offset:3px}
@media(max-width:760px){
 body[data-workspace] #app .shell .main > .section{padding:16px!important}
 body[data-workspace] #app .top>div:first-child{flex-basis:auto;width:100%}
 body[data-workspace] #app .main :is(.form-grid,.profile-grid,.profile-doc-grid,.tc-agent-fields){grid-template-columns:minmax(0,1fr)!important}
 body[data-workspace] #app .main :is(.form-grid,.profile-grid,.tc-agent-fields)>.full{grid-column:1/-1}
 body[data-workspace] #app .main .tc-agent-plans{grid-template-columns:minmax(0,1fr)!important}
}