/* UPLY_CHAT_WORKSPACE_20261014 — isolated direct-chat workspace + compact ordinary header. */
#tcAdminEntry[hidden],#tcAdminNativeEntry[hidden],#tcAdmin [hidden],#tcChatHeader[hidden]{display:none!important}
body.tcAdminOpen{overflow:hidden!important}
#tcAdmin{--tc-bg:#f2f7fd;--tc-panel:#fff;--tc-text:#142d4f;--tc-muted:#6a83a4;--tc-border:#dce7f5;--tc-hold:#fff6e4;--tc-hold-text:#946016;--tc-link:#1665da;--tc-active:#e9f2ff;--tc-out:#e6f0ff;position:fixed;inset:0;z-index:11000;background:#172d4c4d;display:flex;align-items:center;justify-content:center;padding:14px;color:var(--tc-text);font:14px/1.45 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-sizing:border-box}
#tcAdmin *{box-sizing:border-box}#tcAdmin button,#tcAdmin input{font:inherit}#tcAdmin h2,#tcAdmin h3,#tcAdmin p{margin:0}#tcAdmin h2{font-size:25px;line-height:1.2;letter-spacing:-.5px}#tcAdmin h3{font-size:16px;line-height:1.3}#tcAdmin button{cursor:pointer;border:1px solid var(--tc-border);border-radius:9px;background:var(--tc-panel);color:var(--tc-text);padding:8px 12px;min-height:36px;box-shadow:none;white-space:normal;line-height:1.3;transform:none}#tcAdmin button:hover{background:var(--tc-bg)}#tcAdmin button:disabled{opacity:.45;cursor:not-allowed}#tcAdmin button:focus-visible,#tcAdmin input:focus-visible{outline:3px solid #84b3fa;outline-offset:2px}
#tcAdmin .tcFrame{background:var(--tc-panel);border:1px solid var(--tc-border);border-radius:18px;box-shadow:0 24px 80px #1535553b;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}
#tcAdmin .tcTop{display:flex;align-items:center;gap:18px;padding:18px 22px 12px;flex:none}#tcAdmin .tcWorkspaceHeading{display:flex;align-items:center;gap:10px;min-width:250px}#tcAdmin .tcBrandMark{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:13px;background:var(--tc-link);color:#fff;font-size:24px;font-weight:800;font-style:italic}#tcAdmin .tcWorkspaceHeading p{font-size:12px;color:var(--tc-muted);margin-top:4px}#tcAdmin .tcGlobalSearch{display:flex;align-items:center;gap:8px;border:1px solid var(--tc-border);border-radius:10px;padding:0 12px;max-width:540px;min-width:120px;flex:1;color:var(--tc-muted)}#tcAdmin .tcGlobalSearch span{font-size:25px}#tcAdmin .tcGlobalSearch input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--tc-text);padding:11px 0}#tcAdmin .tcGlobalSearch:focus-within{border-color:#7eacf1;box-shadow:0 0 0 2px #7eacf133}#tcAdmin .tcGlobalSearch input:focus-visible{outline:0}#tcAdmin .tcTopRefresh{margin-left:auto;font-size:12px}#tcAdmin .tcClose{font-size:25px;padding:0;width:36px;flex:none;border-color:transparent}
#tcAdmin .tcWorkspaceTabs{display:flex;align-items:center;gap:4px;padding:0 22px 16px;border-bottom:1px solid var(--tc-border);flex-wrap:wrap;flex:none}#tcAdmin .tcWorkspaceTabs>button{min-width:175px;background:var(--tc-bg);font-weight:600}#tcAdmin .tcWorkspaceTabs>button.tcActiveMode,#tcAdmin .tcRecipientFilters button.tcActiveMode{color:#fff;background:var(--tc-link);border-color:var(--tc-link)}#tcAdmin .tcCount{display:inline-block;min-width:23px;padding:2px 7px;border-radius:20px;background:#eaf0f7;color:#365578;font-size:12px;font-weight:650;text-align:center}#tcAdmin #tcWorkspaceQueueCount{margin-left:6px;background:#f4a112;color:#fff}#tcAdmin .tcScope{margin-left:auto;display:flex;gap:6px;align-items:center;font-size:11px;color:var(--tc-muted)}#tcAdmin .tcScope button{font-size:11px;padding:5px 7px;min-height:28px}
#tcAdminNotice{padding:8px 20px;background:#eaf2ff;color:#234e9b;border-bottom:1px solid var(--tc-border);white-space:pre-wrap;overflow-wrap:anywhere;flex:none;font-size:12px}#tcAdminNotice.tcError{color:#9a352b;background:#fff0e9}
#tcAdmin .tcGrid{flex:1;min-height:0;display:grid;grid-template-columns:235px 290px minmax(0,1fr)}#tcAdmin .tcTutorPane,#tcAdmin .tcListPane{display:flex;flex-direction:column;min-width:0;min-height:0;border-right:1px solid var(--tc-border);background:var(--tc-panel)}#tcAdmin .tcPaneHeading{display:flex;align-items:center;gap:7px;padding:17px 18px 13px}#tcAdmin .tcTutorList{overflow:auto;flex:1;padding:0 7px;overscroll-behavior:contain}#tcAdmin .tcTeacher{display:flex;align-items:center;gap:9px;width:100%;text-align:left;border:1px solid transparent;margin-bottom:3px;padding:12px 9px;border-radius:10px;min-height:72px}#tcAdmin .tcTeacher.tcActive{background:var(--tc-active);border-color:#dbeaff}#tcAdmin .tcTeacherNames{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1;overflow-wrap:anywhere}#tcAdmin .tcTeacherNames strong{font-size:12px}#tcAdmin .tcTeacherAll{min-height:42px;font-size:12px;font-weight:600;justify-content:space-between}#tcAdmin .tcChevron{color:var(--tc-muted);font-size:21px;flex:none}#tcAdmin .tcAttentionCount{border-radius:20px;min-width:22px;padding:3px 5px;background:#ee9d18;color:#fff;font-weight:650;font-size:11px;text-align:center;flex:none}
#tcAdmin .tcAvatar{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:50%;background:#dceafe;color:#365cac;font-weight:700;font-size:16px;letter-spacing:-.3px}#tcAdmin .tcAvatar[data-tc-color="1"]{background:#e8ddfa;color:#755da6}#tcAdmin .tcAvatar[data-tc-color="2"]{background:#d9efe2;color:#38715b}#tcAdmin .tcAvatar[data-tc-color="3"]{background:#d9edfb;color:#3e799d}#tcAdmin .tcAvatar[data-tc-color="4"]{background:#eeE6dc;color:#866a47}#tcAdmin .tcLegend{display:flex;flex-direction:column;gap:8px;flex:none;padding:16px 18px;color:var(--tc-muted);font-size:10px;border-top:1px solid var(--tc-border)}#tcAdmin .tcLegend span{display:flex;align-items:center;gap:7px}#tcAdmin .tcDot{display:inline-block;width:8px;height:8px;border-radius:50%}#tcAdmin .tcDotAmber{background:#ee9d18}
#tcAdmin .tcChatListHead{padding:16px 16px 11px;flex:none}#tcAdmin .tcChatListHead h3{overflow-wrap:anywhere}#tcAdmin .tcChatListHead p{margin-top:3px}#tcAdmin .tcRecipientFilters{display:flex;gap:5px;margin-top:14px}#tcAdmin .tcRecipientFilters button{min-height:33px;padding:6px 9px;flex:1;font-size:11px;background:var(--tc-bg)}#tcAdmin .tcList{overflow:auto;flex:1;padding:0 6px 8px;overscroll-behavior:contain}#tcAdmin .tcConversation{display:flex;gap:10px;align-items:flex-start;width:100%;text-align:left;padding:13px 10px;margin:0;border:1px solid transparent;border-bottom-color:var(--tc-border);border-radius:0}#tcAdmin .tcConversation.tcActive{border-color:transparent;border-radius:11px;background:var(--tc-active)}#tcAdmin .tcConversation .tcAvatar{width:39px;height:39px;font-size:15px}#tcAdmin .tcConversationBody{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}#tcAdmin .tcConversationTop{display:flex;align-items:flex-start;gap:8px;min-width:0}#tcAdmin .tcConversationTop strong{font-size:12px;flex:1;overflow-wrap:anywhere}#tcAdmin .tcChatTime{font-size:10px;color:var(--tc-muted);white-space:nowrap}#tcAdmin .tcContactRelation,#tcAdmin .tcChannel{font-size:11px;color:var(--tc-muted);overflow-wrap:anywhere}#tcAdmin .tcChannel{font-size:10px}#tcAdmin .tcChatStatus{font-size:10px;color:var(--tc-muted);margin-top:2px;line-height:1.4;overflow-wrap:anywhere}#tcAdmin .tcChatStatus.tcHold{display:inline-block;align-self:flex-start;background:var(--tc-hold);color:var(--tc-hold-text);border:1px solid #ffe0ad;border-radius:6px;padding:3px 6px}#tcAdmin .tcConversation .tcChevron{align-self:center}
#tcAdmin .tcMuted{color:var(--tc-muted);font-size:11px}#tcAdmin .tcEmpty{padding:20px 12px;color:var(--tc-muted);font-size:12px;line-height:1.6}#tcAdmin .tcDetail{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--tc-panel)}#tcAdmin .tcDetailEmpty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;padding:30px;color:var(--tc-muted);gap:9px;background:var(--tc-bg)}#tcAdmin .tcDetailEmpty h3{color:var(--tc-text)}#tcAdmin .tcDetailEmpty p{max-width:300px;font-size:12px}#tcAdmin .tcEmptyIcon{display:grid;place-items:center;width:70px;height:70px;background:#e3edfb;border-radius:22px;color:#7499ca;font-size:40px}
#tcAdmin .tcDetailHead{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid var(--tc-border);flex:none;flex-wrap:wrap}#tcAdmin .tcDetailNames{flex:1;min-width:90px;overflow-wrap:anywhere}#tcAdmin .tcDetailNames h3{font-size:16px}#tcAdmin .tcDetailNames p{margin-top:3px;font-size:11px}#tcAdmin .tcRefreshHistory{font-size:11px;padding:7px 9px;min-height:32px}#tcAdmin [data-tc-action=open-messenger]{color:var(--tc-link);border-color:#a6c7fa}#tcAdmin .tcBack{display:none}#tcAdmin .tcDialogStatus{display:flex;align-items:flex-start;gap:10px;padding:10px 13px;margin:10px 12px;border:1px solid var(--tc-border);border-radius:10px;background:var(--tc-bg);flex:none;font-size:11px;color:var(--tc-muted)}#tcAdmin .tcDialogStatus.tcHold{background:var(--tc-hold);border-color:#f2c879;color:var(--tc-hold-text)}#tcAdmin .tcDialogStatus strong{display:block;color:var(--tc-text);font-size:12px;margin-bottom:3px;overflow-wrap:anywhere}#tcAdmin .tcDialogStatus.tcHold strong{color:var(--tc-hold-text)}#tcAdmin .tcStatusSymbol{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e6edf8;color:#4a709d;font-weight:750;flex:none}#tcAdmin .tcHold .tcStatusSymbol{background:#eea020;color:#fff}#tcAdmin .tcRequestReason{margin:0 12px 9px;padding:9px 12px;background:var(--tc-bg);border-radius:8px;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere;flex:none}
#tcAdmin .tcTimeline{flex:1;min-height:0;overflow:auto;padding:12px 17px;background:linear-gradient(145deg,var(--tc-bg),var(--tc-panel));overscroll-behavior:contain;overflow-anchor:none}#tcAdmin .tcOlder{display:block;margin:0 auto 12px;font-size:11px}#tcAdmin .tcDay{width:fit-content;margin:8px auto 18px;border:1px solid var(--tc-border);border-radius:18px;padding:5px 12px;background:var(--tc-panel);color:var(--tc-muted);font-size:11px}#tcAdmin .tcPrivateDivider{display:flex;align-items:center;gap:10px;margin:20px 0 14px;text-align:center;white-space:nowrap;color:var(--tc-muted);font-size:10px}#tcAdmin .tcPrivateDivider:before,#tcAdmin .tcPrivateDivider:after{content:"";height:1px;background:var(--tc-border);flex:1}
#tcAdmin .tcMessage{background:var(--tc-panel);border:1px solid var(--tc-border);border-radius:13px 13px 13px 3px;margin:0 auto 12px 0;padding:10px 12px;width:fit-content;max-width:88%;min-width:150px;overflow-wrap:anywhere}#tcAdmin .tcOutgoingMessage{margin-left:auto;margin-right:0;border-radius:13px 13px 3px 13px;background:var(--tc-out);border-color:#d3e4ff}#tcAdmin .tcPrivateMessage{background:#fffaf0;border-color:#f2d4a1}#tcAdmin .tcHeldMessage{border-color:#efc67f}#tcAdmin .tcMessageTop{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:7px;font-size:10px;color:var(--tc-muted)}#tcAdmin .tcMessageTop strong{color:#365779;max-width:100%;overflow-wrap:anywhere}#tcAdmin .tcAdminMessage .tcMessageTop strong{color:var(--tc-link)}#tcAdmin .tcBadge{display:inline-block;font-size:9px;border:1px solid var(--tc-border);background:#ffffff66;border-radius:5px;padding:2px 4px;line-height:1.2}#tcAdmin .tcSelect{display:flex;align-items:center;gap:5px;margin-left:auto;cursor:pointer;font-size:10px}#tcAdmin input[type=checkbox]{width:17px;height:17px;margin:0;flex:none;accent-color:var(--tc-link)}#tcAdmin .tcMessageText{white-space:pre-wrap;user-select:text;line-height:1.5;font-size:12px}#tcAdmin .tcTextLabel{font-size:10px;font-weight:650;color:var(--tc-muted);margin:9px 0 3px}#tcAdmin .tcReason,#tcAdmin .tcWarning{padding:6px 8px;margin-top:8px;border-radius:6px;background:var(--tc-hold);color:var(--tc-hold-text);font-size:10px;white-space:pre-wrap}#tcAdmin .tcPrivate,#tcAdmin .tcPublic{color:var(--tc-muted);font-size:10px;margin-top:8px}#tcAdmin .tcPublic{color:#3e7799}
#tcAdmin .tcFiles{display:grid;gap:7px;margin-top:6px}#tcAdmin .tcFile{display:flex;align-items:center;gap:6px;flex-wrap:wrap;border-top:1px solid var(--tc-border);padding-top:7px}#tcAdmin .tcFilename{flex:1;min-width:80px;overflow-wrap:anywhere;font-size:11px}#tcAdmin .tcFile button{font-size:10px;min-height:30px;padding:5px 8px}#tcAdmin .tcFilePreview{display:block;width:100%;max-width:480px;max-height:350px;object-fit:contain;flex-basis:100%;background:var(--tc-bg);border-radius:6px}
#tcAdmin .tcActions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;flex:none;padding:13px 17px;border-top:1px solid var(--tc-border);background:var(--tc-panel)}#tcAdmin .tcActionLine{display:flex;gap:6px;align-items:center;flex-wrap:wrap;min-width:0}#tcAdmin .tcSelectionCount{font-size:10px;flex-basis:100%;color:var(--tc-muted)}#tcAdmin .tcActionLine button{font-size:11px;flex:1;min-width:100px}#tcAdmin .tcPrimary{background:var(--tc-link);color:#fff;border-color:var(--tc-link)}#tcAdmin .tcPrimary:hover{background:#1157c0}#tcAdmin .tcResume{align-self:end;background:var(--tc-link);color:#fff;border-color:var(--tc-link);font-size:12px;padding:10px 14px}#tcAdmin .tcResume:hover{background:#1157c0}#tcAdmin .tcPause{align-self:end;font-size:11px;background:var(--tc-hold);color:var(--tc-hold-text);border-color:#e8cf9d}#tcAdmin .tcActionHint{grid-column:1/-1;font-size:10px;line-height:1.45;color:var(--tc-muted)}#tcAdmin .tcConfirm{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}#tcAdmin .tcConfirm p{flex-basis:100%;margin-bottom:4px;font-size:12px}
/* Compact indicator inside the ordinary Messenger chat header. */
#tcChatHeader{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap;width:fit-content;max-width:100%;min-width:0;box-sizing:border-box;margin:0;padding:0;border:0;background:transparent;color:#466c59;font:11px/1.3 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;white-space:normal;order:3;flex:0 1 auto}
#tcChatHeader .tcHeaderStatus{overflow-wrap:anywhere;border-radius:5px;background:#eaf5ef;padding:3px 6px;max-width:270px}#tcChatHeader.tcHeaderHold{color:#8c6027}#tcChatHeader.tcHeaderHold .tcHeaderStatus{background:#fff3dc}#tcChatHeader button{font:inherit;min-height:24px;padding:2px 6px;border:1px solid #cedbed;border-radius:5px;background:transparent;color:inherit;white-space:normal;cursor:pointer;box-shadow:none;transform:none}#tcChatHeader button:disabled{opacity:.5;cursor:wait}#tcChatHeader button:focus-visible{outline:3px solid #779bec;outline-offset:2px}
/* Preserve all ordinary header information and controls while reducing whitespace. */
body #chatPane > .chatHeader,body.uplyWorkspace4 #chatPane > .chatHeader{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;min-height:60px!important;height:auto!important;padding:7px 12px!important;gap:4px 8px!important;align-items:start!important}
body #chatPane .chatTargetCard,body.uplyWorkspace4 #chatPane .chatTargetCard{display:flex!important;flex-wrap:wrap!important;align-items:center!important;align-self:start!important;grid-column:1;grid-row:1/3;gap:4px 6px!important;min-width:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
body #chatPane .chatTargetLabel,body.uplyWorkspace4 #chatPane .chatTargetLabel{display:none!important}
body #chatPane #chatTitle,body.uplyWorkspace4 #chatPane .chatTargetCard #chatTitle{display:block!important;flex:1 0 100%!important;width:100%!important;max-width:100%!important;font-size:16px!important;line-height:1.25!important;padding:0!important;margin:0 0 2px!important;overflow-wrap:anywhere!important;white-space:normal!important;-webkit-line-clamp:unset!important;overflow:visible!important}
body #chatPane #chatChannel,body.uplyWorkspace4 #chatPane .chatTargetCard #chatChannel{display:inline-flex!important;order:0!important;font-size:10px!important;padding:2px 5px!important;margin:0!important;line-height:1.2!important;border-radius:4px!important}
body #chatPane #chatHeaderRoleBadge,body.uplyWorkspace4 #chatPane #chatHeaderRoleBadge{order:1!important;margin:0!important;padding:2px 5px!important;font-size:10px!important;line-height:1.3!important}
body #chatPane #chatLinkedTutorWrap,body.uplyWorkspace4 #chatPane #chatLinkedTutorWrap{display:flex!important;flex:0 1 auto!important;order:2!important;gap:4px!important;flex-wrap:wrap!important;margin:0!important;min-width:0!important}
body #chatPane #chatLinkedTutorWrap .linkedContactChip,body.uplyWorkspace4 #chatPane #chatLinkedTutorWrap .linkedContactChip{font-size:10px!important;padding:2px 6px!important;line-height:1.3!important;min-height:22px!important;height:auto!important;max-width:260px!important;white-space:normal!important;overflow-wrap:anywhere!important}
body #chatPane #replyVia,body.uplyWorkspace4 #chatPane #replyVia{grid-column:2;grid-row:1;margin:0!important;max-width:130px!important;align-self:start!important;padding:3px 7px!important;font-size:10px!important;line-height:1.3!important;min-height:25px!important}
body #chatPane #replyVia>span{display:none!important}body #chatPane #replyVia>b,body.uplyWorkspace4 #chatPane #replyVia>b{font-size:10px!important;line-height:1.3!important;white-space:normal!important;overflow-wrap:anywhere!important}
body #chatPane #chatHeaderActions,body.uplyWorkspace4 #chatPane #chatHeaderActions{grid-column:3;grid-row:1;display:flex!important;gap:4px!important;align-self:start!important;margin:0!important}
body #chatPane #chatHeaderActions>button,body #chatPane #chatHeaderActions>.chatHeaderMenuWrapV1736>button{width:29px!important;height:29px!important;min-height:29px!important;min-width:29px!important;padding:3px!important;border-radius:8px!important}
html[data-uply-web-theme=dark] #tcAdmin,html[data-uply-theme=dark] body.uplyNativeMobile #tcAdmin{--tc-bg:#101d30;--tc-panel:#16263d;--tc-text:#e0eafb;--tc-muted:#98afcf;--tc-border:#304565;--tc-hold:#3b301e;--tc-hold-text:#edc68b;--tc-link:#3d84eb;--tc-active:#213e66;--tc-out:#203c61}html[data-uply-web-theme=dark] #tcAdmin .tcPrivateMessage,html[data-uply-theme=dark] body.uplyNativeMobile #tcAdmin .tcPrivateMessage{background:#302b21;border-color:#6b563a}html[data-uply-web-theme=dark] #tcAdmin .tcMessageTop strong,html[data-uply-theme=dark] body.uplyNativeMobile #tcAdmin .tcMessageTop strong{color:#b3cdec}html[data-uply-web-theme=dark] #tcChatHeader,html[data-uply-theme=dark] body.uplyNativeMobile #tcChatHeader{color:#b9ddc8}html[data-uply-web-theme=dark] #tcChatHeader .tcHeaderStatus,html[data-uply-theme=dark] body.uplyNativeMobile #tcChatHeader .tcHeaderStatus{background:#1e392d}html[data-uply-web-theme=dark] #tcChatHeader.tcHeaderHold,html[data-uply-theme=dark] body.uplyNativeMobile #tcChatHeader.tcHeaderHold{color:#e2bc80}html[data-uply-web-theme=dark] #tcChatHeader.tcHeaderHold .tcHeaderStatus,html[data-uply-theme=dark] body.uplyNativeMobile #tcChatHeader.tcHeaderHold .tcHeaderStatus{background:#3d321e}
@media(max-width:1100px){#tcAdmin .tcGrid{grid-template-columns:205px 250px minmax(0,1fr)}#tcAdmin .tcTop{gap:12px;padding:14px 16px 10px}#tcAdmin h2{font-size:22px}#tcAdmin .tcWorkspaceHeading{min-width:225px}#tcAdmin .tcActions{grid-template-columns:1fr}#tcAdmin .tcResume,#tcAdmin .tcPause{grid-column:1/-1;justify-self:stretch}#tcAdmin .tcTopRefresh{display:none}#tcAdmin .tcDetailHead>.tcAvatar{display:none}}
@media(max-width:860px){#tcAdmin{padding:0}#tcAdmin .tcFrame{border:0;border-radius:0;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}#tcAdmin .tcTop{gap:8px;flex-wrap:wrap;padding:12px 13px 10px}#tcAdmin .tcWorkspaceHeading{flex:1;min-width:0}#tcAdmin h2{font-size:20px}#tcAdmin .tcWorkspaceHeading p{font-size:11px}#tcAdmin .tcBrandMark{width:31px;height:31px;font-size:20px;border-radius:10px}#tcAdmin .tcGlobalSearch{order:3;flex-basis:100%;max-width:none}#tcAdmin .tcGlobalSearch input{padding:9px 0;font-size:12px}#tcAdmin .tcGlobalSearch span{font-size:22px}#tcAdmin .tcWorkspaceTabs{padding:0 12px 11px;gap:5px}#tcAdmin .tcWorkspaceTabs>button{min-width:0;flex:1;font-size:11px;padding:8px 7px}#tcAdmin .tcScope{flex-basis:100%;margin-left:0}#tcAdmin .tcGrid{display:flex;flex-direction:column}#tcAdmin .tcTutorPane,#tcAdmin .tcListPane,#tcAdmin .tcDetail{display:none;flex:1;border:0}#tcAdmin[data-tc-pane=tutors] .tcTutorPane,#tcAdmin[data-tc-pane=chats] .tcListPane,#tcAdmin[data-tc-pane=detail] .tcDetail{display:flex}#tcAdmin .tcBack{display:inline-block;font-size:11px;padding:5px 7px;min-height:28px}#tcAdmin .tcChatListHead>.tcBack{margin-bottom:9px}#tcAdmin .tcTeacher{padding:13px;min-height:72px}#tcAdmin .tcTeacherNames strong{font-size:14px}#tcAdmin .tcLegend{font-size:11px}#tcAdmin .tcConversationTop strong{font-size:14px}#tcAdmin .tcContactRelation{font-size:12px}#tcAdmin .tcChannel,#tcAdmin .tcChatStatus{font-size:11px}#tcAdmin .tcConversation{padding:13px 12px}#tcAdmin .tcDetailHead{padding:9px 11px;gap:7px}#tcAdmin .tcDetailNames{min-width:140px}#tcAdmin .tcDetailNames h3{font-size:14px}#tcAdmin .tcDetailHead>.tcRefreshHistory{font-size:10px;min-height:28px;padding:5px 7px}#tcAdmin .tcDetailHead [data-tc-action=history]{margin-left:auto}#tcAdmin .tcDialogStatus{font-size:10px;padding:8px 10px;margin:8px 9px;gap:8px}#tcAdmin .tcDialogStatus strong{font-size:11px}#tcAdmin .tcRequestReason{font-size:10px;margin:0 9px 7px;padding:7px 9px}#tcAdmin .tcTimeline{padding:9px 10px}#tcAdmin .tcMessage{max-width:94%;padding:9px 10px}#tcAdmin .tcActions{padding:9px 10px;gap:7px}#tcAdmin .tcActionHint{font-size:9px}#tcAdminNotice{font-size:10px;padding:7px 12px}#tcAdmin[data-tc-pane=detail] .tcGlobalSearch{display:none}#tcAdmin[data-tc-pane=detail] .tcWorkspaceHeading p{display:none}#tcAdmin[data-tc-pane=detail] .tcWorkspaceTabs{padding-bottom:8px}#tcAdmin[data-tc-pane=detail] .tcTop{padding-bottom:8px}
body #chatPane > .chatHeader,body.uplyWorkspace4 #chatPane > .chatHeader{grid-template-columns:minmax(0,1fr) auto!important;padding:6px 9px!important;gap:3px 6px!important;min-height:52px!important}body #chatPane .chatTargetCard,body.uplyWorkspace4 #chatPane .chatTargetCard{grid-column:1;grid-row:1/3;gap:3px 4px!important}body #chatPane #chatTitle,body.uplyWorkspace4 #chatPane .chatTargetCard #chatTitle{font-size:14px!important}body #chatPane #chatHeaderActions,body.uplyWorkspace4 #chatPane #chatHeaderActions{grid-column:2;grid-row:1}body #chatPane #replyVia,body.uplyWorkspace4 #chatPane #replyVia{grid-column:2;grid-row:2;max-width:85px!important;padding:2px 4px!important;min-height:20px!important}body #chatPane #chatLinkedTutorWrap .linkedContactChip,body.uplyWorkspace4 #chatPane #chatLinkedTutorWrap .linkedContactChip{max-width:210px!important;font-size:9px!important;padding:2px 4px!important;min-height:19px!important}#tcChatHeader{font-size:10px}#tcChatHeader .tcHeaderStatus{max-width:220px;padding:2px 5px}#tcChatHeader button{font-size:10px;min-height:21px;padding:2px 4px}}
/* Flatten relation chips into the existing metadata row; avoid reserving a whole row per group. */
body.uplyWorkspace4 #chatPane > .chatHeader > .chatTargetCard[data-contact-role],body.uplyNativeMobile #chatPane > .chatHeader > .chatTargetCard[data-contact-role],body #chatPane > .chatHeader > .chatTargetCard[data-contact-role]{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important}
body #chatPane .chatHeader .chatTargetCard #chatLinkedTutorWrap,body.uplyWorkspace4 #chatPane .chatHeader .chatTargetCard #chatLinkedTutorWrap{display:contents!important}
body #chatPane .chatHeader #chatLinkedTutorWrap>*{order:2!important;margin:0!important;flex:0 1 auto!important}
body #chatPane .chatHeader #chatLinkedTutorWrap .telemostQuickBtn{font-size:10px!important;padding:2px 6px!important;min-height:21px!important;line-height:1.3!important}
@media(max-width:860px){
body #chatPane > .chatHeader,body.uplyWorkspace4 #chatPane > .chatHeader,body.uplyNativeMobile #chatPane > .chatHeader{grid-template-columns:minmax(0,1fr)!important;position:relative!important;padding:6px 9px!important}
body #chatPane .chatHeader .chatTargetCard,body.uplyWorkspace4 #chatPane .chatHeader .chatTargetCard,body.uplyNativeMobile #chatPane .chatHeader .chatTargetCard{grid-column:1/-1!important;grid-row:1!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:0!important}
body #chatPane .chatHeader #chatTitle,body.uplyWorkspace4 #chatPane .chatHeader #chatTitle{padding-right:66px!important;box-sizing:border-box!important}
body.uplyNativeMobile #chatPane .chatHeader #chatTitle,body.uplyAndroidApp #chatPane .chatHeader #chatTitle{padding-left:30px!important}
body #chatPane .chatHeader #chatHeaderActions,body.uplyWorkspace4 #chatPane .chatHeader #chatHeaderActions{position:absolute!important;right:8px!important;top:6px!important;grid-column:auto!important;grid-row:auto!important}
body #chatPane .chatHeader #uplyNativeBackBtn{position:absolute!important;left:8px!important;top:5px!important;width:27px!important;height:28px!important;min-width:27px!important;min-height:28px!important;padding:0!important;align-self:start!important;margin:0!important}
body #chatPane .chatHeader #replyVia,body.uplyWorkspace4 #chatPane .chatHeader #replyVia{grid-column:1/-1!important;grid-row:2!important;justify-self:end!important;margin-top:0!important;max-width:180px!important;min-height:0!important;padding:2px 5px!important}
body #chatPane .chatHeader #chatLinkedTutorWrap .linkedContactChip,body.uplyWorkspace4 #chatPane .chatHeader #chatLinkedTutorWrap .linkedContactChip,body.uplyNativeMobile #chatPane .chatHeader #chatLinkedTutorWrap .linkedContactChip{max-width:calc(50% - 4px)!important;font-size:10px!important;line-height:1.3!important;padding:2px 5px!important;height:auto!important;min-height:21px!important;white-space:normal!important;overflow-wrap:anywhere!important}
}
@media(max-width:860px){
#tcChatHeader button{font-size:11px;min-height:30px;padding:4px 8px}
body #chatPane .chatHeader #chatHeaderActions>button,body #chatPane .chatHeader #chatHeaderActions>.chatHeaderMenuWrapV1736>button{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important}
body #chatPane .chatHeader #uplyNativeBackBtn{width:29px!important;height:32px!important;min-height:32px!important}
body #chatPane .chatHeader #chatLinkedTutorWrap .linkedContactChip,body.uplyWorkspace4 #chatPane .chatHeader #chatLinkedTutorWrap .linkedContactChip,body.uplyNativeMobile #chatPane .chatHeader #chatLinkedTutorWrap .linkedContactChip{min-height:27px!important}
body #chatPane .chatHeader #chatLinkedTutorWrap .telemostQuickBtn{font-size:11px!important;min-height:28px!important;padding:4px 7px!important}
}
@media(max-width:860px){
body #chatPane .chatHeader #chatLinkedTutorWrap .linkedContactChip,body.uplyWorkspace4 #chatPane .chatHeader #chatLinkedTutorWrap .linkedContactChip,body.uplyNativeMobile #chatPane .chatHeader #chatLinkedTutorWrap .linkedContactChip{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;max-height:32px!important}
}

/* UPLY_HEADER_COMFORT_20261014: restore the existing role palette and readable
   spacing without changing the inline responsibility controls or workspace. */
body.uplyWorkspace4 #uplyWorkspaceRail4 .headerActions > #tcAdminEntry{order:4!important}
body #chatPane > .chatHeader,
body.uplyWorkspace4 #chatPane > .chatHeader,
body.uplyNativeMobile #chatPane > .chatHeader{
  padding:8px 12px!important;gap:6px 10px!important;
}
body #chatPane > .chatHeader > .chatTargetCard,
body.uplyWorkspace4 #chatPane > .chatHeader > .chatTargetCard,
body.uplyNativeMobile #chatPane > .chatHeader > .chatTargetCard{
  padding:10px 12px!important;gap:6px 8px!important;box-sizing:border-box!important;
  min-height:86px!important;border-radius:12px!important;
}
body #chatPane > .chatHeader > .chatTargetCard[data-contact-role],
body.uplyWorkspace4 #chatPane > .chatHeader > .chatTargetCard[data-contact-role],
body.uplyNativeMobile #chatPane > .chatHeader > .chatTargetCard[data-contact-role]{
  background:var(--uply-role-card-bg)!important;
  border:1px solid var(--uply-role-card-line)!important;
  padding:10px 12px!important;border-radius:12px!important;box-shadow:none!important;
}
body #chatPane .chatHeader .chatTargetCard #chatTitle,
body.uplyWorkspace4 #chatPane .chatHeader .chatTargetCard #chatTitle{
  font-size:20px!important;line-height:1.25!important;margin-bottom:2px!important;
}
body #chatPane .chatHeader .chatTargetCard #chatChannel,
body.uplyWorkspace4 #chatPane .chatHeader .chatTargetCard #chatChannel,
body #chatPane .chatHeader #chatHeaderRoleBadge,
body.uplyWorkspace4 #chatPane .chatHeader #chatHeaderRoleBadge{
  font-size:12px!important;line-height:1.35!important;padding:3px 6px!important;
}
body #chatPane .chatHeader #chatLinkedTutorWrap .linkedContactChip,
body.uplyWorkspace4 #chatPane .chatHeader #chatLinkedTutorWrap .linkedContactChip,
body.uplyNativeMobile #chatPane .chatHeader #chatLinkedTutorWrap .linkedContactChip,
body #chatPane .chatHeader #chatLinkedTutorWrap .contactGroup47r3,
body #chatPane .chatHeader #chatLinkedTutorWrap .telemostQuickBtn{
  font-size:12px!important;line-height:1.35!important;padding:5px 8px!important;
  min-height:32px!important;height:auto!important;
}
#tcChatHeader{font-size:12px;gap:6px}
#tcChatHeader .tcHeaderStatus{padding:5px 8px;max-width:320px}
#tcChatHeader button{font-size:12px;min-height:34px;padding:5px 9px;border-radius:7px}
body #chatPane .chatHeader #chatHeaderActions>button,
body #chatPane .chatHeader #chatHeaderActions>.chatHeaderMenuWrapV1736>button{
  width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;
}
body #chatPane .chatHeader #chatHeaderActions,
body #chatPane .chatHeader #uplyNativeBackBtn,
body #chatPane .chatHeader #replyVia{z-index:42!important}
body #chatPane .chatHeader #replyVia,
body.uplyWorkspace4 #chatPane .chatHeader #replyVia{
  font-size:12px!important;line-height:1.35!important;min-height:32px!important;padding:5px 8px!important;
}
body #chatPane .chatHeader #replyVia>b,
body.uplyWorkspace4 #chatPane .chatHeader #replyVia>b{font-size:12px!important;line-height:1.35!important}
@media(min-width:861px){
  body #chatPane > .chatHeader,
  body.uplyWorkspace4 #chatPane > .chatHeader{position:relative!important;grid-template-columns:minmax(0,1fr)!important}
  body #chatPane > .chatHeader > .chatTargetCard,
  body.uplyWorkspace4 #chatPane > .chatHeader > .chatTargetCard{grid-column:1/-1!important;grid-row:1!important;width:100%!important}
  body #chatPane .chatHeader .chatTargetCard #chatTitle,
  body.uplyWorkspace4 #chatPane .chatHeader .chatTargetCard #chatTitle{padding-right:232px!important;box-sizing:border-box!important;min-height:34px!important}
  body #chatPane .chatHeader #chatHeaderActions,
  body.uplyWorkspace4 #chatPane .chatHeader #chatHeaderActions{position:absolute!important;right:25px!important;top:19px!important;grid-column:auto!important;grid-row:auto!important}
  body #chatPane .chatHeader #replyVia,
  body.uplyWorkspace4 #chatPane .chatHeader #replyVia{position:absolute!important;right:107px!important;top:19px!important;grid-column:auto!important;grid-row:auto!important;max-width:130px!important}
}
@media(max-width:860px){
  body #chatPane > .chatHeader,
  body.uplyWorkspace4 #chatPane > .chatHeader,
  body.uplyNativeMobile #chatPane > .chatHeader{padding:7px 8px!important;gap:4px 6px!important}
  body #chatPane > .chatHeader > .chatTargetCard,
  body.uplyWorkspace4 #chatPane > .chatHeader > .chatTargetCard,
  body.uplyNativeMobile #chatPane > .chatHeader > .chatTargetCard,
  body #chatPane > .chatHeader > .chatTargetCard[data-contact-role],
  body.uplyWorkspace4 #chatPane > .chatHeader > .chatTargetCard[data-contact-role],
  body.uplyNativeMobile #chatPane > .chatHeader > .chatTargetCard[data-contact-role]{
    padding:9px 10px!important;gap:5px 6px!important;min-height:82px!important;border-radius:11px!important;
  }
  body #chatPane .chatHeader .chatTargetCard #chatTitle,
  body.uplyWorkspace4 #chatPane .chatHeader .chatTargetCard #chatTitle{
    font-size:18px!important;line-height:1.3!important;padding-right:74px!important;min-height:34px!important;
  }
  body.uplyNativeMobile #chatPane .chatHeader .chatTargetCard #chatTitle,
  body.uplyAndroidApp #chatPane .chatHeader .chatTargetCard #chatTitle{padding-left:30px!important}
  body #chatPane .chatHeader #chatHeaderActions,
  body.uplyWorkspace4 #chatPane .chatHeader #chatHeaderActions{top:16px!important;right:18px!important}
  body #chatPane .chatHeader #uplyNativeBackBtn{top:16px!important;left:18px!important;height:34px!important;min-height:34px!important}
  body #chatPane .chatHeader #chatLinkedTutorWrap .linkedContactChip,
  body.uplyWorkspace4 #chatPane .chatHeader #chatLinkedTutorWrap .linkedContactChip,
  body.uplyNativeMobile #chatPane .chatHeader #chatLinkedTutorWrap .linkedContactChip{
    font-size:11px!important;line-height:1.3!important;padding:4px 6px!important;
    min-height:32px!important;max-height:39px!important;max-width:calc(50% - 3px)!important;
  }
  body #chatPane .chatHeader #chatLinkedTutorWrap .contactGroup47r3,
  body #chatPane .chatHeader #chatLinkedTutorWrap .telemostQuickBtn{font-size:11px!important;padding:5px 7px!important}
  #tcChatHeader{font-size:11px;gap:5px}
  #tcChatHeader .tcHeaderStatus{max-width:100%;padding:5px}
  #tcChatHeader button{font-size:11px;min-height:32px;padding:5px 6px}
  body #chatPane .chatHeader #replyVia,
  body.uplyWorkspace4 #chatPane .chatHeader #replyVia{min-height:26px!important;padding:3px 6px!important}
  body #chatPane .chatHeader #replyVia>b,
  body.uplyWorkspace4 #chatPane .chatHeader #replyVia>b{font-size:11px!important}
}

/* UPLY_DIRECT_LAYOUT_20261016: isolate the workspace header from the full
   Messenger header/input rules, including styles injected by Android. */
#tcAdmin .tcTop{
  height:auto!important;min-height:0!important;max-height:none!important;
  flex:0 0 auto!important;padding:18px 22px 12px!important;
  background:var(--tc-panel)!important;border:0!important;box-shadow:none!important;
}
#tcAdmin .tcGlobalSearch input{
  height:auto!important;min-height:0!important;margin:0!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
  background:transparent!important;padding:11px 0!important;
}
@media(max-width:1100px){
  #tcAdmin .tcTop{padding:14px 16px 10px!important}
}
@media(max-width:860px){
  #tcAdmin .tcTop{
    display:grid!important;grid-template-columns:minmax(0,1fr) 36px;
    align-items:center;gap:8px;padding:12px 13px 10px!important;
  }
  #tcAdmin .tcWorkspaceHeading{grid-column:1;grid-row:1;min-width:0}
  #tcAdmin .tcClose{grid-column:2;grid-row:1}
  #tcAdmin .tcGlobalSearch{grid-column:1/-1;grid-row:2;min-width:0;width:auto;max-width:none}
  #tcAdmin .tcGlobalSearch input{padding:9px 0!important}
  #tcAdmin[data-tc-pane=detail] .tcTop{padding-bottom:8px!important}
}