/* Screenshot-matched workspace layout: overview, resume, role and records. */ #appView.workspace-shell:not(.hidden) { --clone-accent: #ff6b17; --clone-accent-dark: #d94b0c; --clone-bg: #fffaf6; --clone-soft: #fff3e7; --clone-card: rgba(255, 255, 255, 0.92); --clone-border: #ffd8b7; --clone-line: #f3dfcd; --clone-text: #111827; --clone-muted: #667085; --clone-shadow: 0 18px 42px rgba(216, 95, 30, 0.10); height: 100vh; min-height: 760px; overflow: hidden; background: radial-gradient(circle at 6% 8%, rgba(255, 126, 36, 0.12), transparent 32%), linear-gradient(135deg, #fffaf6 0%, #fff 44%, #fff8f0 100%); color: var(--clone-text); } /* Home download navigation: keep the expanded top nav centered after adding the download menu. */ html:not(.electron-client) #authView.home-shell:not(.client-login-mode) .home-header { display: grid !important; grid-template-columns: minmax(180px, 260px) minmax(0, 1fr) minmax(180px, 260px) !important; justify-content: center !important; } html:not(.electron-client) #authView.home-shell:not(.client-login-mode) .home-nav { justify-self: center !important; width: max-content !important; max-width: 100% !important; } html:not(.electron-client) #authView.home-shell:not(.client-login-mode) .home-auth-btn, html:not(.electron-client) #authView.home-shell:not(.client-login-mode) .public-account-actions, html:not(.electron-client) #authView.home-shell:not(.client-login-mode) .home-menu-btn { justify-self: end !important; } html:not(.electron-client) #authView.home-shell:not(.client-login-mode) .home-download-menu { position: relative !important; display: inline-flex !important; } html:not(.electron-client) #authView.home-shell:not(.client-login-mode) .home-download-menu > button { gap: 4px !important; } html:not(.electron-client) #authView.home-shell:not(.client-login-mode) .home-download-dropdown { position: absolute !important; top: calc(100% + 8px) !important; left: 50% !important; z-index: 45 !important; min-width: 154px !important; padding: 6px !important; border: 1px solid rgba(254, 215, 170, .88) !important; border-radius: 12px !important; background: rgba(255, 255, 255, .98) !important; box-shadow: 0 16px 32px rgba(15, 23, 42, .12) !important; opacity: 0 !important; pointer-events: none !important; transform: translate(-50%, 6px) !important; transition: opacity .16s ease, transform .16s ease !important; } html:not(.electron-client) #authView.home-shell:not(.client-login-mode) .home-download-menu:hover .home-download-dropdown, html:not(.electron-client) #authView.home-shell:not(.client-login-mode) .home-download-menu:focus-within .home-download-dropdown { opacity: 1 !important; pointer-events: auto !important; transform: translate(-50%, 0) !important; } html:not(.electron-client) #authView.home-shell:not(.client-login-mode) .home-download-dropdown a { display: inline-flex !important; align-items: center !important; justify-content: flex-start !important; gap: 7px !important; width: 100% !important; min-height: 34px !important; padding: .42rem .7rem !important; border-radius: 9px !important; color: var(--orange-dark) !important; font-size: 1rem !important; font-weight: 700 !important; line-height: 1.2 !important; text-decoration: none !important; white-space: nowrap !important; } html:not(.electron-client) #authView.home-shell:not(.client-login-mode) .home-download-dropdown a:hover { background: var(--bg-warm) !important; color: var(--orange-dark) !important; } /* Exeify client v27: traffic-bank statement form order and equal-width fields. */ html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #yhlsForm[data-yhls-active-bank="traffic"] .yhls-traffic-info-grid { grid-template-columns: repeat(4, minmax(112px, 1fr)) !important; width: 100% !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #yhlsForm[data-yhls-active-bank="traffic"] .yhls-traffic-info-grid label:has(#yhlsCounterpartyName) { grid-column: span 2 !important; max-width: none !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #yhlsForm[data-yhls-active-bank="traffic"] .yhls-traffic-info-grid label:has(#yhlsSalaryDates) { grid-column: span 1 !important; max-width: none !important; min-height: 54px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #yhlsForm[data-yhls-active-bank="traffic"] .yhls-traffic-asset-panel { display: grid !important; grid-template-columns: 112px 112px minmax(220px, 1fr) 112px !important; width: 100% !important; max-width: 100% !important; align-items: stretch !important; gap: 8px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #yhlsForm[data-yhls-active-bank="traffic"] .yhls-traffic-asset-panel .data-sim-range-field { display: grid !important; grid-template-rows: auto 30px !important; align-content: center !important; width: 100% !important; max-width: none !important; min-width: 0 !important; min-height: 56px !important; padding: 8px 9px !important; gap: 5px !important; border: 1px solid #fed7aa !important; border-radius: 12px !important; background: #fffaf5 !important; box-sizing: border-box !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #yhlsForm[data-yhls-active-bank="traffic"] .yhls-traffic-asset-panel .data-sim-range-field > span { color: #334155 !important; font-size: 12px !important; line-height: 1.25 !important; font-weight: 800 !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #yhlsForm[data-yhls-active-bank="traffic"] .yhls-traffic-asset-panel .data-sim-range-inputs input { height: 30px !important; min-height: 30px !important; padding: 0 8px !important; border-radius: 9px !important; font-size: 13px !important; line-height: 30px !important; box-sizing: border-box !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #yhlsForm[data-yhls-active-bank="traffic"] .yhls-traffic-transaction-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; width: 100% !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #yhlsForm[data-yhls-active-bank="traffic"] .yhls-traffic-transaction-grid label:has(#yhlsTrafficWatermark), html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #yhlsForm[data-yhls-active-bank="traffic"] .yhls-traffic-transaction-grid label:has(#yhlsCustomTypes), html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #yhlsForm[data-yhls-active-bank="traffic"] .yhls-traffic-transaction-grid label:has(#yhlsDebitTypes) { grid-column: auto !important; width: 100% !important; max-width: none !important; min-width: 0 !important; min-height: 68px !important; } @media (min-width: 900px) and (max-width: 1100px) and (max-height: 760px) { html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #yhlsForm[data-yhls-active-bank="traffic"] .yhls-traffic-info-grid { grid-template-columns: repeat(4, minmax(96px, 1fr)) !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #yhlsForm[data-yhls-active-bank="traffic"] .yhls-traffic-asset-panel { grid-template-columns: 96px 96px minmax(190px, 1fr) 96px !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #yhlsForm[data-yhls-active-bank="traffic"] .yhls-traffic-transaction-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } } /* Exeify client v25v: enlarge role analysis generated-content boxes without escaping their cards. */ @media (min-width: 900px) and (max-width: 1100px) and (max-height: 760px) { html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-requirement-list, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar-card, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-info-block { grid-template-rows: auto minmax(0, 1fr) !important; align-content: stretch !important; padding: 12px 12px 14px !important; overflow: hidden !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-requirement-list h3, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar-card h3, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-info-block h3 { margin: 0 0 8px !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-role-preview-grid, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-result-grid { gap: 12px !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-requirement-list > .role-card-scroll-body, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-info-block > .role-card-scroll-body, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-info-block > .role-card-scroll-body:has(> p.role-empty-hint), html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-info-block ul, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-radar-empty, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar { width: 100% !important; max-width: 100% !important; min-height: 0 !important; height: 100% !important; box-sizing: border-box !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-requirement-list > .role-card-scroll-body:has(> p.role-empty-hint), html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-info-block.role-info-empty-block > .role-card-scroll-body, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-radar-empty { display: flex !important; align-items: stretch !important; justify-content: stretch !important; padding: 0 !important; overflow: hidden !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-card-scroll-body > p.role-empty-hint, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-radar-empty { flex: 1 1 auto !important; width: 100% !important; max-width: 100% !important; height: 100% !important; max-height: 100% !important; margin: 0 !important; padding: 14px 16px !important; display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar-card .client-radar { padding: 0 !important; overflow: hidden !important; } } /* Exeify client v27 final override: traffic-bank statement field order and equal rows. */ html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #yhlsForm[data-yhls-active-bank="traffic"] .yhls-traffic-info-grid { grid-template-columns: repeat(4, minmax(112px, 1fr)) !important; width: 100% !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #yhlsForm[data-yhls-active-bank="traffic"] .yhls-traffic-info-grid label:has(#yhlsCounterpartyName) { grid-column: span 2 !important; max-width: none !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #yhlsForm[data-yhls-active-bank="traffic"] .yhls-traffic-info-grid label:has(#yhlsSalaryDates) { grid-column: span 1 !important; max-width: none !important; min-height: 54px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #yhlsForm[data-yhls-active-bank="traffic"] .yhls-traffic-asset-panel { display: grid !important; grid-template-columns: 112px 112px minmax(220px, 1fr) 112px !important; width: 100% !important; max-width: 100% !important; align-items: stretch !important; gap: 8px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #yhlsForm[data-yhls-active-bank="traffic"] .yhls-traffic-asset-panel .data-sim-range-field { display: grid !important; grid-template-rows: auto 30px !important; align-content: center !important; width: 100% !important; max-width: none !important; min-width: 0 !important; min-height: 56px !important; padding: 8px 9px !important; gap: 5px !important; border: 1px solid #fed7aa !important; border-radius: 12px !important; background: #fffaf5 !important; box-sizing: border-box !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #yhlsForm[data-yhls-active-bank="traffic"] .yhls-traffic-asset-panel .data-sim-range-field > span { color: #334155 !important; font-size: 12px !important; line-height: 1.25 !important; font-weight: 800 !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #yhlsForm[data-yhls-active-bank="traffic"] .yhls-traffic-asset-panel .data-sim-range-inputs input { height: 30px !important; min-height: 30px !important; padding: 0 8px !important; border-radius: 9px !important; font-size: 13px !important; line-height: 30px !important; box-sizing: border-box !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #yhlsForm[data-yhls-active-bank="traffic"] .yhls-traffic-transaction-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; width: 100% !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #yhlsForm[data-yhls-active-bank="traffic"] .yhls-traffic-transaction-grid label:has(#yhlsTrafficWatermark), html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #yhlsForm[data-yhls-active-bank="traffic"] .yhls-traffic-transaction-grid label:has(#yhlsCustomTypes), html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #yhlsForm[data-yhls-active-bank="traffic"] .yhls-traffic-transaction-grid label:has(#yhlsDebitTypes) { grid-column: auto !important; width: 100% !important; max-width: none !important; min-width: 0 !important; min-height: 68px !important; } @media (min-width: 900px) and (max-width: 1100px) and (max-height: 760px) { html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #yhlsForm[data-yhls-active-bank="traffic"] .yhls-traffic-info-grid { grid-template-columns: repeat(4, minmax(96px, 1fr)) !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #yhlsForm[data-yhls-active-bank="traffic"] .yhls-traffic-asset-panel { grid-template-columns: 96px 96px minmax(190px, 1fr) 96px !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #yhlsForm[data-yhls-active-bank="traffic"] .yhls-traffic-transaction-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } } /* Exeify client v25u: 10px interview controls, remove crowded pane footer rhythm. */ @media (min-width: 900px) and (max-width: 1100px) and (max-height: 760px) { html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) { padding-bottom: 20px !important; box-sizing: border-box !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .interview-stage { height: calc(100% - 20px) !important; margin-bottom: 20px !important; box-sizing: border-box !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .pane { padding-bottom: 24px !important; box-sizing: border-box !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .transcript-pane { grid-template-rows: 32px minmax(0, 1fr) 32px 126px 34px !important; row-gap: 6px !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .answer-pane { grid-template-rows: 32px 28px minmax(0, 1fr) 44px 34px !important; row-gap: 6px !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .workspace-answer-mode { height: 44px !important; min-height: 44px !important; padding: 5px 12px !important; display: grid !important; grid-template-rows: 10px 26px !important; gap: 3px !important; align-content: center !important; box-sizing: border-box !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .workspace-answer-mode select { height: 26px !important; min-height: 26px !important; padding: 0 28px 0 10px !important; line-height: 1.1 !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .pane-foot { min-height: 34px !important; height: 34px !important; align-items: center !important; gap: 8px !important; padding-bottom: 0 !important; overflow: visible !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .pane-foot .scroll-actions { height: 28px !important; align-items: center !important; gap: 6px !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .pane-foot button { height: 28px !important; min-height: 28px !important; padding: 0 10px !important; align-items: center !important; justify-content: center !important; white-space: nowrap !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) #clearConversationBtn { min-width: 104px !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) #interviewStartToggleBtn { height: 36px !important; min-height: 36px !important; border: 0 !important; background: linear-gradient(135deg, #ff7a1a 0%, #ff6817 50%, #ff5a0a 100%) !important; background-clip: padding-box !important; color: #fff !important; box-shadow: 0 10px 20px rgba(255, 107, 22, 0.18) !important; overflow: hidden !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) :is( #audioModeSelect, #interviewModeSelect, #answerModeSelect, #micGainValue, .mic-slider-row output, .mic-slider-row small, .interview-control-grid label > span, .workspace-answer-mode > span, #transcriptAutoScrollBtn, #transcriptCancelScrollBtn, #answerAutoScrollBtn, #answerCancelScrollBtn, #clearConversationBtn ) { font-size: 10px !important; font-family: "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", Arial, sans-serif !important; font-weight: 400 !important; line-height: 1.15 !important; letter-spacing: 0 !important; } } /* Exeify client v25v final: enlarge role analysis generated-content boxes without escaping their cards. */ @media (min-width: 900px) and (max-width: 1100px) and (max-height: 760px) { html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-requirement-list, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar-card, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-info-block { grid-template-rows: auto minmax(0, 1fr) !important; align-content: stretch !important; padding: 12px 12px 14px !important; overflow: hidden !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-requirement-list h3, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar-card h3, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-info-block h3 { margin: 0 0 8px !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-role-preview-grid, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-result-grid { gap: 12px !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-requirement-list > .role-card-scroll-body, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-info-block > .role-card-scroll-body, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-info-block > .role-card-scroll-body:has(> p.role-empty-hint), html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-info-block ul, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-radar-empty, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar { width: 100% !important; max-width: 100% !important; min-height: 0 !important; height: 100% !important; box-sizing: border-box !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-requirement-list > .role-card-scroll-body:has(> p.role-empty-hint), html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-info-block.role-info-empty-block > .role-card-scroll-body, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-radar-empty { display: flex !important; align-items: stretch !important; justify-content: stretch !important; padding: 0 !important; overflow: hidden !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-card-scroll-body > p.role-empty-hint, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-radar-empty { flex: 1 1 auto !important; width: 100% !important; max-width: 100% !important; height: 100% !important; max-height: 100% !important; margin: 0 !important; padding: 14px 16px !important; display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar-card .client-radar { padding: 0 !important; overflow: hidden !important; } } /* Exeify client v25v: enlarge role analysis generated-content boxes without escaping their cards. */ @media (min-width: 900px) and (max-width: 1100px) and (max-height: 760px) { html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-requirement-list, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar-card, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-info-block { grid-template-rows: auto minmax(0, 1fr) !important; align-content: stretch !important; padding: 14px 14px 16px !important; overflow: hidden !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-role-preview-grid, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-result-grid { gap: 12px !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-requirement-list > .role-card-scroll-body, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-info-block > .role-card-scroll-body, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-info-block > .role-card-scroll-body:has(> p.role-empty-hint), html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-info-block ul, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-radar-empty, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar { width: 100% !important; max-width: 100% !important; min-height: 0 !important; height: 100% !important; box-sizing: border-box !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-requirement-list > .role-card-scroll-body:has(> p.role-empty-hint), html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-info-block.role-info-empty-block > .role-card-scroll-body, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-radar-empty { display: flex !important; align-items: stretch !important; justify-content: stretch !important; padding: 0 !important; overflow: hidden !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-card-scroll-body > p.role-empty-hint, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-radar-empty { flex: 1 1 auto !important; width: 100% !important; max-width: 100% !important; height: 100% !important; max-height: 100% !important; margin: 0 !important; padding: 14px 16px !important; display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar-card .client-radar { padding: 0 !important; overflow: hidden !important; } } /* Exeify client v25b: requested overview text weight/size refinements. */ @media (min-width: 900px) and (max-width: 1100px) and (max-height: 760px) { html.exeify-client.exeify-compact-window body:not(#ov25b01#ov25b02#ov25b03#ov25b04#ov25b05#ov25b06#ov25b07#ov25b08#ov25b09#ov25b10#ov25b11#ov25b12#ov25b13#ov25b14#ov25b15#ov25b16#ov25b17#ov25b18#ov25b19#ov25b20#ov25b21#ov25b22#ov25b23#ov25b24#ov25b25#ov25b26#ov25b27#ov25b28#ov25b29#ov25b30#ov25b31#ov25b32#ov25b33#ov25b34#ov25b35#ov25b36#ov25b37#ov25b38#ov25b39#ov25b40#ov25b41#ov25b42#ov25b43#ov25b44#ov25b45#ov25b46#ov25b47#ov25b48#ov25b49#ov25b50#ov25b51#ov25b52#ov25b53#ov25b54#ov25b55#ov25b56#ov25b57#ov25b58#ov25b59#ov25b60#ov25b61#ov25b62#ov25b63#ov25b64#ov25b65#ov25b66#ov25b67#ov25b68#ov25b69#ov25b70):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .workspace-card .eyebrow { font-size: 11px !important; line-height: 1.08 !important; } html.exeify-client.exeify-compact-window body:not(#ov25b01#ov25b02#ov25b03#ov25b04#ov25b05#ov25b06#ov25b07#ov25b08#ov25b09#ov25b10#ov25b11#ov25b12#ov25b13#ov25b14#ov25b15#ov25b16#ov25b17#ov25b18#ov25b19#ov25b20#ov25b21#ov25b22#ov25b23#ov25b24#ov25b25#ov25b26#ov25b27#ov25b28#ov25b29#ov25b30#ov25b31#ov25b32#ov25b33#ov25b34#ov25b35#ov25b36#ov25b37#ov25b38#ov25b39#ov25b40#ov25b41#ov25b42#ov25b43#ov25b44#ov25b45#ov25b46#ov25b47#ov25b48#ov25b49#ov25b50#ov25b51#ov25b52#ov25b53#ov25b54#ov25b55#ov25b56#ov25b57#ov25b58#ov25b59#ov25b60#ov25b61#ov25b62#ov25b63#ov25b64#ov25b65#ov25b66#ov25b67#ov25b68#ov25b69#ov25b70):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .workspace-card h2 { font-size: 15px !important; line-height: 1.1 !important; } html.exeify-client.exeify-compact-window body:not(#ov25b01#ov25b02#ov25b03#ov25b04#ov25b05#ov25b06#ov25b07#ov25b08#ov25b09#ov25b10#ov25b11#ov25b12#ov25b13#ov25b14#ov25b15#ov25b16#ov25b17#ov25b18#ov25b19#ov25b20#ov25b21#ov25b22#ov25b23#ov25b24#ov25b25#ov25b26#ov25b27#ov25b28#ov25b29#ov25b30#ov25b31#ov25b32#ov25b33#ov25b34#ov25b35#ov25b36#ov25b37#ov25b38#ov25b39#ov25b40#ov25b41#ov25b42#ov25b43#ov25b44#ov25b45#ov25b46#ov25b47#ov25b48#ov25b49#ov25b50#ov25b51#ov25b52#ov25b53#ov25b54#ov25b55#ov25b56#ov25b57#ov25b58#ov25b59#ov25b60#ov25b61#ov25b62#ov25b63#ov25b64#ov25b65#ov25b66#ov25b67#ov25b68#ov25b69#ov25b70):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .client-chart-tabs { grid-template-columns: repeat(3, 66px) !important; height: 27px !important; padding: 2px !important; } html.exeify-client.exeify-compact-window body:not(#ov25b01#ov25b02#ov25b03#ov25b04#ov25b05#ov25b06#ov25b07#ov25b08#ov25b09#ov25b10#ov25b11#ov25b12#ov25b13#ov25b14#ov25b15#ov25b16#ov25b17#ov25b18#ov25b19#ov25b20#ov25b21#ov25b22#ov25b23#ov25b24#ov25b25#ov25b26#ov25b27#ov25b28#ov25b29#ov25b30#ov25b31#ov25b32#ov25b33#ov25b34#ov25b35#ov25b36#ov25b37#ov25b38#ov25b39#ov25b40#ov25b41#ov25b42#ov25b43#ov25b44#ov25b45#ov25b46#ov25b47#ov25b48#ov25b49#ov25b50#ov25b51#ov25b52#ov25b53#ov25b54#ov25b55#ov25b56#ov25b57#ov25b58#ov25b59#ov25b60#ov25b61#ov25b62#ov25b63#ov25b64#ov25b65#ov25b66#ov25b67#ov25b68#ov25b69#ov25b70):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .client-chart-tabs button, html.exeify-client.exeify-compact-window body:not(#ov25b01#ov25b02#ov25b03#ov25b04#ov25b05#ov25b06#ov25b07#ov25b08#ov25b09#ov25b10#ov25b11#ov25b12#ov25b13#ov25b14#ov25b15#ov25b16#ov25b17#ov25b18#ov25b19#ov25b20#ov25b21#ov25b22#ov25b23#ov25b24#ov25b25#ov25b26#ov25b27#ov25b28#ov25b29#ov25b30#ov25b31#ov25b32#ov25b33#ov25b34#ov25b35#ov25b36#ov25b37#ov25b38#ov25b39#ov25b40#ov25b41#ov25b42#ov25b43#ov25b44#ov25b45#ov25b46#ov25b47#ov25b48#ov25b49#ov25b50#ov25b51#ov25b52#ov25b53#ov25b54#ov25b55#ov25b56#ov25b57#ov25b58#ov25b59#ov25b60#ov25b61#ov25b62#ov25b63#ov25b64#ov25b65#ov25b66#ov25b67#ov25b68#ov25b69#ov25b70):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .client-chart-tabs button.active { height: 23px !important; min-height: 23px !important; font-size: 11px !important; font-weight: 500 !important; line-height: 1 !important; white-space: nowrap !important; word-break: keep-all !important; } html.exeify-client.exeify-compact-window body:not(#ov25b01#ov25b02#ov25b03#ov25b04#ov25b05#ov25b06#ov25b07#ov25b08#ov25b09#ov25b10#ov25b11#ov25b12#ov25b13#ov25b14#ov25b15#ov25b16#ov25b17#ov25b18#ov25b19#ov25b20#ov25b21#ov25b22#ov25b23#ov25b24#ov25b25#ov25b26#ov25b27#ov25b28#ov25b29#ov25b30#ov25b31#ov25b32#ov25b33#ov25b34#ov25b35#ov25b36#ov25b37#ov25b38#ov25b39#ov25b40#ov25b41#ov25b42#ov25b43#ov25b44#ov25b45#ov25b46#ov25b47#ov25b48#ov25b49#ov25b50#ov25b51#ov25b52#ov25b53#ov25b54#ov25b55#ov25b56#ov25b57#ov25b58#ov25b59#ov25b60#ov25b61#ov25b62#ov25b63#ov25b64#ov25b65#ov25b66#ov25b67#ov25b68#ov25b69#ov25b70):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-action-grid button, html.exeify-client.exeify-compact-window body:not(#ov25b01#ov25b02#ov25b03#ov25b04#ov25b05#ov25b06#ov25b07#ov25b08#ov25b09#ov25b10#ov25b11#ov25b12#ov25b13#ov25b14#ov25b15#ov25b16#ov25b17#ov25b18#ov25b19#ov25b20#ov25b21#ov25b22#ov25b23#ov25b24#ov25b25#ov25b26#ov25b27#ov25b28#ov25b29#ov25b30#ov25b31#ov25b32#ov25b33#ov25b34#ov25b35#ov25b36#ov25b37#ov25b38#ov25b39#ov25b40#ov25b41#ov25b42#ov25b43#ov25b44#ov25b45#ov25b46#ov25b47#ov25b48#ov25b49#ov25b50#ov25b51#ov25b52#ov25b53#ov25b54#ov25b55#ov25b56#ov25b57#ov25b58#ov25b59#ov25b60#ov25b61#ov25b62#ov25b63#ov25b64#ov25b65#ov25b66#ov25b67#ov25b68#ov25b69#ov25b70):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-action-grid button span { font-weight: 520 !important; } html.exeify-client.exeify-compact-window body:not(#ov25b01#ov25b02#ov25b03#ov25b04#ov25b05#ov25b06#ov25b07#ov25b08#ov25b09#ov25b10#ov25b11#ov25b12#ov25b13#ov25b14#ov25b15#ov25b16#ov25b17#ov25b18#ov25b19#ov25b20#ov25b21#ov25b22#ov25b23#ov25b24#ov25b25#ov25b26#ov25b27#ov25b28#ov25b29#ov25b30#ov25b31#ov25b32#ov25b33#ov25b34#ov25b35#ov25b36#ov25b37#ov25b38#ov25b39#ov25b40#ov25b41#ov25b42#ov25b43#ov25b44#ov25b45#ov25b46#ov25b47#ov25b48#ov25b49#ov25b50#ov25b51#ov25b52#ov25b53#ov25b54#ov25b55#ov25b56#ov25b57#ov25b58#ov25b59#ov25b60#ov25b61#ov25b62#ov25b63#ov25b64#ov25b65#ov25b66#ov25b67#ov25b68#ov25b69#ov25b70):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .referral-reset-btn { align-items: center !important; align-content: center !important; padding-top: 0 !important; padding-bottom: 0 !important; } html.exeify-client.exeify-compact-window body:not(#ov25b01#ov25b02#ov25b03#ov25b04#ov25b05#ov25b06#ov25b07#ov25b08#ov25b09#ov25b10#ov25b11#ov25b12#ov25b13#ov25b14#ov25b15#ov25b16#ov25b17#ov25b18#ov25b19#ov25b20#ov25b21#ov25b22#ov25b23#ov25b24#ov25b25#ov25b26#ov25b27#ov25b28#ov25b29#ov25b30#ov25b31#ov25b32#ov25b33#ov25b34#ov25b35#ov25b36#ov25b37#ov25b38#ov25b39#ov25b40#ov25b41#ov25b42#ov25b43#ov25b44#ov25b45#ov25b46#ov25b47#ov25b48#ov25b49#ov25b50#ov25b51#ov25b52#ov25b53#ov25b54#ov25b55#ov25b56#ov25b57#ov25b58#ov25b59#ov25b60#ov25b61#ov25b62#ov25b63#ov25b64#ov25b65#ov25b66#ov25b67#ov25b68#ov25b69#ov25b70):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .referral-reset-btn b { align-self: center !important; margin: 0 !important; font-size: 13px !important; line-height: 1 !important; } html.exeify-client.exeify-compact-window body:not(#ov25b01#ov25b02#ov25b03#ov25b04#ov25b05#ov25b06#ov25b07#ov25b08#ov25b09#ov25b10#ov25b11#ov25b12#ov25b13#ov25b14#ov25b15#ov25b16#ov25b17#ov25b18#ov25b19#ov25b20#ov25b21#ov25b22#ov25b23#ov25b24#ov25b25#ov25b26#ov25b27#ov25b28#ov25b29#ov25b30#ov25b31#ov25b32#ov25b33#ov25b34#ov25b35#ov25b36#ov25b37#ov25b38#ov25b39#ov25b40#ov25b41#ov25b42#ov25b43#ov25b44#ov25b45#ov25b46#ov25b47#ov25b48#ov25b49#ov25b50#ov25b51#ov25b52#ov25b53#ov25b54#ov25b55#ov25b56#ov25b57#ov25b58#ov25b59#ov25b60#ov25b61#ov25b62#ov25b63#ov25b64#ov25b65#ov25b66#ov25b67#ov25b68#ov25b69#ov25b70):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .license-badge.referral-badge span { font-size: 11px !important; line-height: 1.05 !important; } html.exeify-client.exeify-compact-window body:not(#ov25b01#ov25b02#ov25b03#ov25b04#ov25b05#ov25b06#ov25b07#ov25b08#ov25b09#ov25b10#ov25b11#ov25b12#ov25b13#ov25b14#ov25b15#ov25b16#ov25b17#ov25b18#ov25b19#ov25b20#ov25b21#ov25b22#ov25b23#ov25b24#ov25b25#ov25b26#ov25b27#ov25b28#ov25b29#ov25b30#ov25b31#ov25b32#ov25b33#ov25b34#ov25b35#ov25b36#ov25b37#ov25b38#ov25b39#ov25b40#ov25b41#ov25b42#ov25b43#ov25b44#ov25b45#ov25b46#ov25b47#ov25b48#ov25b49#ov25b50#ov25b51#ov25b52#ov25b53#ov25b54#ov25b55#ov25b56#ov25b57#ov25b58#ov25b59#ov25b60#ov25b61#ov25b62#ov25b63#ov25b64#ov25b65#ov25b66#ov25b67#ov25b68#ov25b69#ov25b70):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .license-badge.referral-badge strong { font-size: 16px !important; line-height: 1.05 !important; } html.exeify-client.exeify-compact-window body:not(#ov25b01#ov25b02#ov25b03#ov25b04#ov25b05#ov25b06#ov25b07#ov25b08#ov25b09#ov25b10#ov25b11#ov25b12#ov25b13#ov25b14#ov25b15#ov25b16#ov25b17#ov25b18#ov25b19#ov25b20#ov25b21#ov25b22#ov25b23#ov25b24#ov25b25#ov25b26#ov25b27#ov25b28#ov25b29#ov25b30#ov25b31#ov25b32#ov25b33#ov25b34#ov25b35#ov25b36#ov25b37#ov25b38#ov25b39#ov25b40#ov25b41#ov25b42#ov25b43#ov25b44#ov25b45#ov25b46#ov25b47#ov25b48#ov25b49#ov25b50#ov25b51#ov25b52#ov25b53#ov25b54#ov25b55#ov25b56#ov25b57#ov25b58#ov25b59#ov25b60#ov25b61#ov25b62#ov25b63#ov25b64#ov25b65#ov25b66#ov25b67#ov25b68#ov25b69#ov25b70):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel #overviewOrderLatestStatus, html.exeify-client.exeify-compact-window body:not(#ov25b01#ov25b02#ov25b03#ov25b04#ov25b05#ov25b06#ov25b07#ov25b08#ov25b09#ov25b10#ov25b11#ov25b12#ov25b13#ov25b14#ov25b15#ov25b16#ov25b17#ov25b18#ov25b19#ov25b20#ov25b21#ov25b22#ov25b23#ov25b24#ov25b25#ov25b26#ov25b27#ov25b28#ov25b29#ov25b30#ov25b31#ov25b32#ov25b33#ov25b34#ov25b35#ov25b36#ov25b37#ov25b38#ov25b39#ov25b40#ov25b41#ov25b42#ov25b43#ov25b44#ov25b45#ov25b46#ov25b47#ov25b48#ov25b49#ov25b50#ov25b51#ov25b52#ov25b53#ov25b54#ov25b55#ov25b56#ov25b57#ov25b58#ov25b59#ov25b60#ov25b61#ov25b62#ov25b63#ov25b64#ov25b65#ov25b66#ov25b67#ov25b68#ov25b69#ov25b70):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel #overviewOrderLatestMeta { font-size: 12px !important; line-height: 1.05 !important; } html.exeify-client.exeify-compact-window body:not(#ov25b01#ov25b02#ov25b03#ov25b04#ov25b05#ov25b06#ov25b07#ov25b08#ov25b09#ov25b10#ov25b11#ov25b12#ov25b13#ov25b14#ov25b15#ov25b16#ov25b17#ov25b18#ov25b19#ov25b20#ov25b21#ov25b22#ov25b23#ov25b24#ov25b25#ov25b26#ov25b27#ov25b28#ov25b29#ov25b30#ov25b31#ov25b32#ov25b33#ov25b34#ov25b35#ov25b36#ov25b37#ov25b38#ov25b39#ov25b40#ov25b41#ov25b42#ov25b43#ov25b44#ov25b45#ov25b46#ov25b47#ov25b48#ov25b49#ov25b50#ov25b51#ov25b52#ov25b53#ov25b54#ov25b55#ov25b56#ov25b57#ov25b58#ov25b59#ov25b60#ov25b61#ov25b62#ov25b63#ov25b64#ov25b65#ov25b66#ov25b67#ov25b68#ov25b69#ov25b70):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel #overviewOrderLatestCode { font-size: 18px !important; line-height: 1.04 !important; } } /* Exeify client v24: compact overview typography and fit all six quick actions in 2x3. */ @media (min-width: 900px) and (max-width: 1100px) and (max-height: 760px) { html.exeify-client.exeify-compact-window body:not(#ov2401#ov2402#ov2403#ov2404#ov2405#ov2406#ov2407#ov2408#ov2409#ov2410#ov2411#ov2412#ov2413#ov2414#ov2415#ov2416#ov2417#ov2418#ov2419#ov2420#ov2421#ov2422#ov2423#ov2424#ov2425#ov2426#ov2427#ov2428#ov2429#ov2430#ov2431#ov2432#ov2433#ov2434#ov2435#ov2436#ov2437#ov2438#ov2439#ov2440#ov2441#ov2442#ov2443#ov2444#ov2445#ov2446#ov2447#ov2448#ov2449#ov2450#ov2451#ov2452#ov2453#ov2454#ov2455#ov2456#ov2457#ov2458#ov2459#ov2460):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .rhythm-card, html.exeify-client.exeify-compact-window body:not(#ov2401#ov2402#ov2403#ov2404#ov2405#ov2406#ov2407#ov2408#ov2409#ov2410#ov2411#ov2412#ov2413#ov2414#ov2415#ov2416#ov2417#ov2418#ov2419#ov2420#ov2421#ov2422#ov2423#ov2424#ov2425#ov2426#ov2427#ov2428#ov2429#ov2430#ov2431#ov2432#ov2433#ov2434#ov2435#ov2436#ov2437#ov2438#ov2439#ov2440#ov2441#ov2442#ov2443#ov2444#ov2445#ov2446#ov2447#ov2448#ov2449#ov2450#ov2451#ov2452#ov2453#ov2454#ov2455#ov2456#ov2457#ov2458#ov2459#ov2460):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-action-card, html.exeify-client.exeify-compact-window body:not(#ov2401#ov2402#ov2403#ov2404#ov2405#ov2406#ov2407#ov2408#ov2409#ov2410#ov2411#ov2412#ov2413#ov2414#ov2415#ov2416#ov2417#ov2418#ov2419#ov2420#ov2421#ov2422#ov2423#ov2424#ov2425#ov2426#ov2427#ov2428#ov2429#ov2430#ov2431#ov2432#ov2433#ov2434#ov2435#ov2436#ov2437#ov2438#ov2439#ov2440#ov2441#ov2442#ov2443#ov2444#ov2445#ov2446#ov2447#ov2448#ov2449#ov2450#ov2451#ov2452#ov2453#ov2454#ov2455#ov2456#ov2457#ov2458#ov2459#ov2460):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-table-card, html.exeify-client.exeify-compact-window body:not(#ov2401#ov2402#ov2403#ov2404#ov2405#ov2406#ov2407#ov2408#ov2409#ov2410#ov2411#ov2412#ov2413#ov2414#ov2415#ov2416#ov2417#ov2418#ov2419#ov2420#ov2421#ov2422#ov2423#ov2424#ov2425#ov2426#ov2427#ov2428#ov2429#ov2430#ov2431#ov2432#ov2433#ov2434#ov2435#ov2436#ov2437#ov2438#ov2439#ov2440#ov2441#ov2442#ov2443#ov2444#ov2445#ov2446#ov2447#ov2448#ov2449#ov2450#ov2451#ov2452#ov2453#ov2454#ov2455#ov2456#ov2457#ov2458#ov2459#ov2460):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-order-card { padding: 12px 14px !important; } html.exeify-client.exeify-compact-window body:not(#ov2401#ov2402#ov2403#ov2404#ov2405#ov2406#ov2407#ov2408#ov2409#ov2410#ov2411#ov2412#ov2413#ov2414#ov2415#ov2416#ov2417#ov2418#ov2419#ov2420#ov2421#ov2422#ov2423#ov2424#ov2425#ov2426#ov2427#ov2428#ov2429#ov2430#ov2431#ov2432#ov2433#ov2434#ov2435#ov2436#ov2437#ov2438#ov2439#ov2440#ov2441#ov2442#ov2443#ov2444#ov2445#ov2446#ov2447#ov2448#ov2449#ov2450#ov2451#ov2452#ov2453#ov2454#ov2455#ov2456#ov2457#ov2458#ov2459#ov2460):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .workspace-card-head { min-height: 40px !important; margin-bottom: 8px !important; align-items: flex-start !important; } html.exeify-client.exeify-compact-window body:not(#ov2401#ov2402#ov2403#ov2404#ov2405#ov2406#ov2407#ov2408#ov2409#ov2410#ov2411#ov2412#ov2413#ov2414#ov2415#ov2416#ov2417#ov2418#ov2419#ov2420#ov2421#ov2422#ov2423#ov2424#ov2425#ov2426#ov2427#ov2428#ov2429#ov2430#ov2431#ov2432#ov2433#ov2434#ov2435#ov2436#ov2437#ov2438#ov2439#ov2440#ov2441#ov2442#ov2443#ov2444#ov2445#ov2446#ov2447#ov2448#ov2449#ov2450#ov2451#ov2452#ov2453#ov2454#ov2455#ov2456#ov2457#ov2458#ov2459#ov2460):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .workspace-card .eyebrow { font-size: 12px !important; line-height: 1.1 !important; } html.exeify-client.exeify-compact-window body:not(#ov2401#ov2402#ov2403#ov2404#ov2405#ov2406#ov2407#ov2408#ov2409#ov2410#ov2411#ov2412#ov2413#ov2414#ov2415#ov2416#ov2417#ov2418#ov2419#ov2420#ov2421#ov2422#ov2423#ov2424#ov2425#ov2426#ov2427#ov2428#ov2429#ov2430#ov2431#ov2432#ov2433#ov2434#ov2435#ov2436#ov2437#ov2438#ov2439#ov2440#ov2441#ov2442#ov2443#ov2444#ov2445#ov2446#ov2447#ov2448#ov2449#ov2450#ov2451#ov2452#ov2453#ov2454#ov2455#ov2456#ov2457#ov2458#ov2459#ov2460):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .workspace-card h2 { font-size: 17px !important; line-height: 1.12 !important; } html.exeify-client.exeify-compact-window body:not(#ov2401#ov2402#ov2403#ov2404#ov2405#ov2406#ov2407#ov2408#ov2409#ov2410#ov2411#ov2412#ov2413#ov2414#ov2415#ov2416#ov2417#ov2418#ov2419#ov2420#ov2421#ov2422#ov2423#ov2424#ov2425#ov2426#ov2427#ov2428#ov2429#ov2430#ov2431#ov2432#ov2433#ov2434#ov2435#ov2436#ov2437#ov2438#ov2439#ov2440#ov2441#ov2442#ov2443#ov2444#ov2445#ov2446#ov2447#ov2448#ov2449#ov2450#ov2451#ov2452#ov2453#ov2454#ov2455#ov2456#ov2457#ov2458#ov2459#ov2460):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .rhythm-card h2 { max-width: 74px !important; } html.exeify-client.exeify-compact-window body:not(#ov2401#ov2402#ov2403#ov2404#ov2405#ov2406#ov2407#ov2408#ov2409#ov2410#ov2411#ov2412#ov2413#ov2414#ov2415#ov2416#ov2417#ov2418#ov2419#ov2420#ov2421#ov2422#ov2423#ov2424#ov2425#ov2426#ov2427#ov2428#ov2429#ov2430#ov2431#ov2432#ov2433#ov2434#ov2435#ov2436#ov2437#ov2438#ov2439#ov2440#ov2441#ov2442#ov2443#ov2444#ov2445#ov2446#ov2447#ov2448#ov2449#ov2450#ov2451#ov2452#ov2453#ov2454#ov2455#ov2456#ov2457#ov2458#ov2459#ov2460):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .client-chart-tabs { grid-template-columns: repeat(3, 54px) !important; height: 28px !important; padding: 2px !important; } html.exeify-client.exeify-compact-window body:not(#ov2401#ov2402#ov2403#ov2404#ov2405#ov2406#ov2407#ov2408#ov2409#ov2410#ov2411#ov2412#ov2413#ov2414#ov2415#ov2416#ov2417#ov2418#ov2419#ov2420#ov2421#ov2422#ov2423#ov2424#ov2425#ov2426#ov2427#ov2428#ov2429#ov2430#ov2431#ov2432#ov2433#ov2434#ov2435#ov2436#ov2437#ov2438#ov2439#ov2440#ov2441#ov2442#ov2443#ov2444#ov2445#ov2446#ov2447#ov2448#ov2449#ov2450#ov2451#ov2452#ov2453#ov2454#ov2455#ov2456#ov2457#ov2458#ov2459#ov2460):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .client-chart-tabs button { height: 24px !important; min-height: 24px !important; font-size: 11px !important; line-height: 1.05 !important; } html.exeify-client.exeify-compact-window body:not(#ov2401#ov2402#ov2403#ov2404#ov2405#ov2406#ov2407#ov2408#ov2409#ov2410#ov2411#ov2412#ov2413#ov2414#ov2415#ov2416#ov2417#ov2418#ov2419#ov2420#ov2421#ov2422#ov2423#ov2424#ov2425#ov2426#ov2427#ov2428#ov2429#ov2430#ov2431#ov2432#ov2433#ov2434#ov2435#ov2436#ov2437#ov2438#ov2439#ov2440#ov2441#ov2442#ov2443#ov2444#ov2445#ov2446#ov2447#ov2448#ov2449#ov2450#ov2451#ov2452#ov2453#ov2454#ov2455#ov2456#ov2457#ov2458#ov2459#ov2460):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-action-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-template-rows: repeat(3, 42px) !important; gap: 7px !important; margin-top: 8px !important; } html.exeify-client.exeify-compact-window body:not(#ov2401#ov2402#ov2403#ov2404#ov2405#ov2406#ov2407#ov2408#ov2409#ov2410#ov2411#ov2412#ov2413#ov2414#ov2415#ov2416#ov2417#ov2418#ov2419#ov2420#ov2421#ov2422#ov2423#ov2424#ov2425#ov2426#ov2427#ov2428#ov2429#ov2430#ov2431#ov2432#ov2433#ov2434#ov2435#ov2436#ov2437#ov2438#ov2439#ov2440#ov2441#ov2442#ov2443#ov2444#ov2445#ov2446#ov2447#ov2448#ov2449#ov2450#ov2451#ov2452#ov2453#ov2454#ov2455#ov2456#ov2457#ov2458#ov2459#ov2460):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-action-grid button { height: 42px !important; min-height: 42px !important; padding: 6px 10px !important; gap: 8px !important; border-radius: 12px !important; font-size: 12px !important; line-height: 1.08 !important; } html.exeify-client.exeify-compact-window body:not(#ov2401#ov2402#ov2403#ov2404#ov2405#ov2406#ov2407#ov2408#ov2409#ov2410#ov2411#ov2412#ov2413#ov2414#ov2415#ov2416#ov2417#ov2418#ov2419#ov2420#ov2421#ov2422#ov2423#ov2424#ov2425#ov2426#ov2427#ov2428#ov2429#ov2430#ov2431#ov2432#ov2433#ov2434#ov2435#ov2436#ov2437#ov2438#ov2439#ov2440#ov2441#ov2442#ov2443#ov2444#ov2445#ov2446#ov2447#ov2448#ov2449#ov2450#ov2451#ov2452#ov2453#ov2454#ov2455#ov2456#ov2457#ov2458#ov2459#ov2460):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-action-grid iconify-icon { width: 26px !important; height: 26px !important; padding: 7px !important; border-radius: 10px !important; } html.exeify-client.exeify-compact-window body:not(#ov2401#ov2402#ov2403#ov2404#ov2405#ov2406#ov2407#ov2408#ov2409#ov2410#ov2411#ov2412#ov2413#ov2414#ov2415#ov2416#ov2417#ov2418#ov2419#ov2420#ov2421#ov2422#ov2423#ov2424#ov2425#ov2426#ov2427#ov2428#ov2429#ov2430#ov2431#ov2432#ov2433#ov2434#ov2435#ov2436#ov2437#ov2438#ov2439#ov2440#ov2441#ov2442#ov2443#ov2444#ov2445#ov2446#ov2447#ov2448#ov2449#ov2450#ov2451#ov2452#ov2453#ov2454#ov2455#ov2456#ov2457#ov2458#ov2459#ov2460):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-order-card .secondary { height: 30px !important; min-height: 30px !important; padding: 0 13px !important; font-size: 12px !important; } html.exeify-client.exeify-compact-window body:not(#ov2401#ov2402#ov2403#ov2404#ov2405#ov2406#ov2407#ov2408#ov2409#ov2410#ov2411#ov2412#ov2413#ov2414#ov2415#ov2416#ov2417#ov2418#ov2419#ov2420#ov2421#ov2422#ov2423#ov2424#ov2425#ov2426#ov2427#ov2428#ov2429#ov2430#ov2431#ov2432#ov2433#ov2434#ov2435#ov2436#ov2437#ov2438#ov2439#ov2440#ov2441#ov2442#ov2443#ov2444#ov2445#ov2446#ov2447#ov2448#ov2449#ov2450#ov2451#ov2452#ov2453#ov2454#ov2455#ov2456#ov2457#ov2458#ov2459#ov2460):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel #overviewOrderLatestCode { font-size: 20px !important; } } /* Exeify client v20: restore the overview license strip order and compact typography. */ @media (min-width: 900px) and (max-width: 1100px) and (max-height: 760px) { html.exeify-client.exeify-compact-window body:not(#ovv01#ovv02#ovv03#ovv04#ovv05#ovv06#ovv07#ovv08#ovv09#ovv10#ovv11#ovv12#ovv13#ovv14#ovv15#ovv16#ovv17#ovv18#ovv19#ovv20#ovv21#ovv22#ovv23#ovv24#ovv25#ovv26#ovv27#ovv28#ovv29#ovv30#ovv31#ovv32#ovv33#ovv34#ovv35#ovv36#ovv37#ovv38#ovv39#ovv40#ovv41#ovv42#ovv43#ovv44#ovv45#ovv46#ovv47#ovv48#ovv49#ovv50#ovv51#ovv52#ovv53#ovv54#ovv55#ovv56#ovv57#ovv58#ovv59#ovv60):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar { display: grid !important; grid-template-columns: minmax(120px, .82fr) minmax(360px, 2.45fr) minmax(126px, .88fr) minmax(102px, .72fr) !important; grid-auto-rows: 60px !important; align-items: stretch !important; gap: 8px !important; margin-bottom: 8px !important; overflow: visible !important; } html.exeify-client.exeify-compact-window body:not(#ovv01#ovv02#ovv03#ovv04#ovv05#ovv06#ovv07#ovv08#ovv09#ovv10#ovv11#ovv12#ovv13#ovv14#ovv15#ovv16#ovv17#ovv18#ovv19#ovv20#ovv21#ovv22#ovv23#ovv24#ovv25#ovv26#ovv27#ovv28#ovv29#ovv30#ovv31#ovv32#ovv33#ovv34#ovv35#ovv36#ovv37#ovv38#ovv39#ovv40#ovv41#ovv42#ovv43#ovv44#ovv45#ovv46#ovv47#ovv48#ovv49#ovv50#ovv51#ovv52#ovv53#ovv54#ovv55#ovv56#ovv57#ovv58#ovv59#ovv60):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .license-current, html.exeify-client.exeify-compact-window body:not(#ovv01#ovv02#ovv03#ovv04#ovv05#ovv06#ovv07#ovv08#ovv09#ovv10#ovv11#ovv12#ovv13#ovv14#ovv15#ovv16#ovv17#ovv18#ovv19#ovv20#ovv21#ovv22#ovv23#ovv24#ovv25#ovv26#ovv27#ovv28#ovv29#ovv30#ovv31#ovv32#ovv33#ovv34#ovv35#ovv36#ovv37#ovv38#ovv39#ovv40#ovv41#ovv42#ovv43#ovv44#ovv45#ovv46#ovv47#ovv48#ovv49#ovv50#ovv51#ovv52#ovv53#ovv54#ovv55#ovv56#ovv57#ovv58#ovv59#ovv60):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .activation-entry-card, html.exeify-client.exeify-compact-window body:not(#ovv01#ovv02#ovv03#ovv04#ovv05#ovv06#ovv07#ovv08#ovv09#ovv10#ovv11#ovv12#ovv13#ovv14#ovv15#ovv16#ovv17#ovv18#ovv19#ovv20#ovv21#ovv22#ovv23#ovv24#ovv25#ovv26#ovv27#ovv28#ovv29#ovv30#ovv31#ovv32#ovv33#ovv34#ovv35#ovv36#ovv37#ovv38#ovv39#ovv40#ovv41#ovv42#ovv43#ovv44#ovv45#ovv46#ovv47#ovv48#ovv49#ovv50#ovv51#ovv52#ovv53#ovv54#ovv55#ovv56#ovv57#ovv58#ovv59#ovv60):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .referral-reset-btn, html.exeify-client.exeify-compact-window body:not(#ovv01#ovv02#ovv03#ovv04#ovv05#ovv06#ovv07#ovv08#ovv09#ovv10#ovv11#ovv12#ovv13#ovv14#ovv15#ovv16#ovv17#ovv18#ovv19#ovv20#ovv21#ovv22#ovv23#ovv24#ovv25#ovv26#ovv27#ovv28#ovv29#ovv30#ovv31#ovv32#ovv33#ovv34#ovv35#ovv36#ovv37#ovv38#ovv39#ovv40#ovv41#ovv42#ovv43#ovv44#ovv45#ovv46#ovv47#ovv48#ovv49#ovv50#ovv51#ovv52#ovv53#ovv54#ovv55#ovv56#ovv57#ovv58#ovv59#ovv60):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .license-badge.referral-badge { grid-column: auto !important; grid-row: auto !important; min-height: 60px !important; height: 60px !important; max-height: 60px !important; padding: 8px 12px !important; overflow: hidden !important; } html.exeify-client.exeify-compact-window body:not(#ovv01#ovv02#ovv03#ovv04#ovv05#ovv06#ovv07#ovv08#ovv09#ovv10#ovv11#ovv12#ovv13#ovv14#ovv15#ovv16#ovv17#ovv18#ovv19#ovv20#ovv21#ovv22#ovv23#ovv24#ovv25#ovv26#ovv27#ovv28#ovv29#ovv30#ovv31#ovv32#ovv33#ovv34#ovv35#ovv36#ovv37#ovv38#ovv39#ovv40#ovv41#ovv42#ovv43#ovv44#ovv45#ovv46#ovv47#ovv48#ovv49#ovv50#ovv51#ovv52#ovv53#ovv54#ovv55#ovv56#ovv57#ovv58#ovv59#ovv60):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .license-current { order: 1 !important; display: grid !important; grid-template-columns: 34px minmax(0, 1fr) !important; align-items: center !important; gap: 10px !important; } html.exeify-client.exeify-compact-window body:not(#ovv01#ovv02#ovv03#ovv04#ovv05#ovv06#ovv07#ovv08#ovv09#ovv10#ovv11#ovv12#ovv13#ovv14#ovv15#ovv16#ovv17#ovv18#ovv19#ovv20#ovv21#ovv22#ovv23#ovv24#ovv25#ovv26#ovv27#ovv28#ovv29#ovv30#ovv31#ovv32#ovv33#ovv34#ovv35#ovv36#ovv37#ovv38#ovv39#ovv40#ovv41#ovv42#ovv43#ovv44#ovv45#ovv46#ovv47#ovv48#ovv49#ovv50#ovv51#ovv52#ovv53#ovv54#ovv55#ovv56#ovv57#ovv58#ovv59#ovv60):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .activation-entry-card { order: 2 !important; display: flex !important; align-items: center !important; } html.exeify-client.exeify-compact-window body:not(#ovv01#ovv02#ovv03#ovv04#ovv05#ovv06#ovv07#ovv08#ovv09#ovv10#ovv11#ovv12#ovv13#ovv14#ovv15#ovv16#ovv17#ovv18#ovv19#ovv20#ovv21#ovv22#ovv23#ovv24#ovv25#ovv26#ovv27#ovv28#ovv29#ovv30#ovv31#ovv32#ovv33#ovv34#ovv35#ovv36#ovv37#ovv38#ovv39#ovv40#ovv41#ovv42#ovv43#ovv44#ovv45#ovv46#ovv47#ovv48#ovv49#ovv50#ovv51#ovv52#ovv53#ovv54#ovv55#ovv56#ovv57#ovv58#ovv59#ovv60):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .referral-reset-btn { order: 3 !important; display: grid !important; grid-template-columns: 34px minmax(0, 1fr) !important; align-items: center !important; gap: 10px !important; text-align: left !important; } html.exeify-client.exeify-compact-window body:not(#ovv01#ovv02#ovv03#ovv04#ovv05#ovv06#ovv07#ovv08#ovv09#ovv10#ovv11#ovv12#ovv13#ovv14#ovv15#ovv16#ovv17#ovv18#ovv19#ovv20#ovv21#ovv22#ovv23#ovv24#ovv25#ovv26#ovv27#ovv28#ovv29#ovv30#ovv31#ovv32#ovv33#ovv34#ovv35#ovv36#ovv37#ovv38#ovv39#ovv40#ovv41#ovv42#ovv43#ovv44#ovv45#ovv46#ovv47#ovv48#ovv49#ovv50#ovv51#ovv52#ovv53#ovv54#ovv55#ovv56#ovv57#ovv58#ovv59#ovv60):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .license-badge.referral-badge { order: 4 !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: flex-start !important; gap: 4px !important; } html.exeify-client.exeify-compact-window body:not(#ovv01#ovv02#ovv03#ovv04#ovv05#ovv06#ovv07#ovv08#ovv09#ovv10#ovv11#ovv12#ovv13#ovv14#ovv15#ovv16#ovv17#ovv18#ovv19#ovv20#ovv21#ovv22#ovv23#ovv24#ovv25#ovv26#ovv27#ovv28#ovv29#ovv30#ovv31#ovv32#ovv33#ovv34#ovv35#ovv36#ovv37#ovv38#ovv39#ovv40#ovv41#ovv42#ovv43#ovv44#ovv45#ovv46#ovv47#ovv48#ovv49#ovv50#ovv51#ovv52#ovv53#ovv54#ovv55#ovv56#ovv57#ovv58#ovv59#ovv60):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .activation-entry-card > div, html.exeify-client.exeify-compact-window body:not(#ovv01#ovv02#ovv03#ovv04#ovv05#ovv06#ovv07#ovv08#ovv09#ovv10#ovv11#ovv12#ovv13#ovv14#ovv15#ovv16#ovv17#ovv18#ovv19#ovv20#ovv21#ovv22#ovv23#ovv24#ovv25#ovv26#ovv27#ovv28#ovv29#ovv30#ovv31#ovv32#ovv33#ovv34#ovv35#ovv36#ovv37#ovv38#ovv39#ovv40#ovv41#ovv42#ovv43#ovv44#ovv45#ovv46#ovv47#ovv48#ovv49#ovv50#ovv51#ovv52#ovv53#ovv54#ovv55#ovv56#ovv57#ovv58#ovv59#ovv60):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .referral-reset-btn small, html.exeify-client.exeify-compact-window body:not(#ovv01#ovv02#ovv03#ovv04#ovv05#ovv06#ovv07#ovv08#ovv09#ovv10#ovv11#ovv12#ovv13#ovv14#ovv15#ovv16#ovv17#ovv18#ovv19#ovv20#ovv21#ovv22#ovv23#ovv24#ovv25#ovv26#ovv27#ovv28#ovv29#ovv30#ovv31#ovv32#ovv33#ovv34#ovv35#ovv36#ovv37#ovv38#ovv39#ovv40#ovv41#ovv42#ovv43#ovv44#ovv45#ovv46#ovv47#ovv48#ovv49#ovv50#ovv51#ovv52#ovv53#ovv54#ovv55#ovv56#ovv57#ovv58#ovv59#ovv60):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar #memberBadge { display: none !important; } html.exeify-client.exeify-compact-window body:not(#ovv01#ovv02#ovv03#ovv04#ovv05#ovv06#ovv07#ovv08#ovv09#ovv10#ovv11#ovv12#ovv13#ovv14#ovv15#ovv16#ovv17#ovv18#ovv19#ovv20#ovv21#ovv22#ovv23#ovv24#ovv25#ovv26#ovv27#ovv28#ovv29#ovv30#ovv31#ovv32#ovv33#ovv34#ovv35#ovv36#ovv37#ovv38#ovv39#ovv40#ovv41#ovv42#ovv43#ovv44#ovv45#ovv46#ovv47#ovv48#ovv49#ovv50#ovv51#ovv52#ovv53#ovv54#ovv55#ovv56#ovv57#ovv58#ovv59#ovv60):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar .activation-panel { display: grid !important; width: 100% !important; height: 42px !important; min-height: 42px !important; grid-template-columns: 26px minmax(0, 1fr) 70px !important; align-items: center !important; gap: 8px !important; padding: 5px 6px 5px 12px !important; } html.exeify-client.exeify-compact-window body:not(#ovv01#ovv02#ovv03#ovv04#ovv05#ovv06#ovv07#ovv08#ovv09#ovv10#ovv11#ovv12#ovv13#ovv14#ovv15#ovv16#ovv17#ovv18#ovv19#ovv20#ovv21#ovv22#ovv23#ovv24#ovv25#ovv26#ovv27#ovv28#ovv29#ovv30#ovv31#ovv32#ovv33#ovv34#ovv35#ovv36#ovv37#ovv38#ovv39#ovv40#ovv41#ovv42#ovv43#ovv44#ovv45#ovv46#ovv47#ovv48#ovv49#ovv50#ovv51#ovv52#ovv53#ovv54#ovv55#ovv56#ovv57#ovv58#ovv59#ovv60):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar .activation-panel input#cardCodeInput { height: 32px !important; min-height: 32px !important; padding: 0 8px !important; font-size: 12px !important; } html.exeify-client.exeify-compact-window body:not(#ovv01#ovv02#ovv03#ovv04#ovv05#ovv06#ovv07#ovv08#ovv09#ovv10#ovv11#ovv12#ovv13#ovv14#ovv15#ovv16#ovv17#ovv18#ovv19#ovv20#ovv21#ovv22#ovv23#ovv24#ovv25#ovv26#ovv27#ovv28#ovv29#ovv30#ovv31#ovv32#ovv33#ovv34#ovv35#ovv36#ovv37#ovv38#ovv39#ovv40#ovv41#ovv42#ovv43#ovv44#ovv45#ovv46#ovv47#ovv48#ovv49#ovv50#ovv51#ovv52#ovv53#ovv54#ovv55#ovv56#ovv57#ovv58#ovv59#ovv60):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar .activation-panel button { width: 70px !important; height: 32px !important; min-height: 32px !important; padding: 0 10px !important; border-radius: 12px !important; font-size: 12px !important; white-space: nowrap !important; } html.exeify-client.exeify-compact-window body:not(#ovv01#ovv02#ovv03#ovv04#ovv05#ovv06#ovv07#ovv08#ovv09#ovv10#ovv11#ovv12#ovv13#ovv14#ovv15#ovv16#ovv17#ovv18#ovv19#ovv20#ovv21#ovv22#ovv23#ovv24#ovv25#ovv26#ovv27#ovv28#ovv29#ovv30#ovv31#ovv32#ovv33#ovv34#ovv35#ovv36#ovv37#ovv38#ovv39#ovv40#ovv41#ovv42#ovv43#ovv44#ovv45#ovv46#ovv47#ovv48#ovv49#ovv50#ovv51#ovv52#ovv53#ovv54#ovv55#ovv56#ovv57#ovv58#ovv59#ovv60):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .license-current p, html.exeify-client.exeify-compact-window body:not(#ovv01#ovv02#ovv03#ovv04#ovv05#ovv06#ovv07#ovv08#ovv09#ovv10#ovv11#ovv12#ovv13#ovv14#ovv15#ovv16#ovv17#ovv18#ovv19#ovv20#ovv21#ovv22#ovv23#ovv24#ovv25#ovv26#ovv27#ovv28#ovv29#ovv30#ovv31#ovv32#ovv33#ovv34#ovv35#ovv36#ovv37#ovv38#ovv39#ovv40#ovv41#ovv42#ovv43#ovv44#ovv45#ovv46#ovv47#ovv48#ovv49#ovv50#ovv51#ovv52#ovv53#ovv54#ovv55#ovv56#ovv57#ovv58#ovv59#ovv60):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .referral-reset-btn b, html.exeify-client.exeify-compact-window body:not(#ovv01#ovv02#ovv03#ovv04#ovv05#ovv06#ovv07#ovv08#ovv09#ovv10#ovv11#ovv12#ovv13#ovv14#ovv15#ovv16#ovv17#ovv18#ovv19#ovv20#ovv21#ovv22#ovv23#ovv24#ovv25#ovv26#ovv27#ovv28#ovv29#ovv30#ovv31#ovv32#ovv33#ovv34#ovv35#ovv36#ovv37#ovv38#ovv39#ovv40#ovv41#ovv42#ovv43#ovv44#ovv45#ovv46#ovv47#ovv48#ovv49#ovv50#ovv51#ovv52#ovv53#ovv54#ovv55#ovv56#ovv57#ovv58#ovv59#ovv60):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .license-badge.referral-badge span { font-size: 13px !important; line-height: 1.12 !important; white-space: nowrap !important; } html.exeify-client.exeify-compact-window body:not(#ovv01#ovv02#ovv03#ovv04#ovv05#ovv06#ovv07#ovv08#ovv09#ovv10#ovv11#ovv12#ovv13#ovv14#ovv15#ovv16#ovv17#ovv18#ovv19#ovv20#ovv21#ovv22#ovv23#ovv24#ovv25#ovv26#ovv27#ovv28#ovv29#ovv30#ovv31#ovv32#ovv33#ovv34#ovv35#ovv36#ovv37#ovv38#ovv39#ovv40#ovv41#ovv42#ovv43#ovv44#ovv45#ovv46#ovv47#ovv48#ovv49#ovv50#ovv51#ovv52#ovv53#ovv54#ovv55#ovv56#ovv57#ovv58#ovv59#ovv60):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .license-current small, html.exeify-client.exeify-compact-window body:not(#ovv01#ovv02#ovv03#ovv04#ovv05#ovv06#ovv07#ovv08#ovv09#ovv10#ovv11#ovv12#ovv13#ovv14#ovv15#ovv16#ovv17#ovv18#ovv19#ovv20#ovv21#ovv22#ovv23#ovv24#ovv25#ovv26#ovv27#ovv28#ovv29#ovv30#ovv31#ovv32#ovv33#ovv34#ovv35#ovv36#ovv37#ovv38#ovv39#ovv40#ovv41#ovv42#ovv43#ovv44#ovv45#ovv46#ovv47#ovv48#ovv49#ovv50#ovv51#ovv52#ovv53#ovv54#ovv55#ovv56#ovv57#ovv58#ovv59#ovv60):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .license-badge.referral-badge strong { font-size: 18px !important; line-height: 1.05 !important; white-space: nowrap !important; } } /* Exeify client v19: 1024x720 overview tightening for one-screen client layout. */ @media (min-width: 900px) and (max-width: 1100px) and (max-height: 760px) { html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) .workspace-frame { grid-template-columns: 184px minmax(0, 1fr) !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) .workspace-sidebar { width: 184px !important; min-width: 184px !important; padding: 10px 9px 12px !important; overflow: hidden !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) .workspace-sidebar-brand { gap: 7px !important; margin-bottom: 10px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) .workspace-sidebar-brand .app-icon { width: 38px !important; height: 38px !important; flex-basis: 38px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) .workspace-nav { gap: 4px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) .workspace-nav button { height: 33px !important; min-height: 33px !important; padding: 0 9px !important; gap: 8px !important; font-size: 12px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) .sidebar-account-wallet { margin-top: auto !important; padding: 7px !important; border-radius: 12px !important; overflow: visible !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) .sidebar-user-card { height: 31px !important; min-height: 31px !important; gap: 7px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) .sidebar-account-avatar { width: 28px !important; height: 28px !important; flex-basis: 28px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) .sidebar-credit-card { margin-top: 5px !important; padding-top: 5px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) .sidebar-credit-main strong { font-size: 15px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) .sidebar-credit-refresh { width: 24px !important; height: 24px !important; min-height: 24px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) .sidebar-credit-claim { height: 24px !important; min-height: 24px !important; margin-top: 4px !important; font-size: 10px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) .workspace-main { grid-template-rows: 54px minmax(0, 1fr) !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) .workspace-topbar { height: 54px !important; min-height: 54px !important; padding: 8px 14px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) .workspace-content { height: calc(100vh - 54px) !important; padding: 8px 12px 12px !important; overflow-x: hidden !important; overflow-y: auto !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel:not(.workspace-panel-hidden) { padding-bottom: 6px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar { display: grid !important; grid-template-columns: minmax(118px, .85fr) minmax(300px, 2.3fr) minmax(126px, .9fr) minmax(102px, .75fr) !important; grid-auto-rows: 58px !important; align-items: stretch !important; gap: 8px !important; margin-bottom: 8px !important; overflow: visible !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .license-current, html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .activation-entry-card, html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .referral-reset-btn, html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .license-badge.referral-badge { grid-column: auto !important; min-height: 58px !important; height: 58px !important; padding: 9px 12px !important; overflow: hidden !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .license-current { grid-template-columns: 34px minmax(0, 1fr) !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .license-current p, html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .license-current small, html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .referral-reset-btn b, html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .license-badge.referral-badge span, html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .license-badge.referral-badge strong { white-space: nowrap !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .activation-entry-card { display: block !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .activation-entry-card > div { display: none !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar .activation-panel { height: 40px !important; min-height: 40px !important; grid-template-columns: 24px minmax(0, 1fr) 70px !important; padding: 4px 5px 4px 10px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar .activation-panel input#cardCodeInput { font-size: 12px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar .activation-panel button { height: 32px !important; min-height: 32px !important; padding: 0 12px !important; font-size: 12px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .referral-reset-btn { grid-template-columns: 34px minmax(0, 1fr) !important; gap: 8px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .referral-reset-btn small { display: none !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-main-grid { grid-template-columns: minmax(0, 1fr) minmax(0, .9fr) !important; grid-template-rows: 236px 220px !important; gap: 9px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .rhythm-card, html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-action-card, html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-table-card, html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-order-card { min-height: 0 !important; height: auto !important; padding: 14px 16px !important; overflow: hidden !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .workspace-card-head { align-items: start !important; gap: 8px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .workspace-card-head .eyebrow { margin-bottom: 3px !important; font-size: 12px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .workspace-card h2 { font-size: 18px !important; line-height: 1.18 !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .rhythm-card h2 { max-width: 84px !important; font-size: 17px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .client-chart-tabs { grid-template-columns: repeat(3, 62px) !important; padding: 3px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .client-chart-tabs button { height: 30px !important; min-height: 30px !important; font-size: 12px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .client-line-chart { height: 160px !important; margin-top: 8px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .client-line-chart svg { height: 132px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .client-line-chart > div { font-size: 11px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-action-grid { gap: 9px !important; margin-top: 14px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-action-grid button { min-height: 54px !important; padding: 10px 12px !important; gap: 10px !important; border-radius: 13px !important; font-size: 13px !important; line-height: 1.2 !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-action-grid iconify-icon { width: 32px !important; height: 32px !important; padding: 8px !important; border-radius: 11px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .client-order-table { margin-top: 10px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .client-order-table > div { min-height: 31px !important; grid-template-columns: 1.06fr .98fr .72fr .68fr .45fr !important; gap: 6px !important; font-size: 11px !important; line-height: 1.2 !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .client-order-table > div:first-child { min-height: 30px !important; padding: 0 8px !important; border-radius: 10px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .client-order-table b { padding: 4px 8px !important; font-size: 11px !important; line-height: 1.15 !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .client-order-table button { font-size: 11px !important; line-height: 1.2 !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-order-card .secondary { height: 34px !important; min-height: 34px !important; padding: 0 14px !important; font-size: 12px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-order-body { gap: 10px !important; margin-top: 10px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-order-body > div { min-height: 86px !important; padding: 12px 14px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel #overviewOrderLatestStatus { padding: 7px 14px !important; font-size: 12px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel #overviewOrderLatestCode { font-size: 22px !important; line-height: 1.1 !important; white-space: nowrap !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel #overviewOrderLatestMeta { min-height: 34px !important; padding: 8px 14px !important; font-size: 12px !important; } } #appView.workspace-shell:not(.hidden) * { box-sizing: border-box; } #appView.workspace-shell:not(.hidden) .workspace-frame { width: 100%; height: 100%; min-height: 0; display: grid !important; grid-template-columns: 260px minmax(0, 1fr); grid-template-rows: 44px minmax(0, 1fr); overflow: hidden; background: rgba(255, 250, 246, 0.96); border: 1px solid #f8dfc9; border-radius: 0; box-shadow: none; } #appView.workspace-shell:not(.hidden) .client-window-bar { grid-column: 1 / -1; grid-row: 1; height: 44px; min-height: 44px; display: flex; align-items: center; justify-content: space-between; padding: 0 18px; border-bottom: 1px solid #f1ddca; background: rgba(255, 251, 247, 0.92); backdrop-filter: blur(16px); } #appView.workspace-shell:not(.hidden) .client-window-brand { display: flex; align-items: center; gap: 8px; min-width: 0; font-size: 13px; color: var(--clone-accent-dark); } #appView.workspace-shell:not(.hidden) .client-window-brand .app-icon { width: 20px; height: 20px; flex: 0 0 20px; } #appView.workspace-shell:not(.hidden) .client-window-brand b { font-size: 12px; letter-spacing: 0; } #appView.workspace-shell:not(.hidden) .client-window-brand i { display: none; } #appView.workspace-shell:not(.hidden) .client-window-controls { display: flex; align-items: center; gap: 18px; } #appView.workspace-shell:not(.hidden) .client-window-controls button { width: 28px; height: 28px; border: 0; border-radius: 8px; background: transparent; color: #384152; } #appView.workspace-shell:not(.hidden) .workspace-sidebar { grid-column: 1; grid-row: 2; width: 260px; min-width: 260px; height: 100%; min-height: 0; display: flex; flex-direction: column; padding: 24px 22px 22px; border-right: 1px solid #f4ddc8; background: radial-gradient(circle at 18% 2%, rgba(255, 126, 36, 0.10), transparent 31%), linear-gradient(180deg, rgba(255, 249, 242, 0.96), rgba(255, 253, 250, 0.98)); } #appView.workspace-shell:not(.hidden) .workspace-sidebar-brand { display: flex; align-items: center; gap: 12px; margin: 0 0 40px; } #appView.workspace-shell:not(.hidden) .workspace-sidebar-brand .app-icon { width: 58px; height: 58px; flex: 0 0 58px; } #appView.workspace-shell:not(.hidden) .workspace-sidebar-brand b { display: block; font-size: 28px; line-height: 1; letter-spacing: 0; color: #0f172a; } #appView.workspace-shell:not(.hidden) .workspace-sidebar-brand small { display: block; margin-top: 7px; font-size: 13px; color: #667085; } #appView.workspace-shell:not(.hidden) .workspace-nav { display: flex; flex-direction: column; gap: 12px; } #appView.workspace-shell:not(.hidden) .workspace-nav button { width: 100%; height: 58px; display: flex; align-items: center; gap: 16px; padding: 0 18px; border: 1px solid transparent; border-radius: 12px; background: transparent; color: #475569; font-size: 17px; font-weight: 700; line-height: 1; box-shadow: none; transform: none; } #appView.workspace-shell:not(.hidden) .workspace-nav button iconify-icon { width: 24px; height: 24px; color: inherit; } #appView.workspace-shell:not(.hidden) .workspace-nav button.active { color: #fff; border-color: transparent; background: linear-gradient(135deg, #ff8128, #ff5b14); box-shadow: 0 18px 32px rgba(255, 99, 20, 0.22); } #appView.workspace-shell:not(.hidden) .sidebar-readiness { margin-top: auto; padding: 18px 20px; border: 1px solid var(--clone-border); border-radius: 14px; background: rgba(255, 255, 255, 0.78); box-shadow: 0 16px 32px rgba(216, 95, 30, 0.08); } #appView.workspace-shell:not(.hidden) .sidebar-readiness p { margin: 0 0 10px; font-size: 16px; font-weight: 800; color: #132035; } #appView.workspace-shell:not(.hidden) .sidebar-readiness div { height: 8px; border-radius: 999px; overflow: hidden; background: #ffe4c5; } #appView.workspace-shell:not(.hidden) .sidebar-readiness span { display: block; width: 82%; height: 100%; border-radius: inherit; background: var(--clone-accent); } #appView.workspace-shell:not(.hidden) .sidebar-readiness small { display: block; margin-top: 11px; color: #667085; font-size: 13px; line-height: 1.5; } #appView.workspace-shell:not(.hidden) .workspace-main { grid-column: 2; grid-row: 2; min-width: 0; min-height: 0; display: grid; grid-template-rows: 96px minmax(0, 1fr); overflow: hidden; background: rgba(255, 253, 250, 0.74); } #appView.workspace-shell:not(.hidden) .workspace-topbar { min-height: 96px; display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 22px 30px 20px; border-bottom: 1px solid #f2ddca; background: rgba(255, 253, 249, 0.88); } #appView.workspace-shell:not(.hidden) .workspace-topbar > div:first-child { min-width: 0; } #appView.workspace-shell:not(.hidden) .workspace-topbar p { margin: 0 0 4px; color: #c84912; font-size: 13px; font-weight: 900; letter-spacing: 0; } #appView.workspace-shell:not(.hidden) .workspace-topbar h1 { margin: 0; color: #101827; font-size: 30px; line-height: 1.08; letter-spacing: 0; } #appView.workspace-shell:not(.hidden) .workspace-topbar small { display: none; } #appView.workspace-shell:not(.hidden) .workspace-topbar-actions { display: flex; align-items: center; justify-content: flex-end; gap: 12px; min-width: 0; } #appView.workspace-shell:not(.hidden) .workspace-buy-btn, #appView.workspace-shell:not(.hidden) #workspaceHomeBtn { display: none !important; } #appView.workspace-shell:not(.hidden) .credit-panel { order: 1; height: 52px; min-width: 210px; display: flex; align-items: center; gap: 10px; padding: 0 14px; border: 1px solid var(--clone-border); border-radius: 28px; background: rgba(255, 246, 236, 0.86); } #appView.workspace-shell:not(.hidden) .credit-panel span { color: #b74a13; font-size: 13px; font-weight: 800; } #appView.workspace-shell:not(.hidden) .credit-panel b { color: #111827; font-size: 22px; letter-spacing: 0; } #appView.workspace-shell:not(.hidden) .credit-refresh-btn, #appView.workspace-shell:not(.hidden) .credit-claim-btn { height: 32px; border: 1px solid var(--clone-border); border-radius: 999px; background: #fffaf5; color: var(--clone-accent-dark); font-weight: 800; } #appView.workspace-shell:not(.hidden) .notification-bell-btn { order: 2; position: relative; width: 52px; height: 52px; border: 1px solid var(--clone-border); border-radius: 16px; background: rgba(255, 247, 238, 0.92); color: var(--clone-accent-dark); } #appView.workspace-shell:not(.hidden) .notification-badge { right: 6px; top: 5px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: #f04438; color: #fff; font-size: 11px; line-height: 18px; } #appView.workspace-shell:not(.hidden) .account-panel-btn { order: 3; height: 58px; min-width: 170px; padding: 0 12px; display: flex; align-items: center; gap: 12px; border: 0; border-radius: 30px; background: transparent; color: #101827; } #appView.workspace-shell:not(.hidden) .account-avatar { width: 54px; height: 54px; border-radius: 50%; display: grid; place-items: center; background: #ffe9c9; color: #c84912; font-size: 20px; font-weight: 900; } #appView.workspace-shell:not(.hidden) .account-panel-btn b { display: block; font-size: 18px; line-height: 1.15; text-align: left; } #appView.workspace-shell:not(.hidden) .account-panel-btn small { display: block; margin-top: 2px; color: #98a2b3; font-size: 13px; text-align: left; } #appView.workspace-shell:not(.hidden) .workspace-logout { order: 4; width: 44px; height: 44px; border: 0; border-radius: 12px; background: transparent; color: #64748b; } #appView.workspace-shell:not(.hidden) .workspace-content { min-width: 0; min-height: 0; overflow: auto; padding: 24px 28px 32px; background: linear-gradient(180deg, rgba(255, 250, 246, 0.72), rgba(255, 255, 255, 0.90)), radial-gradient(circle at 86% 6%, rgba(255, 124, 31, 0.08), transparent 34%); } #appView.workspace-shell:not(.hidden) .workspace-content-inner { width: 100%; max-width: none; min-height: 100%; } #appView.workspace-shell:not(.hidden) [data-workspace-panel-section].workspace-panel-hidden { display: none !important; } #appView.workspace-shell:not(.hidden) .client-section-intro { display: none !important; } #appView.workspace-shell:not(.hidden) .workspace-card, #appView.workspace-shell:not(.hidden) .metric-card, #appView.workspace-shell:not(.hidden) .role-info-block, #appView.workspace-shell:not(.hidden) .record-detail, #appView.workspace-shell:not(.hidden) .records-card { border: 1px solid var(--clone-border); border-radius: 18px; background: var(--clone-card); box-shadow: var(--clone-shadow); } #appView.workspace-shell:not(.hidden) .workspace-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; } #appView.workspace-shell:not(.hidden) .eyebrow { margin: 0 0 6px; color: #c84912; font-size: 13px; font-weight: 900; letter-spacing: 2px; text-transform: uppercase; } #appView.workspace-shell:not(.hidden) .workspace-card h2, #appView.workspace-shell:not(.hidden) .role-input-card h2, #appView.workspace-shell:not(.hidden) .records-card h2 { margin: 0; color: #111827; font-size: 22px; line-height: 1.25; letter-spacing: 0; } /* Overview */ #overviewPanel:not(.workspace-panel-hidden) { display: block !important; } #overviewPanel .overview-license-bar { display: none !important; } #overviewPanel .metric-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-bottom: 18px; } #overviewPanel .metric-card { min-height: 128px; display: grid; grid-template-columns: 64px minmax(0, 1fr); grid-template-rows: auto auto auto; align-items: center; column-gap: 18px; padding: 20px 22px; background: rgba(255, 255, 255, 0.86); box-shadow: 0 12px 30px rgba(216, 95, 30, 0.08); } #overviewPanel .metric-card::before { grid-row: 1 / 4; content: ""; width: 58px; height: 58px; border-radius: 18px; background: linear-gradient(135deg, rgba(255, 124, 31, 0.92), #ff5b14), #fff0df; box-shadow: inset 0 0 0 12px rgba(255, 255, 255, 0.16); } #overviewPanel .metric-card p { margin: 0 0 4px; color: #475569; font-size: 16px; font-weight: 800; } #overviewPanel .metric-card strong { color: #0f172a; font-size: 30px; line-height: 1; letter-spacing: 0; } #overviewPanel .metric-card span { margin-top: 8px; color: #98a2b3; font-size: 14px; line-height: 1.3; } #overviewPanel .overview-main-grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(360px, 0.95fr); gap: 18px; align-items: stretch; } #overviewPanel .overview-main-grid > .workspace-card:has(.next-step-list) { display: none !important; } #overviewPanel .rhythm-card { grid-column: 1; grid-row: 1; min-height: 320px; padding: 22px 24px; } #overviewPanel .overview-action-card { grid-column: 2; grid-row: 1; min-height: 320px; padding: 22px 24px; } #overviewPanel .overview-table-card { grid-column: 1; grid-row: 2; min-height: 300px; padding: 22px 24px; } #overviewPanel .overview-order-card { grid-column: 2; grid-row: 2; min-height: 300px; padding: 22px 24px; } #overviewPanel .client-chart-tabs { display: grid; grid-template-columns: repeat(3, 82px); padding: 4px; border-radius: 12px; background: #f1f5f9; } #overviewPanel .client-chart-tabs button { height: 38px; border: 0; border-radius: 10px; background: transparent; color: #334155; font-size: 15px; font-weight: 700; } #overviewPanel .client-chart-tabs button.active { color: #fff; background: linear-gradient(135deg, #ff8128, #ff5b14); } #overviewPanel .client-line-chart { margin-top: 12px; height: 214px; } #overviewPanel .client-line-chart svg { display: block; width: 100%; height: 184px; } #overviewPanel .chart-grid { stroke: rgba(148, 163, 184, 0.22); stroke-width: 1; fill: none; } #overviewPanel .chart-area { fill: rgba(255, 107, 23, 0.12); } #overviewPanel .chart-line { fill: none; stroke: var(--clone-accent); stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; } #overviewPanel .chart-point circle { fill: #fff; stroke: var(--clone-accent); stroke-width: 4; } #overviewPanel .chart-point text { fill: #fff; font-size: 16px; font-weight: 800; text-anchor: middle; paint-order: stroke; stroke: var(--clone-accent); stroke-width: 8; stroke-linejoin: round; } #overviewPanel .client-line-chart > div { display: grid; grid-template-columns: repeat(7, 1fr); color: #8a94a6; font-size: 14px; text-align: center; } #overviewPanel .week-bars, #overviewPanel .rhythm-note { display: none !important; } #overviewPanel .overview-action-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 24px; } #overviewPanel .overview-action-grid button { min-height: 92px; display: flex; align-items: center; gap: 14px; padding: 18px; border: 1px solid var(--clone-border); border-radius: 16px; background: rgba(255, 248, 241, 0.80); color: #172033; font-size: 18px; font-weight: 850; text-align: left; } #overviewPanel .overview-action-grid button:first-child { color: #fff; border-color: transparent; background: linear-gradient(135deg, #ff8b2c, #ff5b14); } #overviewPanel .overview-action-grid iconify-icon { width: 42px; height: 42px; padding: 10px; border-radius: 14px; background: rgba(255, 255, 255, 0.72); color: var(--clone-accent); } #overviewPanel .overview-action-grid button:first-child iconify-icon { color: #fff; background: rgba(255, 255, 255, 0.22); } #overviewPanel .client-order-table { margin-top: 18px; } #overviewPanel .client-order-table > div { display: grid; grid-template-columns: 1.2fr 1fr 0.8fr 0.7fr 0.5fr; align-items: center; min-height: 50px; gap: 10px; border-bottom: 1px solid rgba(226, 232, 240, 0.78); color: #334155; font-size: 15px; } #overviewPanel .client-order-table > div:first-child { min-height: 44px; padding: 0 14px; border-bottom: 0; border-radius: 12px; background: #fff3e6; color: #667085; font-weight: 800; } #overviewPanel .client-order-table b { justify-self: start; padding: 6px 12px; border-radius: 999px; background: #dcfce7; color: #16a34a; font-size: 13px; } #overviewPanel .client-order-table button { border: 0; background: transparent; color: var(--clone-accent-dark); font-weight: 800; } #overviewPanel .overview-order-body { display: grid; gap: 16px; margin-top: 20px; } #overviewPanel .overview-order-body > div { min-height: 108px; padding: 18px; border: 1px solid #bbf7d0; border-radius: 16px; background: #f0fdf4; } #overviewPanel .overview-order-body span { display: inline-block; margin-bottom: 10px; padding: 6px 12px; border-radius: 999px; background: #dcfce7; color: #16a34a; font-size: 13px; font-weight: 800; } #overviewPanel .overview-order-body strong { display: block; color: #102034; font-size: 21px; letter-spacing: 1px; } #overviewPanel .overview-order-body p { min-height: 80px; margin: 0; padding: 18px 18px 18px 66px; border: 1px solid var(--clone-border); border-radius: 16px; background: rgba(255, 248, 241, 0.82); color: #667085; font-size: 15px; line-height: 1.45; } /* Resume analysis */ #resumeDock:not(.workspace-panel-hidden) { display: grid !important; grid-template-columns: minmax(390px, 0.72fr) minmax(560px, 1.08fr); gap: 18px; align-items: start; } #resumeDock .resume-source-card { min-height: 0; padding: 22px; } #resumeDock .resume-source-card > p:not(.eyebrow) { margin: 8px 0 20px; color: #667085; font-size: 16px; line-height: 1.65; } #resumeDock .resume-target-role, #resumeDock .resume-extra-requirement { display: grid; gap: 8px; margin-top: 16px; } #resumeDock .resume-target-role span, #resumeDock .resume-extra-requirement span { color: #1f2937; font-size: 15px; font-weight: 800; } #resumeDock .resume-target-role input, #resumeDock .resume-extra-requirement textarea { width: 100%; border: 1px solid #f6caa8; border-radius: 12px; background: rgba(255, 255, 255, 0.86); color: #101827; font-size: 15px; outline: 0; } #resumeDock .resume-target-role input { height: 46px; padding: 0 16px; } #resumeDock .resume-extra-requirement textarea { height: 96px; resize: none; padding: 14px 16px 24px; line-height: 1.5; } #resumeDock .resume-extra-requirement { position: relative; } #resumeDock .resume-extra-requirement small { position: absolute; right: 16px; bottom: 12px; color: #98a2b3; font-size: 13px; } #resumeDock .file-picker { height: 210px; margin-top: 20px; border: 1px dashed #ffc18e; border-radius: 16px; background: rgba(255, 247, 239, 0.68); } #resumeDock .file-picker .upload-cloud { width: 70px; height: 70px; border-radius: 22px; background: #fff; color: var(--clone-accent); box-shadow: 0 14px 26px rgba(216, 95, 30, 0.10); } #resumeDock .file-picker b { margin-top: 16px; color: #111827; font-size: 17px; } #resumeDock .file-picker small { color: #667085; font-size: 14px; line-height: 1.45; } #resumeDock .resume-file-summary { min-height: 74px; margin-top: 14px; padding: 14px 18px; border: 1px solid #e8edf4; border-radius: 12px; background: #fff; } #resumeDock .resume-file-summary b { color: #111827; font-size: 15px; } #resumeDock .resume-file-summary span { color: #667085; font-size: 13px; } #resumeDock .resume-buttons { display: grid; grid-template-columns: 1fr 82px; gap: 12px; margin-top: 18px; } #resumeDock .resume-buttons button { height: 60px; border-radius: 12px; font-size: 17px; font-weight: 900; } #resumeDock .resume-buttons .primary { border: 0; background: linear-gradient(135deg, #ff8b2c, #ff5b14); color: #fff; } #resumeDock .analysis-progress, #resumeDock .resume-safe-note { display: none !important; } #resumeDock .resume-result-stack { display: grid; gap: 14px; } #resumeDock .resume-progress-card, #resumeDock .resume-advantages-card, #resumeDock #resumeResult { padding: 22px; } #resumeDock .resume-progress-card { min-height: 148px; } #resumeDock .resume-progress-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 18px; } #resumeDock .resume-progress-head h2 { margin: 0; font-size: 21px; } #resumeDock .resume-progress-head span { color: #667085; font-size: 13px; } #resumeDock .resume-stepper { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); align-items: start; } #resumeDock .resume-stepper::before { content: ""; position: absolute; left: 10%; right: 10%; top: 19px; height: 4px; border-radius: 999px; background: linear-gradient(90deg, var(--clone-accent) 0 24%, #dfe5ee 24% 100%); } #resumeDock .resume-stepper span { position: relative; z-index: 1; display: grid; place-items: center; gap: 10px; color: #667085; font-size: 14px; font-weight: 700; } #resumeDock .resume-stepper b { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; border: 3px solid #dfe5ee; background: #fff; color: #344054; font-size: 17px; } #resumeDock .resume-stepper .active b { border-color: var(--clone-accent); background: var(--clone-accent); color: #fff; } #resumeDock .resume-advantages-card { min-height: 300px; } #resumeDock .resume-box-head h2 { font-size: 22px; } #resumeDock .result-badge { align-self: flex-start; padding: 8px 14px; border-radius: 999px; background: #fff4e8; color: var(--clone-accent-dark); font-weight: 800; font-size: 13px; } #resumeDock .resume-insight-strip { display: grid; gap: 12px; margin-top: 20px; } #resumeDock .resume-insight-strip span { min-height: 78px; display: grid; grid-template-columns: 128px minmax(0, 1fr); align-items: center; gap: 16px; padding: 18px; border: 1px solid #f4d5bc; border-radius: 14px; background: rgba(255, 248, 241, 0.82); } #resumeDock .resume-insight-strip b { color: var(--clone-accent-dark); font-size: 16px; } #resumeDock .resume-insight-strip small { color: #475569; font-size: 16px; } #resumeDock .resume-advantages { margin: 16px 0 0; padding-left: 20px; color: #475569; font-size: 15px; line-height: 1.65; } #resumeDock #resumeResult { min-height: 150px; } #resumeDock .resume-result-layout { display: grid; grid-template-columns: minmax(220px, 0.92fr) minmax(260px, 1fr); gap: 16px; margin-top: 16px; } #resumeDock .resume-questions { margin: 0; padding-left: 22px; color: #475569; font-size: 15px; line-height: 1.7; } #resumeDock .resume-answer-preview { min-height: 136px; padding: 16px; border: 1px solid #f4d5bc; border-radius: 14px; background: #fff8f0; } /* Role analysis */ #roleAnalysisPanel:not(.workspace-panel-hidden) { display: grid !important; grid-template-columns: minmax(390px, 0.58fr) minmax(720px, 1.28fr); gap: 18px; align-items: start; } #roleAnalysisPanel .role-input-card, #roleAnalysisPanel .role-result-card { padding: 22px; } #roleAnalysisPanel .role-input-card > label { display: grid; gap: 8px; margin-top: 16px; } #roleAnalysisPanel .role-input-card label span { color: #1f2937; font-size: 15px; font-weight: 800; } #roleAnalysisPanel .role-input-card input, #roleAnalysisPanel .role-input-card textarea, #roleAnalysisPanel .role-input-card select { width: 100%; border: 1px solid #f6caa8; border-radius: 12px; background: rgba(255, 255, 255, 0.88); color: #111827; font-size: 15px; outline: 0; } #roleAnalysisPanel .role-input-card input, #roleAnalysisPanel .role-input-card select { height: 46px; padding: 0 14px; } #roleAnalysisPanel .role-input-card textarea { height: 190px; padding: 14px; resize: none; line-height: 1.55; } #roleAnalysisPanel .role-file-label { min-height: 84px; margin-top: 18px; border: 1px dashed #ffc18e; border-radius: 14px; background: rgba(255, 247, 239, 0.70); } #roleAnalysisPanel .role-file-note, #roleAnalysisPanel .role-cost-note, #roleAnalysisPanel .analysis-progress { display: none !important; } #roleAnalysisPanel .role-actions { display: grid; grid-template-columns: 1fr 82px; gap: 12px; margin-top: 18px; } #roleAnalysisPanel .role-actions button { height: 56px; border-radius: 12px; font-size: 17px; font-weight: 900; } #roleAnalysisPanel .role-actions .primary { border: 0; background: linear-gradient(135deg, #ff8b2c, #ff5b14); color: #fff; } #roleAnalysisPanel .role-result-card { box-shadow: none; } #roleAnalysisPanel .role-result-head, #roleAnalysisPanel .role-score-panel { display: none !important; } #roleAnalysisPanel .client-role-preview-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, 0.92fr); gap: 14px; } #roleAnalysisPanel .client-requirement-list, #roleAnalysisPanel .client-radar-card, #roleAnalysisPanel .role-info-block, #roleAnalysisPanel .role-practice-note { border: 1px solid var(--clone-border); border-radius: 16px; background: rgba(255, 255, 255, 0.88); box-shadow: 0 12px 30px rgba(216, 95, 30, 0.07); } #roleAnalysisPanel .client-requirement-list, #roleAnalysisPanel .client-radar-card { min-height: 300px; padding: 18px 20px; } #roleAnalysisPanel .client-requirement-list h3, #roleAnalysisPanel .client-radar-card h3, #roleAnalysisPanel .role-info-block h3 { margin: 0 0 16px; color: #111827; font-size: 20px; line-height: 1.25; display: flex; align-items: center; gap: 8px; } #roleAnalysisPanel .client-requirement-list p { display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 12px; align-items: start; margin: 0 0 12px; color: #475569; font-size: 16px; line-height: 1.45; } #roleAnalysisPanel .client-requirement-list b { justify-self: start; padding: 5px 9px; border-radius: 8px; background: #fee2e2; color: #ef4444; font-size: 13px; } #roleAnalysisPanel .client-requirement-list b.bonus { background: #dcfce7; color: #16a34a; } #roleAnalysisPanel .client-radar { height: 230px; position: relative; display: grid; place-items: center; color: #475569; } #roleAnalysisPanel .client-radar svg { width: 220px; height: 180px; } #roleAnalysisPanel .client-radar span { position: absolute; font-size: 13px; } #roleAnalysisPanel .client-radar span:nth-child(1) { top: 2px; left: 50%; transform: translateX(-50%); } #roleAnalysisPanel .client-radar span:nth-child(2) { right: 0; top: 86px; } #roleAnalysisPanel .client-radar span:nth-child(3) { right: 58px; bottom: 10px; } #roleAnalysisPanel .client-radar span:nth-child(4) { left: 50px; bottom: 10px; } #roleAnalysisPanel .client-radar span:nth-child(5) { left: 0; top: 86px; } #roleAnalysisPanel .radar-grid { fill: none; stroke: rgba(255, 107, 23, 0.20); } #roleAnalysisPanel .radar-fill { fill: rgba(255, 107, 23, 0.22); } #roleAnalysisPanel .radar-line { fill: none; stroke: var(--clone-accent); stroke-width: 3; } #roleAnalysisPanel .role-result-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 14px; } #roleAnalysisPanel .role-info-block { min-height: 205px; padding: 18px 20px; } #roleAnalysisPanel .role-info-block:nth-child(3) { grid-column: 1 / -1; min-height: 138px; } #roleAnalysisPanel .role-info-block ul { margin: 0; padding-left: 20px; color: #475569; font-size: 16px; line-height: 1.72; } #roleAnalysisPanel .role-info-block li::marker { color: var(--clone-accent); } #roleAnalysisPanel .role-practice-note { display: none !important; } /* Interview records */ #recordHistoryPanel:not(.workspace-panel-hidden) { display: block !important; } #recordHistoryPanel .records-card { min-height: 0; padding: 24px; box-shadow: none; } #recordHistoryPanel .records-card-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding-bottom: 18px; border-bottom: 1px solid #f2ddca; } #recordHistoryPanel .records-card-head .primary { height: 54px; padding: 0 24px; border: 0; border-radius: 16px; background: linear-gradient(135deg, #ff8b2c, #ff5b14); color: #fff; font-size: 16px; font-weight: 900; } #recordHistoryPanel .records-filter-toolbar { display: grid; grid-template-columns: 1.2fr 0.78fr 0.7fr 1.2fr; gap: 14px; margin: 18px 0; padding: 0; } #recordHistoryPanel .records-filter-toolbar label { display: grid; gap: 7px; } #recordHistoryPanel .records-filter-toolbar span { color: #475569; font-size: 13px; font-weight: 800; } #recordHistoryPanel .records-filter-toolbar input { height: 42px; padding: 0 14px; border: 1px solid #f6caa8; border-radius: 10px; background: rgba(255, 255, 255, 0.86); color: #101827; font-size: 15px; } #recordHistoryPanel .records-score-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin: 0 0 16px; } #recordHistoryPanel .records-score-row span { min-height: 88px; display: grid; align-content: center; gap: 5px; padding: 16px 20px; border: 1px solid var(--clone-border); border-radius: 14px; background: rgba(255, 248, 241, 0.70); } #recordHistoryPanel .records-score-row b { color: var(--clone-accent-dark); font-size: 13px; font-weight: 900; } #recordHistoryPanel .records-score-row strong { color: #0f172a; font-size: 26px; line-height: 1; } #recordHistoryPanel .records-layout { display: grid; grid-template-columns: minmax(0, 1fr) 410px; gap: 20px; align-items: start; } #recordHistoryPanel .records-list-column { min-width: 0; } #recordHistoryPanel .record-count { display: inline-flex; align-items: center; height: 34px; margin: 0 0 10px; padding: 0 14px; border: 1px solid var(--clone-border); border-radius: 999px; background: #fff8f0; color: var(--clone-accent-dark); font-size: 13px; font-weight: 800; } #recordHistoryPanel .record-list { display: grid; border: 1px solid #edf0f5; border-radius: 14px; overflow: hidden; background: #fff; } #recordHistoryPanel .record-list::before { content: "时间 岗位 时长 得分 状态 操作"; display: block; padding: 13px 16px; background: #fff3e6; color: #475569; font-size: 14px; font-weight: 900; white-space: pre; } #recordHistoryPanel .record-row { min-height: 56px; display: grid; grid-template-columns: minmax(0, 1fr) 160px; gap: 10px; align-items: center; padding: 0 12px; border: 0; border-top: 1px solid #edf0f5; border-radius: 0; background: #fff; box-shadow: none; } #recordHistoryPanel .record-row.active { background: #fff7ed; } #recordHistoryPanel .record-row-main { min-width: 0; height: 56px; display: grid; grid-template-columns: 36px minmax(0, 1fr); align-items: center; gap: 10px; border: 0; background: transparent; text-align: left; } #recordHistoryPanel .record-row-icon { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 9px; background: #fff0df; color: var(--clone-accent); } #recordHistoryPanel .record-row-main strong { display: block; overflow: hidden; color: #172033; font-size: 15px; font-weight: 850; text-overflow: ellipsis; white-space: nowrap; } #recordHistoryPanel .record-row-main p { margin: 3px 0 0; overflow: hidden; color: #667085; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; } #recordHistoryPanel .record-row-actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; } #recordHistoryPanel .record-status-badge { min-width: 58px; padding: 5px 10px; border-radius: 999px; background: #fef3c7; color: #b45309; font-size: 12px; font-weight: 800; text-align: center; } #recordHistoryPanel .record-status-badge.done { background: #dcfce7; color: #16a34a; } #recordHistoryPanel .record-row-actions button { height: 32px; padding: 0 12px; border: 1px solid var(--clone-border); border-radius: 9px; background: #fff; color: var(--clone-accent-dark); font-size: 12px; font-weight: 800; } #recordHistoryPanel .record-detail { position: sticky; top: 0; min-height: 620px; padding: 22px; background: rgba(255, 255, 255, 0.92); box-shadow: 0 16px 34px rgba(216, 95, 30, 0.08); } #recordHistoryPanel .record-detail-head { display: flex; justify-content: space-between; gap: 14px; } #recordHistoryPanel .record-detail-head h3 { margin: 0 0 8px; color: #111827; font-size: 20px; } #recordHistoryPanel .record-detail-head p { margin: 0; color: #667085; font-size: 13px; } #recordHistoryPanel .record-detail-actions { display: flex; gap: 8px; } #recordHistoryPanel .record-detail-actions button { height: 36px; padding: 0 12px; border-radius: 10px; } #recordHistoryPanel .record-score-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 18px 0; } #recordHistoryPanel .record-score-grid span { min-height: 66px; padding: 12px; border: 1px solid var(--clone-border); border-radius: 12px; background: #fff8f0; } #recordHistoryPanel .record-score-grid b { display: block; color: var(--clone-accent-dark); font-size: 12px; } #recordHistoryPanel .record-score-grid strong { display: block; margin-top: 5px; color: #111827; font-size: 22px; } #recordHistoryPanel .record-text-panel { margin-top: 12px; padding: 16px; border: 1px solid #f4d5bc; border-radius: 14px; background: #fff8f0; } #recordHistoryPanel .record-text-panel h4 { margin: 0 0 8px; color: var(--clone-accent-dark); font-size: 14px; } #recordHistoryPanel .record-text-panel p { margin: 0; color: #475569; font-size: 14px; line-height: 1.65; } @media (max-width: 1280px) { #appView.workspace-shell:not(.hidden) .workspace-frame { grid-template-columns: 232px minmax(0, 1fr); } #appView.workspace-shell:not(.hidden) .workspace-sidebar { width: 232px; min-width: 232px; padding: 20px 16px; } #appView.workspace-shell:not(.hidden) .workspace-nav button { height: 52px; font-size: 15px; } #resumeDock:not(.workspace-panel-hidden), #roleAnalysisPanel:not(.workspace-panel-hidden), #recordHistoryPanel .records-layout { grid-template-columns: 1fr; } #overviewPanel .metric-grid, #recordHistoryPanel .records-score-row { grid-template-columns: repeat(2, minmax(0, 1fr)); } #overviewPanel .overview-main-grid { grid-template-columns: 1fr; } #overviewPanel .rhythm-card, #overviewPanel .overview-action-card, #overviewPanel .overview-table-card, #overviewPanel .overview-order-card { grid-column: 1; grid-row: auto; } } /* Final lock: override legacy ID-level !important workbench rules. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #workspaceBuyBtn, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #workspaceHomeBtn { display: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel > .overview-license-bar { display: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-main-grid { display: grid !important; grid-template-columns: minmax(0, 1.45fr) minmax(360px, 0.95fr) !important; gap: 18px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-main-grid > .workspace-card:has(.next-step-list), body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-main-grid > .workspace-card:first-child { display: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .rhythm-card { display: block !important; grid-column: 1 !important; grid-row: 1 !important; min-height: 320px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-action-card { display: block !important; grid-column: 2 !important; grid-row: 1 !important; min-height: 320px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-table-card { display: block !important; grid-column: 1 !important; grid-row: 2 !important; min-height: 300px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-order-card { display: block !important; grid-column: 2 !important; grid-row: 2 !important; min-height: 300px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock:not(.workspace-panel-hidden) { display: grid !important; grid-template-columns: minmax(390px, 0.72fr) minmax(560px, 1.08fr) !important; gap: 18px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-result-stack { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 14px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-progress-card { display: block !important; grid-column: 1 !important; grid-row: auto !important; width: auto !important; min-height: 148px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-advantages-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock #resumeResult { grid-column: 1 !important; grid-row: auto !important; width: auto !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) { display: grid !important; grid-template-columns: minmax(390px, 0.58fr) minmax(720px, 1.28fr) !important; gap: 18px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-score-panel, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-result-head, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-practice-note { display: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .records-layout { display: grid !important; grid-template-columns: minmax(0, 1fr) 410px !important; gap: 20px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .records-score-row { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 14px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-source-card { padding: 18px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .file-picker { height: 174px !important; margin-top: 16px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-extra-requirement textarea { height: 82px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-file-summary { min-height: 66px !important; margin-top: 12px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-buttons { margin-top: 14px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-buttons button { height: 54px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell { width: 100vw !important; height: 100vh !important; padding: 0 !important; margin: 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-frame { width: 100vw !important; height: 100vh !important; margin: 0 !important; border-radius: 0 !important; grid-template-columns: 260px minmax(0, 1fr) !important; grid-template-rows: 44px minmax(0, 1fr) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .client-window-bar { grid-column: 1 / -1 !important; grid-row: 1 !important; height: 44px !important; min-height: 44px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-sidebar { grid-column: 1 !important; grid-row: 2 !important; width: 260px !important; min-width: 260px !important; max-width: 260px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-main { grid-column: 2 !important; grid-row: 2 !important; width: auto !important; min-width: 0 !important; grid-template-rows: 96px minmax(0, 1fr) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-topbar { min-height: 96px !important; height: 96px !important; padding: 22px 30px 20px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-content { padding: 24px 28px 0 !important; } body:has(#appView.workspace-shell.clone-fit:not(.hidden)) #appView.workspace-shell { overflow-x: hidden !important; overflow-y: hidden !important; } body:has(#appView.workspace-shell.clone-fit:not(.hidden)) #appView.workspace-shell .workspace-frame { width: 1600px !important; height: var(--workspace-clone-frame-height, 900px) !important; min-width: 1600px !important; min-height: var(--workspace-clone-frame-height, 900px) !important; max-width: none !important; max-height: none !important; transform: scale(var(--workspace-clone-scale, 1)) !important; transform-origin: left top !important; } body:has(#appView.workspace-shell.clone-fit:not(.hidden)) #appView.workspace-shell .workspace-sidebar { height: var(--workspace-clone-body-height, 856px) !important; } body:has(#appView.workspace-shell.clone-fit:not(.hidden)) #appView.workspace-shell .workspace-main { height: var(--workspace-clone-body-height, 856px) !important; } body:has(#appView.workspace-shell.clone-fit:not(.hidden)) #appView.workspace-shell .workspace-content { height: var(--workspace-clone-content-height, 760px) !important; max-height: var(--workspace-clone-content-height, 760px) !important; } /* Compact one-screen workspace pass requested on 2026-09-15. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-content { overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-content-inner { height: 100% !important; min-height: 0 !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell [data-workspace-panel-section]:not(.workspace-panel-hidden) { height: 100% !important; min-height: 0 !important; max-height: 100% !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-nav button { height: 60px !important; font-size: 20px !important; font-weight: 850 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-card h2, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-input-card h2, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .records-card h2 { font-size: 24px !important; line-height: 1.18 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .metric-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-info-block { font-size: 16px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .eyebrow { font-size: 13px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel:not(.workspace-panel-hidden) { display: grid !important; grid-template-rows: 96px minmax(0, 1fr) !important; gap: 14px !important; height: 100% !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .metric-grid { margin: 0 !important; display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 14px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .metric-card { min-height: 0 !important; height: 96px !important; padding: 14px 18px !important; grid-template-columns: 54px minmax(0, 1fr) !important; column-gap: 14px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .metric-card::before { width: 52px !important; height: 52px !important; border-radius: 16px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .metric-card p { font-size: 15px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .metric-card strong { font-size: 28px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-main-grid { height: 100% !important; min-height: 0 !important; display: grid !important; grid-template-columns: minmax(0, 1.45fr) minmax(360px, 0.95fr) !important; grid-template-rows: repeat(2, minmax(0, 1fr)) !important; gap: 14px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .rhythm-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-action-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-table-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-order-card { min-height: 0 !important; height: auto !important; padding: 18px 20px !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .client-line-chart { height: calc(100% - 54px) !important; margin-top: 8px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .client-line-chart svg { height: calc(100% - 26px) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-action-grid { height: calc(100% - 56px) !important; min-height: 0 !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-template-rows: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; margin-top: 14px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-action-grid button { width: auto !important; min-width: 0 !important; min-height: 0 !important; height: 100% !important; display: grid !important; grid-template-columns: 42px minmax(0, 1fr) !important; align-items: center !important; justify-content: stretch !important; padding: 12px 14px !important; font-size: 18px !important; writing-mode: horizontal-tb !important; text-align: left !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-action-grid button span { writing-mode: horizontal-tb !important; text-orientation: mixed !important; white-space: normal !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-order-body { height: calc(100% - 54px) !important; display: grid !important; grid-template-rows: minmax(0, 1fr) auto !important; gap: 12px !important; margin-top: 14px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-order-body > div { min-height: 0 !important; display: grid !important; align-content: center !important; gap: 10px !important; padding: 16px 18px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-order-body span, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-order-body strong { writing-mode: horizontal-tb !important; text-orientation: mixed !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-order-body span { justify-self: start !important; margin: 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-order-body strong { overflow: hidden !important; font-size: 22px !important; text-overflow: ellipsis !important; white-space: nowrap !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-order-body p { min-height: 0 !important; padding: 14px 16px !important; font-size: 15px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock:not(.workspace-panel-hidden) { display: grid !important; grid-template-columns: minmax(390px, 0.72fr) minmax(560px, 1.08fr) !important; grid-template-rows: minmax(0, 1fr) 218px !important; grid-template-areas: "source result" "questions questions" !important; gap: 14px !important; height: 100% !important; align-items: stretch !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-source-card { grid-area: source !important; height: 100% !important; min-height: 0 !important; overflow: auto !important; padding: 18px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-result-stack { grid-area: result !important; height: 100% !important; min-height: 0 !important; display: grid !important; grid-template-rows: 118px minmax(0, 1fr) !important; gap: 14px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-progress-card { min-height: 0 !important; height: 118px !important; padding: 16px 18px !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-advantages-card { height: 100% !important; min-height: 0 !important; padding: 18px !important; overflow: auto !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock #resumeResult { grid-area: questions !important; height: 100% !important; min-height: 0 !important; padding: 16px 18px !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock #resumeResult > div:first-child { display: block !important; align-items: initial !important; justify-content: initial !important; gap: 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-result-layout { height: calc(100% - 52px) !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px !important; margin-top: 12px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-questions, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-answer-preview { height: 100% !important; min-height: 0 !important; overflow: auto !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-answer-preview { padding: 14px 16px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden), body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel:not(.workspace-panel-hidden) { height: 100% !important; min-height: 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-input-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-result-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .records-card { height: 100% !important; min-height: 0 !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .records-layout { height: calc(100% - 214px) !important; min-height: 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .record-list, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .record-detail { height: 100% !important; min-height: 0 !important; overflow: auto !important; } /* Reference-clone refinement pass: fixed one-screen layout with denser, screenshot-like cards. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-nav button { grid-template-columns: 28px minmax(0, 1fr) !important; gap: 14px !important; font-size: 22px !important; letter-spacing: 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-nav iconify-icon { width: 24px !important; height: 24px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-card-head { gap: 12px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-card p, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-card li, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-card span, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-card small { letter-spacing: 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-action-card .workspace-card-head, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-order-card .workspace-card-head { height: 42px !important; min-height: 42px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-action-grid { height: calc(100% - 50px) !important; align-items: stretch !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-action-grid button { border-radius: 14px !important; grid-template-columns: 48px minmax(0, 1fr) !important; gap: 12px !important; font-size: 19px !important; font-weight: 900 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-action-grid iconify-icon { width: 30px !important; height: 30px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-order-body { height: calc(100% - 50px) !important; grid-template-rows: minmax(0, 1fr) auto !important; gap: 10px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-order-body > div { border: 1px solid rgba(34, 197, 94, 0.22) !important; background: linear-gradient(135deg, rgba(236, 253, 245, 0.96), rgba(255, 247, 237, 0.86)) !important; align-content: start !important; justify-content: stretch !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-order-body span { width: fit-content !important; padding: 4px 10px !important; border-radius: 999px !important; background: #dcfce7 !important; color: #16a34a !important; font-size: 14px !important; font-weight: 900 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-order-body strong { max-width: 100% !important; color: #0f172a !important; font-size: 23px !important; line-height: 1.25 !important; white-space: normal !important; word-break: break-all !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-result-stack, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-source-card { align-self: stretch !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-advantages-card { display: flex !important; flex-direction: column !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-insight-strip { flex: 1 1 auto !important; min-height: 0 !important; overflow: auto !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock #resumeResult > div:first-child h2 { font-size: 22px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-questions, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-answer-preview { border: 1px solid var(--clone-border) !important; border-radius: 14px !important; background: rgba(255, 250, 246, 0.72) !important; padding: 14px 16px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-questions::before { content: "上传简历后生成可能的问题"; display: block; margin-bottom: 10px; color: #c2410c; font-size: 15px; font-weight: 900; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-answer-preview > div { margin-bottom: 10px !important; color: #c2410c !important; font-size: 15px !important; font-weight: 900 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) { display: grid !important; grid-template-columns: minmax(370px, 0.66fr) minmax(0, 1.34fr) !important; gap: 14px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-input-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-result-card { padding: 18px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-input-card textarea { height: 170px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-actions { margin-top: 14px !important; grid-template-columns: 1fr 70px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-actions button { height: 48px !important; font-size: 16px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-role-preview-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-requirement-list, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-radar-card { min-height: 0 !important; height: 218px !important; padding: 16px 18px !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-requirement-list h3, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-radar-card h3, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-info-block h3 { margin-bottom: 12px !important; font-size: 19px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-requirement-list p { grid-template-columns: 48px minmax(0, 1fr) !important; gap: 10px !important; margin-bottom: 8px !important; font-size: 14px !important; line-height: 1.35 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-requirement-list b { padding: 4px 7px !important; font-size: 12px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-radar { height: 150px !important; margin-top: -4px !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-radar svg { width: 172px !important; height: 136px !important; transform: translateY(-12px) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-radar span { font-size: 12px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-radar span:nth-child(1) { top: -2px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-radar span:nth-child(2) { right: 10px !important; top: 62px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-radar span:nth-child(3) { right: 54px !important; bottom: 4px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-radar span:nth-child(4) { left: 48px !important; bottom: 4px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-radar span:nth-child(5) { left: 10px !important; top: 62px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel #roleResultGrid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px !important; margin-top: 14px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-info-block { min-height: 132px !important; padding: 16px 18px !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-info-block ul { margin: 0 !important; padding-left: 18px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-info-block li { margin: 4px 0 !important; font-size: 14px !important; line-height: 1.35 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .records-card { padding: 18px 20px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .records-card-head { min-height: 54px !important; padding-bottom: 12px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .records-filter-toolbar { gap: 10px !important; padding: 12px 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .records-filter-toolbar input { height: 42px !important; font-size: 15px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .records-score-row { gap: 10px !important; padding: 10px 0 12px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .records-score-row span { min-height: 64px !important; padding: 12px 16px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .records-layout { height: calc(100% - 196px) !important; gap: 12px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .record-count { margin-bottom: 8px !important; font-size: 13px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .record-list { gap: 8px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .record-item { min-height: 64px !important; padding: 10px 12px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .record-item strong { font-size: 16px !important; line-height: 1.3 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .record-item span { margin-top: 4px !important; font-size: 13px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel:not(.workspace-panel-hidden) { height: 100% !important; min-height: 0 !important; overflow: hidden !important; display: grid !important; grid-template-rows: 58px minmax(0, 1fr) !important; gap: 14px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-tabs { margin: 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-workspace { min-height: 0 !important; height: 100% !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-form { height: 100% !important; min-height: 0 !important; overflow: auto !important; gap: 8px !important; padding: 14px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-form-layout { grid-template-columns: minmax(0, 1fr) minmax(300px, 0.42fr) !important; gap: 10px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-grid, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-grid.compact, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel #sbjlForm .data-sim-grid.compact, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel #gsForm .data-sim-grid.compact { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 6px 8px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-grid label, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-type-block { min-width: 0 !important; min-height: 50px !important; gap: 4px !important; padding: 8px 10px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-grid label > span, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-type-head, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .sbjl-section-bar, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .sbjl-experience legend { color: #334155 !important; font-size: 12px !important; line-height: 1.25 !important; white-space: normal !important; word-break: break-word !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-grid input, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-grid select, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-grid textarea, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-range-inputs input { min-width: 0 !important; height: 30px !important; padding: 0 8px !important; font-size: 14px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-grid textarea { min-height: 36px !important; max-height: 52px !important; padding: 6px 8px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-range-field, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-grid label.wide, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel #yhlsForm .data-sim-grid label:has(#yhlsSalaryDates), body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel #yhlsForm .data-sim-grid label:has(#yhlsCustomTypes), body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel #yhlsForm .data-sim-grid label:has(#yhlsDebitTypes) { grid-column: span 2 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel #sbjlForm .data-sim-grid.compact > label, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel #gsForm .data-sim-grid.compact > label { grid-column: span 1 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-type-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 6px !important; } /* Reference clone v43: draw a full-width custom microphone slider track and thumb. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-card .mic-slider-row, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .trial-controls-card .mic-slider-row { position: relative !important; display: block !important; width: 100% !important; min-width: 0 !important; height: 36px !important; min-height: 36px !important; padding: 0 16px !important; overflow: hidden !important; pointer-events: auto !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-card .mic-slider-row::before, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .trial-controls-card .mic-slider-row::before { content: "" !important; position: absolute !important; left: 16px !important; right: 16px !important; top: 50% !important; height: 6px !important; border-radius: 999px !important; background: linear-gradient(90deg, var(--orange) 0 var(--gain-percent, 47%), var(--border) var(--gain-percent, 47%) 100%) !important; transform: translateY(-50%) !important; pointer-events: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-card .mic-slider-row::after, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .trial-controls-card .mic-slider-row::after { content: "" !important; position: absolute !important; left: calc(16px + (100% - 32px) * var(--gain-ratio, .47)) !important; top: 50% !important; width: 18px !important; height: 18px !important; border: 3px solid #fff !important; border-radius: 999px !important; background: var(--orange) !important; box-shadow: 0 4px 10px rgba(234, 88, 12, .28) !important; transform: translate(-50%, -50%) !important; pointer-events: none !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-card .mic-slider-row small, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .trial-controls-card .mic-slider-row small, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-card .mic-slider-row output, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .trial-controls-card .mic-slider-row output { display: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-card .mic-slider-row input[type="range"], body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .trial-controls-card .mic-slider-row input[type="range"] { position: absolute !important; z-index: 5 !important; inset: 0 !important; display: block !important; width: 100% !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; opacity: 0 !important; cursor: pointer !important; pointer-events: auto !important; touch-action: pan-x !important; appearance: none !important; background: transparent !important; } /* Reference clone v46: show the live microphone gain percentage without covering the slider. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-card .mic-slider-row, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .trial-controls-card .mic-slider-row { height: 42px !important; min-height: 42px !important; padding: 0 16px !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-card .mic-slider-row::before, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .trial-controls-card .mic-slider-row::before, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-card .mic-slider-row::after, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .trial-controls-card .mic-slider-row::after { top: 29px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-card .mic-slider-row small, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .trial-controls-card .mic-slider-row small { display: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-card .mic-slider-row output, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .trial-controls-card .mic-slider-row output { position: absolute !important; z-index: 4 !important; left: clamp(24px, calc(16px + (100% - 32px) * var(--gain-ratio, .47)), calc(100% - 24px)) !important; top: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 48px !important; height: 22px !important; padding: 0 !important; border: 1px solid rgba(249, 115, 22, .34) !important; border-radius: 999px !important; background: #fff7ed !important; color: var(--orange) !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1 !important; white-space: nowrap !important; box-shadow: 0 5px 12px rgba(249, 115, 22, .12) !important; transform: translateX(-50%) !important; pointer-events: none !important; } /* Reference clone v48 true EOF: compact and readable data simulation forms. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel:not(.workspace-panel-hidden) { height: 100% !important; min-height: 0 !important; display: grid !important; grid-template-rows: 44px minmax(0, 1fr) !important; gap: 12px !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-tabs { width: max-content !important; max-width: 100% !important; height: 44px !important; min-height: 44px !important; margin: 0 !important; padding: 4px !important; display: inline-grid !important; grid-auto-flow: column !important; grid-auto-columns: max-content !important; align-items: center !important; gap: 4px !important; border: 1px solid #fed7aa !important; border-radius: 14px !important; background: #fff7ed !important; box-shadow: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-tabs button { height: 34px !important; min-height: 34px !important; padding: 0 22px !important; border-radius: 10px !important; font-size: 14px !important; font-weight: 800 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-workspace { min-height: 0 !important; height: 100% !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-form { height: 100% !important; max-height: 100% !important; min-height: 0 !important; overflow: auto !important; padding: 14px 16px !important; gap: 10px !important; border-radius: 16px !important; background: #fffdfa !important; box-shadow: 0 14px 34px rgba(15, 23, 42, .05) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .workspace-card-head { min-height: 0 !important; padding: 0 0 9px !important; margin: 0 !important; border-bottom: 1px solid #ffedd5 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .workspace-card-head h2 { margin: 2px 0 0 !important; font-size: 21px !important; line-height: 1.2 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-safe-note, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-mark { border-radius: 10px !important; font-size: 12px !important; line-height: 1.35 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-safe-note { padding: 8px 12px !important; border: 1px solid #fed7aa !important; background: #fff7ed !important; color: #9a3412 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-form-layout { display: grid !important; grid-template-columns: minmax(0, 1fr) 300px !important; gap: 12px !important; align-items: start !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-form-fields, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .sbjl-form-body, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .sbjl-experience-list { display: flex !important; flex-direction: column !important; gap: 9px !important; min-width: 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-grid, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-grid.compact, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #sbjlForm .data-sim-grid.compact, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #gsForm .data-sim-grid.compact { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(144px, 176px)) !important; justify-content: start !important; align-items: start !important; gap: 8px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-grid label, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #sbjlForm .data-sim-grid.compact > label, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #gsForm .data-sim-grid.compact > label { grid-column: auto !important; width: 100% !important; max-width: 176px !important; min-width: 0 !important; min-height: 54px !important; padding: 8px 9px !important; gap: 5px !important; border: 1px solid #fed7aa !important; border-radius: 12px !important; background: #fffaf5 !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-grid label > span, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-type-head, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .sbjl-section-bar, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .sbjl-experience legend { color: #334155 !important; font-size: 12px !important; line-height: 1.25 !important; font-weight: 800 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-grid input, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-grid select, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-grid textarea, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-range-inputs input { width: 100% !important; min-width: 0 !important; height: 30px !important; min-height: 30px !important; padding: 0 8px !important; border-radius: 9px !important; font-size: 13px !important; line-height: 30px !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-grid textarea { min-height: 48px !important; max-height: 64px !important; padding: 7px 8px !important; line-height: 1.4 !important; resize: vertical !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-grid label.wide, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-range-field, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #yhlsForm .data-sim-grid label:has(#yhlsCounterpartyName), body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #yhlsForm .data-sim-grid label:has(#yhlsCcbManualCounterparty), body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #yhlsForm .data-sim-grid label:has(#yhlsCmbIncomingCounterparty), body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #sbjlForm [class*="-unit-field"], body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #sbjlForm [class*="-id-field"], body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #gsForm .gs-company-field, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #gsForm .gs-subcategory-field { grid-column: span 2 !important; max-width: 360px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #yhlsForm .data-sim-grid label:has(#yhlsSalaryDates), body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #yhlsForm .data-sim-grid label:has(#yhlsCustomTypes), body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #yhlsForm .data-sim-grid label:has(#yhlsDebitTypes) { grid-column: span 2 !important; max-width: 360px !important; min-height: 72px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-range-inputs { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 7px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-asset-panel { width: max-content !important; max-width: 100% !important; display: grid !important; grid-template-columns: repeat(3, 120px) !important; justify-content: start !important; gap: 8px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-asset-btn { min-height: 42px !important; padding: 6px 8px !important; border-radius: 12px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-type-block { position: sticky !important; top: 0 !important; align-self: start !important; width: 100% !important; max-width: 300px !important; padding: 10px !important; border: 1px solid #fed7aa !important; border-radius: 14px !important; background: #fffaf5 !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-type-grid { display: grid !important; grid-template-columns: 1fr !important; gap: 6px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .yhls-type-row { display: grid !important; grid-template-columns: 18px minmax(0, 1fr) 52px !important; align-items: center !important; min-height: 32px !important; padding: 5px 7px !important; gap: 6px !important; border: 1px solid #ffedd5 !important; border-radius: 10px !important; background: #fff !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .yhls-type-row span { min-width: 0 !important; display: contents !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .yhls-type-row input[type="checkbox"] { width: 14px !important; height: 14px !important; margin: 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .yhls-type-row b { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; font-size: 13px !important; line-height: 1.2 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .yhls-type-row input[type="number"] { width: 52px !important; height: 26px !important; min-height: 26px !important; padding: 0 5px !important; border-radius: 8px !important; font-size: 12px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .sbjl-section-bar { min-height: 34px !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; border-bottom: 1px solid #ffedd5 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .sbjl-experience { min-width: 0 !important; padding: 10px !important; border: 1px solid #fed7aa !important; border-radius: 14px !important; background: #fffdfa !important; box-shadow: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .gs-files-panel, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-file-list { max-width: 760px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-file-item, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-empty { border-radius: 12px !important; padding: 10px 12px !important; border: 1px solid #fed7aa !important; background: #fffaf5 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-actions { margin-top: 0 !important; padding-top: 4px !important; display: flex !important; justify-content: flex-end !important; gap: 10px !important; border-top: 1px solid #ffedd5 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-actions .primary, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-actions .secondary, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .sbjl-section-bar .secondary { min-height: 34px !important; padding: 0 14px !important; border-radius: 10px !important; font-size: 13px !important; } @media (max-width: 1180px) { body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-form-layout { grid-template-columns: minmax(0, 1fr) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-type-block { position: static !important; max-width: 100% !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-type-grid { grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)) !important; } } /* Reference clone v50 true EOF: keep bank/province/tax variants separated. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .hidden, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel [hidden], body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel [data-yhls-bank-fields].hidden, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel [data-data-sim-panel].hidden, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .sbjl-form-body.hidden, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-grid.hidden, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-asset-panel.hidden, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-empty.hidden { display: none !important; } /* Bank statement form v1: let all visible fields flow in one compact grid. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #yhlsForm .data-sim-form-fields { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; grid-auto-flow: dense !important; align-items: start !important; gap: 10px !important; min-width: 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #yhlsForm .data-sim-grid:not(.hidden), body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #yhlsForm .data-sim-asset-panel:not(.hidden) { display: contents !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #yhlsForm .data-sim-grid.hidden, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #yhlsForm .data-sim-asset-panel.hidden { display: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #yhlsForm .data-sim-grid label, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #yhlsForm .data-sim-range-field, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #yhlsForm .data-sim-grid label.wide { grid-column: span 1 !important; width: 100% !important; max-width: none !important; min-width: 0 !important; min-height: 74px !important; padding: 9px 10px !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #yhlsForm label:has(#yhlsCounterpartyName), body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #yhlsForm label:has(#yhlsTrafficWatermark), body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #yhlsForm label:has(#yhlsCcbManualCounterparty), body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #yhlsForm label:has(#yhlsCmbIncomingCounterparty), body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #yhlsForm label:has(#yhlsSalaryDates), body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #yhlsForm label:has(#yhlsCustomTypes), body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #yhlsForm label:has(#yhlsDebitTypes) { grid-column: span 2 !important; max-width: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #yhlsForm label:has(#yhlsTrafficWatermark), body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #yhlsForm label:has(#yhlsDebitTypes) { grid-column: span 3 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #yhlsForm label:has(#yhlsSalaryDates), body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #yhlsForm label:has(#yhlsCustomTypes), body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #yhlsForm label:has(#yhlsDebitTypes) { min-height: 88px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #yhlsForm .data-sim-grid input, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #yhlsForm .data-sim-grid select, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #yhlsForm .data-sim-grid textarea, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #yhlsForm .data-sim-range-inputs input { font-size: 14px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #yhlsForm .data-sim-grid textarea { min-height: 50px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #yhlsForm .data-sim-asset-btn { width: 100% !important; max-width: none !important; min-width: 0 !important; min-height: 52px !important; padding: 8px 10px !important; border-radius: 12px !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #yhlsForm .data-sim-asset-btn b { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } @media (max-width: 1280px) { body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #yhlsForm .data-sim-form-fields { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } } @media (max-width: 560px) { body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #yhlsForm .data-sim-form-fields { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } /* Reference clone v51 final EOF: distinct overview metric icons. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel#overviewPanel .metric-card::before { display: none !important; content: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel#overviewPanel .metric-card .metric-icon { grid-column: 1 !important; grid-row: 1 / 4 !important; align-self: center !important; justify-self: start !important; width: 46px !important; height: 46px !important; min-width: 46px !important; margin: 0 !important; border-radius: 15px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; overflow: visible !important; box-shadow: 0 12px 24px rgba(255, 111, 24, 0.16) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel#overviewPanel .metric-card .metric-icon iconify-icon { display: block !important; color: currentColor !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel#overviewPanel .metric-orange .metric-icon { color: #ff6f18 !important; background: linear-gradient(135deg, #fff0dc 0%, #ffd7a8 100%) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel#overviewPanel .metric-sky .metric-icon { color: #0ea5e9 !important; background: linear-gradient(135deg, #e0f7ff 0%, #bae6fd 100%) !important; box-shadow: 0 12px 24px rgba(14, 165, 233, 0.12) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel#overviewPanel .metric-emerald .metric-icon { color: #12a46f !important; background: linear-gradient(135deg, #dcfce7 0%, #b7f3cf 100%) !important; box-shadow: 0 12px 24px rgba(18, 164, 111, 0.12) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel#overviewPanel .metric-amber .metric-icon { color: #d97706 !important; background: linear-gradient(135deg, #fff7d6 0%, #fde68a 100%) !important; box-shadow: 0 12px 24px rgba(217, 119, 6, 0.12) !important; } /* Reference clone v52 final EOF: restore home button, remove metric row, enlarge interview text. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #workspaceHomeBtn { order: 6 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; height: 44px !important; min-height: 44px !important; padding: 0 15px !important; border-radius: 14px !important; border: 1px solid #fed7aa !important; background: #fff7ed !important; color: #c2410c !important; font-size: 15px !important; font-weight: 850 !important; white-space: nowrap !important; box-shadow: 0 10px 24px rgba(255, 111, 24, 0.1) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #workspaceHomeBtn:hover { background: #ffedd5 !important; transform: translateY(-1px) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #accountOrdersBtn { order: 1 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #notificationBellBtn { order: 3 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .credit-panel { order: 4 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #workspaceBuyBtn { order: 5 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #logoutBtn { order: 7 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .metric-grid { display: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) #transcript, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) #answer, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) #answer .answer-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) #answer .answer-card span { font-size: 18px !important; line-height: 1.72 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) #answer .answer-card b { font-size: 16px !important; line-height: 1.4 !important; } `r`n/* Resume AI checklist: add actionable resume-edit guidance to the web workbench. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock .resume-ai-checklist-card { grid-column: 1 / -1 !important; display: grid !important; grid-template-columns: minmax(0, 1.55fr) minmax(280px, .6fr) !important; gap: 16px !important; align-items: stretch !important; padding: 18px !important; border: 1px solid #fed7aa !important; border-radius: 18px !important; background: #fff !important; box-shadow: 0 18px 42px rgba(255, 111, 24, .08) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock .resume-ai-checklist-main, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock .resume-ai-checklist-side { min-width: 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock .resume-ai-checklist-head { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; margin-bottom: 14px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock .resume-ai-checklist-head h2 { margin: 4px 0 0 !important; color: #0f172a !important; font-size: 21px !important; line-height: 1.22 !important; letter-spacing: 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock .resume-ai-filter-tabs { display: inline-grid !important; grid-template-columns: repeat(3, auto) !important; gap: 4px !important; align-items: center !important; min-height: 44px !important; padding: 5px !important; border-radius: 16px !important; background: #f1f5f9 !important; color: #0f172a !important; white-space: nowrap !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock .resume-ai-filter-tabs span { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 34px !important; padding: 0 13px !important; border-radius: 12px !important; font-size: 14px !important; font-weight: 850 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock .resume-ai-filter-tabs span:first-child { background: #fff !important; color: #ea580c !important; box-shadow: 0 8px 16px rgba(15, 23, 42, .07) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock .resume-ai-filter-tabs button { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 34px !important; padding: 0 13px !important; border: 0 !important; border-radius: 12px !important; background: transparent !important; color: #0f172a !important; font: inherit !important; font-size: 14px !important; font-weight: 850 !important; line-height: 1 !important; cursor: pointer !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock .resume-ai-filter-tabs button.active { background: #fff !important; color: #ea580c !important; box-shadow: 0 8px 16px rgba(15, 23, 42, .07) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock .resume-ai-filter-tabs button:focus-visible { outline: 2px solid #fdba74 !important; outline-offset: 2px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock .resume-checklist-items { display: grid !important; gap: 12px !important; max-height: 430px !important; overflow: auto !important; padding-right: 4px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock .resume-checklist-item { display: grid !important; grid-template-columns: 42px minmax(0, 1fr) !important; gap: 14px !important; min-width: 0 !important; padding: 16px 18px !important; border: 1px solid #e5e7eb !important; border-radius: 16px !important; background: #fff !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock .resume-checklist-empty { min-height: 96px !important; display: grid !important; place-items: center !important; border: 1px dashed #fed7aa !important; border-radius: 16px !important; background: #fff7ed !important; color: #9a3412 !important; font-size: 15px !important; font-weight: 800 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock .resume-checklist-item.is-risk { border-color: #fecdd3 !important; background: #fff7f8 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock .resume-checklist-item.is-suggest { border-color: #fde68a !important; background: #fffdf4 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock .resume-checklist-icon { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 42px !important; height: 42px !important; border-radius: 14px !important; color: #e11d48 !important; background: #ffe4e6 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock .resume-checklist-item.is-suggest .resume-checklist-icon { color: #d97706 !important; background: #fef3c7 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock .resume-checklist-item h3 { margin: 0 !important; color: #0f172a !important; font-size: 18px !important; line-height: 1.3 !important; font-weight: 900 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock .resume-checklist-item p { margin: 8px 0 0 !important; color: #334155 !important; font-size: 15px !important; line-height: 1.65 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock .resume-checklist-tags { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin-top: 12px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock .resume-checklist-tags span { display: inline-flex !important; align-items: center !important; min-height: 26px !important; padding: 0 10px !important; border-radius: 999px !important; background: #fff !important; color: #e11d48 !important; font-size: 13px !important; font-weight: 800 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock .resume-checklist-item.is-suggest .resume-checklist-tags span { color: #b45309 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock .resume-ai-checklist-side { display: grid !important; align-content: stretch !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock .resume-keyword-card { min-width: 0 !important; min-height: 100% !important; display: flex !important; flex-direction: column !important; border: 1px solid #e2e8f0 !important; border-radius: 18px !important; background: linear-gradient(180deg, #fff 0%, #fff7ed 100%) !important; padding: 18px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock .resume-keyword-card h3 { margin: 4px 0 0 !important; color: #0f172a !important; font-size: 18px !important; line-height: 1.25 !important; font-weight: 900 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock .resume-keyword-tags { display: flex !important; flex-wrap: wrap !important; gap: 9px !important; margin-top: 16px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock .resume-keyword-tags span { display: inline-flex !important; align-items: center !important; min-height: 30px !important; padding: 0 12px !important; border-radius: 999px !important; font-size: 14px !important; font-weight: 800 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock .resume-keyword-tags .is-hit { background: #dcfce7 !important; color: #047857 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock .resume-keyword-tags .is-miss { background: #ffe4e6 !important; color: #e11d48 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock .resume-keyword-coverage { margin: auto 0 0 !important; padding: 14px 15px !important; border-radius: 14px !important; background: #fff !important; border: 1px solid #fed7aa !important; color: #475569 !important; font-size: 14px !important; line-height: 1.55 !important; } @media (max-width: 1180px) { body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock .resume-ai-checklist-card { grid-template-columns: minmax(0, 1fr) !important; } } /* Final topbar order: keep the home button immediately before logout. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #workspaceHomeBtn { order: 6 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #logoutBtn { order: 7 !important; } /* Reference clone v53 final EOF: stack latest activation code details into three clear lines. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-order-body { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: auto auto auto !important; align-items: start !important; gap: 8px !important; padding: 12px 14px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-order-body > div { display: contents !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-order-body #overviewOrderLatestStatus { grid-row: 1 !important; display: inline-flex !important; align-items: center !important; justify-self: start !important; max-width: 100% !important; min-height: 30px !important; padding: 0 13px !important; border-radius: 999px !important; background: #dcfce7 !important; color: #16a34a !important; font-size: 14px !important; font-weight: 850 !important; line-height: 1.2 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-order-body #overviewOrderLatestCode { grid-row: 2 !important; display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; color: #0f172a !important; font-size: 24px !important; font-weight: 900 !important; line-height: 1.1 !important; letter-spacing: 0.5px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-order-body #overviewOrderLatestMeta { grid-row: 3 !important; display: block !important; width: 100% !important; max-width: 100% !important; min-height: 34px !important; margin: 0 !important; padding: 7px 12px !important; border: 1px solid #fed7aa !important; border-radius: 13px !important; background: #fffaf5 !important; color: #64748b !important; font-size: 15px !important; font-weight: 850 !important; line-height: 1.25 !important; text-align: left !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; box-sizing: border-box !important; } /* Reference clone v52 final EOF: restore home button, remove metric row, enlarge interview text. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #workspaceHomeBtn { order: 2 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; height: 44px !important; min-height: 44px !important; padding: 0 15px !important; border-radius: 14px !important; border: 1px solid #fed7aa !important; background: #fff7ed !important; color: #c2410c !important; font-size: 15px !important; font-weight: 850 !important; white-space: nowrap !important; box-shadow: 0 10px 24px rgba(255, 111, 24, 0.1) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #workspaceHomeBtn:hover { background: #ffedd5 !important; transform: translateY(-1px) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #accountOrdersBtn { order: 1 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #notificationBellBtn { order: 3 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .credit-panel { order: 4 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #workspaceBuyBtn { order: 5 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #logoutBtn { order: 6 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .metric-grid { display: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) #transcript, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) #answer, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) #answer .answer-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) #answer .answer-card span { font-size: 18px !important; line-height: 1.72 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) #answer .answer-card b { font-size: 16px !important; line-height: 1.4 !important; } /* Reference clone v51: give overview metric cards distinct business icons. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .metric-card::before { display: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .metric-card .metric-icon { grid-column: 1 !important; grid-row: 1 / 4 !important; align-self: center !important; justify-self: start !important; width: 46px !important; height: 46px !important; min-width: 46px !important; margin: 0 !important; border-radius: 15px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; overflow: visible !important; box-shadow: 0 12px 24px rgba(255, 111, 24, 0.16) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .metric-card .metric-icon iconify-icon { display: block !important; color: currentColor !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .metric-orange .metric-icon { color: #ff6f18 !important; background: linear-gradient(135deg, #fff0dc 0%, #ffd7a8 100%) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .metric-sky .metric-icon { color: #0ea5e9 !important; background: linear-gradient(135deg, #e0f7ff 0%, #bae6fd 100%) !important; box-shadow: 0 12px 24px rgba(14, 165, 233, 0.12) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .metric-emerald .metric-icon { color: #12a46f !important; background: linear-gradient(135deg, #dcfce7 0%, #b7f3cf 100%) !important; box-shadow: 0 12px 24px rgba(18, 164, 111, 0.12) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .metric-amber .metric-icon { color: #d97706 !important; background: linear-gradient(135deg, #fff7d6 0%, #fde68a 100%) !important; box-shadow: 0 12px 24px rgba(217, 119, 6, 0.12) !important; } /* Reference clone v47: data simulation form and table cleanup. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel:not(.workspace-panel-hidden) { height: 100% !important; min-height: 0 !important; display: grid !important; grid-template-rows: 46px minmax(0, 1fr) !important; gap: 12px !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-tabs { width: max-content !important; max-width: 100% !important; height: 46px !important; min-height: 46px !important; margin: 0 !important; padding: 4px !important; display: inline-grid !important; grid-auto-flow: column !important; grid-auto-columns: max-content !important; align-items: center !important; gap: 4px !important; border: 1px solid #fed7aa !important; border-radius: 14px !important; background: #fff7ed !important; box-shadow: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-tabs button { height: 36px !important; min-height: 36px !important; padding: 0 24px !important; border-radius: 10px !important; font-size: 14px !important; font-weight: 800 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-workspace { min-height: 0 !important; height: 100% !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-form { height: 100% !important; max-height: 100% !important; min-height: 0 !important; overflow: auto !important; padding: 16px 18px !important; gap: 12px !important; border-radius: 16px !important; background: #fffdfa !important; box-shadow: 0 14px 34px rgba(15, 23, 42, .05) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .workspace-card-head { min-height: 0 !important; padding: 0 0 10px !important; margin: 0 !important; border-bottom: 1px solid #ffedd5 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .workspace-card-head h2 { margin: 2px 0 0 !important; font-size: 21px !important; line-height: 1.2 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-mark, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-safe-note { border-radius: 10px !important; font-size: 12px !important; line-height: 1.35 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-safe-note { padding: 9px 12px !important; border: 1px solid #fed7aa !important; background: #fff7ed !important; color: #9a3412 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-form-layout { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(260px, 310px) !important; gap: 14px !important; align-items: start !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-form-fields, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .sbjl-form-body, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .sbjl-experience-list { display: flex !important; flex-direction: column !important; gap: 10px !important; min-width: 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-grid, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-grid.compact, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel #sbjlForm .data-sim-grid.compact, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel #gsForm .data-sim-grid.compact { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(150px, 188px)) !important; justify-content: start !important; align-items: start !important; gap: 10px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-grid label, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel #sbjlForm .data-sim-grid.compact > label, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel #gsForm .data-sim-grid.compact > label { grid-column: auto !important; width: 100% !important; max-width: 188px !important; min-width: 0 !important; min-height: 58px !important; padding: 9px 10px !important; gap: 5px !important; border: 1px solid #fed7aa !important; border-radius: 12px !important; background: #fffaf5 !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-grid label > span, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-type-head, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .sbjl-section-bar, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .sbjl-experience legend { color: #334155 !important; font-size: 12px !important; line-height: 1.25 !important; font-weight: 800 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-grid input, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-grid select, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-grid textarea, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-range-inputs input { width: 100% !important; min-width: 0 !important; height: 32px !important; min-height: 32px !important; padding: 0 9px !important; border-radius: 9px !important; font-size: 13px !important; line-height: 32px !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-grid textarea { min-height: 54px !important; max-height: 70px !important; padding: 8px 9px !important; line-height: 1.4 !important; resize: vertical !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-grid label.wide, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-range-field, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel #yhlsForm .data-sim-grid label:has(#yhlsCounterpartyName), body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel #yhlsForm .data-sim-grid label:has(#yhlsCcbManualCounterparty), body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel #yhlsForm .data-sim-grid label:has(#yhlsCmbIncomingCounterparty), body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel [class*="-unit-field"], body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel [class*="-id-field"] { grid-column: span 2 !important; max-width: 386px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel #yhlsForm .data-sim-grid label:has(#yhlsSalaryDates), body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel #yhlsForm .data-sim-grid label:has(#yhlsCustomTypes), body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel #yhlsForm .data-sim-grid label:has(#yhlsDebitTypes) { grid-column: span 2 !important; max-width: 386px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-range-inputs { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-asset-panel { width: max-content !important; max-width: 100% !important; display: grid !important; grid-template-columns: repeat(3, minmax(118px, 132px)) !important; justify-content: start !important; gap: 10px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-asset-btn { min-height: 46px !important; padding: 7px 10px !important; border-radius: 12px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-type-block { position: sticky !important; top: 0 !important; align-self: start !important; width: 100% !important; max-width: 310px !important; padding: 12px !important; border: 1px solid #fed7aa !important; border-radius: 14px !important; background: #fffaf5 !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-type-grid { display: grid !important; grid-template-columns: 1fr !important; gap: 7px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .yhls-type-row { display: grid !important; grid-template-columns: minmax(0, 1fr) 58px !important; min-height: 34px !important; padding: 6px 8px !important; gap: 8px !important; border: 1px solid #ffedd5 !important; border-radius: 10px !important; background: #fff !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .yhls-type-row span { min-width: 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .yhls-type-row b { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; font-size: 13px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .yhls-type-row input[type="number"] { width: 58px !important; height: 28px !important; min-height: 28px !important; padding: 0 6px !important; border-radius: 8px !important; font-size: 12px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .sbjl-section-bar { min-height: 34px !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; border-bottom: 1px solid #ffedd5 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .sbjl-experience { min-width: 0 !important; padding: 12px !important; border: 1px solid #fed7aa !important; border-radius: 14px !important; background: #fffdfa !important; box-shadow: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .sbjl-experience legend { padding: 0 4px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .gs-files-panel, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-file-list { max-width: 760px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-file-item, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-empty { border-radius: 12px !important; padding: 10px 12px !important; border: 1px solid #fed7aa !important; background: #fffaf5 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-actions { margin-top: 0 !important; padding-top: 4px !important; display: flex !important; justify-content: flex-end !important; gap: 10px !important; border-top: 1px solid #ffedd5 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-actions .primary, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-actions .secondary, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .sbjl-section-bar .secondary { min-height: 34px !important; padding: 0 14px !important; border-radius: 10px !important; font-size: 13px !important; } @media (max-width: 1100px) { body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-form-layout { grid-template-columns: minmax(0, 1fr) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-type-block { position: static !important; max-width: 100% !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-type-grid { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important; } } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .yhls-type-row { min-height: 44px !important; padding: 7px 9px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-actions { margin-top: 8px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .sbjl-experience { padding: 8px !important; } /* Frame-only fixed pass: keep the workspace shell fixed, let content scroll naturally. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell { overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-content { overflow-x: hidden !important; overflow-y: auto !important; padding: 22px 28px 28px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-content-inner { height: auto !important; min-height: 100% !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell [data-workspace-panel-section]:not(.workspace-panel-hidden) { height: auto !important; min-height: 100% !important; max-height: none !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .metric-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-info-block, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell input, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell select, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell textarea, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell button { font-size: 14px !important; line-height: 1.45 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-nav button { height: 54px !important; grid-template-columns: 24px minmax(0, 1fr) !important; gap: 12px !important; font-size: 16px !important; font-weight: 800 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-nav iconify-icon { width: 20px !important; height: 20px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-topbar h1, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .client-section-intro h2, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-card h2, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-input-card h2, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .records-card h2 { font-size: 18px !important; line-height: 1.25 !important; font-weight: 900 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-topbar h1, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .client-section-intro h2 { font-size: 20px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .eyebrow, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell label > span, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell small { font-size: 12px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel:not(.workspace-panel-hidden) { height: auto !important; min-height: 100% !important; grid-template-rows: auto auto !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .metric-card { height: 96px !important; padding: 12px 16px !important; grid-template-columns: 48px minmax(0, 1fr) !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .metric-card::before { width: 46px !important; height: 46px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .metric-card strong { font-size: 22px !important; line-height: 1.15 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .metric-card p { font-size: 13px !important; line-height: 1.3 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-main-grid { height: auto !important; min-height: 0 !important; grid-template-rows: minmax(230px, auto) minmax(210px, auto) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .rhythm-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-action-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-table-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-order-card { height: auto !important; min-height: 0 !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-action-grid, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-order-body, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .client-line-chart { height: auto !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-action-grid button { min-height: 78px !important; font-size: 15px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-order-body strong { font-size: 18px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock:not(.workspace-panel-hidden) { height: auto !important; min-height: 100% !important; grid-template-rows: minmax(430px, auto) minmax(190px, auto) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-source-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-result-stack, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-advantages-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock #resumeResult { height: auto !important; max-height: none !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-result-stack { align-self: start !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-advantages-card { display: block !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-insight-strip { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 10px !important; flex: none !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-insight-strip span { min-height: 78px !important; align-content: center !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-result-layout { height: auto !important; min-height: 150px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) { height: auto !important; min-height: 100% !important; align-items: start !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-input-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-result-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-requirement-list, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-radar-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-info-block { height: auto !important; max-height: none !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-requirement-list, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-radar-card { min-height: 210px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-actions button { font-size: 14px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel:not(.workspace-panel-hidden) { height: auto !important; min-height: 100% !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .records-card { height: auto !important; min-height: 560px !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .records-layout { height: auto !important; min-height: 260px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .record-list, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .record-detail { max-height: 360px !important; overflow: auto !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .records-score-row span { min-height: 58px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .records-score-row strong { font-size: 20px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel:not(.workspace-panel-hidden) { height: auto !important; min-height: 100% !important; overflow: visible !important; grid-template-rows: auto auto !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-workspace, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-form { height: auto !important; max-height: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-form { overflow: visible !important; } /* Reference clone v15: precise layout fixes from 2026-09-15 feedback. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell { --v15-card-gap: 14px; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-content { overflow: hidden !important; padding: 18px 26px 20px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-content-inner { height: 100% !important; min-height: 0 !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell [data-workspace-panel-section]:not(.workspace-panel-hidden) { height: 100% !important; min-height: 0 !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel:not(.workspace-panel-hidden) { display: grid !important; height: 100% !important; min-height: 0 !important; overflow: hidden !important; grid-template-rows: auto auto minmax(0, 1fr) !important; gap: var(--v15-card-gap) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-license-bar { display: grid !important; grid-template-columns: minmax(170px, .72fr) minmax(360px, 1.65fr) minmax(170px, .72fr) minmax(156px, .62fr) !important; gap: 12px !important; align-items: stretch !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-license-bar > .license-current, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-license-bar > .activation-entry-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-license-bar > .referral-reset-btn, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-license-bar > .license-badge.referral-badge { min-width: 0 !important; min-height: 64px !important; height: 64px !important; display: grid !important; align-items: center !important; border: 1px solid var(--clone-border) !important; border-radius: 16px !important; background: rgba(255, 255, 255, 0.88) !important; box-shadow: 0 12px 28px rgba(216, 95, 30, 0.07) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-license-bar > .license-current { grid-template-columns: 38px minmax(0, 1fr) !important; gap: 10px !important; padding: 10px 14px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .license-ok-icon { width: 38px !important; height: 38px !important; border-radius: 12px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .license-current p, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .license-current small, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .activation-entry-card h2, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .activation-entry-card p, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .activation-entry-card small, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .referral-reset-btn b, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .referral-reset-btn small, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .license-badge.referral-badge span, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .license-badge.referral-badge strong { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .activation-entry-card { grid-template-columns: 118px minmax(0, 1fr) !important; gap: 12px !important; padding: 10px 12px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .activation-entry-card h2 { font-size: 14px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .activation-entry-card .eyebrow, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .activation-entry-card small { display: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .activation-panel { min-height: 42px !important; display: grid !important; grid-template-columns: 18px minmax(0, 1fr) 60px !important; gap: 8px !important; padding: 5px 6px 5px 10px !important; border: 1px solid #ffd1aa !important; border-radius: 13px !important; background: #fff8f0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .activation-panel input { min-width: 0 !important; height: 32px !important; border: 0 !important; background: transparent !important; font-size: 14px !important; font-weight: 800 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .activation-panel button { width: 60px !important; height: 32px !important; min-height: 32px !important; padding: 0 !important; border-radius: 11px !important; font-size: 13px !important; font-weight: 900 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .referral-reset-btn { grid-template-columns: 36px minmax(0, 1fr) !important; gap: 10px !important; padding: 10px 12px !important; text-align: left !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .referral-reset-btn span { width: 36px !important; height: 36px !important; border-radius: 12px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .referral-reset-btn b { font-size: 14px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .referral-reset-btn small { font-size: 11px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .license-badge.referral-badge { padding: 10px 14px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .license-badge.referral-badge strong { font-size: 17px !important; letter-spacing: 1px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel #memberBadge, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel #activateMessage.hidden { display: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel #activateMessage:not(.hidden) { grid-column: 1 / -1 !important; min-height: 32px !important; padding: 6px 12px !important; border-radius: 12px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .metric-grid { margin-bottom: 0 !important; gap: 12px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-main-grid { height: 100% !important; min-height: 0 !important; grid-template-rows: minmax(0, 1fr) minmax(0, 0.92fr) !important; gap: 14px !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .rhythm-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-action-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-table-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-order-card { min-height: 0 !important; height: 100% !important; padding: 18px 20px !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-action-card { display: grid !important; grid-template-rows: auto minmax(0, 1fr) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-action-grid { height: 100% !important; min-height: 0 !important; display: grid !important; grid-template-rows: repeat(2, minmax(0, 1fr)) !important; margin-top: 14px !important; gap: 12px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-action-grid button { min-height: 0 !important; height: 100% !important; padding: 16px 18px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-order-card { display: grid !important; grid-template-rows: auto minmax(0, 1fr) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-order-body { height: 100% !important; min-height: 0 !important; grid-template-rows: minmax(100px, 1fr) auto !important; gap: 12px !important; margin-top: 14px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-order-body > div { min-height: 110px !important; align-content: center !important; gap: 9px !important; padding: 16px 18px !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-order-body span { max-width: 100% !important; margin: 0 !important; line-height: 1.25 !important; white-space: normal !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-order-body strong { overflow: visible !important; font-size: 19px !important; line-height: 1.22 !important; letter-spacing: .5px !important; white-space: normal !important; word-break: break-word !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-order-body p { min-height: 48px !important; max-height: none !important; padding: 12px 14px !important; line-height: 1.42 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock:not(.workspace-panel-hidden) { display: grid !important; grid-template-columns: minmax(380px, .72fr) minmax(560px, 1.08fr) !important; grid-template-rows: minmax(0, 1fr) 330px !important; grid-template-areas: "source result" "questions questions" !important; gap: 14px !important; height: 100% !important; min-height: 0 !important; align-items: stretch !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-source-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-result-stack { height: 100% !important; min-height: 0 !important; align-self: stretch !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-source-card { overflow: auto !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-result-stack { display: grid !important; grid-template-rows: 154px minmax(0, 1fr) !important; gap: 14px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-progress-card { height: 154px !important; min-height: 154px !important; overflow: visible !important; padding: 18px 20px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-stepper { padding-bottom: 24px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-stepper small { display: block !important; max-width: 100% !important; overflow: visible !important; line-height: 1.2 !important; text-align: center !important; white-space: nowrap !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-advantages-card { height: 100% !important; min-height: 0 !important; display: grid !important; grid-template-rows: auto auto minmax(0, 1fr) !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-insight-strip { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 12px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-advantages { min-height: 0 !important; overflow: auto !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock #resumeResult { height: 100% !important; min-height: 0 !important; padding: 18px 20px !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-result-layout { height: calc(100% - 58px) !important; min-height: 240px !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; align-items: stretch !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-questions, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-answer-preview { height: 100% !important; min-height: 236px !important; overflow: auto !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) { display: grid !important; grid-template-columns: minmax(380px, .64fr) minmax(0, 1fr) !important; gap: 16px !important; height: 100% !important; min-height: 0 !important; align-items: stretch !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-input-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-result-card { height: 100% !important; min-height: 0 !important; overflow: auto !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-input-card { display: grid !important; grid-template-rows: auto auto auto auto auto auto !important; align-content: start !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-input-card textarea { height: 220px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-file-picker { min-height: 56px !important; margin-top: 12px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-actions { margin-top: 14px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-actions button { height: 46px !important; min-height: 46px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-role-preview-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-requirement-list, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-radar-card { min-height: 220px !important; height: auto !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-requirement-list p, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-requirement-list span, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-info-block li { font-size: 14px !important; line-height: 1.36 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) { height: 100% !important; min-height: 0 !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-stage { height: 100% !important; min-height: 0 !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px !important; align-items: stretch !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-stage .pane { height: 100% !important; min-height: 0 !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .transcript-pane, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .answer-pane { display: grid !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .transcript-pane { grid-template-rows: auto minmax(250px, 1fr) 58px auto auto !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .answer-pane { grid-template-rows: auto auto minmax(360px, 1fr) auto auto !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .transcript-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-answer-card { height: 100% !important; min-height: 0 !important; overflow: auto !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .answer-mode-description.hidden, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .answer-mode-tabs.hidden { display: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-answer-card { min-height: 360px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel:not(.workspace-panel-hidden) { height: 100% !important; min-height: 0 !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .records-card { height: 100% !important; min-height: 0 !important; display: grid !important; grid-template-rows: auto auto auto minmax(0, 1fr) !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .records-filter-toolbar { padding: 10px 0 !important; gap: 10px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .records-score-row { padding: 8px 0 12px !important; gap: 10px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .records-score-row span { min-height: 54px !important; padding: 10px 14px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .records-layout { height: 100% !important; min-height: 0 !important; grid-template-columns: minmax(0, 1fr) 420px !important; align-items: stretch !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .records-list-column, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .record-detail { height: 100% !important; min-height: 0 !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .record-list { max-height: none !important; height: calc(100% - 42px) !important; overflow: auto !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .record-row { min-height: 56px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .record-detail { position: static !important; max-height: none !important; padding: 20px !important; overflow: auto !important; } /* Reference clone v16: keep the frame fixed, let active workspace pages scroll naturally. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell { --v16-panel-min: calc(100vh - 44px - 96px - 46px); } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-main { min-height: 0 !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-content { height: 100% !important; min-height: 0 !important; overflow-x: hidden !important; overflow-y: auto !important; padding: 18px 26px 26px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-content-inner { height: auto !important; min-height: 100% !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell [data-workspace-panel-section]:not(.workspace-panel-hidden) { height: auto !important; min-height: var(--v16-panel-min) !important; max-height: none !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel:not(.workspace-panel-hidden) { grid-template-rows: auto auto auto !important; align-content: start !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-main-grid { height: auto !important; min-height: 0 !important; grid-template-rows: minmax(260px, auto) minmax(230px, auto) !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .rhythm-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-action-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-table-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-order-card { height: auto !important; min-height: 0 !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-action-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-order-card { align-content: stretch !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-action-grid { min-height: 178px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-order-body { min-height: 176px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock:not(.workspace-panel-hidden) { grid-template-rows: minmax(560px, auto) minmax(360px, auto) !important; align-items: stretch !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-source-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-result-stack { height: auto !important; min-height: 560px !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-result-stack { align-self: stretch !important; grid-template-rows: 154px minmax(388px, 1fr) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-advantages-card { height: auto !important; min-height: 388px !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-advantages { max-height: 188px !important; overflow: auto !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock #resumeResult { height: auto !important; min-height: 360px !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-result-layout { height: auto !important; min-height: 268px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-questions, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-answer-preview { height: auto !important; min-height: 266px !important; max-height: 420px !important; overflow: auto !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) { align-items: stretch !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-input-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-result-card { height: auto !important; min-height: 700px !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-input-card textarea { height: 260px !important; min-height: 260px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-requirement-list, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-radar-card { min-height: 280px !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) { height: auto !important; min-height: var(--v16-panel-min) !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-stage { height: auto !important; min-height: 720px !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-stage .pane { height: auto !important; min-height: 720px !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .transcript-pane { grid-template-rows: auto minmax(340px, 1fr) 58px auto auto !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .answer-pane { grid-template-rows: auto auto minmax(430px, 1fr) auto auto !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .transcript-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-answer-card { height: auto !important; min-height: 0 !important; overflow: auto !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel:not(.workspace-panel-hidden) { height: auto !important; min-height: var(--v16-panel-min) !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .records-card { height: auto !important; min-height: 680px !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .records-layout { height: auto !important; min-height: 430px !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .records-list-column, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .record-detail { height: auto !important; min-height: 430px !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .record-list { height: auto !important; min-height: 372px !important; max-height: none !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .record-detail { max-height: none !important; overflow: auto !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel:not(.workspace-panel-hidden) { height: auto !important; min-height: var(--v16-panel-min) !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-workspace, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-form { height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-form { min-height: 680px !important; } /* Reference clone v17: remove dead space and keep dense pages readable. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell { --v17-topbar-h: 78px; --v17-content-pad-x: 22px; --v17-content-pad-y: 16px; --v17-panel-h: calc(100vh - var(--v17-topbar-h) - (var(--v17-content-pad-y) * 2)); } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-frame { grid-template-rows: minmax(0, 1fr) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .client-window-bar { display: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-sidebar, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-main { grid-row: 1 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-sidebar { padding-top: 20px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-main { grid-template-rows: var(--v17-topbar-h) minmax(0, 1fr) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-topbar { min-height: var(--v17-topbar-h) !important; height: var(--v17-topbar-h) !important; padding: 12px 26px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-topbar h1 { font-size: 24px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-content { padding: var(--v17-content-pad-y) var(--v17-content-pad-x) 18px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell [data-workspace-panel-section]:not(.workspace-panel-hidden) { min-height: var(--v17-panel-h) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel:not(.workspace-panel-hidden) { height: var(--v17-panel-h) !important; min-height: 0 !important; grid-template-rows: 58px 82px minmax(0, 1fr) !important; gap: 12px !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-license-bar { grid-template-columns: 150px minmax(360px, 1fr) 230px 180px !important; gap: 10px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-license-bar > .license-current, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-license-bar > .activation-entry-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-license-bar > .referral-reset-btn, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-license-bar > .license-badge.referral-badge { height: 58px !important; min-height: 58px !important; padding-top: 8px !important; padding-bottom: 8px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .activation-panel { min-height: 38px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .metric-grid { gap: 10px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .metric-card { height: 82px !important; min-height: 82px !important; padding: 10px 14px !important; grid-template-columns: 42px minmax(0, 1fr) !important; gap: 12px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .metric-card::before { width: 42px !important; height: 42px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .metric-card strong { font-size: 20px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-main-grid { height: 100% !important; min-height: 0 !important; grid-template-rows: minmax(0, 1.05fr) minmax(0, .78fr) !important; gap: 12px !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .rhythm-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-action-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-table-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-order-card { height: 100% !important; min-height: 0 !important; padding: 16px 18px !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-action-grid { min-height: 0 !important; height: 100% !important; gap: 10px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-action-grid button { min-height: 0 !important; height: 100% !important; padding: 12px 14px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .client-line-chart svg { height: 205px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock:not(.workspace-panel-hidden) { grid-template-rows: minmax(620px, auto) minmax(250px, auto) !important; gap: 12px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-source-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-result-stack { min-height: 620px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-source-card { padding: 18px 20px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .file-picker { min-height: 176px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-extra-requirement textarea { min-height: 118px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-result-stack { grid-template-rows: 132px minmax(476px, 1fr) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-progress-card { height: 132px !important; min-height: 132px !important; padding: 14px 18px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-advantages-card { min-height: 476px !important; display: grid !important; grid-template-rows: auto auto minmax(0, 1fr) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-insight-strip span { min-height: 96px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-advantages { max-height: none !important; min-height: 190px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock #resumeResult { min-height: 250px !important; padding: 16px 18px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-result-layout { min-height: 172px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-questions, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-answer-preview { min-height: 170px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) { height: var(--v17-panel-h) !important; min-height: 0 !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-stage { height: 100% !important; min-height: 0 !important; gap: 12px !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-stage .pane { height: 100% !important; min-height: 0 !important; padding: 14px 16px !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .transcript-pane { grid-template-rows: 36px minmax(0, 1fr) 40px 128px 34px !important; gap: 10px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .answer-pane { grid-template-rows: 36px 34px minmax(0, 1fr) 60px 34px !important; gap: 10px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-card { padding: 10px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-grid { gap: 8px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-grid label, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-answer-mode { min-height: 54px !important; padding: 8px 10px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #interviewStartToggleBtn { height: 40px !important; min-height: 40px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .voice-wave { height: 40px !important; min-height: 40px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .transcript-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-answer-card { min-height: 0 !important; overflow: auto !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel:not(.workspace-panel-hidden) { min-height: var(--v17-panel-h) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .records-card { min-height: 0 !important; padding: 16px 18px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .records-card-head { padding-bottom: 12px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .records-filter-toolbar { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 10px !important; padding: 10px 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .records-filter-toolbar label { gap: 4px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .records-filter-toolbar input { height: 42px !important; padding: 0 12px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .records-score-row { gap: 10px !important; padding: 8px 0 10px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .records-score-row span { min-height: 58px !important; padding: 9px 14px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .records-layout { min-height: 360px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .records-list-column, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .record-detail { min-height: 360px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel:not(.workspace-panel-hidden) { min-height: var(--v17-panel-h) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-tabs { height: 48px !important; min-height: 48px !important; padding: 4px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-tabs button { height: 38px !important; padding: 0 22px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-form { min-height: 0 !important; gap: 6px !important; padding: 12px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-form-layout { grid-template-columns: minmax(0, 1fr) minmax(270px, .34fr) !important; gap: 8px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-grid, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-grid.compact, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel #sbjlForm .data-sim-grid.compact, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel #gsForm .data-sim-grid.compact { gap: 5px 7px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-grid label, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-type-block, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .sbjl-experience { min-height: 44px !important; padding: 6px 8px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-grid input, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-grid select, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-grid textarea, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-range-inputs input { height: 28px !important; padding: 0 7px !important; font-size: 13px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-grid textarea { min-height: 32px !important; max-height: 44px !important; padding: 5px 7px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .yhls-type-row { min-height: 38px !important; padding: 5px 7px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel .data-sim-actions { margin-top: 6px !important; } /* Reference clone v18: split the latest activation code card into two clear boxes. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-order-card { grid-template-rows: auto minmax(0, 1fr) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-order-body { height: 100% !important; min-height: 0 !important; display: grid !important; grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr) !important; grid-template-rows: 1fr !important; align-items: stretch !important; gap: 12px !important; margin-top: 12px !important; padding: 14px !important; border: 1px solid #bbf7d0 !important; border-radius: 16px !important; background: linear-gradient(135deg, rgba(240, 253, 244, 0.95), rgba(239, 253, 247, 0.86)) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86) !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-order-body > div, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-order-body > p { width: 100% !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; border-radius: 15px !important; box-shadow: 0 10px 24px rgba(22, 163, 74, 0.06) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-order-body > div { height: 100% !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: flex-start !important; gap: 10px !important; padding: 14px 16px !important; border: 1px solid rgba(34, 197, 94, 0.24) !important; background: linear-gradient(145deg, rgba(240, 253, 244, 0.98), rgba(255, 252, 247, 0.92)) !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-order-body span { max-width: 100% !important; margin: 0 !important; padding: 5px 10px !important; border-radius: 999px !important; background: #dcfce7 !important; color: #16a34a !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.28 !important; white-space: normal !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-order-body strong { width: 100% !important; overflow: visible !important; color: #111827 !important; font-size: 21px !important; font-weight: 900 !important; line-height: 1.25 !important; letter-spacing: 0.8px !important; white-space: normal !important; word-break: break-word !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-order-body > p { align-self: center !important; min-height: 58px !important; max-height: none !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 12px 16px !important; border: 1px solid #ffc997 !important; background: rgba(255, 252, 247, 0.94) !important; color: #667085 !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.35 !important; text-align: center !important; white-space: normal !important; word-break: keep-all !important; } @media (max-width: 980px) { body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-order-body { grid-template-columns: 1fr !important; } } /* Reference clone v19: restore dense balance without changing the workbench frame. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell { --v19-page-gap: 14px; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel:not(.workspace-panel-hidden) { height: auto !important; min-height: var(--v17-panel-h) !important; grid-template-rows: auto auto minmax(0, 1fr) !important; gap: var(--v19-page-gap) !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-license-bar { grid-template-columns: 165px 510px 205px 160px !important; justify-content: space-between !important; gap: 10px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-license-bar > .activation-entry-card { grid-template-columns: 102px minmax(0, 1fr) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-license-bar > .referral-reset-btn { grid-template-columns: 34px minmax(0, 1fr) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .referral-reset-btn small { display: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .license-badge.referral-badge, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .referral-reset-btn, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .activation-entry-card { overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .metric-card { height: 94px !important; min-height: 94px !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .metric-card span { font-size: 13px !important; line-height: 1.25 !important; white-space: normal !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-main-grid { min-height: 570px !important; grid-template-rows: minmax(305px, 1fr) minmax(235px, .78fr) !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock:not(.workspace-panel-hidden) { grid-template-columns: minmax(390px, .72fr) minmax(560px, 1.08fr) !important; grid-template-rows: 680px minmax(330px, auto) !important; align-items: stretch !important; gap: 14px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-progress-card { display: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-source-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-result-stack { height: 680px !important; min-height: 680px !important; max-height: 680px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-source-card { overflow: auto !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-result-stack { grid-template-rows: 1fr !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-advantages-card { height: 100% !important; min-height: 0 !important; display: grid !important; grid-template-rows: auto auto minmax(0, 1fr) !important; padding: 20px 22px !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-source-card .analysis-progress { display: grid !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-advantages { min-height: 0 !important; max-height: none !important; overflow: auto !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock #resumeResult { min-height: 330px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-result-layout { min-height: 250px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-questions, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-answer-preview { min-height: 248px !important; color: #263244 !important; font-size: 16px !important; line-height: 1.65 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-questions li { color: #111827 !important; font-size: 16px !important; font-weight: 850 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-answer-preview, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-answer-preview p, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-answer-preview strong { color: #263244 !important; opacity: 1 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-answer-preview strong { color: #111827 !important; font-size: 17px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-answer-preview small { color: #d65a16 !important; opacity: 1 !important; font-size: 13px !important; font-weight: 800 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) { height: calc(100vh - var(--v17-topbar-h) - 34px) !important; min-height: 650px !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-stage { height: 100% !important; min-height: 0 !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-stage .pane { height: 100% !important; min-height: 0 !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .transcript-pane { grid-template-rows: 34px minmax(0, 1fr) 36px 118px 32px !important; gap: 8px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .answer-pane { grid-template-rows: 34px 32px minmax(0, 1fr) 56px 32px !important; gap: 8px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-card { padding: 8px 10px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-grid label, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-answer-mode { min-height: 50px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .voice-wave { height: 36px !important; min-height: 36px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #interviewStartToggleBtn { height: 38px !important; min-height: 38px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .transcript-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-answer-card { min-height: 0 !important; overflow: auto !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .record-row { min-height: 64px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .record-row-main { height: 64px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .record-row-main strong { font-size: 16px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .record-row-main p { font-size: 13px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .record-row-actions button, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .record-detail { font-size: 15px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .record-detail p, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #recordHistoryPanel .record-detail li { font-size: 15px !important; line-height: 1.65 !important; } @media (max-width: 1200px) { body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-license-bar { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } /* Reference clone v20: direct text fixes for generated resume Q&A content. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock #resumePreviewQuestion, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock #resumePreviewAnswer, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-answer-preview p, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-answer-preview small, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-questions li, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-questions li * { opacity: 1 !important; filter: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock #resumePreviewQuestion { color: #111827 !important; font-size: 17px !important; font-weight: 900 !important; line-height: 1.5 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock #resumePreviewAnswer { color: #263244 !important; font-size: 16px !important; font-weight: 650 !important; line-height: 1.68 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-answer-preview small { color: #d65a16 !important; font-size: 13px !important; font-weight: 850 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-source-card .analysis-progress { min-height: 32px !important; align-items: center !important; } /* Reference clone v21: fit the interview screen and refine text/card density. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .metric-grid { gap: 12px !important; align-items: stretch !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .metric-card { height: 108px !important; min-height: 108px !important; padding: 13px 16px !important; overflow: visible !important; align-content: center !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .metric-card p { margin: 0 0 4px !important; font-size: 14px !important; line-height: 1.2 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .metric-card strong { font-size: 22px !important; line-height: 1.16 !important; white-space: nowrap !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .metric-card span { display: block !important; max-height: none !important; overflow: visible !important; white-space: normal !important; font-size: 13px !important; line-height: 1.35 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-questions, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-questions li, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-questions li * { font-size: 17px !important; line-height: 1.62 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock #resumePreviewQuestion { color: #172033 !important; font-size: 16px !important; font-weight: 500 !important; line-height: 1.52 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock #resumePreviewAnswer, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-answer-preview p { color: #344258 !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.72 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock #resumeAdvantages, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock #resumeAdvantages *, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-advantages, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-advantages * { font-size: 16px !important; line-height: 1.7 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) { height: var(--v17-panel-h, calc(100vh - 112px)) !important; min-height: 0 !important; max-height: var(--v17-panel-h, calc(100vh - 112px)) !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-stage { height: 100% !important; min-height: 0 !important; gap: 12px !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-stage .pane { height: 100% !important; min-height: 0 !important; padding: 12px 14px !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .transcript-pane { grid-template-rows: 32px minmax(150px, 1fr) 32px 106px 30px !important; gap: 7px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .answer-pane { grid-template-rows: 32px 30px minmax(210px, 1fr) 50px 30px !important; gap: 7px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .pane-head { min-height: 32px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .pane-head h2 { font-size: 18px !important; line-height: 1.25 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .transcript-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-answer-card { min-height: 0 !important; overflow: auto !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .voice-wave { height: 32px !important; min-height: 32px !important; padding: 0 10px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-card { padding: 6px 8px !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-grid { gap: 6px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-grid label, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-answer-mode { min-height: 44px !important; padding: 5px 8px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-grid select, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-answer-mode select { min-height: 32px !important; height: 32px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #interviewStartToggleBtn { height: 36px !important; min-height: 36px !important; margin-top: 5px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .pane-foot { min-height: 30px !important; } /* Reference clone v21.1: tighten exact areas called out in the latest review. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .metric-card { height: auto !important; min-height: 104px !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .metric-card::before { width: 50px !important; height: 50px !important; border-radius: 15px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .metric-card span { margin-top: 4px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-insight-strip b, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock .resume-insight-strip small { font-size: 16px !important; line-height: 1.55 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock #resumeAdvantages li p { font-size: 16px !important; font-weight: 850 !important; line-height: 1.55 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock #resumeAdvantages li span { font-size: 16px !important; font-weight: 400 !important; line-height: 1.75 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .transcript-pane { grid-template-rows: 30px minmax(138px, 1fr) 30px 98px 28px !important; gap: 6px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .answer-pane { grid-template-rows: 30px 28px minmax(200px, 1fr) 46px 28px !important; gap: 6px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-card { display: grid !important; grid-template-rows: minmax(0, 1fr) 34px !important; gap: 5px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-grid label { min-height: 38px !important; gap: 3px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #interviewStartToggleBtn { height: 34px !important; min-height: 34px !important; margin-top: 0 !important; } /* Reference clone v22: compact and align the eight overview cards. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel:not(.workspace-panel-hidden) { grid-template-rows: 58px 88px minmax(0, 1fr) !important; gap: 10px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-license-bar, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .metric-grid { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 10px !important; width: 100% !important; margin: 0 !important; align-items: stretch !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-license-bar > .license-current, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-license-bar > .activation-entry-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-license-bar > .referral-reset-btn, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-license-bar > .license-badge.referral-badge { width: 100% !important; min-width: 0 !important; height: 58px !important; min-height: 58px !important; max-height: 58px !important; padding: 8px 14px !important; border-radius: 14px !important; overflow: hidden !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-license-bar > .license-current { grid-template-columns: 34px minmax(0, 1fr) !important; gap: 9px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .license-ok-icon, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .referral-reset-btn span { width: 34px !important; height: 34px !important; min-width: 34px !important; border-radius: 11px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .license-current p, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .license-current small, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .referral-reset-btn b, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .license-badge.referral-badge span, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .license-badge.referral-badge strong { max-width: 100% !important; min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .license-current p, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .referral-reset-btn b, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .license-badge.referral-badge span { font-size: 14px !important; line-height: 1.15 !important; font-weight: 900 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .license-current small, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .license-current small b { font-size: 12px !important; line-height: 1.2 !important; font-weight: 700 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .activation-entry-card { grid-template-columns: minmax(0, 1fr) !important; padding: 7px 10px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .activation-entry-card > div { display: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .activation-panel { width: 100% !important; height: 44px !important; min-height: 44px !important; grid-template-columns: 18px minmax(0, 1fr) 58px !important; gap: 7px !important; padding: 5px 6px 5px 10px !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .activation-panel input { min-width: 0 !important; height: 32px !important; font-size: 14px !important; overflow: hidden !important; text-overflow: ellipsis !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .activation-panel button { width: 58px !important; height: 32px !important; min-height: 32px !important; font-size: 13px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .referral-reset-btn { grid-template-columns: 34px minmax(0, 1fr) !important; gap: 9px !important; text-align: left !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .referral-reset-btn small { display: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .license-badge.referral-badge { display: grid !important; align-content: center !important; gap: 4px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .license-badge.referral-badge strong { font-size: 20px !important; line-height: 1.08 !important; letter-spacing: 1px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .metric-card { width: 100% !important; height: 88px !important; min-height: 88px !important; max-height: 88px !important; grid-template-columns: 46px minmax(0, 1fr) !important; grid-template-rows: auto auto auto !important; column-gap: 12px !important; padding: 11px 14px !important; align-items: center !important; align-content: center !important; overflow: hidden !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .metric-card::before { width: 42px !important; height: 42px !important; min-width: 42px !important; border-radius: 13px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .metric-card p, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .metric-card strong, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .metric-card span { min-width: 0 !important; max-width: 100% !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .metric-card p { margin: 0 0 3px !important; font-size: 13px !important; line-height: 1.15 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .metric-card strong { font-size: 24px !important; line-height: 1.08 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .metric-card span { margin-top: 3px !important; font-size: 12px !important; line-height: 1.25 !important; } /* Reference clone v23: make the interview workspace fill one screen without crushed controls. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-content.interview-panel-active, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-content-inner.interview-panel-active { height: 100% !important; min-height: 0 !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) { height: 100% !important; min-height: 0 !important; max-height: 100% !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .interview-stage { height: 100% !important; min-height: 0 !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; align-items: stretch !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .pane { height: 100% !important; min-height: 0 !important; padding: 14px 16px !important; overflow: hidden !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .transcript-pane { grid-template-rows: 34px minmax(0, 1fr) 38px 138px 32px !important; gap: 8px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .answer-pane { grid-template-rows: 34px 32px minmax(0, 1fr) 54px 32px !important; gap: 8px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .pane-head { min-height: 34px !important; height: 34px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .pane-title-inline, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .text-card-head, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .interview-context-strip, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .pane-foot { min-width: 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .pane-head h2 { margin: 0 !important; font-size: 18px !important; line-height: 1.25 !important; white-space: nowrap !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .listen-badge, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .answer-mode-label { min-width: max-content !important; max-width: 220px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .transcript-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .workspace-answer-card { height: 100% !important; min-height: 0 !important; overflow: auto !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .voice-wave { height: 38px !important; min-height: 38px !important; padding: 0 12px !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .interview-control-card { height: 138px !important; min-height: 138px !important; display: grid !important; grid-template-rows: 74px 40px !important; gap: 8px !important; padding: 8px 10px !important; overflow: hidden !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .interview-control-grid { height: 74px !important; min-height: 0 !important; display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; align-items: stretch !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .interview-control-grid label { height: 74px !important; min-height: 74px !important; display: grid !important; grid-template-rows: 18px 36px !important; align-content: center !important; gap: 6px !important; padding: 8px 10px !important; overflow: hidden !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .interview-control-grid label > span, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .workspace-answer-mode > span { min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; font-size: 13px !important; line-height: 18px !important; font-weight: 800 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .mic-slider-row { min-width: 0 !important; height: 36px !important; display: grid !important; grid-template-columns: 34px minmax(0, 1fr) 42px 44px !important; gap: 6px !important; align-items: center !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .mic-slider-row small, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .mic-slider-row output { margin: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; font-size: 12px !important; line-height: 1 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .interview-control-grid select, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .workspace-answer-mode select { width: 100% !important; min-width: 0 !important; height: 36px !important; min-height: 36px !important; padding: 0 28px 0 12px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; font-size: 14px !important; line-height: 36px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) #interviewStartToggleBtn { height: 40px !important; min-height: 40px !important; margin: 0 !important; font-size: 15px !important; line-height: 40px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .workspace-answer-mode { height: 54px !important; min-height: 54px !important; display: grid !important; grid-template-rows: 16px 32px !important; gap: 4px !important; padding: 6px 12px !important; overflow: hidden !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .workspace-answer-mode select { height: 32px !important; min-height: 32px !important; line-height: 32px !important; } /* Reference clone v26 final: keep start-interview labels visible after all older overrides. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .transcript-pane { grid-template-rows: 32px minmax(0, 1fr) 32px 150px 42px !important; gap: 6px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .answer-pane { grid-template-rows: 32px 30px minmax(0, 1fr) 74px 42px !important; gap: 6px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .interview-control-card { height: 150px !important; min-height: 150px !important; grid-template-rows: 82px 40px !important; gap: 8px !important; padding: 8px 10px !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .interview-control-grid { height: 82px !important; min-height: 82px !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .interview-control-grid label { height: 82px !important; min-height: 82px !important; grid-template-rows: 20px 34px !important; gap: 6px !important; padding: 9px 10px !important; align-content: start !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .interview-control-grid label > span, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .workspace-answer-mode > span { height: 20px !important; min-height: 20px !important; line-height: 20px !important; padding: 0 !important; margin: 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .mic-slider-row { height: 34px !important; min-height: 34px !important; align-self: start !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .interview-control-grid select { height: 34px !important; min-height: 34px !important; line-height: 34px !important; align-self: start !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .workspace-answer-mode { height: 74px !important; min-height: 74px !important; grid-template-rows: 20px 34px !important; gap: 6px !important; padding: 7px 12px !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .workspace-answer-mode select { height: 34px !important; min-height: 34px !important; line-height: 34px !important; } /* Reference clone v27: compact role analysis so the page fits in one screen. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-content:has(#roleAnalysisPanel:not(.workspace-panel-hidden)) { overflow: hidden !important; padding: 14px 20px 16px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) { height: var(--v17-panel-h) !important; min-height: 0 !important; max-height: var(--v17-panel-h) !important; display: grid !important; grid-template-columns: minmax(360px, 0.62fr) minmax(0, 1fr) !important; gap: 14px !important; align-items: stretch !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-section-intro { display: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-input-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-result-card { height: 100% !important; min-height: 0 !important; max-height: 100% !important; padding: 18px 20px !important; overflow: hidden !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-input-card { display: grid !important; grid-template-rows: auto auto 68px minmax(138px, 0.58fr) 50px auto 36px 42px 18px !important; gap: 9px !important; align-content: stretch !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-input-card .eyebrow, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-input-card h2, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-file-note { margin: 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-input-card h2 { font-size: 19px !important; line-height: 1.2 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-input-card > label { min-height: 0 !important; gap: 6px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-input-card input { height: 42px !important; min-height: 42px !important; padding: 0 14px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-input-card textarea { height: 100% !important; min-height: 138px !important; max-height: 170px !important; padding: 12px 14px !important; resize: none !important; overflow: auto !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-file-picker { min-height: 50px !important; height: 50px !important; margin-top: 0 !important; padding: 0 16px !important; align-items: center !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-file-note { font-size: 12px !important; line-height: 1.25 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-cost-note { min-height: 0 !important; height: 36px !important; padding: 8px 12px !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-actions { margin-top: 0 !important; display: grid !important; grid-template-columns: minmax(0, 1fr) 82px !important; gap: 10px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-actions button { height: 42px !important; min-height: 42px !important; padding: 0 14px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel #roleAnalysisProgress { height: 18px !important; min-height: 18px !important; margin: 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-result-card { display: grid !important; grid-template-rows: 190px minmax(0, 1fr) !important; gap: 12px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-result-head, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-score-panel, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-practice-note { display: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-role-preview-grid { height: 190px !important; min-height: 190px !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; margin: 0 !important; } /* Reference clone v37: loosen the resume source card so controls never overlap. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock .resume-source-card { display: grid !important; grid-template-rows: auto auto auto 54px 94px 78px 28px 42px 16px !important; gap: 7px !important; padding: 14px 18px !important; align-content: start !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock .resume-source-card .eyebrow { line-height: 1.1 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock .resume-source-card h2 { margin: 0 !important; line-height: 1.16 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock .resume-source-card > p:not(.eyebrow) { margin: 0 !important; line-height: 1.32 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock .resume-target-role { display: grid !important; grid-template-rows: 16px 34px !important; gap: 4px !important; min-height: 54px !important; margin: 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock .resume-target-role input { height: 34px !important; min-height: 34px !important; line-height: 34px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock .file-picker { min-height: 94px !important; height: 94px !important; padding: 8px 10px !important; margin: 0 !important; align-content: center !important; gap: 3px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock .upload-cloud { width: 48px !important; height: 34px !important; margin: 0 auto 4px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock .file-picker b { line-height: 1.2 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock .file-picker small { line-height: 1.2 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock .resume-extra-requirement { display: grid !important; grid-template-rows: 16px 54px !important; gap: 4px !important; min-height: 78px !important; margin: 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock .resume-extra-requirement textarea { height: 54px !important; min-height: 54px !important; max-height: 54px !important; padding: 8px 18px !important; overflow: hidden !important; resize: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock .resume-extra-requirement small { right: 12px !important; bottom: 6px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock .resume-file-summary { min-height: 28px !important; height: 28px !important; padding: 4px 10px !important; gap: 8px !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock .resume-file-summary iconify-icon { width: 16px !important; min-width: 16px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock .resume-file-summary b, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock .resume-file-summary small { display: block !important; max-width: 100% !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; line-height: 1.15 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock .resume-buttons { display: grid !important; grid-template-columns: minmax(0, 1fr) 86px !important; gap: 10px !important; height: 42px !important; margin: 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock .resume-buttons button { height: 42px !important; min-height: 42px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock .resume-source-card .analysis-progress { height: 16px !important; min-height: 16px !important; margin: 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock .resume-safe-note { display: none !important; } /* Reference clone v38: remove the selected-file row from the compact source card to prevent crowding. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock .resume-source-card { grid-template-rows: auto auto auto 54px 98px 84px 42px 18px !important; gap: 8px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock .resume-file-summary { display: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock .file-picker { height: 98px !important; min-height: 98px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock .resume-extra-requirement { min-height: 84px !important; grid-template-rows: 16px 60px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock .resume-extra-requirement textarea { height: 60px !important; min-height: 60px !important; max-height: 60px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-requirement-list, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-radar-card { height: 190px !important; min-height: 190px !important; padding: 16px 18px !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-requirement-list h3, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-radar-card h3 { margin: 0 0 10px !important; font-size: 18px !important; line-height: 1.2 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-requirement-list p { min-height: 0 !important; margin: 0 0 7px !important; gap: 10px !important; font-size: 13px !important; line-height: 1.25 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-requirement-list b { min-width: 38px !important; height: 24px !important; line-height: 24px !important; font-size: 12px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-radar { height: 142px !important; min-height: 142px !important; margin-top: 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-radar svg { width: 186px !important; height: 136px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-radar span { font-size: 12px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-result-grid { min-height: 0 !important; height: 100% !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-template-rows: minmax(0, 1fr) minmax(0, 0.82fr) !important; gap: 12px !important; margin-top: 0 !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-info-block { min-height: 0 !important; height: 100% !important; padding: 14px 16px !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-info-block:nth-child(3) { grid-column: 1 / -1 !important; min-height: 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-info-block h3 { margin: 0 0 8px !important; font-size: 17px !important; line-height: 1.2 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-info-block ul { margin: 0 !important; padding-left: 18px !important; font-size: 13px !important; line-height: 1.4 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-info-block li { margin-bottom: 3px !important; font-size: 13px !important; line-height: 1.38 !important; } /* Reference clone v44 true final: full-width microphone gain slider visual. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-card .mic-slider-row, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .trial-controls-card .mic-slider-row { position: relative !important; display: block !important; width: 100% !important; min-width: 0 !important; height: 36px !important; min-height: 36px !important; padding: 0 16px !important; overflow: hidden !important; pointer-events: auto !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-card .mic-slider-row::before, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .trial-controls-card .mic-slider-row::before { content: "" !important; position: absolute !important; left: 16px !important; right: 16px !important; top: 50% !important; height: 6px !important; border-radius: 999px !important; background: linear-gradient(90deg, var(--orange) 0 var(--gain-percent, 47%), var(--border) var(--gain-percent, 47%) 100%) !important; transform: translateY(-50%) !important; pointer-events: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-card .mic-slider-row::after, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .trial-controls-card .mic-slider-row::after { content: "" !important; position: absolute !important; left: calc(16px + (100% - 32px) * var(--gain-ratio, .47)) !important; top: 50% !important; width: 18px !important; height: 18px !important; border: 3px solid #fff !important; border-radius: 999px !important; background: var(--orange) !important; box-shadow: 0 4px 10px rgba(234, 88, 12, .28) !important; transform: translate(-50%, -50%) !important; pointer-events: none !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-card .mic-slider-row small, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .trial-controls-card .mic-slider-row small, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-card .mic-slider-row output, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .trial-controls-card .mic-slider-row output { display: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-card .mic-slider-row input[type="range"], body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .trial-controls-card .mic-slider-row input[type="range"] { position: absolute !important; z-index: 5 !important; inset: 0 !important; display: block !important; width: 100% !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; opacity: 0 !important; cursor: pointer !important; pointer-events: auto !important; touch-action: pan-x !important; appearance: none !important; background: transparent !important; } /* Reference clone v43 final override: full-width custom microphone gain slider. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-card .mic-slider-row, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .trial-controls-card .mic-slider-row { position: relative !important; display: block !important; width: 100% !important; min-width: 0 !important; height: 36px !important; min-height: 36px !important; padding: 0 16px !important; overflow: hidden !important; pointer-events: auto !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-card .mic-slider-row::before, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .trial-controls-card .mic-slider-row::before { content: "" !important; position: absolute !important; left: 16px !important; right: 16px !important; top: 50% !important; height: 6px !important; border-radius: 999px !important; background: linear-gradient(90deg, var(--orange) 0 var(--gain-percent, 47%), var(--border) var(--gain-percent, 47%) 100%) !important; transform: translateY(-50%) !important; pointer-events: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-card .mic-slider-row::after, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .trial-controls-card .mic-slider-row::after { content: "" !important; position: absolute !important; left: calc(16px + (100% - 32px) * var(--gain-ratio, .47)) !important; top: 50% !important; width: 18px !important; height: 18px !important; border: 3px solid #fff !important; border-radius: 999px !important; background: var(--orange) !important; box-shadow: 0 4px 10px rgba(234, 88, 12, .28) !important; transform: translate(-50%, -50%) !important; pointer-events: none !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-card .mic-slider-row small, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .trial-controls-card .mic-slider-row small, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-card .mic-slider-row output, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .trial-controls-card .mic-slider-row output { display: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-card .mic-slider-row input[type="range"], body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .trial-controls-card .mic-slider-row input[type="range"] { position: absolute !important; z-index: 5 !important; inset: 0 !important; display: block !important; width: 100% !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; opacity: 0 !important; cursor: pointer !important; pointer-events: auto !important; touch-action: pan-x !important; appearance: none !important; background: transparent !important; } /* Reference clone v39: restore a usable hit area for the microphone gain slider. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-card .mic-slider-row, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .trial-controls-card .mic-slider-row { position: relative !important; min-height: 36px !important; height: 36px !important; overflow: visible !important; pointer-events: auto !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-card .mic-slider-row input[type="range"], body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .trial-controls-card .mic-slider-row input[type="range"] { position: relative !important; z-index: 3 !important; display: block !important; min-width: 74px !important; width: 100% !important; height: 24px !important; min-height: 24px !important; margin: 0 !important; padding: 0 !important; cursor: pointer !important; pointer-events: auto !important; touch-action: pan-x !important; appearance: none !important; background: transparent !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-card .mic-slider-row input[type="range"]::-webkit-slider-runnable-track, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .trial-controls-card .mic-slider-row input[type="range"]::-webkit-slider-runnable-track { height: 6px !important; border: 0 !important; border-radius: 999px !important; background: linear-gradient(90deg, var(--orange) 0 var(--gain-percent, 47%), var(--border) var(--gain-percent, 47%) 100%) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-card .mic-slider-row input[type="range"]::-webkit-slider-thumb, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .trial-controls-card .mic-slider-row input[type="range"]::-webkit-slider-thumb { width: 18px !important; height: 18px !important; margin-top: -6px !important; border: 3px solid #fff !important; border-radius: 999px !important; background: var(--orange) !important; box-shadow: 0 4px 10px rgba(234, 88, 12, .28) !important; appearance: none !important; cursor: pointer !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-card .mic-slider-row input[type="range"]::-moz-range-track, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .trial-controls-card .mic-slider-row input[type="range"]::-moz-range-track { height: 6px !important; border: 0 !important; border-radius: 999px !important; background: linear-gradient(90deg, var(--orange) 0 var(--gain-percent, 47%), var(--border) var(--gain-percent, 47%) 100%) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-card .mic-slider-row input[type="range"]::-moz-range-thumb, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .trial-controls-card .mic-slider-row input[type="range"]::-moz-range-thumb { width: 18px !important; height: 18px !important; border: 3px solid #fff !important; border-radius: 999px !important; background: var(--orange) !important; box-shadow: 0 4px 10px rgba(234, 88, 12, .28) !important; cursor: pointer !important; } /* Reference clone v40: keep the microphone slider labels clear of the track. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-card .mic-slider-row, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .trial-controls-card .mic-slider-row { grid-template-columns: 32px minmax(0, 1fr) 38px !important; gap: 7px !important; padding: 0 10px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-card .mic-slider-row small, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .trial-controls-card .mic-slider-row small { position: relative !important; z-index: 4 !important; display: block !important; min-width: 0 !important; width: auto !important; white-space: nowrap !important; line-height: 1 !important; pointer-events: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-card .mic-slider-row small:first-child, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .trial-controls-card .mic-slider-row small:first-child { text-align: left !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-card .mic-slider-row small:nth-of-type(2), body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .trial-controls-card .mic-slider-row small:nth-of-type(2) { text-align: right !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-card .mic-slider-row input[type="range"], body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .trial-controls-card .mic-slider-row input[type="range"] { min-width: 0 !important; max-width: 100% !important; justify-self: stretch !important; } /* Reference clone v41: remove endpoint labels so the gain slider has a clean track. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-card .mic-slider-row, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .trial-controls-card .mic-slider-row { grid-template-columns: minmax(0, 1fr) !important; padding: 0 12px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-card .mic-slider-row small, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .trial-controls-card .mic-slider-row small, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-card .mic-slider-row output, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .trial-controls-card .mic-slider-row output { display: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-card .mic-slider-row input[type="range"], body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .trial-controls-card .mic-slider-row input[type="range"] { grid-column: 1 !important; width: 100% !important; } /* Reference clone v33: let the role JD text area consume the remaining left-card space. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel .role-input-card { grid-template-rows: auto auto 66px minmax(410px, 1fr) 50px auto 30px 42px 8px !important; gap: 8px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel .role-input-card textarea { min-height: 410px !important; max-height: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel #roleAnalysisProgress { height: 8px !important; min-height: 8px !important; overflow: hidden !important; } /* Reference clone v32: final last-mile overrides. Keep this block at EOF. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel#overviewPanel#overviewPanel .overview-license-bar { grid-template-columns: minmax(150px, 0.62fr) minmax(430px, 1.68fr) minmax(168px, 0.64fr) minmax(150px, 0.56fr) !important; gap: 12px !important; align-items: stretch !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel#overviewPanel#overviewPanel .activation-entry-card { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; min-width: 0 !important; padding: 8px 10px !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel#overviewPanel#overviewPanel .activation-entry-card > div { display: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel#overviewPanel#overviewPanel .activation-panel { display: grid !important; grid-template-columns: 22px minmax(210px, 1fr) 62px !important; width: 100% !important; min-width: 0 !important; height: 44px !important; min-height: 44px !important; padding: 4px 6px 4px 10px !important; gap: 8px !important; align-items: center !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel#overviewPanel#overviewPanel .activation-panel input#cardCodeInput { display: block !important; position: static !important; flex: 1 1 auto !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: 34px !important; padding: 0 6px !important; opacity: 1 !important; visibility: visible !important; color: #172033 !important; background: transparent !important; border: 0 !important; clip: auto !important; transform: none !important; pointer-events: auto !important; overflow: hidden !important; text-overflow: ellipsis !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock:not(.workspace-panel-hidden) { grid-template-columns: minmax(380px, 0.74fr) minmax(560px, 1.08fr) !important; grid-template-rows: minmax(0, var(--v17-panel-h)) minmax(360px, auto) !important; gap: 14px !important; height: auto !important; min-height: 100% !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock .resume-source-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock .resume-result-stack { height: var(--v17-panel-h) !important; min-height: 0 !important; max-height: var(--v17-panel-h) !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock .resume-source-card { display: grid !important; grid-template-rows: auto auto 58px minmax(132px, 0.76fr) minmax(88px, 0.52fr) 56px 42px 20px !important; gap: 8px !important; padding: 16px 18px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock .file-picker { height: 100% !important; min-height: 132px !important; padding: 14px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock .resume-extra-requirement textarea { height: 100% !important; min-height: 74px !important; max-height: 88px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock .resume-file-summary { min-height: 56px !important; padding: 10px 12px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock .resume-buttons button { height: 42px !important; min-height: 42px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock .resume-source-card .analysis-progress { height: 20px !important; min-height: 20px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock .resume-safe-note { height: 20px !important; min-height: 20px !important; padding: 0 !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock .resume-advantages-card { height: 100% !important; min-height: 0 !important; padding: 16px 18px !important; grid-template-rows: auto auto minmax(0, 1fr) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock .resume-insight-strip { gap: 10px !important; margin: 12px 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock .resume-insight-strip span { min-height: 78px !important; padding: 14px 16px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock .resume-advantages { min-height: 0 !important; overflow: auto !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock #resumeResult { grid-row: 2 !important; grid-column: 1 / -1 !important; min-height: 360px !important; margin: 0 !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel .role-input-card { grid-template-rows: auto auto 66px minmax(330px, 1fr) 50px auto 34px 42px 16px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel .role-input-card textarea { min-height: 330px !important; max-height: none !important; } /* Reference clone v31: final viewport polish for overview, resume first screen, and role input fill. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel#overviewPanel#overviewPanel .overview-license-bar { grid-template-columns: minmax(150px, 0.62fr) minmax(430px, 1.68fr) minmax(168px, 0.64fr) minmax(150px, 0.56fr) !important; gap: 12px !important; align-items: stretch !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel#overviewPanel#overviewPanel .activation-entry-card { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; min-width: 0 !important; padding: 8px 10px !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel#overviewPanel#overviewPanel .activation-entry-card > div { display: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel#overviewPanel#overviewPanel .activation-panel { display: grid !important; grid-template-columns: 22px minmax(210px, 1fr) 62px !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: 44px !important; min-height: 44px !important; padding: 4px 6px 4px 10px !important; gap: 8px !important; align-items: center !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel#overviewPanel#overviewPanel .activation-panel input#cardCodeInput { display: block !important; position: static !important; flex: 1 1 auto !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: 34px !important; padding: 0 6px !important; opacity: 1 !important; visibility: visible !important; color: #172033 !important; background: transparent !important; border: 0 !important; clip: auto !important; transform: none !important; pointer-events: auto !important; overflow: hidden !important; text-overflow: ellipsis !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock:not(.workspace-panel-hidden) { grid-template-columns: minmax(380px, 0.74fr) minmax(560px, 1.08fr) !important; grid-template-rows: minmax(0, var(--v17-panel-h)) minmax(360px, auto) !important; gap: 14px !important; height: auto !important; min-height: 100% !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock .resume-source-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock .resume-result-stack { height: var(--v17-panel-h) !important; min-height: 0 !important; max-height: var(--v17-panel-h) !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock .resume-source-card { display: grid !important; grid-template-rows: auto auto 58px minmax(132px, 0.76fr) minmax(88px, 0.52fr) 56px 42px 20px !important; gap: 8px !important; padding: 16px 18px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock .resume-source-card > p:not(.eyebrow) { margin: 0 !important; line-height: 1.42 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock .resume-target-role input { height: 42px !important; min-height: 42px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock .file-picker { height: 100% !important; min-height: 132px !important; padding: 14px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock .resume-extra-requirement textarea { height: 100% !important; min-height: 74px !important; max-height: 88px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock .resume-file-summary { min-height: 56px !important; padding: 10px 12px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock .resume-buttons button { height: 42px !important; min-height: 42px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock .resume-source-card .analysis-progress { min-height: 20px !important; height: 20px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock .resume-safe-note { height: 20px !important; min-height: 20px !important; padding: 0 !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock .resume-advantages-card { height: 100% !important; min-height: 0 !important; padding: 16px 18px !important; grid-template-rows: auto auto minmax(0, 1fr) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock .resume-insight-strip { gap: 10px !important; margin: 12px 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock .resume-insight-strip span { min-height: 78px !important; padding: 14px 16px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock .resume-advantages { min-height: 0 !important; overflow: auto !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock #resumeResult { grid-row: 2 !important; grid-column: 1 / -1 !important; min-height: 360px !important; margin: 0 !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel .role-input-card { grid-template-rows: auto auto 66px minmax(330px, 1fr) 50px auto 34px 42px 16px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel .role-input-card textarea { min-height: 330px !important; max-height: none !important; } /* Reference clone v28: use the remaining vertical space on role analysis. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-content:has(#roleAnalysisPanel:not(.workspace-panel-hidden)) { height: 100% !important; overflow: hidden !important; padding: 14px 20px 10px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-content:has(#roleAnalysisPanel:not(.workspace-panel-hidden)) .workspace-content-inner { height: 100% !important; min-height: 0 !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) { height: 100% !important; min-height: 0 !important; max-height: 100% !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-input-card { grid-template-rows: auto auto 68px minmax(220px, 1fr) 50px auto 36px 42px 18px !important; gap: 10px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-input-card textarea { min-height: 220px !important; max-height: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-result-card { grid-template-rows: 248px minmax(0, 1fr) !important; gap: 14px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-role-preview-grid { height: 248px !important; min-height: 248px !important; gap: 14px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-requirement-list, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-radar-card { height: 248px !important; min-height: 248px !important; padding: 18px 20px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-requirement-list p { margin-bottom: 10px !important; font-size: 14px !important; line-height: 1.35 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-radar { height: 190px !important; min-height: 190px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-radar svg { width: 224px !important; height: 174px !important; } /* Reference clone v29: higher-priority fill rules for the role analysis viewport. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) { height: 100% !important; min-height: 0 !important; max-height: 100% !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel .role-input-card { height: 100% !important; min-height: 0 !important; max-height: 100% !important; display: grid !important; grid-template-rows: auto auto 68px minmax(220px, 1fr) 50px auto 36px 42px 18px !important; gap: 10px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel .role-input-card textarea { height: 100% !important; min-height: 220px !important; max-height: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel .role-result-card { height: 100% !important; min-height: 0 !important; max-height: 100% !important; display: grid !important; grid-template-rows: 248px minmax(0, 1fr) !important; gap: 14px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel .client-role-preview-grid { height: 248px !important; min-height: 248px !important; gap: 14px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel .client-requirement-list, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel .client-radar-card { height: 248px !important; min-height: 248px !important; padding: 18px 20px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel .client-requirement-list p { margin-bottom: 10px !important; font-size: 14px !important; line-height: 1.35 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel .client-radar { height: 190px !important; min-height: 190px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel .client-radar svg { width: 224px !important; height: 174px !important; } /* Reference clone v30: restore activation input, make resume first screen complete, and fill role input height. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel#overviewPanel .overview-license-bar { grid-template-columns: minmax(142px, 0.58fr) minmax(500px, 1.86fr) minmax(164px, 0.58fr) minmax(144px, 0.52fr) !important; gap: 10px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel#overviewPanel .activation-entry-card { grid-template-columns: minmax(96px, 118px) minmax(280px, 1fr) !important; min-width: 0 !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel#overviewPanel .activation-panel { width: 100% !important; min-width: 280px !important; grid-template-columns: 18px minmax(168px, 1fr) 60px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel#overviewPanel .activation-panel input#cardCodeInput { display: block !important; width: 100% !important; min-width: 0 !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; text-overflow: ellipsis !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-content:has(#resumeDock:not(.workspace-panel-hidden)) { height: 100% !important; overflow-x: hidden !important; overflow-y: auto !important; padding: 14px 20px 16px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-content:has(#resumeDock:not(.workspace-panel-hidden)) .workspace-content-inner { height: auto !important; min-height: 100% !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock:not(.workspace-panel-hidden) { display: grid !important; grid-template-columns: minmax(390px, 0.72fr) minmax(560px, 1.08fr) !important; grid-template-rows: var(--v17-panel-h) minmax(330px, auto) !important; gap: 14px !important; height: auto !important; min-height: 100% !important; overflow: visible !important; align-items: stretch !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock .client-section-intro, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock .resume-progress-card { display: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock .resume-source-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock .resume-result-stack { grid-row: 1 !important; height: 100% !important; min-height: 0 !important; max-height: var(--v17-panel-h) !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock .resume-source-card { grid-column: 1 !important; padding: 18px 20px !important; display: grid !important; grid-template-rows: auto auto 66px minmax(150px, 0.9fr) minmax(106px, 0.62fr) 72px 46px 22px !important; gap: 10px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock .file-picker { height: 100% !important; min-height: 150px !important; margin-top: 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock .resume-extra-requirement textarea { min-height: 78px !important; max-height: 96px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock .resume-file-summary { min-height: 64px !important; padding: 12px 14px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock .resume-buttons button { height: 42px !important; min-height: 42px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock .resume-result-stack { grid-column: 2 !important; display: block !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock .resume-advantages-card { height: 100% !important; min-height: 0 !important; display: grid !important; grid-template-rows: auto auto minmax(0, 1fr) !important; padding: 18px 20px !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock .resume-insight-strip { gap: 10px !important; margin: 14px 0 14px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock .resume-insight-strip span { min-height: 86px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock .resume-advantages { min-height: 0 !important; max-height: none !important; overflow: auto !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock #resumeResult { grid-column: 1 / -1 !important; grid-row: 2 !important; min-height: 330px !important; height: auto !important; margin: 0 !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel .role-input-card { grid-template-rows: auto auto 68px minmax(285px, 1fr) 50px auto 36px 42px 18px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel .role-input-card textarea { min-height: 285px !important; } /* Reference clone v26: account for border-box padding so labels never get cut off. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .transcript-pane { grid-template-rows: 32px minmax(0, 1fr) 32px 150px 42px !important; gap: 6px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .answer-pane { grid-template-rows: 32px 30px minmax(0, 1fr) 74px 42px !important; gap: 6px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .interview-control-card { height: 150px !important; min-height: 150px !important; grid-template-rows: 82px 40px !important; gap: 8px !important; padding: 8px 10px !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .interview-control-grid { height: 82px !important; min-height: 82px !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .interview-control-grid label { height: 82px !important; min-height: 82px !important; grid-template-rows: 20px 34px !important; gap: 6px !important; padding: 9px 10px !important; align-content: start !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .interview-control-grid label > span, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .workspace-answer-mode > span { height: 20px !important; min-height: 20px !important; line-height: 20px !important; padding: 0 !important; margin: 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .mic-slider-row { height: 34px !important; min-height: 34px !important; align-self: start !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .interview-control-grid select { height: 34px !important; min-height: 34px !important; line-height: 34px !important; align-self: start !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .workspace-answer-mode { height: 74px !important; min-height: 74px !important; grid-template-rows: 20px 34px !important; gap: 6px !important; padding: 7px 12px !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .workspace-answer-mode select { height: 34px !important; min-height: 34px !important; line-height: 34px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .pane-foot { height: 32px !important; min-height: 32px !important; display: flex !important; align-items: center !important; gap: 8px !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .pane-foot button { height: 30px !important; min-height: 30px !important; padding: 0 10px !important; font-size: 12px !important; white-space: nowrap !important; } /* Reference clone v24: keep the interview footer fully visible. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .pane { padding: 12px 16px 10px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .transcript-pane { grid-template-rows: 32px minmax(0, 1fr) 36px 128px 42px !important; gap: 7px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .answer-pane { grid-template-rows: 32px 30px minmax(0, 1fr) 50px 42px !important; gap: 7px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .interview-control-card { height: 128px !important; min-height: 128px !important; grid-template-rows: 68px 38px !important; gap: 7px !important; padding: 8px 10px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .interview-control-grid { height: 68px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .interview-control-grid label { height: 68px !important; min-height: 68px !important; grid-template-rows: 17px 33px !important; gap: 5px !important; padding: 7px 10px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) #interviewStartToggleBtn { height: 38px !important; min-height: 38px !important; line-height: 38px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .voice-wave { height: 36px !important; min-height: 36px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .workspace-answer-mode { height: 50px !important; min-height: 50px !important; grid-template-rows: 15px 29px !important; gap: 3px !important; padding: 5px 12px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .workspace-answer-mode select { height: 29px !important; min-height: 29px !important; line-height: 29px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .pane-foot { height: 42px !important; min-height: 42px !important; padding: 5px 0 0 !important; margin: 0 !important; align-items: flex-start !important; overflow: visible !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .pane-foot .scroll-actions { height: 30px !important; min-height: 30px !important; display: flex !important; align-items: center !important; gap: 8px !important; min-width: 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .pane-foot button { height: 30px !important; min-height: 30px !important; line-height: 30px !important; padding: 0 11px !important; border-radius: 10px !important; box-sizing: border-box !important; } /* Reference clone v25: give interview controls enough label room without clipping the footer. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .transcript-pane { grid-template-rows: 32px minmax(0, 1fr) 34px 146px 42px !important; gap: 6px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .answer-pane { grid-template-rows: 32px 30px minmax(0, 1fr) 64px 42px !important; gap: 6px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .interview-control-card { height: 146px !important; min-height: 146px !important; grid-template-rows: 78px 40px !important; gap: 8px !important; padding: 8px 10px !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .interview-control-grid { height: 78px !important; align-items: stretch !important; gap: 8px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .interview-control-grid label { height: 78px !important; min-height: 78px !important; grid-template-rows: 22px 34px !important; gap: 6px !important; padding: 8px 10px !important; align-content: start !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .interview-control-grid label > span, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .workspace-answer-mode > span { display: block !important; height: 22px !important; min-height: 22px !important; line-height: 22px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .mic-slider-row { height: 34px !important; grid-template-columns: 34px minmax(0, 1fr) 42px 44px !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .interview-control-grid select { height: 34px !important; min-height: 34px !important; line-height: 34px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) #interviewStartToggleBtn { height: 40px !important; min-height: 40px !important; line-height: 40px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .voice-wave { height: 34px !important; min-height: 34px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .workspace-answer-mode { height: 64px !important; min-height: 64px !important; grid-template-rows: 22px 32px !important; gap: 4px !important; padding: 4px 12px !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .workspace-answer-mode select { height: 32px !important; min-height: 32px !important; line-height: 32px !important; } /* Reference clone v26 final-pass: override v25 with border-box-safe control heights. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .transcript-pane { grid-template-rows: 32px minmax(0, 1fr) 32px 150px 42px !important; gap: 6px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .answer-pane { grid-template-rows: 32px 30px minmax(0, 1fr) 74px 42px !important; gap: 6px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .interview-control-card { height: 150px !important; min-height: 150px !important; grid-template-rows: 82px 40px !important; gap: 8px !important; padding: 8px 10px !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .interview-control-grid { height: 82px !important; min-height: 82px !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .interview-control-grid label { height: 82px !important; min-height: 82px !important; grid-template-rows: 20px 34px !important; gap: 6px !important; padding: 9px 10px !important; align-content: start !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .interview-control-grid label > span, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .workspace-answer-mode > span { height: 20px !important; min-height: 20px !important; line-height: 20px !important; padding: 0 !important; margin: 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .mic-slider-row { height: 34px !important; min-height: 34px !important; align-self: start !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .interview-control-grid select { height: 34px !important; min-height: 34px !important; line-height: 34px !important; align-self: start !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .workspace-answer-mode { height: 74px !important; min-height: 74px !important; grid-template-rows: 20px 34px !important; gap: 6px !important; padding: 7px 12px !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) .workspace-answer-mode select { height: 34px !important; min-height: 34px !important; line-height: 34px !important; } /* Reference clone v27 final-pass: compact role analysis so the page fits in one screen. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-content:has(#roleAnalysisPanel:not(.workspace-panel-hidden)) { overflow: hidden !important; padding: 14px 20px 16px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) { height: var(--v17-panel-h) !important; min-height: 0 !important; max-height: var(--v17-panel-h) !important; display: grid !important; grid-template-columns: minmax(360px, 0.62fr) minmax(0, 1fr) !important; gap: 14px !important; align-items: stretch !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-section-intro { display: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-input-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-result-card { height: 100% !important; min-height: 0 !important; max-height: 100% !important; padding: 18px 20px !important; overflow: hidden !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-input-card { display: grid !important; grid-template-rows: auto auto 68px minmax(138px, 0.58fr) 50px auto 36px 42px 18px !important; gap: 9px !important; align-content: stretch !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-input-card .eyebrow, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-input-card h2, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-file-note { margin: 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-input-card h2 { font-size: 19px !important; line-height: 1.2 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-input-card > label { min-height: 0 !important; gap: 6px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-input-card input { height: 42px !important; min-height: 42px !important; padding: 0 14px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-input-card textarea { height: 100% !important; min-height: 138px !important; max-height: 170px !important; padding: 12px 14px !important; resize: none !important; overflow: auto !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-file-picker { min-height: 50px !important; height: 50px !important; margin-top: 0 !important; padding: 0 16px !important; align-items: center !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-file-note { font-size: 12px !important; line-height: 1.25 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-cost-note { min-height: 0 !important; height: 36px !important; padding: 8px 12px !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-actions { margin-top: 0 !important; display: grid !important; grid-template-columns: minmax(0, 1fr) 82px !important; gap: 10px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-actions button { height: 42px !important; min-height: 42px !important; padding: 0 14px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel #roleAnalysisProgress { height: 18px !important; min-height: 18px !important; margin: 0 !important; } /* Reference clone v35 final: keep role action buttons visible while letting the JD box flex. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel .role-input-card { grid-template-rows: auto auto 66px minmax(clamp(300px, calc(var(--v17-panel-h) - 310px), 440px), 1fr) 50px auto 30px 42px 8px !important; gap: 8px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel .role-input-card textarea { min-height: clamp(300px, calc(var(--v17-panel-h) - 310px), 440px) !important; max-height: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel #roleAnalysisProgress { height: 8px !important; min-height: 8px !important; overflow: hidden !important; } /* Reference clone v36: restore resume actions, remove summary cards, and tighten data simulation fields. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock .resume-source-card { grid-template-rows: auto auto auto 52px minmax(96px, 0.52fr) minmax(58px, 0.34fr) 48px 42px 16px 18px !important; gap: 6px !important; padding: 14px 18px !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock .resume-source-card > p:not(.eyebrow) { margin: 0 !important; line-height: 1.36 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock .resume-target-role input { height: 38px !important; min-height: 38px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock .file-picker { min-height: 96px !important; height: 100% !important; padding: 10px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock .upload-cloud { width: 52px !important; height: 42px !important; margin-bottom: 6px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock .resume-extra-requirement textarea { min-height: 48px !important; max-height: 58px !important; height: 100% !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock .resume-file-summary { min-height: 48px !important; padding: 8px 12px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock .resume-buttons { display: grid !important; grid-template-columns: minmax(0, 1fr) 82px !important; gap: 10px !important; margin: 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock .resume-buttons button { height: 42px !important; min-height: 42px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock .resume-source-card .analysis-progress { height: 16px !important; min-height: 16px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock .resume-safe-note { height: 18px !important; min-height: 18px !important; padding: 0 !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock .resume-insight-strip { display: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock .resume-advantages-card { grid-template-rows: auto minmax(0, 1fr) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-form { gap: 8px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-form-layout { grid-template-columns: minmax(0, 1fr) minmax(260px, 0.32fr) !important; gap: 10px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-grid, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-grid.compact, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #sbjlForm .data-sim-grid.compact, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #gsForm .data-sim-grid.compact { grid-template-columns: repeat(5, minmax(118px, 1fr)) !important; gap: 6px 8px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-grid label { min-height: 40px !important; padding: 6px 8px !important; gap: 4px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-grid label > span, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-type-head, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .sbjl-section-bar, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .sbjl-experience legend { font-size: 12px !important; line-height: 1.25 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-grid input, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-grid select, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-grid textarea, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-range-inputs input { height: 28px !important; min-height: 28px !important; padding: 0 8px !important; font-size: 13px !important; line-height: 28px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-grid textarea { min-height: 30px !important; max-height: 38px !important; line-height: 1.35 !important; padding-top: 6px !important; resize: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-grid label.wide, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-range-field, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .sbjl-unit-field, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .sbjl-remark-field, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel [class*="-unit-field"], body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel [class*="-id-field"] { grid-column: span 2 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #yhlsForm .data-sim-grid label:has(#yhlsSalaryDates), body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #yhlsForm .data-sim-grid label:has(#yhlsCustomTypes), body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #yhlsForm .data-sim-grid label:has(#yhlsDebitTypes) { grid-column: span 2 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-asset-panel { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-asset-btn { min-height: 42px !important; padding: 6px 8px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-result-card { display: grid !important; grid-template-rows: 190px minmax(0, 1fr) !important; gap: 12px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-result-head, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-score-panel, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-practice-note { display: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-role-preview-grid { height: 190px !important; min-height: 190px !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; margin: 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-requirement-list, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-radar-card { height: 190px !important; min-height: 190px !important; padding: 16px 18px !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-requirement-list h3, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-radar-card h3 { margin: 0 0 10px !important; font-size: 18px !important; line-height: 1.2 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-requirement-list p { min-height: 0 !important; margin: 0 0 7px !important; gap: 10px !important; font-size: 13px !important; line-height: 1.25 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-requirement-list b { min-width: 38px !important; height: 24px !important; line-height: 24px !important; font-size: 12px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-radar { height: 142px !important; min-height: 142px !important; margin-top: 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-radar svg { width: 186px !important; height: 136px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-radar span { font-size: 12px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-result-grid { min-height: 0 !important; height: 100% !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-template-rows: minmax(0, 1fr) minmax(0, 0.82fr) !important; gap: 12px !important; margin-top: 0 !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-info-block { min-height: 0 !important; height: 100% !important; padding: 14px 16px !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-info-block:nth-child(3) { grid-column: 1 / -1 !important; min-height: 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-info-block h3 { margin: 0 0 8px !important; font-size: 17px !important; line-height: 1.2 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-info-block ul { margin: 0 !important; padding-left: 18px !important; font-size: 13px !important; line-height: 1.4 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-info-block li { margin-bottom: 3px !important; font-size: 13px !important; line-height: 1.38 !important; } /* Reference clone v44 true EOF: full-width microphone gain slider visual. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-card .mic-slider-row, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .trial-controls-card .mic-slider-row { position: relative !important; display: block !important; width: 100% !important; min-width: 0 !important; height: 36px !important; min-height: 36px !important; padding: 0 16px !important; overflow: hidden !important; pointer-events: auto !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-card .mic-slider-row::before, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .trial-controls-card .mic-slider-row::before { content: "" !important; position: absolute !important; left: 16px !important; right: 16px !important; top: 50% !important; height: 6px !important; border-radius: 999px !important; background: linear-gradient(90deg, var(--orange) 0 var(--gain-percent, 47%), var(--border) var(--gain-percent, 47%) 100%) !important; transform: translateY(-50%) !important; pointer-events: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-card .mic-slider-row::after, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .trial-controls-card .mic-slider-row::after { content: "" !important; position: absolute !important; left: calc(16px + (100% - 32px) * var(--gain-ratio, .47)) !important; top: 50% !important; width: 18px !important; height: 18px !important; border: 3px solid #fff !important; border-radius: 999px !important; background: var(--orange) !important; box-shadow: 0 4px 10px rgba(234, 88, 12, .28) !important; transform: translate(-50%, -50%) !important; pointer-events: none !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-card .mic-slider-row small, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .trial-controls-card .mic-slider-row small, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-card .mic-slider-row output, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .trial-controls-card .mic-slider-row output { display: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-card .mic-slider-row input[type="range"], body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .trial-controls-card .mic-slider-row input[type="range"] { position: absolute !important; z-index: 5 !important; inset: 0 !important; display: block !important; width: 100% !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; opacity: 0 !important; cursor: pointer !important; pointer-events: auto !important; touch-action: pan-x !important; appearance: none !important; background: transparent !important; } /* Reference clone v46 true EOF: show the live microphone gain percentage. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-card .mic-slider-row, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .trial-controls-card .mic-slider-row { height: 42px !important; min-height: 42px !important; padding: 0 16px !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-card .mic-slider-row::before, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .trial-controls-card .mic-slider-row::before, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-card .mic-slider-row::after, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .trial-controls-card .mic-slider-row::after { top: 29px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-card .mic-slider-row small, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .trial-controls-card .mic-slider-row small { display: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .interview-control-card .mic-slider-row output, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .trial-controls-card .mic-slider-row output { position: absolute !important; z-index: 4 !important; left: clamp(24px, calc(16px + (100% - 32px) * var(--gain-ratio, .47)), calc(100% - 24px)) !important; top: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 48px !important; height: 22px !important; padding: 0 !important; border: 1px solid rgba(249, 115, 22, .34) !important; border-radius: 999px !important; background: #fff7ed !important; color: var(--orange) !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1 !important; white-space: nowrap !important; box-shadow: 0 5px 12px rgba(249, 115, 22, .12) !important; transform: translateX(-50%) !important; pointer-events: none !important; } /* Reference clone v49 true EOF: final data simulation sizing pass. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel:not(.workspace-panel-hidden) { height: 100% !important; min-height: 0 !important; display: grid !important; grid-template-rows: 44px minmax(0, 1fr) !important; gap: 12px !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-tabs { width: max-content !important; max-width: 100% !important; height: 44px !important; min-height: 44px !important; margin: 0 !important; padding: 4px !important; display: inline-grid !important; grid-auto-flow: column !important; grid-auto-columns: max-content !important; align-items: center !important; gap: 4px !important; border: 1px solid #fed7aa !important; border-radius: 14px !important; background: #fff7ed !important; box-shadow: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-tabs button { height: 34px !important; min-height: 34px !important; padding: 0 22px !important; border-radius: 10px !important; font-size: 14px !important; font-weight: 800 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-workspace { min-height: 0 !important; height: 100% !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-form { height: 100% !important; max-height: 100% !important; min-height: 0 !important; overflow: auto !important; padding: 14px 16px !important; gap: 10px !important; border-radius: 16px !important; background: #fffdfa !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-form-layout { display: grid !important; grid-template-columns: minmax(0, 1fr) 300px !important; gap: 12px !important; align-items: start !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-form-fields, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .sbjl-form-body, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .sbjl-experience-list { display: flex !important; flex-direction: column !important; gap: 9px !important; min-width: 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-grid, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-grid.compact, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #sbjlForm .data-sim-grid.compact, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #gsForm .data-sim-grid.compact { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(144px, 176px)) !important; justify-content: start !important; align-items: start !important; gap: 8px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-grid label, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #sbjlForm .data-sim-grid.compact > label, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #gsForm .data-sim-grid.compact > label { grid-column: auto !important; width: 100% !important; max-width: 176px !important; min-width: 0 !important; min-height: 54px !important; padding: 8px 9px !important; gap: 5px !important; border: 1px solid #fed7aa !important; border-radius: 12px !important; background: #fffaf5 !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-grid label.wide, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-range-field, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #yhlsForm .data-sim-grid label:has(#yhlsCounterpartyName), body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #yhlsForm .data-sim-grid label:has(#yhlsCcbManualCounterparty), body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #yhlsForm .data-sim-grid label:has(#yhlsCmbIncomingCounterparty), body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #sbjlForm [class*="-unit-field"], body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #sbjlForm [class*="-id-field"], body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #gsForm .gs-company-field, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #gsForm .gs-subcategory-field { grid-column: span 2 !important; max-width: 360px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #yhlsForm .data-sim-grid label:has(#yhlsSalaryDates), body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #yhlsForm .data-sim-grid label:has(#yhlsCustomTypes), body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel #yhlsForm .data-sim-grid label:has(#yhlsDebitTypes) { grid-column: span 2 !important; max-width: 360px !important; min-height: 72px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-grid label > span, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-type-head, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .sbjl-section-bar, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .sbjl-experience legend { color: #334155 !important; font-size: 12px !important; line-height: 1.25 !important; font-weight: 800 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-grid input, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-grid select, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-grid textarea, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-range-inputs input { width: 100% !important; min-width: 0 !important; height: 30px !important; min-height: 30px !important; padding: 0 8px !important; border-radius: 9px !important; font-size: 13px !important; line-height: 30px !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-grid textarea { min-height: 48px !important; max-height: 64px !important; padding: 7px 8px !important; line-height: 1.4 !important; resize: vertical !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-range-inputs { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 7px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-asset-panel { width: max-content !important; max-width: 100% !important; display: grid !important; grid-template-columns: repeat(3, 120px) !important; justify-content: start !important; gap: 8px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-type-block { position: sticky !important; top: 0 !important; align-self: start !important; width: 100% !important; max-width: 300px !important; padding: 10px !important; border: 1px solid #fed7aa !important; border-radius: 14px !important; background: #fffaf5 !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-type-grid { display: grid !important; grid-template-columns: 1fr !important; gap: 6px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .yhls-type-row { display: grid !important; grid-template-columns: 18px minmax(0, 1fr) 52px !important; align-items: center !important; min-height: 32px !important; padding: 5px 7px !important; gap: 6px !important; border: 1px solid #ffedd5 !important; border-radius: 10px !important; background: #fff !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .yhls-type-row span { min-width: 0 !important; display: contents !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .yhls-type-row b { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; font-size: 13px !important; line-height: 1.2 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .yhls-type-row input[type="checkbox"] { width: 14px !important; height: 14px !important; margin: 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .yhls-type-row input[type="number"] { width: 52px !important; height: 26px !important; min-height: 26px !important; padding: 0 5px !important; border-radius: 8px !important; font-size: 12px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .sbjl-section-bar { min-height: 34px !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; border-bottom: 1px solid #ffedd5 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .sbjl-experience { min-width: 0 !important; padding: 10px !important; border: 1px solid #fed7aa !important; border-radius: 14px !important; background: #fffdfa !important; box-shadow: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-actions { margin-top: 0 !important; padding-top: 4px !important; display: flex !important; justify-content: flex-end !important; gap: 10px !important; border-top: 1px solid #ffedd5 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-actions .primary, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-actions .secondary, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .sbjl-section-bar .secondary { min-height: 34px !important; padding: 0 14px !important; border-radius: 10px !important; font-size: 13px !important; } @media (max-width: 1180px) { body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-form-layout { grid-template-columns: minmax(0, 1fr) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-type-block { position: static !important; max-width: 100% !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-type-grid { grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)) !important; } } /* Reference clone v50 final EOF: keep bank/province/tax variants separated. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .hidden, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel [hidden], body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel [data-yhls-bank-fields].hidden, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel [data-data-sim-panel].hidden, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .sbjl-form-body.hidden, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-grid.hidden, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-asset-panel.hidden, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel#dataSimPanel .data-sim-empty.hidden { display: none !important; } /* Reference clone v51 final EOF: distinct overview metric icons. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel#overviewPanel .metric-card::before { display: none !important; content: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel#overviewPanel .metric-card .metric-icon { grid-column: 1 !important; grid-row: 1 / 4 !important; align-self: center !important; justify-self: start !important; width: 46px !important; height: 46px !important; min-width: 46px !important; margin: 0 !important; border-radius: 15px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; overflow: visible !important; box-shadow: 0 12px 24px rgba(255, 111, 24, 0.16) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel#overviewPanel .metric-card .metric-icon iconify-icon { display: block !important; color: currentColor !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel#overviewPanel .metric-orange .metric-icon { color: #ff6f18 !important; background: linear-gradient(135deg, #fff0dc 0%, #ffd7a8 100%) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel#overviewPanel .metric-sky .metric-icon { color: #0ea5e9 !important; background: linear-gradient(135deg, #e0f7ff 0%, #bae6fd 100%) !important; box-shadow: 0 12px 24px rgba(14, 165, 233, 0.12) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel#overviewPanel .metric-emerald .metric-icon { color: #12a46f !important; background: linear-gradient(135deg, #dcfce7 0%, #b7f3cf 100%) !important; box-shadow: 0 12px 24px rgba(18, 164, 111, 0.12) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel#overviewPanel .metric-amber .metric-icon { color: #d97706 !important; background: linear-gradient(135deg, #fff7d6 0%, #fde68a 100%) !important; box-shadow: 0 12px 24px rgba(217, 119, 6, 0.12) !important; } /* Reference clone v52 final EOF: restore home button, remove metric row, enlarge interview text. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #workspaceHomeBtn { order: 2 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; height: 44px !important; min-height: 44px !important; padding: 0 15px !important; border-radius: 14px !important; border: 1px solid #fed7aa !important; background: #fff7ed !important; color: #c2410c !important; font-size: 15px !important; font-weight: 850 !important; white-space: nowrap !important; box-shadow: 0 10px 24px rgba(255, 111, 24, 0.1) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #workspaceHomeBtn:hover { background: #ffedd5 !important; transform: translateY(-1px) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #accountOrdersBtn { order: 1 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #notificationBellBtn { order: 3 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .credit-panel { order: 4 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #workspaceBuyBtn { order: 5 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #logoutBtn { order: 6 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .metric-grid { display: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) #transcript, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) #answer, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) #answer .answer-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) #answer .answer-card span { font-size: 18px !important; line-height: 1.72 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .conversation-panel:not(.workspace-panel-hidden) #answer .answer-card b { font-size: 16px !important; line-height: 1.4 !important; } /* Role followups v8 cleanup: flex top cards, separate bottom Q&A module without overlap. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) { display: flex !important; flex-wrap: wrap !important; gap: 16px !important; height: auto !important; min-height: 0 !important; max-height: none !important; align-items: flex-start !important; align-content: flex-start !important; overflow: auto !important; padding: 14px 18px 20px !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > .client-section-intro { display: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > .role-input-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > .role-result-card { min-height: 0 !important; max-height: none !important; height: auto !important; padding: 22px 24px !important; overflow: hidden !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > .role-input-card { order: 1 !important; flex: 0 0 calc(38% - 8px) !important; width: calc(38% - 8px) !important; display: grid !important; grid-template-rows: auto auto auto auto auto auto auto auto auto !important; gap: 12px !important; align-content: start !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > .role-input-card .eyebrow, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > .role-input-card h2, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > .role-input-card .role-file-note { margin: 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > .role-input-card h2 { font-size: 24px !important; line-height: 1.2 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > .role-input-card label { gap: 8px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > .role-input-card input { height: 48px !important; min-height: 48px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > .role-input-card textarea { height: 300px !important; min-height: 300px !important; max-height: none !important; resize: vertical !important; overflow: auto !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > .role-input-card .role-file-picker { height: 52px !important; min-height: 52px !important; padding: 0 16px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > .role-input-card .role-cost-note { min-height: 38px !important; margin: 0 !important; align-items: center !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > .role-input-card .role-actions { display: grid !important; grid-template-columns: minmax(0, 1fr) 96px !important; gap: 12px !important; margin: 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > .role-input-card .role-actions button { height: 54px !important; min-height: 54px !important; font-size: 17px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > .role-input-card #roleAnalysisProgress { height: 20px !important; min-height: 20px !important; margin: 0 !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > .role-result-card { order: 2 !important; flex: 1 1 calc(62% - 8px) !important; width: calc(62% - 8px) !important; display: grid !important; grid-template-rows: minmax(270px, auto) minmax(220px, 1fr) !important; gap: 16px !important; align-content: stretch !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > .role-result-card .role-result-head, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > .role-result-card .role-score-panel, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > .role-result-card .role-practice-note { display: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > .role-result-card .client-role-preview-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px !important; height: auto !important; min-height: 270px !important; margin: 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > .role-result-card .client-requirement-list, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > .role-result-card .client-radar-card { height: auto !important; min-height: 270px !important; padding: 20px 22px !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > .role-result-card .role-result-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px !important; height: auto !important; min-height: 220px !important; align-items: stretch !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > .role-result-card .role-result-grid .role-info-block { grid-column: auto !important; height: auto !important; min-height: 102px !important; padding: 18px 20px !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > #resumeResult.role-followup-card { order: 3 !important; flex: 0 0 100% !important; width: 100% !important; height: auto !important; min-height: 360px !important; display: grid !important; grid-template-rows: auto auto minmax(230px, 1fr) !important; gap: 14px !important; padding: 22px 24px !important; border: 1px solid var(--clone-border) !important; border-radius: 18px !important; background: rgba(255, 255, 255, 0.96) !important; box-shadow: 0 16px 36px rgba(255, 111, 24, 0.08) !important; overflow: visible !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > #resumeResult.role-followup-card .role-followup-head { display: flex !important; align-items: flex-start !important; justify-content: space-between !important; gap: 18px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > #resumeResult.role-followup-card .role-followup-head h2 { margin: 4px 0 0 !important; font-size: 25px !important; line-height: 1.24 !important; color: #111827 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > #resumeResult.role-followup-card #roleFollowupStatus { flex: 0 0 auto !important; padding: 9px 14px !important; border: 1px solid #fed7aa !important; border-radius: 999px !important; background: #fff7ed !important; color: #ea580c !important; font-size: 14px !important; font-weight: 850 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > #resumeResult.role-followup-card .role-followup-desc { display: block !important; margin: 0 !important; color: #64748b !important; font-size: 16px !important; line-height: 1.5 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > #resumeResult.role-followup-card .resume-result-layout { min-height: 230px !important; display: grid !important; grid-template-columns: minmax(0, 0.96fr) minmax(0, 1.04fr) !important; grid-template-rows: minmax(230px, 1fr) !important; gap: 16px !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > #resumeResult.role-followup-card .resume-questions { min-height: 230px !important; max-height: 330px !important; margin: 0 !important; padding: 0 6px 0 0 !important; list-style: none !important; display: grid !important; align-content: start !important; gap: 10px !important; overflow: auto !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > #resumeResult.role-followup-card .resume-questions button { width: 100% !important; min-height: 48px !important; display: grid !important; grid-template-columns: 38px minmax(0, 1fr) !important; align-items: center !important; gap: 12px !important; padding: 10px 14px !important; border: 1px solid #fed7aa !important; border-radius: 14px !important; background: #fffaf5 !important; text-align: left !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > #resumeResult.role-followup-card .resume-questions button b { min-width: 0 !important; color: #1f2937 !important; font-size: 16px !important; line-height: 1.4 !important; white-space: normal !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > #resumeResult.role-followup-card .resume-answer-preview { min-height: 230px !important; max-height: 330px !important; padding: 18px 20px !important; border: 1px solid #fed7aa !important; border-radius: 16px !important; background: #fff7ed !important; overflow: auto !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > #resumeResult.role-followup-card #resumePreviewQuestion { display: block !important; margin-top: 10px !important; color: #111827 !important; font-size: 18px !important; line-height: 1.45 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > #resumeResult.role-followup-card #resumePreviewAnswer { margin: 10px 0 0 !important; color: #334155 !important; font-size: 16px !important; line-height: 1.62 !important; } /* Role followups v10: restore the original top role layout and keep followups as a separate bottom module. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) { display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; gap: 16px !important; align-items: stretch !important; align-content: stretch !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: auto !important; padding: 14px 18px 22px !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > .client-section-intro { display: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > .role-analysis-top { display: grid !important; grid-template-columns: minmax(420px, 0.68fr) minmax(0, 1.32fr) !important; gap: 16px !important; align-items: stretch !important; width: 100% !important; min-height: 0 !important; height: auto !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > .role-analysis-top > .role-input-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > .role-analysis-top > .role-result-card { width: auto !important; min-width: 0 !important; min-height: 0 !important; max-height: none !important; height: auto !important; overflow: visible !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > .role-analysis-top > .role-input-card { display: grid !important; grid-template-rows: auto auto auto minmax(330px, auto) 52px auto auto 54px 18px !important; gap: 12px !important; align-content: stretch !important; padding: 22px 24px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > .role-analysis-top > .role-input-card .eyebrow, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > .role-analysis-top > .role-input-card h2, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > .role-analysis-top > .role-input-card .role-file-note { margin: 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > .role-analysis-top > .role-input-card h2 { font-size: 24px !important; line-height: 1.18 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > .role-analysis-top > .role-input-card label { gap: 8px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > .role-analysis-top > .role-input-card input { height: 48px !important; min-height: 48px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > .role-analysis-top > .role-input-card textarea { height: 330px !important; min-height: 330px !important; max-height: none !important; resize: vertical !important; overflow: auto !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > .role-analysis-top > .role-input-card .role-file-picker { height: 52px !important; min-height: 52px !important; padding: 0 16px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > .role-analysis-top > .role-input-card .role-cost-note { min-height: 38px !important; margin: 0 !important; align-items: center !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > .role-analysis-top > .role-input-card .role-actions { display: grid !important; grid-template-columns: minmax(0, 1fr) 96px !important; gap: 12px !important; margin: 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > .role-analysis-top > .role-input-card .role-actions button { height: 54px !important; min-height: 54px !important; font-size: 17px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > .role-analysis-top > .role-input-card #roleAnalysisProgress { height: 18px !important; min-height: 18px !important; margin: 0 !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > .role-analysis-top > .role-result-card { display: grid !important; grid-template-rows: minmax(270px, auto) minmax(168px, auto) !important; gap: 16px !important; align-content: stretch !important; padding: 22px 24px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > .role-analysis-top > .role-result-card .role-result-head, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > .role-analysis-top > .role-result-card .role-score-panel, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > .role-analysis-top > .role-result-card .role-practice-note { display: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > .role-analysis-top > .role-result-card .client-role-preview-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px !important; min-height: 270px !important; height: auto !important; margin: 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > .role-analysis-top > .role-result-card .client-requirement-list, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > .role-analysis-top > .role-result-card .client-radar-card { min-height: 270px !important; height: auto !important; padding: 20px 22px !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > .role-analysis-top > .role-result-card .role-result-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px !important; min-height: 168px !important; height: auto !important; align-items: stretch !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > .role-analysis-top > .role-result-card .role-result-grid .role-info-block { min-height: 116px !important; height: auto !important; padding: 18px 20px !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > #resumeResult.role-followup-card { position: static !important; z-index: auto !important; flex: 0 0 auto !important; width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 360px !important; margin: 0 !important; display: grid !important; grid-template-rows: auto auto minmax(230px, 1fr) !important; gap: 14px !important; padding: 22px 24px !important; border: 1px solid var(--clone-border) !important; border-radius: 18px !important; background: rgba(255, 255, 255, 0.98) !important; box-shadow: 0 16px 36px rgba(255, 111, 24, 0.08) !important; overflow: visible !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > #resumeResult.role-followup-card .resume-result-layout { display: grid !important; grid-template-columns: minmax(0, 0.96fr) minmax(0, 1.04fr) !important; grid-template-rows: minmax(230px, 1fr) !important; gap: 16px !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > #resumeResult.role-followup-card .resume-questions, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > #resumeResult.role-followup-card .resume-answer-preview { min-height: 230px !important; max-height: 330px !important; overflow: auto !important; } /* Resume restore v10: keep resume analysis as source + result + checklist, without the old followup block. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock:not(.workspace-panel-hidden) { display: grid !important; grid-template-columns: minmax(430px, 0.74fr) minmax(0, 1.26fr) !important; grid-template-rows: auto auto !important; gap: 16px !important; align-items: stretch !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: auto !important; padding: 14px 18px 22px !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock > .client-section-intro, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock .resume-progress-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock #resumeResult { display: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock > .resume-source-card { grid-column: 1 !important; grid-row: 1 !important; display: grid !important; grid-template-rows: auto auto auto 54px minmax(150px, auto) minmax(70px, auto) 54px 48px 18px 28px !important; gap: 10px !important; align-content: start !important; height: auto !important; min-height: 0 !important; max-height: none !important; padding: 22px 24px !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock > .resume-source-card .eyebrow, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock > .resume-source-card h2, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock > .resume-source-card > p:not(.eyebrow) { margin: 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock .resume-target-role input { height: 42px !important; min-height: 42px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock .file-picker { min-height: 150px !important; height: 150px !important; padding: 18px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock .resume-extra-requirement textarea { min-height: 70px !important; height: 70px !important; max-height: 96px !important; overflow: auto !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock .resume-file-summary { min-height: 54px !important; height: auto !important; padding: 10px 12px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock .resume-buttons { display: grid !important; grid-template-columns: minmax(0, 1fr) 96px !important; gap: 12px !important; margin: 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock .resume-buttons button { height: 48px !important; min-height: 48px !important; font-size: 16px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock .resume-source-card .analysis-progress { height: 18px !important; min-height: 18px !important; margin: 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock > .resume-result-stack { grid-column: 2 !important; grid-row: 1 !important; display: block !important; height: auto !important; min-height: 0 !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock .resume-advantages-card { display: grid !important; grid-template-rows: auto minmax(0, 1fr) !important; height: 100% !important; min-height: 590px !important; padding: 22px 24px !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock .resume-insight-strip { display: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock .resume-advantages { min-height: 0 !important; max-height: none !important; overflow: auto !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock > #resumeAiChecklist { grid-column: 1 / -1 !important; grid-row: 2 !important; margin: 0 !important; } /* Role followups v12: make the role CTA and bottom followup module visible on the actual #role workspace. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-content:has(#roleAnalysisPanel:not(.workspace-panel-hidden)), body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-content-inner:has(#roleAnalysisPanel:not(.workspace-panel-hidden)) { overflow: auto !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) { display: flex !important; flex-direction: column !important; gap: 16px !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; padding: 14px 18px 24px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) > .client-section-intro { display: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) > .role-analysis-top { display: grid !important; grid-template-columns: minmax(410px, 0.7fr) minmax(0, 1.3fr) !important; gap: 16px !important; align-items: stretch !important; width: 100% !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) > .role-analysis-top > .role-input-card { display: grid !important; grid-template-rows: auto auto 50px minmax(240px, 270px) 50px auto 36px 50px 18px !important; gap: 10px !important; height: auto !important; min-height: 0 !important; max-height: none !important; padding: 20px 22px !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) .role-input-card textarea { height: 260px !important; min-height: 240px !important; max-height: 270px !important; overflow: auto !important; resize: vertical !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) .role-file-picker { height: 50px !important; min-height: 50px !important; padding: 0 16px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) .role-file-note { margin: 0 !important; font-size: 13px !important; line-height: 1.35 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) .role-cost-note { height: 36px !important; min-height: 36px !important; margin: 0 !important; align-items: center !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) .role-actions { display: grid !important; grid-template-columns: minmax(0, 1fr) 96px !important; gap: 12px !important; height: 50px !important; min-height: 50px !important; margin: 0 !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) #analyzeRoleBtn, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) #clearRoleBtn { display: inline-flex !important; visibility: visible !important; opacity: 1 !important; height: 50px !important; min-height: 50px !important; align-items: center !important; justify-content: center !important; font-size: 16px !important; line-height: 1 !important; position: static !important; transform: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) > .role-analysis-top > .role-result-card { display: grid !important; grid-template-rows: minmax(240px, auto) minmax(150px, auto) !important; gap: 16px !important; height: auto !important; min-height: 0 !important; max-height: none !important; padding: 20px 22px !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) .client-role-preview-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px !important; min-height: 240px !important; height: auto !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) .client-requirement-list, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar-card { min-height: 240px !important; height: auto !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) > #resumeResult.role-followup-card { display: grid !important; visibility: visible !important; opacity: 1 !important; position: static !important; width: 100% !important; min-height: 360px !important; margin: 0 !important; grid-template-rows: auto auto minmax(230px, 1fr) !important; gap: 14px !important; padding: 22px 24px !important; overflow: visible !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) > #resumeResult.role-followup-card .resume-result-layout { display: grid !important; grid-template-columns: minmax(0, 0.96fr) minmax(0, 1.04fr) !important; gap: 16px !important; min-height: 230px !important; } /* Role followups v14: override older high-specificity role rules and keep the bottom Q&A as its own module. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-content:has(#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden)), body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-content-inner:has(#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden)) { height: auto !important; min-height: 100% !important; overflow-y: auto !important; overflow-x: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) { display: flex !important; flex-direction: column !important; gap: 18px !important; height: auto !important; min-height: 0 !important; max-height: none !important; padding: 14px 18px 26px !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) > .role-analysis-top { display: grid !important; grid-template-columns: minmax(430px, 0.72fr) minmax(0, 1.28fr) !important; gap: 18px !important; align-items: stretch !important; width: 100% !important; min-height: 600px !important; height: auto !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) > .role-analysis-top > .role-input-card { display: flex !important; flex-direction: column !important; gap: 12px !important; grid-template-rows: none !important; min-height: 600px !important; height: auto !important; max-height: none !important; padding: 22px 24px !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) > .role-analysis-top > .role-input-card label { gap: 8px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-input-card input { height: 48px !important; min-height: 48px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-input-card textarea { flex: 1 1 330px !important; height: auto !important; min-height: 330px !important; max-height: none !important; overflow: auto !important; resize: vertical !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-file-picker { flex: 0 0 52px !important; height: 52px !important; min-height: 52px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-cost-note { flex: 0 0 auto !important; min-height: 38px !important; height: auto !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-actions { flex: 0 0 54px !important; display: grid !important; grid-template-columns: minmax(0, 1fr) 96px !important; gap: 12px !important; height: 54px !important; min-height: 54px !important; margin: 0 !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) #analyzeRoleBtn, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) #clearRoleBtn { display: inline-flex !important; visibility: visible !important; opacity: 1 !important; height: 54px !important; min-height: 54px !important; align-items: center !important; justify-content: center !important; position: static !important; transform: none !important; font-size: 17px !important; line-height: 1 !important; white-space: nowrap !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) > .role-analysis-top > .role-result-card { display: grid !important; grid-template-rows: minmax(300px, auto) minmax(170px, auto) !important; gap: 16px !important; min-height: 600px !important; height: auto !important; max-height: none !important; padding: 22px 24px !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-role-preview-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px !important; min-height: 300px !important; height: auto !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-requirement-list, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar-card { min-height: 300px !important; height: auto !important; padding: 20px 22px !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-result-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px !important; min-height: 170px !important; height: auto !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-result-grid .role-info-block { min-height: 134px !important; height: auto !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) > #resumeResult.role-followup-card { display: grid !important; visibility: visible !important; opacity: 1 !important; position: static !important; inset: auto !important; transform: none !important; width: 100% !important; min-width: 0 !important; min-height: 360px !important; height: auto !important; margin: 0 !important; padding: 24px 26px !important; grid-template-rows: auto auto minmax(230px, 1fr) !important; gap: 14px !important; overflow: visible !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) > #resumeResult.role-followup-card .role-followup-head { display: flex !important; align-items: flex-start !important; justify-content: space-between !important; gap: 18px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) > #resumeResult.role-followup-card .resume-result-layout { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; grid-template-rows: minmax(230px, auto) !important; gap: 16px !important; min-height: 230px !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) > #resumeResult.role-followup-card .resume-questions, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) > #resumeResult.role-followup-card .resume-answer-preview { min-height: 230px !important; max-height: 340px !important; overflow: auto !important; } /* Role followups v15: show the full question and answer frames; scroll the page, not the inner boxes. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-content:has(#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden)), body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-content-inner:has(#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden)) { overflow-y: auto !important; overflow-x: hidden !important; height: auto !important; max-height: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) > #resumeResult.role-followup-card { display: grid !important; grid-template-rows: auto auto auto !important; min-height: 0 !important; height: auto !important; max-height: none !important; overflow: visible !important; padding-bottom: 28px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) > #resumeResult.role-followup-card .resume-result-layout { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; grid-template-rows: auto !important; align-items: stretch !important; gap: 18px !important; min-height: 340px !important; height: auto !important; max-height: none !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) > #resumeResult.role-followup-card .resume-questions, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) > #resumeResult.role-followup-card .resume-answer-preview { min-height: 340px !important; height: auto !important; max-height: none !important; overflow: visible !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) > #resumeResult.role-followup-card .resume-questions { align-content: start !important; gap: 12px !important; padding: 0 !important; list-style: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) > #resumeResult.role-followup-card .resume-questions button { width: 100% !important; min-height: 56px !important; height: auto !important; white-space: normal !important; overflow: visible !important; } /* Role followups v16: keep the bottom corners visible on both Q&A frames. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) > #resumeResult.role-followup-card { padding: 24px 26px 34px !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) > #resumeResult.role-followup-card .resume-result-layout { min-height: 280px !important; height: auto !important; max-height: none !important; padding-bottom: 2px !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) > #resumeResult.role-followup-card .resume-questions, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) > #resumeResult.role-followup-card .resume-answer-preview { min-height: 280px !important; max-height: 280px !important; height: 280px !important; border-radius: 18px !important; overflow: auto !important; background-clip: padding-box !important; } /* Role followups v17: reduce JD textarea height and align the left input card with the right result area. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) > .role-analysis-top { align-items: stretch !important; min-height: 540px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) > .role-analysis-top > .role-input-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) > .role-analysis-top > .role-result-card { min-height: 540px !important; height: 100% !important; align-self: stretch !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-input-card textarea { flex: 0 0 250px !important; height: 250px !important; min-height: 250px !important; max-height: 250px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) > .role-analysis-top > .role-result-card { grid-template-rows: minmax(268px, auto) minmax(160px, auto) !important; } /* Role followups v18: make the lower right result cards taller so they align with the left input module. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) > .role-analysis-top > .role-result-card { grid-template-rows: minmax(268px, auto) minmax(220px, 1fr) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-result-grid { min-height: 220px !important; height: 100% !important; align-items: stretch !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-result-grid .role-info-block { min-height: 190px !important; height: 100% !important; align-content: start !important; } /* Role followups v19: remove the extra blank space below the role input/result cards. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) > .role-analysis-top { align-items: start !important; min-height: 0 !important; height: auto !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) > .role-analysis-top > .role-input-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) > .role-analysis-top > .role-result-card { align-self: start !important; min-height: 0 !important; height: auto !important; max-height: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-input-card textarea { flex: 0 0 230px !important; height: 230px !important; min-height: 230px !important; max-height: 230px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) > .role-analysis-top > .role-result-card { grid-template-rows: auto auto !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-result-grid { min-height: 178px !important; height: auto !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-result-grid .role-info-block { min-height: 166px !important; height: auto !important; } /* Role followups v20: align the two large role cards while keeping the left controls pinned to the bottom. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) > .role-analysis-top { align-items: stretch !important; min-height: 0 !important; height: auto !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) > .role-analysis-top > .role-input-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) > .role-analysis-top > .role-result-card { align-self: stretch !important; height: auto !important; min-height: 0 !important; max-height: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) > .role-analysis-top > .role-input-card { display: flex !important; flex-direction: column !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-input-card textarea { flex: 1 1 230px !important; height: auto !important; min-height: 230px !important; max-height: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-file-picker, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-actions, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-cost-note, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) #roleAnalysisProgress { flex-shrink: 0 !important; } /* Role followups v21: keep the large cards unchanged and let the lower-right cards fill the remaining height. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) > .role-analysis-top > .role-result-card { grid-template-rows: minmax(268px, auto) minmax(0, 1fr) !important; align-content: stretch !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-result-grid { min-height: 0 !important; height: 100% !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; align-items: stretch !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-result-grid .role-info-block { min-height: 0 !important; height: 100% !important; align-self: stretch !important; align-content: start !important; box-sizing: border-box !important; } /* Role followups v22: stretch only the lower-right cards to consume the blank area. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) > .role-analysis-top > .role-result-card { display: flex !important; flex-direction: column !important; gap: 16px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) > .role-analysis-top > .role-result-card .client-role-preview-grid { flex: 0 0 auto !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) > .role-analysis-top > .role-result-card .role-result-grid { flex: 1 1 250px !important; min-height: 250px !important; height: auto !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; align-items: stretch !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) > .role-analysis-top > .role-result-card .role-result-grid .role-info-block { height: 100% !important; min-height: 250px !important; align-self: stretch !important; box-sizing: border-box !important; } /* Role big data v1: 8 aligned secondary analysis panels for the JD module. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) > .role-bigdata-panel { display: grid !important; grid-column: 1 / -1 !important; width: 100% !important; gap: 18px !important; margin: 0 !important; padding: 24px 26px 26px !important; border: 1px solid #ffd0aa !important; border-radius: 18px !important; background: linear-gradient(180deg, #ffffff 0%, #fffaf5 100%) !important; box-shadow: 0 18px 42px rgba(255, 111, 24, 0.08) !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-bigdata-head { display: flex !important; align-items: flex-start !important; justify-content: space-between !important; gap: 18px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-bigdata-head h2 { margin: 4px 0 8px !important; color: #111827 !important; font-size: 28px !important; line-height: 1.15 !important; letter-spacing: 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-bigdata-head p:not(.eyebrow) { margin: 0 !important; color: #607089 !important; font-size: 16px !important; line-height: 1.55 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleInsightStatus { flex: 0 0 auto !important; display: inline-flex !important; align-items: center !important; min-height: 40px !important; padding: 0 16px !important; border: 1px solid #ffc999 !important; border-radius: 999px !important; background: #fff7ee !important; color: #d74305 !important; font-size: 15px !important; font-weight: 800 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-insight-tabs { display: grid !important; grid-template-columns: repeat(8, minmax(0, 1fr)) !important; gap: 10px !important; padding: 8px !important; border: 1px solid #ffe0c4 !important; border-radius: 16px !important; background: #fff8f1 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-insight-tabs button { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 0 !important; height: 42px !important; padding: 0 10px !important; border: 1px solid transparent !important; border-radius: 12px !important; background: transparent !important; color: #4b5563 !important; font-size: 15px !important; font-weight: 800 !important; line-height: 1 !important; white-space: nowrap !important; cursor: pointer !important; transition: background 0.16s ease, color 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-insight-tabs button:hover, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-insight-tabs button.active { border-color: #ffad73 !important; background: #ff6b18 !important; color: #ffffff !important; box-shadow: 0 10px 22px rgba(255, 107, 24, 0.18) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-insight-content { display: grid !important; gap: 16px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-insight-metrics { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 14px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-insight-metric { display: grid !important; grid-template-columns: 52px minmax(0, 1fr) !important; align-items: center !important; gap: 14px !important; min-height: 92px !important; padding: 16px !important; border: 1px solid #ffd2ad !important; border-radius: 16px !important; background: #ffffff !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-insight-metric > span { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 52px !important; height: 52px !important; border-radius: 15px !important; background: #fff0df !important; color: #ff6b18 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-insight-metric p, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-insight-metric strong, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-insight-metric small { display: block !important; margin: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-insight-metric p { color: #6b7280 !important; font-size: 14px !important; font-weight: 800 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-insight-metric strong { margin-top: 4px !important; color: #111827 !important; font-size: 22px !important; font-weight: 900 !important; line-height: 1.15 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-insight-metric small { margin-top: 4px !important; color: #8a96aa !important; font-size: 13px !important; font-weight: 700 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-insight-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px !important; align-items: stretch !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-insight-card { display: flex !important; flex-direction: column !important; min-height: 214px !important; padding: 20px !important; border: 1px solid #ffd2ad !important; border-radius: 16px !important; background: rgba(255, 255, 255, 0.88) !important; box-sizing: border-box !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-insight-card.span-2 { grid-column: span 2 !important; min-height: 240px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-insight-card-head h3 { margin: 0 !important; color: #111827 !important; font-size: 22px !important; line-height: 1.2 !important; font-weight: 900 !important; letter-spacing: 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-insight-card-head p { margin: 8px 0 0 !important; color: #63718a !important; font-size: 15px !important; line-height: 1.45 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-insight-card-body { flex: 1 1 auto !important; min-height: 0 !important; margin-top: 16px !important; color: #223047 !important; font-size: 16px !important; line-height: 1.65 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-insight-list { display: grid !important; gap: 10px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-insight-list li { position: relative !important; min-height: 38px !important; padding: 8px 12px 8px 28px !important; border: 1px solid #ffe2c8 !important; border-radius: 12px !important; background: #fffaf5 !important; color: #25334a !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1.45 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-insight-list li::before { content: "" !important; position: absolute !important; top: 18px !important; left: 14px !important; width: 6px !important; height: 6px !important; border-radius: 999px !important; background: #ff7a1f !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-insight-pills, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-insight-source { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-insight-pills span, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-insight-source span { display: inline-flex !important; align-items: center !important; min-height: 34px !important; padding: 0 13px !important; border: 1px solid #ffd1aa !important; border-radius: 999px !important; background: #fff4e8 !important; color: #c94709 !important; font-size: 15px !important; font-weight: 800 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-insight-pills.warn span { border-color: #fecaca !important; background: #fff1f1 !important; color: #e11d48 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-insight-bars { display: grid !important; gap: 12px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-insight-bars > div { display: grid !important; grid-template-columns: 150px minmax(0, 1fr) 48px !important; align-items: center !important; gap: 12px !important; color: #223047 !important; font-size: 15px !important; font-weight: 800 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-insight-bars span { height: 12px !important; overflow: hidden !important; border-radius: 999px !important; background: #f3f4f6 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-insight-bars i { display: block !important; height: 100% !important; border-radius: inherit !important; background: linear-gradient(90deg, #ff9345, #ff5c13) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-insight-bars em { color: #d94b09 !important; font-style: normal !important; text-align: right !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-insight-trend { display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important; align-items: end !important; gap: 16px !important; min-height: 220px !important; padding: 12px 8px 0 !important; border-bottom: 1px solid #ffe1c5 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-insight-trend > div { display: grid !important; justify-items: center !important; gap: 8px !important; min-height: 210px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-insight-trend span { align-self: end !important; width: 44px !important; min-height: 18px !important; border-radius: 14px 14px 4px 4px !important; background: linear-gradient(180deg, #ff7b21, #ffd1aa) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-insight-trend b, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-insight-trend small { color: #667085 !important; font-size: 13px !important; font-weight: 800 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-match-matrix, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-risk-item, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-plan-steps, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-insight-questions, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-similar-grid { display: grid !important; gap: 12px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-match-matrix > div, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-risk-item, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-plan-steps article, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-insight-questions li, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-similar-grid article { display: grid !important; grid-template-columns: auto minmax(0, 1fr) !important; gap: 12px !important; align-items: start !important; padding: 14px !important; border: 1px solid #ffe0c6 !important; border-radius: 14px !important; background: #fffaf5 !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-match-matrix b, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-risk-item strong, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-plan-steps b, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-insight-questions b, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-similar-grid b { color: #111827 !important; font-size: 16px !important; font-weight: 900 !important; line-height: 1.35 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-match-matrix span, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-risk-item p, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-plan-steps p, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-similar-grid p { margin: 0 !important; color: #56657d !important; font-size: 15px !important; line-height: 1.55 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-risk-item span, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-plan-steps > article > span, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-insight-questions span, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-similar-grid span { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 34px !important; height: 30px !important; padding: 0 10px !important; border-radius: 999px !important; background: #ffefe0 !important; color: #d64907 !important; font-size: 13px !important; font-weight: 900 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-similar-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-similar-grid article { grid-template-columns: 1fr !important; min-height: 126px !important; } @media (max-width: 1280px) { body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-insight-tabs { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-insight-metrics, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-similar-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (max-width: 860px) { body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-bigdata-head, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-insight-grid { grid-template-columns: 1fr !important; display: grid !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-insight-tabs, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-insight-metrics, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-similar-grid { grid-template-columns: 1fr !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-insight-card.span-2 { grid-column: auto !important; } } /* Role big data v2: host the linked follow-up Q&A inside Interview Strategy. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleFollowupStorage, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleFollowupStorage #resumeResult { display: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-followup-mount { grid-column: span 2 !important; min-width: 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-followup-mount #resumeResult.role-insight-followup { display: grid !important; visibility: visible !important; opacity: 1 !important; position: static !important; width: 100% !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 22px 24px 26px !important; grid-template-rows: auto auto auto !important; gap: 14px !important; border: 1px solid #ffd2ad !important; border-radius: 18px !important; background: rgba(255, 255, 255, 0.92) !important; box-shadow: none !important; box-sizing: border-box !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-followup-mount #resumeResult[hidden] { display: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-followup-mount #resumeResult .role-followup-head { display: flex !important; align-items: flex-start !important; justify-content: space-between !important; gap: 16px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-followup-mount #resumeResult .role-followup-head h2 { margin: 4px 0 0 !important; color: #111827 !important; font-size: 24px !important; line-height: 1.2 !important; font-weight: 900 !important; letter-spacing: 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-followup-mount #roleFollowupStatus { display: inline-flex !important; align-items: center !important; min-height: 38px !important; padding: 0 14px !important; border: 1px solid #ffc999 !important; border-radius: 999px !important; background: #fff7ee !important; color: #d74305 !important; font-size: 14px !important; font-weight: 900 !important; white-space: nowrap !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-followup-mount #resumeResult .role-followup-desc { margin: 0 !important; color: #607089 !important; font-size: 15px !important; line-height: 1.55 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-followup-mount #resumeResult .resume-result-layout { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: 16px !important; align-items: stretch !important; min-height: 280px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-followup-mount #resumeResult .resume-questions, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-followup-mount #resumeResult .resume-answer-preview { min-height: 280px !important; height: 280px !important; max-height: 280px !important; overflow: auto !important; border: 1px solid #ffd2ad !important; border-radius: 16px !important; background: #fffaf5 !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-followup-mount #resumeResult .resume-questions { display: grid !important; align-content: start !important; gap: 12px !important; margin: 0 !important; padding: 12px !important; list-style: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-followup-mount #resumeResult .resume-questions button { display: grid !important; grid-template-columns: 42px minmax(0, 1fr) !important; align-items: center !important; gap: 12px !important; width: 100% !important; min-height: 54px !important; padding: 10px 14px !important; border: 1px solid #ffd2ad !important; border-radius: 14px !important; background: #fff !important; color: #1f2937 !important; text-align: left !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-followup-mount #resumeResult .resume-questions button.active { border-color: #ff7a1f !important; background: #fff3e8 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-followup-mount #resumeResult .resume-questions button span { color: #d64806 !important; font-size: 13px !important; font-weight: 900 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-followup-mount #resumeResult .resume-questions button b { color: #111827 !important; font-size: 16px !important; line-height: 1.4 !important; font-weight: 900 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-followup-mount #resumeResult .resume-answer-preview { display: grid !important; align-content: start !important; gap: 12px !important; padding: 18px !important; color: #223047 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-followup-mount #resumeResult .resume-answer-preview > div { display: inline-flex !important; align-items: center !important; gap: 8px !important; color: #d64806 !important; font-size: 15px !important; font-weight: 900 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-followup-mount #resumePreviewQuestion { color: #111827 !important; font-size: 20px !important; line-height: 1.35 !important; font-weight: 900 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-followup-mount #resumePreviewAnswer { margin: 0 !important; color: #2d3a4f !important; font-size: 17px !important; line-height: 1.78 !important; font-weight: 700 !important; } /* Role big data v3: compact, aligned tab controls and denser insight cards. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) > #roleBigDataPanel.role-bigdata-panel { gap: 14px !important; padding: 20px 22px 22px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-bigdata-head { align-items: center !important; gap: 16px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-bigdata-head h2 { margin: 2px 0 6px !important; font-size: 26px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-bigdata-head p:not(.eyebrow) { font-size: 15px !important; line-height: 1.45 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel #roleInsightStatus { min-height: 34px !important; padding: 0 14px !important; font-size: 14px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-tabs { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 10px !important; padding: 10px !important; border-radius: 18px !important; background: linear-gradient(180deg, #fff9f3 0%, #fff4eb 100%) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-tabs button { display: grid !important; grid-template-columns: 38px minmax(0, 1fr) !important; align-items: center !important; justify-content: initial !important; gap: 10px !important; height: 52px !important; padding: 0 14px !important; border: 1px solid #ffd5b4 !important; border-radius: 14px !important; background: rgba(255, 255, 255, 0.82) !important; color: #29364b !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.1 !important; text-align: left !important; box-shadow: 0 8px 18px rgba(255, 116, 30, 0.06) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-tabs button::before { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 34px !important; height: 34px !important; border-radius: 12px !important; background: #fff0e3 !important; color: #e6500a !important; font-size: 12px !important; font-weight: 900 !important; letter-spacing: 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-tabs button:nth-child(1)::before { content: "01" !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-tabs button:nth-child(2)::before { content: "02" !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-tabs button:nth-child(3)::before { content: "03" !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-tabs button:nth-child(4)::before { content: "04" !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-tabs button:nth-child(5)::before { content: "05" !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-tabs button:nth-child(6)::before { content: "06" !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-tabs button:nth-child(7)::before { content: "07" !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-tabs button:nth-child(8)::before { content: "08" !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-tabs button:hover { border-color: #ffb077 !important; background: #ffffff !important; color: #d84606 !important; transform: translateY(-1px) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-tabs button.active { border-color: #ff6b18 !important; background: linear-gradient(135deg, #ff812c 0%, #ff5c13 100%) !important; color: #ffffff !important; box-shadow: 0 14px 26px rgba(255, 103, 24, 0.24) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-tabs button.active::before { background: rgba(255, 255, 255, 0.22) !important; color: #ffffff !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-content { gap: 12px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-metrics { gap: 12px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-metric { grid-template-columns: 44px minmax(0, 1fr) !important; gap: 12px !important; min-height: 78px !important; padding: 12px 14px !important; border-radius: 14px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-metric > span { width: 44px !important; height: 44px !important; border-radius: 13px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-metric strong { margin-top: 3px !important; font-size: 20px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-metric p, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-metric small { font-size: 13px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-grid { gap: 12px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-card { min-height: 176px !important; padding: 16px 18px !important; border-radius: 15px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-card.span-2 { min-height: 206px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-card-head h3 { font-size: 20px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-card-head p { margin-top: 5px !important; font-size: 14px !important; line-height: 1.4 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-card-body { margin-top: 12px !important; font-size: 15px !important; line-height: 1.52 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-list, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-bars, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-match-matrix, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-plan-steps, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-questions, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-similar-grid { gap: 9px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-list li { min-height: 34px !important; padding: 7px 10px 7px 26px !important; font-size: 15px !important; line-height: 1.4 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-list li::before { top: 16px !important; left: 13px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-pills, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-source { gap: 8px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-pills span, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-source span { min-height: 30px !important; padding: 0 12px !important; font-size: 14px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-bars > div { grid-template-columns: 132px minmax(0, 1fr) 42px !important; gap: 10px !important; font-size: 14px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-trend { gap: 12px !important; min-height: 176px !important; padding: 8px 6px 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-trend > div { gap: 6px !important; min-height: 168px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-trend span { width: 36px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-match-matrix > div, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-risk-item, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-plan-steps article, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-questions li, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-similar-grid article { gap: 10px !important; padding: 12px !important; border-radius: 13px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-match-matrix b, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-risk-item strong, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-plan-steps b, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-questions b, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-similar-grid b { font-size: 15px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-match-matrix span, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-risk-item p, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-plan-steps p, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-similar-grid p { font-size: 14px !important; line-height: 1.48 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-risk-item span, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-plan-steps > article > span, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-questions span, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-similar-grid span { min-width: 30px !important; height: 28px !important; padding: 0 9px !important; font-size: 12px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-similar-grid article { min-height: 104px !important; } @media (max-width: 1180px) { body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-tabs button { height: 50px !important; } } /* Role big data v4: live JD preview, single-row metrics, scrollable long cards, and line trend chart. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-requirement-list, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-radar-card { min-height: 292px !important; overflow: auto !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-requirement-list p { grid-template-columns: 58px minmax(0, 1fr) !important; align-items: start !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-requirement-list span { min-width: 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-result-grid .role-info-block { overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-result-grid .role-info-block ul { max-height: 146px !important; overflow-y: auto !important; padding-right: 8px !important; align-content: start !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-result-grid .role-info-block ul::-webkit-scrollbar, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-requirement-list::-webkit-scrollbar { width: 7px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-result-grid .role-info-block ul::-webkit-scrollbar-thumb, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-requirement-list::-webkit-scrollbar-thumb { border-radius: 999px !important; background: #ffc28e !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-result-grid .role-info-block ul::-webkit-scrollbar-track, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-requirement-list::-webkit-scrollbar-track { background: #fff3e8 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-line-chart { min-height: 206px !important; width: 100% !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-line-chart svg { display: block !important; width: 100% !important; height: 206px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-line-grid line { stroke: #ffe2c8 !important; stroke-width: 1 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-line-area { fill: url("#roleTrendArea") !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-line-path { fill: none !important; stroke: #ff6b18 !important; stroke-width: 5 !important; stroke-linecap: round !important; stroke-linejoin: round !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-line-point circle { fill: #ffffff !important; stroke: #ff6b18 !important; stroke-width: 4 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-line-point text { fill: #667085 !important; font-size: 13px !important; font-weight: 800 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-line-point text:first-of-type { fill: #d94b09 !important; font-size: 14px !important; font-weight: 900 !important; } /* Role detail polish: generated content should read lighter, and lower info cards use their full inner height. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-list li, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-match-matrix span, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-risk-item p, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-plan-steps p, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-similar-grid p { font-weight: 400 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-questions b, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-followup-mount #resumeResult .resume-questions button b, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-followup-mount #resumeResult #resumePreviewQuestion, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-followup-mount #resumeResult #resumePreviewAnswer { font-weight: 400 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-result-grid .role-info-block { display: grid !important; grid-template-columns: auto minmax(0, 1fr) !important; grid-template-rows: 1fr !important; align-items: start !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .role-result-grid .role-info-block ul { max-height: none !important; height: 100% !important; min-height: 0 !important; overflow-y: auto !important; align-content: start !important; box-sizing: border-box !important; } @media (max-width: 980px) { body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-metrics { grid-template-columns: 1fr !important; } } /* Tutorial role guide: show the workspace role-analysis capabilities on the public tutorial page. */ .public-tutorial-page .tutorial-role-guide { margin-top: 30px; border: 1px solid #fed7aa; border-radius: 24px; background: linear-gradient(135deg, rgba(255, 247, 237, .94), rgba(255, 255, 255, .98) 48%, rgba(255, 251, 247, .96)), #fff; padding: 28px; box-shadow: 0 20px 46px rgba(154, 52, 18, .08); } .public-tutorial-page .tutorial-role-guide-head { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr); gap: 22px; align-items: stretch; } .public-tutorial-page .tutorial-role-guide-head h2 { max-width: 780px; margin: 8px 0 0; color: #111827; font-size: clamp(1.72rem, 2.25vw, 2.32rem); font-weight: 950; letter-spacing: 0; line-height: 1.18; } .public-tutorial-page .tutorial-role-guide-head p:not(.eyebrow) { max-width: 760px; margin: 12px 0 0; color: #64748b; font-size: .96rem; line-height: 1.78; } .public-tutorial-page .tutorial-role-guide-flow { display: grid; grid-template-columns: minmax(0, 1fr) 24px minmax(0, 1fr) 24px minmax(0, 1fr) 24px minmax(0, 1fr); align-items: center; gap: 8px; border: 1px solid #fed7aa; border-radius: 20px; background: rgba(255, 255, 255, .88); padding: 16px; } .public-tutorial-page .tutorial-role-guide-flow span { display: grid; min-width: 0; min-height: 58px; place-items: center; border: 1px solid rgba(253, 186, 116, .84); border-radius: 16px; background: #fff7ed; color: #9a3412; padding: 0 10px; text-align: center; font-size: .9rem; font-weight: 900; line-height: 1.32; } .public-tutorial-page .tutorial-role-guide-flow i { display: block; width: 100%; height: 2px; border-radius: 999px; background: linear-gradient(90deg, #fdba74, #ff6b18); } .public-tutorial-page .tutorial-role-feature-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-top: 20px; } .public-tutorial-page .tutorial-role-feature-card { display: grid; min-width: 0; min-height: 178px; grid-template-rows: auto auto 1fr; gap: 12px; border: 1px solid #fed7aa; border-radius: 18px; background: rgba(255, 255, 255, .93); padding: 18px; box-shadow: 0 14px 32px rgba(154, 52, 18, .06); transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease; } .public-tutorial-page .tutorial-role-feature-card:hover { transform: translateY(-3px); border-color: #fdba74; box-shadow: 0 18px 36px rgba(234, 88, 12, .12); } .public-tutorial-page .tutorial-role-feature-card > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; } .public-tutorial-page .tutorial-role-feature-icon { display: grid; width: 46px; height: 46px; flex: 0 0 46px; place-items: center; border-radius: 15px; background: linear-gradient(135deg, #fff3e6, #ffe4cc); color: #ff6b18; } .public-tutorial-page .tutorial-role-feature-index { display: inline-grid; min-width: 40px; height: 28px; place-items: center; border: 1px solid #fed7aa; border-radius: 999px; background: #fffaf6; color: #d94b0c; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .8rem; font-weight: 950; } .public-tutorial-page .tutorial-role-feature-card h3 { margin: 2px 0 0; color: #111827; font-size: 1.08rem; font-weight: 950; line-height: 1.25; } .public-tutorial-page .tutorial-role-feature-card p { margin: 0; color: #64748b; font-size: .9rem; line-height: 1.62; } .public-tutorial-page .tutorial-role-guide-cta { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 12px; align-items: center; margin-top: 20px; border: 1px solid #fed7aa; border-radius: 18px; background: rgba(255, 250, 245, .9); padding: 16px 18px; } .public-tutorial-page .tutorial-role-guide-cta strong { display: block; color: #111827; font-size: 1rem; font-weight: 950; } .public-tutorial-page .tutorial-role-guide-cta p { margin: 5px 0 0; color: #64748b; font-size: .86rem; line-height: 1.55; } .public-tutorial-page .tutorial-role-guide-cta button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 126px; min-height: 44px; border-radius: 14px; padding: 0 16px; font-size: .9rem; font-weight: 950; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; } .public-tutorial-page .tutorial-role-guide-cta button:hover { transform: translateY(-2px); } .public-tutorial-page .tutorial-role-guide-cta .primary { border: 0; background: linear-gradient(135deg, #ff8129, #ff5b14); color: #fff; box-shadow: 0 14px 28px rgba(255, 107, 24, .2); } .public-tutorial-page .tutorial-role-guide-cta .secondary { border: 1px solid #fdba74; background: #fff; color: #c2410c; } @media (max-width: 1180px) { .public-tutorial-page .tutorial-role-guide-head { grid-template-columns: 1fr; } .public-tutorial-page .tutorial-role-feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 760px) { .public-tutorial-page .tutorial-role-guide { padding: 18px; } .public-tutorial-page .tutorial-role-guide-flow { grid-template-columns: 1fr; } .public-tutorial-page .tutorial-role-guide-flow i { display: none; } .public-tutorial-page .tutorial-role-feature-grid, .public-tutorial-page .tutorial-role-guide-cta { grid-template-columns: 1fr; } .public-tutorial-page .tutorial-role-guide-cta button { width: 100%; } } /* Public tutorial resume guide: keep the tutorial page website-like and aligned. */ .public-tutorial-page .tutorial-steps-grid { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 12px !important; } .public-tutorial-page .tutorial-steps-grid .prep-step { min-width: 0; min-height: 158px !important; padding: 22px 20px !important; } .public-tutorial-page:not(.hidden) { display: flex !important; flex-direction: column !important; } .public-tutorial-page #homeGuide { order: 1; } .public-tutorial-page .tutorial-resume-guide { order: 2; } .public-tutorial-page > .tutorial-role-guide:not(.tutorial-resume-guide) { order: 3; } .public-tutorial-page .tutorial-steps-grid .prep-step h3 { margin-top: 16px !important; font-size: 1.08rem !important; line-height: 1.2 !important; } .public-tutorial-page .tutorial-steps-grid .prep-step p { margin-top: 8px !important; font-size: .92rem !important; line-height: 1.55 !important; } @media (min-width: 981px) { .public-tutorial-page .tutorial-steps-grid { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } } .public-tutorial-page .tutorial-resume-guide { margin-top: 30px; } .public-tutorial-page .tutorial-resume-guide-flow { grid-template-columns: minmax(0, 1fr) 18px minmax(0, 1fr) 18px minmax(0, 1fr) 18px minmax(0, 1fr) 18px minmax(0, 1fr); } .public-tutorial-page .tutorial-resume-feature-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); } .public-tutorial-page .tutorial-resume-feature-grid .tutorial-role-feature-card { min-height: 190px; } .public-contact-page .contact-faq-card { margin-top: 24px; border-color: #fed7aa; background: linear-gradient(135deg, rgba(255, 247, 237, .92), rgba(255, 255, 255, .98) 52%, rgba(255, 251, 247, .96)), #fff; box-shadow: 0 20px 46px rgba(154, 52, 18, .08); } .public-contact-page .contact-faq-card .faq-title-row { align-items: center; } .public-contact-page .contact-faq-card .faq-list { margin-top: 20px; } @media (max-width: 1280px) { .public-tutorial-page .tutorial-resume-feature-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } } @media (max-width: 900px) { .public-tutorial-page .tutorial-steps-grid, .public-tutorial-page .tutorial-resume-feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .public-tutorial-page .tutorial-resume-guide-flow { grid-template-columns: 1fr; } .public-tutorial-page .tutorial-resume-guide-flow i { display: none; } } @media (max-width: 620px) { .public-tutorial-page .tutorial-steps-grid, .public-tutorial-page .tutorial-resume-feature-grid { grid-template-columns: 1fr !important; } } /* Resume source polish v1: fill the blank area and keep the progress pill inside its border. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock:not(.workspace-panel-hidden) > .resume-source-card { display: grid !important; grid-template-rows: auto auto auto 54px 150px minmax(150px, 1fr) 48px 28px !important; gap: 10px !important; align-content: stretch !important; height: 100% !important; min-height: 590px !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock:not(.workspace-panel-hidden) .resume-extra-requirement { display: grid !important; grid-template-rows: 18px minmax(0, 1fr) !important; gap: 7px !important; min-height: 150px !important; height: 100% !important; margin: 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock:not(.workspace-panel-hidden) .resume-extra-requirement textarea { height: 100% !important; min-height: 120px !important; max-height: none !important; padding: 12px 18px 24px !important; overflow: hidden !important; resize: none !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock:not(.workspace-panel-hidden) .resume-file-summary { display: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock:not(.workspace-panel-hidden) .resume-extra-requirement small { right: 16px !important; bottom: 10px !important; line-height: 1 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock:not(.workspace-panel-hidden) .resume-source-card .analysis-progress { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: center !important; gap: 10px !important; height: 28px !important; min-height: 28px !important; margin: 0 !important; padding: 4px 10px 4px 14px !important; overflow: hidden !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock:not(.workspace-panel-hidden) .resume-source-card .analysis-progress > span { min-width: 0 !important; height: 7px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock:not(.workspace-panel-hidden) .resume-source-card .analysis-progress b { align-self: center !important; color: #d94b0c !important; font-size: 11px !important; line-height: 1 !important; white-space: nowrap !important; } /* Resume and role polish v1: card spacing, role progress, and first-row alignment. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock:not(.workspace-panel-hidden) > .resume-source-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock:not(.workspace-panel-hidden) > .resume-result-stack { align-self: stretch !important; min-height: 618px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock:not(.workspace-panel-hidden) > .resume-result-stack { display: grid !important; grid-template-rows: minmax(0, 1fr) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock:not(.workspace-panel-hidden) .resume-advantages-card { height: 100% !important; min-height: 618px !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock .resume-ai-checklist-card { gap: 22px !important; row-gap: 30px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock .resume-ai-checklist-main { margin-bottom: 18px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock .resume-checklist-items { gap: 16px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock .resume-ai-checklist-side { padding-left: 2px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock .resume-keyword-tags { margin-bottom: 14px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #resumeDock#resumeDock .resume-keyword-coverage { margin: 0 !important; flex: 0 0 auto !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) #roleAnalysisProgress { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: center !important; gap: 10px !important; height: 28px !important; min-height: 28px !important; margin: 0 !important; padding: 4px 10px 4px 14px !important; border: 1px solid rgba(253, 186, 116, .72) !important; border-radius: 999px !important; background: #fff7ed !important; overflow: hidden !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) #roleAnalysisProgress > span { min-width: 0 !important; height: 7px !important; overflow: hidden !important; border-radius: 999px !important; background: #ffedd5 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) #roleAnalysisProgress i { display: block !important; height: 100% !important; border-radius: inherit !important; background: linear-gradient(90deg, #fb923c, #10b981) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) #roleAnalysisProgress b { align-self: center !important; color: #d94b0c !important; font-size: 11px !important; line-height: 1 !important; white-space: nowrap !important; } /* Home hero v1: lift only the left intro copy module by about 2cm. */ #authView.home-shell #homeIntro.auth-hero { transform: none !important; margin-bottom: 0 !important; } #authView.home-shell #homeIntro .auth-hero-main { transform: translateY(-48px) !important; } #authView.home-shell #homeIntro .hero-kicker { visibility: hidden !important; pointer-events: none !important; } /* Home visual v1: put the readiness ring and radar checklist side by side. */ #authView.home-shell #homeIntro .hero-visual-shell { min-height: 310px !important; transform: translateY(-34px) !important; margin-bottom: -34px !important; } #authView.home-shell #homeIntro .hero-visual-inner { display: grid !important; grid-template-columns: minmax(148px, .9fr) minmax(220px, 1.1fr) !important; grid-template-rows: auto minmax(0, 1fr) !important; align-items: center !important; gap: 12px 18px !important; min-height: 270px !important; } #authView.home-shell #homeIntro .hero-map-copy { grid-column: 1 / -1 !important; max-width: none !important; } #authView.home-shell #homeIntro .hero-map-copy p { max-width: none !important; white-space: nowrap !important; } #authView.home-shell #homeIntro .confidence-ring { grid-column: 1 !important; grid-row: 2 !important; justify-self: center !important; align-self: center !important; width: clamp(148px, 15vw, 170px) !important; height: clamp(148px, 15vw, 170px) !important; margin: 0 !important; } #authView.home-shell #homeIntro .hero-radar-card { grid-column: 2 !important; grid-row: 2 !important; align-self: center !important; justify-self: stretch !important; display: flex !important; flex-direction: column !important; justify-content: center !important; min-height: 196px !important; padding: 15px 16px !important; } #authView.home-shell #homeIntro .hero-radar-card > div:first-child p { font-size: .9rem !important; line-height: 1.2 !important; } #authView.home-shell #homeIntro .hero-radar-card > div:first-child span { margin-top: 6px !important; font-size: .74rem !important; line-height: 1.25 !important; } #authView.home-shell #homeIntro .hero-signal-grid { display: grid !important; grid-template-columns: 1fr !important; gap: 0 !important; margin-top: 10px !important; } #authView.home-shell #homeIntro .hero-signal { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; grid-template-rows: auto 6px !important; align-items: center !important; column-gap: 12px !important; row-gap: 7px !important; min-height: 43px !important; padding: 8px 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } #authView.home-shell #homeIntro .hero-signal + .hero-signal { border-top: 1px solid rgba(254, 215, 170, .58) !important; } #authView.home-shell #homeIntro .hero-signal:hover { transform: none !important; box-shadow: none !important; } #authView.home-shell #homeIntro .hero-signal div { grid-column: 1 !important; grid-row: 1 !important; gap: 8px !important; } #authView.home-shell #homeIntro .hero-signal b { color: #263241 !important; font-size: .76rem !important; } #authView.home-shell #homeIntro .hero-signal i { display: block !important; grid-column: 1 / -1 !important; grid-row: 2 !important; height: 6px !important; margin: 0 !important; overflow: hidden !important; border-radius: 999px !important; background: #ffedd5 !important; } #authView.home-shell #homeIntro .hero-signal i span { display: block !important; height: 100% !important; border-radius: inherit !important; transform-origin: left center !important; animation: homeHeroSignalFill 1.25s cubic-bezier(.22, 1, .36, 1) .18s both !important; will-change: transform !important; } #authView.home-shell #homeIntro .hero-signal:nth-child(1) i span { width: 100% !important; } #authView.home-shell #homeIntro .hero-signal:nth-child(2) i span { width: 84% !important; animation-delay: .28s !important; } #authView.home-shell #homeIntro .hero-signal:nth-child(3) i span { width: 62% !important; animation-delay: .38s !important; } @keyframes homeHeroSignalFill { from { transform: scaleX(0); } to { transform: scaleX(1); } } #authView.home-shell #homeIntro .hero-signal p { grid-column: 2 !important; grid-row: 1 !important; flex: 0 0 auto !important; margin: 0 !important; color: #667085 !important; font-size: .7rem !important; white-space: nowrap !important; } @media (max-width: 980px) { #authView.home-shell #homeIntro .hero-visual-inner { grid-template-columns: 1fr !important; grid-template-rows: auto auto auto !important; } #authView.home-shell #homeIntro .confidence-ring, #authView.home-shell #homeIntro .hero-radar-card { grid-column: 1 !important; justify-self: center !important; } #authView.home-shell #homeIntro .confidence-ring { grid-row: 2 !important; } #authView.home-shell #homeIntro .hero-radar-card { grid-row: 3 !important; width: min(100%, 360px) !important; } } /* Referral page v1: keep the two cards symmetrical and remove bottom slack. */ #authView.home-shell .public-referral-page .referral-layout { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; align-items: stretch !important; gap: 22px !important; } #authView.home-shell .public-referral-page .referral-code-card, #authView.home-shell .public-referral-page .referral-process-card { min-height: 300px !important; height: 100% !important; box-sizing: border-box !important; } #authView.home-shell .public-referral-page .referral-code-card { display: grid !important; grid-template-rows: auto minmax(0, 1fr) auto auto !important; gap: 18px !important; padding: 28px !important; } #authView.home-shell .public-referral-page .referral-code-box { display: grid !important; align-content: center !important; min-height: 118px !important; margin-top: 0 !important; padding: 22px 26px !important; } #authView.home-shell .public-referral-page .referral-code-card .secondary { margin-top: 0 !important; } #authView.home-shell .public-referral-page .copy-message { min-height: 0 !important; margin: 0 !important; } #authView.home-shell .public-referral-page .referral-process-card { display: grid !important; grid-template-rows: auto auto minmax(0, 1fr) auto !important; gap: 14px !important; padding: 28px !important; } #authView.home-shell .public-referral-page .referral-process-card > h2, #authView.home-shell .public-referral-page .referral-process-card > p, #authView.home-shell .public-referral-page .referral-steps, #authView.home-shell .public-referral-page .referral-note { margin-top: 0 !important; } #authView.home-shell .public-referral-page .referral-steps { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; align-items: stretch !important; gap: 12px !important; } #authView.home-shell .public-referral-page .referral-steps div { display: grid !important; grid-template-rows: auto auto minmax(0, 1fr) !important; align-content: start !important; min-height: 126px !important; padding: 16px !important; } #authView.home-shell .public-referral-page .referral-steps b { margin-top: 14px !important; } #authView.home-shell .public-referral-page .referral-note { align-items: center !important; min-height: 56px !important; padding: 12px 16px !important; } #authView.home-shell .public-referral-page .referral-note p { margin: 0 !important; } @media (max-width: 900px) { #authView.home-shell .public-referral-page .referral-layout { grid-template-columns: 1fr !important; } } /* Workspace logo: keep only the bear SVG, with no tinted tile behind it. */ #appView.workspace-shell .workspace-sidebar-brand .app-icon { background: transparent url("./assets/kaixinmiandui-bear-logo.svg") center / contain no-repeat !important; border-radius: 0 !important; box-shadow: none !important; filter: none !important; } /* Data-sim module is visible for preview, but locked behind the desktop client. */ #appView.workspace-shell:not(.hidden) .workspace-nav button[data-workspace-nav="data-sim"] { position: relative !important; } #appView.workspace-shell:not(.hidden) .workspace-sidebar, #appView.workspace-shell:not(.hidden) .workspace-nav { overflow: visible !important; } #appView.workspace-shell:not(.hidden) .workspace-nav button[data-workspace-nav="data-sim"]:hover::after { content: "请下载客户端申请解锁"; position: absolute; left: calc(100% + 14px); top: 50%; z-index: 80; transform: translateY(-50%); width: max-content; max-width: 210px; padding: 10px 14px; border: 1px solid rgba(255, 126, 38, .32); border-radius: 999px; background: rgba(255, 255, 255, .94); color: #c84912; font-size: 14px; font-weight: 800; line-height: 1.2; white-space: nowrap; box-shadow: 0 14px 32px rgba(255, 107, 29, .18); pointer-events: none; } #appView.workspace-shell:not(.hidden) .workspace-nav button[data-workspace-nav="data-sim"]:hover::before { content: ""; position: absolute; left: calc(100% + 6px); top: 50%; z-index: 81; width: 12px; height: 12px; transform: translateY(-50%) rotate(45deg); border-left: 1px solid rgba(255, 126, 38, .32); border-bottom: 1px solid rgba(255, 126, 38, .32); background: rgba(255, 255, 255, .94); pointer-events: none; } #appView.workspace-shell:not(.hidden) #dataSimPanel { position: relative !important; overflow: hidden !important; border-radius: 18px !important; } #appView.workspace-shell:not(.hidden) #dataSimPanel > * { opacity: .72 !important; filter: blur(.85px) saturate(.9) contrast(.96) !important; pointer-events: none !important; user-select: none !important; } #appView.workspace-shell:not(.hidden) #dataSimPanel::after { content: ""; position: absolute; inset: 0; z-index: 30; border: 1px solid rgba(255, 126, 38, .18); border-radius: 18px; background: linear-gradient(135deg, rgba(255, 255, 255, .18), rgba(255, 248, 240, .28)), rgba(255, 255, 255, .12); backdrop-filter: blur(5px) saturate(108%); -webkit-backdrop-filter: blur(5px) saturate(108%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .56), inset 0 0 0 999px rgba(255, 250, 245, .08); pointer-events: auto; } /* Purchase flow: aggregate QR is primary; WeChat/Alipay stay as disabled fallbacks until enabled in admin. */ #authView .purchase-method-list { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } #authView .purchase-method-btn { min-height: 74px !important; align-items: flex-start !important; justify-content: center !important; flex-direction: column !important; gap: 6px !important; padding: 10px 12px !important; transform: none !important; transition: none !important; will-change: auto !important; } #authView .purchase-method-btn:hover:not(:disabled), #authView .purchase-method-btn.active { transform: none !important; } #authView .purchase-method-main { width: 100% !important; align-items: center !important; gap: 8px !important; } #authView .purchase-method-main b { overflow: visible !important; font-size: 13px !important; line-height: 1.2 !important; text-overflow: clip !important; white-space: nowrap !important; } #authView .purchase-method-list.single { grid-template-columns: minmax(0, 1fr) !important; } #authView .purchase-method-btn.is-static { cursor: default !important; } #authView .purchase-method-btn.is-static:hover, #authView .purchase-method-btn.is-static.active { transform: none !important; } #authView .purchase-method-btn.is-static .purchase-method-main b { white-space: normal !important; } #authView .purchase-method-label { display: grid !important; gap: 2px !important; min-width: 0 !important; width: 100% !important; justify-items: start !important; text-align: left !important; } #authView .purchase-method-label em { display: block !important; overflow: visible !important; color: #9a5a31 !important; font-size: 10.5px !important; font-style: normal !important; font-weight: 800 !important; line-height: 1.2 !important; text-overflow: clip !important; white-space: nowrap !important; } #authView .purchase-method-btn.is-standby { background: rgba(255, 247, 237, .52) !important; } #authView .purchase-method-btn.is-unavailable { opacity: .58 !important; box-shadow: none !important; } #authView .purchase-method-btn.is-unavailable:hover { transform: none !important; } #authView .purchase-method-btn small { align-self: flex-start !important; white-space: nowrap !important; } @media (max-width: 760px) { #authView .purchase-method-list { grid-template-columns: 1fr !important; } } /* Keep the plan bullet points a little higher so the buy button breathes. */ #authView .public-activate-page .plan-card .plan-feature-list { position: relative !important; top: -8px !important; margin-bottom: 8px !important; } /* Login option text must stay horizontal beside the checkbox. */ #authView .client-login-options label, #authView.client-login-mode .client-login-options label, html.electron-client #authView.client-login-mode .client-login-options label { display: inline-flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-start !important; gap: 8px !important; min-width: max-content !important; white-space: nowrap !important; writing-mode: horizontal-tb !important; text-orientation: mixed !important; } #authView .client-login-options input, #authView.client-login-mode .client-login-options input, html.electron-client #authView.client-login-mode .client-login-options input { flex: 0 0 auto !important; } /* V2 overview recovery: keep the top activation strip in normal flow so cards never overlap. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-content:has(#overviewPanel:not(.workspace-panel-hidden)) { overflow: auto !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel#overviewPanel#overviewPanel#overviewPanel:not(.workspace-panel-hidden) { display: block !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel#overviewPanel#overviewPanel#overviewPanel > .overview-license-bar { position: relative !important; z-index: 2 !important; display: grid !important; grid-template-columns: minmax(190px, 0.78fr) minmax(460px, 2fr) minmax(190px, 0.78fr) minmax(170px, 0.66fr) !important; gap: 14px !important; align-items: stretch !important; width: 100% !important; height: auto !important; min-height: 76px !important; margin: 0 0 18px !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel#overviewPanel#overviewPanel#overviewPanel .overview-license-bar > .license-current, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel#overviewPanel#overviewPanel#overviewPanel .overview-license-bar > .activation-entry-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel#overviewPanel#overviewPanel#overviewPanel .overview-license-bar > .referral-reset-btn, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel#overviewPanel#overviewPanel#overviewPanel .overview-license-bar > .license-badge.referral-badge { width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 76px !important; max-height: none !important; box-sizing: border-box !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel#overviewPanel#overviewPanel#overviewPanel .overview-license-bar > .license-current { display: grid !important; grid-template-columns: 42px minmax(0, 1fr) !important; gap: 12px !important; align-items: center !important; padding: 12px 16px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel#overviewPanel#overviewPanel#overviewPanel .overview-license-bar > .activation-entry-card { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; align-items: center !important; padding: 12px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel#overviewPanel#overviewPanel#overviewPanel .overview-license-bar > .activation-entry-card > div { display: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel#overviewPanel#overviewPanel#overviewPanel .activation-panel { display: grid !important; grid-template-columns: 22px minmax(0, 1fr) 70px !important; align-items: center !important; gap: 10px !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: 48px !important; min-height: 48px !important; padding: 5px 7px 5px 12px !important; overflow: hidden !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel#overviewPanel#overviewPanel#overviewPanel .activation-panel input#cardCodeInput { display: block !important; width: 100% !important; min-width: 0 !important; height: 36px !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; text-overflow: ellipsis !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel#overviewPanel#overviewPanel#overviewPanel .activation-panel button { width: 70px !important; min-width: 70px !important; height: 38px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel#overviewPanel#overviewPanel#overviewPanel .overview-main-grid { position: relative !important; z-index: 1 !important; display: grid !important; grid-template-columns: minmax(0, 1.45fr) minmax(360px, 0.95fr) !important; gap: 18px !important; height: auto !important; min-height: 0 !important; margin-top: 0 !important; overflow: visible !important; clear: both !important; } /* Desktop client V2: render the current web workbench as a fixed 1600 x 900 app canvas. */ html.electron-client, html.electron-client body { width: 100vw !important; height: 100vh !important; min-width: 0 !important; min-height: 0 !important; overflow: hidden !important; background: #fff7f0 !important; } html.electron-client body::before { display: none !important; } html.electron-client body:has(#authView.client-login-mode:not(.hidden)), html.electron-client body:has(#appView.workspace-shell:not(.hidden)) { display: block !important; } html.electron-client #authView.client-login-mode:not(.hidden) { position: absolute !important; top: max(0px, calc((100vh - var(--desktop-client-scaled-height, 900px)) / 2)) !important; left: max(0px, calc((100vw - var(--desktop-client-scaled-width, 1600px)) / 2)) !important; display: grid !important; grid-template-columns: minmax(0, 820px) minmax(0, 780px) !important; grid-template-rows: 58px minmax(0, 842px) !important; width: 1600px !important; height: 900px !important; min-width: 1600px !important; min-height: 900px !important; max-width: 1600px !important; max-height: 900px !important; padding: 0 !important; overflow: hidden !important; background: #fff7f0 !important; transform: scale(var(--desktop-client-scale, 1)) !important; transform-origin: top left !important; } html.electron-client #authView.client-login-mode .client-login-titlebar { grid-column: 1 / -1 !important; grid-row: 1 !important; min-height: 58px !important; height: 58px !important; } html.electron-client #authView.client-login-mode .client-login-preview { grid-column: 1 !important; grid-row: 2 !important; display: block !important; min-width: 0 !important; min-height: 0 !important; height: 842px !important; padding: 58px 60px 42px !important; overflow: hidden !important; } html.electron-client #authView.client-login-mode .client-login-logo { justify-content: center !important; gap: 24px !important; } html.electron-client #authView.client-login-mode .client-login-logo .brand-mark { width: 138px !important; height: 138px !important; } html.electron-client #authView.client-login-mode .client-login-feature-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 22px !important; margin-top: 48px !important; } html.electron-client #authView.client-login-mode .client-login-feature-grid article { min-height: 168px !important; } html.electron-client #authView.client-login-mode .auth-drawer { grid-column: 2 !important; grid-row: 2 !important; position: static !important; display: block !important; width: auto !important; height: auto !important; min-width: 0 !important; min-height: 0 !important; margin: 58px 54px 48px !important; padding: 0 !important; overflow: hidden !important; opacity: 1 !important; transform: none !important; } html.electron-client #authView.client-login-mode .auth-drawer-scroll { display: flex !important; align-items: center !important; width: 100% !important; height: 100% !important; min-height: 0 !important; padding: 42px !important; overflow: hidden !important; } html.electron-client #authView.client-login-mode .auth-card-inner { min-width: 0 !important; } html.electron-client #authView.client-login-mode .auth-form { gap: 18px !important; } html.electron-client #authView.client-login-mode .input-wrap, html.electron-client #authView.client-login-mode .captcha-row input, html.electron-client #authView.client-login-mode .code-row input, html.electron-client #authView.client-login-mode .captcha-image, html.electron-client #authView.client-login-mode .code-row .secondary { min-height: 64px !important; height: 64px !important; } html.electron-client #authView.client-login-mode .auth-form > .primary { min-height: 70px !important; height: 70px !important; } html.electron-client #appView.workspace-shell:not(.hidden) { position: relative !important; display: block !important; width: 100vw !important; height: 100vh !important; min-width: 0 !important; min-height: 0 !important; padding: 0 !important; overflow: hidden !important; background: #fff7f0 !important; } html.electron-client #appView.workspace-shell:not(.hidden) .workspace-frame { position: absolute !important; top: max(0px, calc((100vh - var(--desktop-client-scaled-height, 900px)) / 2)) !important; left: max(0px, calc((100vw - var(--desktop-client-scaled-width, 1600px)) / 2)) !important; display: grid !important; grid-template-columns: 260px minmax(0, 1340px) !important; grid-template-rows: 44px minmax(0, 856px) !important; width: 1600px !important; height: 900px !important; min-width: 1600px !important; min-height: 900px !important; max-width: 1600px !important; max-height: 900px !important; margin: 0 !important; overflow: hidden !important; transform: scale(var(--desktop-client-scale, 1)) !important; transform-origin: top left !important; } html.electron-client #appView.workspace-shell:not(.hidden) .client-window-bar { grid-column: 1 / -1 !important; grid-row: 1 !important; min-height: 44px !important; height: 44px !important; } html.electron-client #appView.workspace-shell:not(.hidden) .workspace-sidebar { grid-column: 1 !important; grid-row: 2 !important; width: 260px !important; height: 856px !important; min-height: 0 !important; } html.electron-client #appView.workspace-shell:not(.hidden) .workspace-main { grid-column: 2 !important; grid-row: 2 !important; width: 1340px !important; height: 856px !important; min-width: 0 !important; min-height: 0 !important; overflow: hidden !important; } html.electron-client #appView.workspace-shell:not(.hidden) .workspace-topbar { min-height: 92px !important; height: 92px !important; } html.electron-client #appView.workspace-shell:not(.hidden) .workspace-content { width: 100% !important; height: 764px !important; min-height: 0 !important; max-height: 764px !important; overflow-x: hidden !important; overflow-y: auto !important; } html.electron-client #appView.workspace-shell:not(.hidden) .workspace-content-inner { min-height: 100% !important; overflow: visible !important; } html.electron-client .client-window-controls { gap: 8px !important; } html.electron-client .client-window-controls button { width: 46px !important; height: 34px !important; border-radius: 9px !important; } html.electron-client .client-window-controls button::before, html.electron-client .client-window-controls button::after { content: "" !important; color: #667085 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 18px !important; font-weight: 800 !important; } html.electron-client .client-window-controls button[data-window-action="minimize"]::before { content: "-" !important; font-size: 24px !important; transform: translateY(-3px); } html.electron-client .client-window-controls button[data-window-action="toggle-maximize"]::before { content: "□" !important; } html.electron-client .client-window-controls button[data-window-action="toggle-maximize"].is-maximized::before { content: "❐" !important; } html.electron-client .client-window-controls button[data-window-action="close"]::before { content: "×" !important; font-size: 23px !important; } html.electron-client .client-window-controls button[data-window-action="close"]:hover::before { color: #fff !important; } html.electron-client #appView.workspace-shell:not(.hidden) #dataSimPanel > * { opacity: 1 !important; filter: none !important; pointer-events: auto !important; user-select: auto !important; } html.electron-client #appView.workspace-shell:not(.hidden) #dataSimPanel::after { display: none !important; content: none !important; } html.electron-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .workspace-frame { position: absolute !important; top: max(0px, calc((100vh - var(--desktop-client-scaled-height, 900px)) / 2)) !important; left: max(0px, calc((100vw - var(--desktop-client-scaled-width, 1600px)) / 2)) !important; width: 1600px !important; height: 900px !important; min-width: 1600px !important; min-height: 900px !important; max-width: 1600px !important; max-height: 900px !important; grid-template-columns: 260px minmax(0, 1340px) !important; grid-template-rows: 44px minmax(0, 856px) !important; overflow: hidden !important; } html.electron-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .workspace-main { width: 1340px !important; height: 856px !important; min-height: 0 !important; grid-template-rows: 92px minmax(0, 764px) !important; } html.electron-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .workspace-topbar { height: 92px !important; min-height: 92px !important; padding: 18px 28px 16px !important; } html.electron-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .workspace-content { height: 764px !important; min-height: 0 !important; max-height: 764px !important; overflow-x: hidden !important; overflow-y: auto !important; } /* Desktop client final polish: visible chrome controls and readable topbar after proportional downscale. */ html.electron-client .client-login-titlebar, html.electron-client .client-window-bar { position: relative !important; z-index: 50 !important; } html.electron-client .client-login-titlebar > div:first-child, html.electron-client .client-window-brand { gap: 12px !important; } html.electron-client .client-login-titlebar b, html.electron-client .client-window-brand b { font-size: 15px !important; font-weight: 950 !important; } html.electron-client .client-login-titlebar i, html.electron-client .client-window-brand i { display: inline !important; font-size: 13px !important; font-weight: 800 !important; } html.electron-client .client-window-controls { display: inline-flex !important; align-items: center !important; gap: 8px !important; min-width: 154px !important; justify-content: flex-end !important; } html.electron-client .client-window-controls button { position: relative !important; display: inline-grid !important; place-items: center !important; width: 44px !important; height: 34px !important; min-width: 44px !important; min-height: 34px !important; border: 0 !important; border-radius: 9px !important; background: transparent !important; color: #667085 !important; opacity: 1 !important; visibility: visible !important; } html.electron-client .client-window-controls button:hover { background: rgba(15, 23, 42, .08) !important; } html.electron-client .client-window-controls button[data-window-action="close"]:hover { background: #ef4444 !important; } html.electron-client .client-window-controls button::before, html.electron-client .client-window-controls button::after { position: absolute !important; display: block !important; inset: auto !important; content: "" !important; color: currentColor !important; background: currentColor !important; transform-origin: center !important; } html.electron-client .client-window-controls button[data-window-action="minimize"]::before { left: 13px !important; top: 17px !important; width: 18px !important; height: 2px !important; border-radius: 999px !important; } html.electron-client .client-window-controls button[data-window-action="minimize"]::after { display: none !important; } html.electron-client .client-window-controls button[data-window-action="toggle-maximize"]::before { left: 14px !important; top: 9px !important; width: 14px !important; height: 14px !important; border: 2px solid currentColor !important; border-radius: 2px !important; background: transparent !important; } html.electron-client .client-window-controls button[data-window-action="toggle-maximize"]::after { display: none !important; } html.electron-client .client-window-controls button[data-window-action="toggle-maximize"].is-maximized::before { left: 16px !important; top: 11px !important; width: 12px !important; height: 12px !important; } html.electron-client .client-window-controls button[data-window-action="toggle-maximize"].is-maximized::after { display: block !important; left: 12px !important; top: 8px !important; width: 12px !important; height: 12px !important; border: 2px solid currentColor !important; border-radius: 2px !important; background: transparent !important; } html.electron-client .client-window-controls button[data-window-action="close"]::before, html.electron-client .client-window-controls button[data-window-action="close"]::after { left: 13px !important; top: 16px !important; width: 18px !important; height: 2px !important; border-radius: 999px !important; } html.electron-client .client-window-controls button[data-window-action="close"]::before { transform: rotate(45deg) !important; } html.electron-client .client-window-controls button[data-window-action="close"]::after { transform: rotate(-45deg) !important; } html.electron-client .client-window-controls button[data-window-action="close"]:hover { color: #fff !important; } html.electron-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .workspace-topbar p { font-size: 15px !important; line-height: 1.15 !important; } html.electron-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .workspace-topbar h1 { font-size: 33px !important; line-height: 1.05 !important; } html.electron-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .credit-panel span, html.electron-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .credit-refresh-btn, html.electron-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .credit-claim-btn { font-size: 14px !important; } html.electron-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .credit-panel b { font-size: 24px !important; } html.electron-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .account-panel-btn b { font-size: 19px !important; } html.electron-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .account-panel-btn small { font-size: 14px !important; } .ali-captcha-panel { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 10px; } .ali-captcha-panel.hidden, .captcha-row.hidden { display: none !important; } .ali-captcha-button { min-height: 46px; border: 1px solid rgba(255, 130, 31, 0.42); border-radius: 14px; background: linear-gradient(180deg, #fffaf5, #fff7ed); color: #c2410c; font-size: 15px; font-weight: 850; display: inline-flex; align-items: center; justify-content: center; gap: 8px; cursor: pointer; box-shadow: 0 10px 22px rgba(255, 126, 32, 0.08); } .ali-captcha-button:disabled { cursor: wait; opacity: 0.68; } .ali-captcha-status { min-width: 62px; color: #94a3b8; font-size: 13px; font-weight: 800; text-align: right; } .ali-captcha-status.is-passed { color: #16a34a; } /* Auth captcha polish: keep the login/register drawer compact without touching workspace panels. */ #authView .ali-captcha-panel { display: flex !important; align-items: center !important; gap: 10px !important; width: 100% !important; } #authView .ali-captcha-button { flex: 0 1 66% !important; max-width: 320px !important; min-width: 210px !important; min-height: 42px !important; padding: 0 14px !important; border-radius: 999px !important; white-space: nowrap !important; } #authView .ali-captcha-status { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; min-width: 76px !important; min-height: 34px !important; padding: 0 14px !important; border: 1px solid rgba(255, 130, 31, 0.32) !important; border-radius: 999px !important; background: rgba(255, 247, 237, 0.92) !important; color: #98a2b3 !important; font-size: 13px !important; font-weight: 850 !important; line-height: 1 !important; text-align: center !important; white-space: nowrap !important; } #authView .ali-captcha-status.is-passed { border-color: rgba(22, 163, 74, 0.28) !important; background: rgba(220, 252, 231, 0.84) !important; color: #16a34a !important; } body.auth-mode-login #authView .auth-drawer-scroll { overflow-y: auto !important; padding-bottom: 28px !important; scrollbar-width: thin !important; } body.auth-mode-login #authView .auth-card-inner { margin-bottom: 18px !important; } #authView .client-login-options input[type="checkbox"] { width: 16px !important; height: 16px !important; min-width: 16px !important; min-height: 16px !important; accent-color: #ff6b17 !important; } #registerForm > .auth-form-row.auth-form-row-7-3:nth-of-type(2) { grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr) !important; } #registerForm > .auth-form-row.auth-form-row-7-3:nth-of-type(2) .code-row { grid-template-columns: minmax(150px, 1fr) 126px !important; gap: 10px !important; } #registerForm > .auth-form-row.auth-form-row-7-3:nth-of-type(2) .code-row input, #registerForm > .auth-form-row.auth-form-row-7-3:nth-of-type(2) .code-row .secondary { height: 44px !important; min-height: 44px !important; border-radius: 999px !important; } #authView.client-login-mode .ali-captcha-button { min-height: 54px !important; max-width: 360px !important; } #authView.client-login-mode .ali-captcha-status { min-height: 38px !important; } @media (max-width: 640px) { #registerForm > .auth-form-row.auth-form-row-7-3:nth-of-type(2) { grid-template-columns: 1fr !important; } #authView .ali-captcha-button { min-width: 0 !important; } } /* Auth captcha final alignment: compact button, equal status pill, consistent SMS code controls. */ #authView .ali-captcha-panel { justify-content: flex-start !important; } #authView .ali-captcha-button { flex: 0 0 auto !important; width: min(250px, calc(100% - 104px)) !important; max-width: 250px !important; min-width: 188px !important; height: 44px !important; min-height: 44px !important; padding: 0 18px !important; } #authView .ali-captcha-status { height: 44px !important; min-height: 44px !important; min-width: 84px !important; padding: 0 18px !important; } #authView.client-login-mode .ali-captcha-button { width: min(270px, calc(100% - 108px)) !important; max-width: 270px !important; min-height: 44px !important; } #authView.client-login-mode .ali-captcha-status { min-height: 44px !important; } #authView .code-row { align-items: stretch !important; } #authView .code-row input, #authView .code-row .secondary { height: 44px !important; min-height: 44px !important; border-radius: 999px !important; border: 1px solid rgba(255, 130, 31, 0.34) !important; background: rgba(255, 255, 255, 0.86) !important; box-shadow: none !important; } #authView .code-row .secondary { display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 0 18px !important; color: #c2410c !important; font-size: 13px !important; font-weight: 850 !important; white-space: nowrap !important; } #registerForm > .auth-form-row.auth-form-row-7-3:nth-of-type(2) { grid-template-columns: minmax(0, 0.66fr) minmax(0, 1.34fr) !important; } #registerForm > .auth-form-row.auth-form-row-7-3:nth-of-type(2) .code-row { grid-template-columns: minmax(178px, 1fr) 128px !important; } @media (max-width: 640px) { #authView .ali-captcha-button { width: min(220px, calc(100% - 96px)) !important; min-width: 0 !important; } #authView .ali-captcha-status { min-width: 76px !important; padding: 0 14px !important; } } /* Auth register row final sizing: shorter SMS controls, longer phone field. */ #registerForm > .auth-form-row.auth-form-row-7-3:nth-of-type(2) { grid-template-columns: minmax(0, 1.28fr) minmax(260px, 0.72fr) !important; align-items: start !important; column-gap: 14px !important; } #registerForm > .auth-form-row.auth-form-row-7-3:nth-of-type(2) .code-row { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; max-width: 260px !important; margin-left: auto !important; gap: 10px !important; } #registerForm > .auth-form-row.auth-form-row-7-3:nth-of-type(2) .code-row input, #registerForm > .auth-form-row.auth-form-row-7-3:nth-of-type(2) .code-row .secondary, #forgotForm .code-row input, #forgotForm .code-row .secondary { width: 100% !important; min-width: 0 !important; padding-left: 12px !important; padding-right: 12px !important; text-align: center !important; } #forgotForm .code-row { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; max-width: 300px !important; } /* Public website restore: keep the marketing pages at normal website type scale and header alignment. */ html:not(.electron-client) #authView.home-shell:not(.client-login-mode) { font-size: 1rem !important; } html:not(.electron-client) #authView.home-shell:not(.client-login-mode) .home-header { align-items: center !important; } html:not(.electron-client) #authView.home-shell:not(.client-login-mode) .home-brand, html:not(.electron-client) #authView.home-shell:not(.client-login-mode) .public-account-actions, html:not(.electron-client) #authView.home-shell:not(.client-login-mode) .home-menu-btn { align-self: center !important; margin-top: 0 !important; margin-bottom: 0 !important; transform: none !important; } html:not(.electron-client) #authView.home-shell:not(.client-login-mode) { --public-wide-width: min(1800px, calc(100vw - 36px)); --public-wide-gutter: max(18px, calc((100vw - 1800px) / 2 + 18px)); } html:not(.electron-client) #authView.home-shell:not(.client-login-mode) .home-header { padding-left: var(--public-wide-gutter) !important; padding-right: var(--public-wide-gutter) !important; } html:not(.electron-client) #authView.home-shell:not(.client-login-mode) .auth-hero, html:not(.electron-client) #authView.home-shell:not(.client-login-mode) .trial-stage-inner, html:not(.electron-client) #authView.home-shell:not(.client-login-mode) .home-feature-inner, html:not(.electron-client) #authView.home-shell:not(.client-login-mode) .public-subpage, html:not(.electron-client) #authView.home-shell:not(.client-login-mode) .public-footer { width: var(--public-wide-width) !important; max-width: var(--public-wide-width) !important; } html:not(.electron-client) #authView.home-shell:not(.client-login-mode) .home-nav { gap: 18px !important; } html:not(.electron-client) #authView.home-shell:not(.client-login-mode) .home-nav button { min-height: 40px !important; padding: .6rem 1.08rem !important; font-size: 1rem !important; font-weight: 800 !important; } html:not(.electron-client) #authView.home-shell:not(.client-login-mode) .auth-hero { grid-template-columns: minmax(0, .96fr) minmax(430px, 1.04fr) !important; } @media (min-width: 1101px) { html:not(.electron-client) #authView.home-shell:not(.client-login-mode) #homeIntro .auth-hero-main { transform: translate(7px, -48px) !important; } } html:not(.electron-client) #authView.home-shell:not(.client-login-mode) #homeIntro .hero-stats { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; max-width: 650px !important; } html:not(.electron-client) #authView.home-shell:not(.client-login-mode) #homeIntro .hero-stats div { padding-right: 10px !important; } html:not(.electron-client) #authView.home-shell:not(.client-login-mode) #homeIntro .hero-stats div + div { padding-left: 14px !important; } @media (max-width: 760px) { #registerForm > .auth-form-row.auth-form-row-7-3:nth-of-type(2) { grid-template-columns: 1fr !important; } #registerForm > .auth-form-row.auth-form-row-7-3:nth-of-type(2) .code-row { max-width: none !important; margin-left: 0 !important; } } /* Web workbench V2 restore: keep the browser layout at normal page scale and let role big-data details scroll fully. */ html:not(.electron-client) #appView.workspace-shell.clone-fit { overflow: auto !important; } html:not(.electron-client) #appView.workspace-shell.clone-fit .workspace-frame { width: 100vw !important; height: 100vh !important; min-width: 0 !important; min-height: 0 !important; transform: none !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) { overflow-x: hidden !important; overflow-y: auto !important; align-content: start !important; padding-bottom: 24px !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) > #roleBigDataPanel.role-bigdata-panel { max-height: none !important; overflow: visible !important; margin-bottom: 18px !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-content, html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-grid { max-height: none !important; overflow: visible !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-card, html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-card-body { max-height: none !important; overflow: visible !important; } /* Role big-data details: keep every dimension scrollable and leave a small visual cushion at the bottom. */ html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel { padding-bottom: 20px !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleInsightContent.role-insight-content { padding-bottom: 28px !important; margin-bottom: 4px !important; } /* Web V3 workbench topbar: remove the repeated brand kicker and lift title/subtitle slightly. */ html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-topbar > div:first-child { transform: translateY(-4px) !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-topbar p { display: none !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-topbar h1 { margin-top: 0 !important; } /* Web overview guard: after activation, keep the four top cards in one clean row. */ html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel:not(.workspace-panel-hidden) > .overview-license-bar { position: relative !important; display: grid !important; grid-template-columns: minmax(210px, 0.78fr) minmax(520px, 2fr) minmax(210px, 0.78fr) minmax(190px, 0.7fr) !important; grid-auto-flow: row !important; grid-auto-rows: minmax(78px, auto) !important; gap: 14px !important; align-items: stretch !important; width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 78px !important; max-height: none !important; margin: 0 0 18px !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; overflow: visible !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-license-bar > .license-current { order: 1 !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-license-bar > .activation-entry-card { order: 2 !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-license-bar > .referral-reset-btn { order: 3 !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-license-bar > .license-badge.referral-badge { order: 4 !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-license-bar > .license-current, html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-license-bar > .activation-entry-card, html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-license-bar > .referral-reset-btn, html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-license-bar > .license-badge.referral-badge { width: 100% !important; min-width: 0 !important; height: 78px !important; min-height: 78px !important; max-height: 78px !important; writing-mode: horizontal-tb !important; text-orientation: mixed !important; white-space: normal !important; overflow: hidden !important; box-sizing: border-box !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-license-bar > .license-current, html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-license-bar > .referral-reset-btn { display: grid !important; grid-template-columns: 42px minmax(0, 1fr) !important; gap: 12px !important; align-items: center !important; padding: 12px 16px !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-license-bar > .activation-entry-card { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; align-items: center !important; padding: 13px !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-license-bar > .activation-entry-card > div { display: none !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-license-bar .activation-panel { display: grid !important; grid-template-columns: 22px minmax(0, 1fr) 72px !important; align-items: center !important; gap: 10px !important; width: 100% !important; min-width: 0 !important; height: 50px !important; min-height: 50px !important; padding: 5px 7px 5px 12px !important; overflow: hidden !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-license-bar .activation-panel input#cardCodeInput { min-width: 0 !important; width: 100% !important; height: 38px !important; writing-mode: horizontal-tb !important; text-orientation: mixed !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-license-bar .activation-panel button { width: 72px !important; min-width: 72px !important; height: 38px !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-license-bar > .license-badge.referral-badge { display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: flex-start !important; gap: 6px !important; padding: 12px 16px !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-license-bar > .license-badge.referral-badge span, html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-license-bar > .license-badge.referral-badge strong, html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-license-bar > .license-current p, html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-license-bar > .license-current small, html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-license-bar > .referral-reset-btn b, html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-license-bar > .referral-reset-btn small { max-width: 100% !important; min-width: 0 !important; writing-mode: horizontal-tb !important; text-orientation: mixed !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-license-bar #memberBadge { display: none !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-license-bar #activateMessage:not(.hidden) { order: 5 !important; grid-column: 1 / -1 !important; display: flex !important; align-items: center !important; width: 100% !important; min-height: 34px !important; margin: -4px 0 0 !important; padding: 7px 12px !important; border-radius: 12px !important; writing-mode: horizontal-tb !important; text-orientation: mixed !important; } @media (max-width: 1220px) { html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel:not(.workspace-panel-hidden) > .overview-license-bar { grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr) !important; } } /* Web auth page: nudge the login/register card down slightly for balanced vertical whitespace. */ html:not(.electron-client) #authView.client-login-mode:not(.hidden) .auth-drawer { padding-top: 72px !important; padding-bottom: 34px !important; } /* Register form polish: password fields share one row, captcha pill is tighter. */ html:not(.electron-client) #authView.client-login-mode #registerForm.auth-form:not(.hidden) { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; column-gap: 14px !important; row-gap: 16px !important; } html:not(.electron-client) #authView.client-login-mode #registerForm > .auth-form-row, html:not(.electron-client) #authView.client-login-mode #registerForm > .primary { grid-column: 1 / -1 !important; } html:not(.electron-client) #authView.client-login-mode #registerForm > label { min-width: 0 !important; } html:not(.electron-client) #authView.client-login-mode .ali-captcha-button { width: min(220px, calc(100% - 108px)) !important; max-width: 220px !important; min-width: 176px !important; padding-left: 14px !important; padding-right: 14px !important; } /* Web register drawer final guard: password inputs share one row, captcha pill is tighter. */ html:not(.electron-client) #authView:not(.client-login-mode) #registerForm.auth-form:not(.hidden) { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; column-gap: 14px !important; row-gap: 12px !important; } html:not(.electron-client) #authView:not(.client-login-mode) #registerForm > .auth-form-row, html:not(.electron-client) #authView:not(.client-login-mode) #registerForm > .graph-captcha-label, html:not(.electron-client) #authView:not(.client-login-mode) #registerForm > .primary { grid-column: 1 / -1 !important; } html:not(.electron-client) #authView:not(.client-login-mode) #registerForm > label { min-width: 0 !important; } html:not(.electron-client) #authView:not(.client-login-mode) #registerForm > label > .input-wrap input[type="password"] { width: 100% !important; } html:not(.electron-client) #authView:not(.client-login-mode) #registerForm .ali-captcha-panel { display: flex !important; align-items: center !important; gap: 10px !important; width: 100% !important; } html:not(.electron-client) #authView:not(.client-login-mode) #registerForm .ali-captcha-button { flex: 0 0 216px !important; width: 216px !important; max-width: 216px !important; min-width: 0 !important; height: 42px !important; min-height: 42px !important; padding-left: 12px !important; padding-right: 12px !important; } html:not(.electron-client) #authView:not(.client-login-mode) #registerForm .ali-captcha-status { flex: 0 0 88px !important; width: 88px !important; min-width: 88px !important; height: 42px !important; min-height: 42px !important; padding-left: 12px !important; padding-right: 12px !important; } html:not(.electron-client) #authView:not(.client-login-mode) #registerForm > .auth-form-row.auth-form-row-7-3:nth-of-type(2) { grid-template-columns: minmax(0, 1.28fr) minmax(260px, 0.72fr) !important; } html:not(.electron-client) #authView:not(.client-login-mode) #registerForm > .auth-form-row.auth-form-row-7-3:nth-of-type(2) .code-row { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; max-width: 260px !important; margin-left: auto !important; } @media (max-width: 640px) { html:not(.electron-client) #authView:not(.client-login-mode) #registerForm.auth-form:not(.hidden) { grid-template-columns: 1fr !important; } html:not(.electron-client) #authView:not(.client-login-mode) #registerForm .ali-captcha-button { flex-basis: min(216px, calc(100% - 98px)) !important; width: min(216px, calc(100% - 98px)) !important; } html:not(.electron-client) #authView:not(.client-login-mode) #registerForm > .auth-form-row.auth-form-row-7-3:nth-of-type(2) { grid-template-columns: 1fr !important; } html:not(.electron-client) #authView:not(.client-login-mode) #registerForm > .auth-form-row.auth-form-row-7-3:nth-of-type(2) .code-row { max-width: none !important; margin-left: 0 !important; } } /* Web auth drawer header guard: switching tabs should not nudge the brand bar. */ html:not(.electron-client) #authDrawer.auth-drawer .auth-drawer-head { box-sizing: border-box !important; width: 100% !important; height: 73px !important; min-height: 73px !important; flex: 0 0 73px !important; padding: 12px 20px !important; align-items: center !important; } html:not(.electron-client) #authDrawer.auth-drawer .auth-drawer-head .home-brand { flex: 0 0 auto !important; min-width: 0 !important; } html:not(.electron-client) #authDrawer.auth-drawer #authDrawerCloseBtn { flex: 0 0 52px !important; width: 52px !important; height: 52px !important; min-width: 52px !important; min-height: 52px !important; } html:not(.electron-client) #authDrawer.auth-drawer .auth-drawer-scroll { scrollbar-gutter: stable both-edges !important; } /* Auth form visibility guard: never let register styling override inactive tabs. */ html:not(.electron-client) #authView #loginForm.hidden, html:not(.electron-client) #authView #registerForm.hidden, html:not(.electron-client) #authView #forgotForm.hidden { display: none !important; } /* Web auth drawer consistency: login, register, and forgot use one card size and type scale. */ html:not(.electron-client) #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-drawer-scroll { padding: 22px 24px !important; overflow-y: auto !important; } html:not(.electron-client) #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-card-inner { width: 100% !important; max-width: 492px !important; min-width: 0 !important; margin: 0 auto 18px !important; padding: 22px !important; box-sizing: border-box !important; } html:not(.electron-client) #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-title h2 { min-height: 34px !important; margin-top: 6px !important; font-size: clamp(1.34rem, 4vw, 1.76rem) !important; line-height: 1.16 !important; } html:not(.electron-client) #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-title p:not(.eyebrow) { min-height: 42px !important; font-size: .86rem !important; line-height: 1.48 !important; } html:not(.electron-client) #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-tabs { margin-top: 16px !important; margin-bottom: 0 !important; } html:not(.electron-client) #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-tabs button { min-height: 38px !important; font-size: .84rem !important; } html:not(.electron-client) #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-form { gap: 12px !important; margin-top: 16px !important; } html:not(.electron-client) #authView:not(.client-login-mode) #authDrawer.auth-drawer .input-wrap input, html:not(.electron-client) #authView:not(.client-login-mode) #authDrawer.auth-drawer .captcha-row input, html:not(.electron-client) #authView:not(.client-login-mode) #authDrawer.auth-drawer .code-row input, html:not(.electron-client) #authView:not(.client-login-mode) #authDrawer.auth-drawer .code-row .secondary { height: 44px !important; min-height: 44px !important; border-radius: 14px !important; } html:not(.electron-client) #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-form .primary { min-height: 46px !important; margin-top: 4px !important; } /* Web auth drawer hard lock: login, register, and forgot keep the same card and control metrics. */ html:not(.electron-client) body.auth-mode-login #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-drawer-scroll, html:not(.electron-client) #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-drawer-scroll { padding: 22px 24px !important; overflow-y: auto !important; scrollbar-gutter: stable both-edges !important; } html:not(.electron-client) body.auth-mode-login #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-card-inner, html:not(.electron-client) #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-card-inner { width: 100% !important; max-width: 492px !important; min-width: 0 !important; margin: 0 auto 18px !important; padding: 22px !important; box-sizing: border-box !important; } html:not(.electron-client) body.auth-mode-login #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-title h2, html:not(.electron-client) #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-title h2 { min-height: 34px !important; margin: 6px 0 0 !important; font-size: clamp(1.34rem, 4vw, 1.76rem) !important; line-height: 1.16 !important; } html:not(.electron-client) body.auth-mode-login #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-title p:not(.eyebrow), html:not(.electron-client) #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-title p:not(.eyebrow) { min-height: 42px !important; font-size: .86rem !important; line-height: 1.48 !important; } html:not(.electron-client) body.auth-mode-login #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-tabs, html:not(.electron-client) #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-tabs { margin-top: 16px !important; margin-bottom: 0 !important; } html:not(.electron-client) body.auth-mode-login #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-tabs button, html:not(.electron-client) #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-tabs button { min-height: 38px !important; font-size: .84rem !important; } html:not(.electron-client) body.auth-mode-login #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-form:not(.hidden), html:not(.electron-client) #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-form:not(.hidden) { gap: 12px !important; margin-top: 16px !important; } html:not(.electron-client) body.auth-mode-login #authView:not(.client-login-mode) #authDrawer.auth-drawer .input-wrap, html:not(.electron-client) #authView:not(.client-login-mode) #authDrawer.auth-drawer .input-wrap, html:not(.electron-client) body.auth-mode-login #authView:not(.client-login-mode) #authDrawer.auth-drawer .captcha-row input, html:not(.electron-client) #authView:not(.client-login-mode) #authDrawer.auth-drawer .captcha-row input, html:not(.electron-client) body.auth-mode-login #authView:not(.client-login-mode) #authDrawer.auth-drawer .code-row input, html:not(.electron-client) #authView:not(.client-login-mode) #authDrawer.auth-drawer .code-row input, html:not(.electron-client) body.auth-mode-login #authView:not(.client-login-mode) #authDrawer.auth-drawer .code-row .secondary, html:not(.electron-client) #authView:not(.client-login-mode) #authDrawer.auth-drawer .code-row .secondary { height: 44px !important; min-height: 44px !important; border-radius: 14px !important; } html:not(.electron-client) body.auth-mode-login #authView:not(.client-login-mode) #authDrawer.auth-drawer .input-wrap input, html:not(.electron-client) #authView:not(.client-login-mode) #authDrawer.auth-drawer .input-wrap input { height: 44px !important; min-height: 44px !important; border-radius: 14px !important; } html:not(.electron-client) body.auth-mode-login #authView:not(.client-login-mode) #authDrawer.auth-drawer .captcha-image, html:not(.electron-client) #authView:not(.client-login-mode) #authDrawer.auth-drawer .captcha-image { width: 118px !important; height: 44px !important; min-height: 44px !important; border-radius: 14px !important; } html:not(.electron-client) body.auth-mode-login #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-form > .primary, html:not(.electron-client) #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-form > .primary { height: 46px !important; min-height: 46px !important; margin-top: 4px !important; border-radius: 14px !important; font-size: .95rem !important; line-height: 1.2 !important; } /* Web auth drawer final equalizer: all three tabs must render as the same component set. */ html:not(.electron-client) #authView #authDrawer.auth-drawer .auth-card-inner { width: min(492px, 100%) !important; max-width: 492px !important; min-width: 0 !important; margin-left: auto !important; margin-right: auto !important; padding: 22px !important; box-sizing: border-box !important; } html:not(.electron-client) #authView #authDrawer.auth-drawer .auth-title { min-height: 112px !important; } html:not(.electron-client) #authView #authDrawer.auth-drawer .auth-title .eyebrow { min-height: 17px !important; } html:not(.electron-client) #authView #authDrawer.auth-drawer .auth-title h2 { min-height: 34px !important; margin: 6px 0 0 !important; font-size: clamp(1.34rem, 4vw, 1.76rem) !important; line-height: 1.16 !important; } html:not(.electron-client) #authView #authDrawer.auth-drawer .auth-title p:not(.eyebrow) { min-height: 42px !important; margin-top: 8px !important; font-size: .86rem !important; line-height: 1.48 !important; } html:not(.electron-client) #authView #authDrawer.auth-drawer .auth-tabs { min-height: 38px !important; margin-top: 16px !important; margin-bottom: 0 !important; } html:not(.electron-client) #authView #authDrawer.auth-drawer .auth-tabs button { min-height: 38px !important; font-size: .84rem !important; } html:not(.electron-client) #authView #authDrawer.auth-drawer .auth-form:not(.hidden) { gap: 12px !important; margin-top: 16px !important; } html:not(.electron-client) #authView #authDrawer.auth-drawer .auth-form label > span { font-size: .78rem !important; line-height: 1.2 !important; } html:not(.electron-client) #authView #authDrawer.auth-drawer .auth-form .input-wrap, html:not(.electron-client) #authView #authDrawer.auth-drawer .auth-form .captcha-row input, html:not(.electron-client) #authView #authDrawer.auth-drawer .auth-form .code-row input, html:not(.electron-client) #authView #authDrawer.auth-drawer .auth-form .code-row .secondary, html:not(.electron-client) #authView #authDrawer.auth-drawer .auth-form .captcha-image { height: 44px !important; min-height: 44px !important; border-radius: 14px !important; } html:not(.electron-client) #authView #authDrawer.auth-drawer .auth-form .input-wrap input { height: 44px !important; min-height: 44px !important; border-radius: 14px !important; } html:not(.electron-client) #authView #authDrawer.auth-drawer .auth-form > .primary { height: 46px !important; min-height: 46px !important; margin-top: 4px !important; border-radius: 14px !important; font-size: .95rem !important; line-height: 1.2 !important; } /* Login tab: keep the same card width as register/forgot while preventing field overflow. */ html:not(.electron-client) body.auth-mode-login #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-drawer-head, html:not(.electron-client) body.auth-mode-register #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-drawer-head, html:not(.electron-client) body.auth-mode-forgot #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-drawer-head { height: 73px !important; min-height: 73px !important; flex: 0 0 73px !important; padding: 12px 20px !important; } html:not(.electron-client) body.auth-mode-login #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-drawer-scroll, html:not(.electron-client) body.auth-mode-register #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-drawer-scroll, html:not(.electron-client) body.auth-mode-forgot #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-drawer-scroll { padding: 22px 24px !important; overflow-y: auto !important; scrollbar-gutter: stable both-edges !important; } html:not(.electron-client) body.auth-mode-login #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-card-inner, html:not(.electron-client) body.auth-mode-register #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-card-inner, html:not(.electron-client) body.auth-mode-forgot #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-card-inner { width: min(492px, 100%) !important; max-width: 492px !important; min-width: 0 !important; margin: 0 auto 18px !important; padding: 22px !important; box-sizing: border-box !important; } html:not(.electron-client) body.auth-mode-login #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-title, html:not(.electron-client) body.auth-mode-register #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-title, html:not(.electron-client) body.auth-mode-forgot #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-title { min-height: 112px !important; } html:not(.electron-client) body.auth-mode-login #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-title h2, html:not(.electron-client) body.auth-mode-register #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-title h2, html:not(.electron-client) body.auth-mode-forgot #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-title h2 { min-height: 34px !important; margin: 6px 0 0 !important; font-size: clamp(1.34rem, 4vw, 1.76rem) !important; line-height: 1.16 !important; } html:not(.electron-client) body.auth-mode-login #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-title p:not(.eyebrow), html:not(.electron-client) body.auth-mode-register #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-title p:not(.eyebrow), html:not(.electron-client) body.auth-mode-forgot #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-title p:not(.eyebrow) { min-height: 42px !important; margin-top: 8px !important; font-size: .86rem !important; line-height: 1.48 !important; } html:not(.electron-client) body.auth-mode-login #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-tabs, html:not(.electron-client) body.auth-mode-register #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-tabs, html:not(.electron-client) body.auth-mode-forgot #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-tabs { min-height: 38px !important; margin-top: 16px !important; margin-bottom: 0 !important; } html:not(.electron-client) body.auth-mode-login #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-tabs button, html:not(.electron-client) body.auth-mode-register #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-tabs button, html:not(.electron-client) body.auth-mode-forgot #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-tabs button { min-height: 38px !important; font-size: .84rem !important; } html:not(.electron-client) body.auth-mode-login #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-form:not(.hidden), html:not(.electron-client) body.auth-mode-register #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-form:not(.hidden), html:not(.electron-client) body.auth-mode-forgot #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-form:not(.hidden) { gap: 12px !important; margin-top: 16px !important; } html:not(.electron-client) body.auth-mode-login #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-drawer-foot { visibility: hidden !important; display: block !important; min-height: 18px !important; margin: 12px auto 0 !important; } html:not(.electron-client) body.auth-mode-register #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-drawer-foot, html:not(.electron-client) body.auth-mode-forgot #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-drawer-foot { visibility: visible !important; display: block !important; min-height: 18px !important; margin: 12px auto 0 !important; } html:not(.electron-client) body.auth-mode-login #authView:not(.client-login-mode) #loginForm label, html:not(.electron-client) body.auth-mode-login #authView:not(.client-login-mode) #loginForm .input-wrap, html:not(.electron-client) body.auth-mode-login #authView:not(.client-login-mode) #loginForm .input-wrap input, html:not(.electron-client) body.auth-mode-login #authView:not(.client-login-mode) #loginForm .captcha-row, html:not(.electron-client) body.auth-mode-login #authView:not(.client-login-mode) #loginForm > .primary { max-width: 100% !important; box-sizing: border-box !important; } /* Web auth no-jump lock: tab changes must not resize or shift the auth card. */ html:not(.electron-client) #authView:not(.client-login-mode) #authDrawer.auth-drawer { width: min(540px, calc(100vw - 28px)) !important; overflow: hidden !important; } html:not(.electron-client) #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-drawer-head { height: 73px !important; min-height: 73px !important; flex: 0 0 73px !important; padding: 12px 20px !important; box-sizing: border-box !important; } html:not(.electron-client) #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-drawer-scroll { display: block !important; width: 100% !important; padding: 22px 24px !important; overflow-y: scroll !important; overflow-x: hidden !important; scrollbar-gutter: stable both-edges !important; box-sizing: border-box !important; } html:not(.electron-client) #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-card-inner { display: block !important; width: 492px !important; max-width: 100% !important; min-width: 0 !important; margin: 0 auto 18px !important; padding: 22px !important; box-sizing: border-box !important; overflow: hidden !important; } html:not(.electron-client) #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-title { min-height: 112px !important; } html:not(.electron-client) #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-title h2 { min-height: 34px !important; margin: 6px 0 0 !important; font-size: clamp(1.34rem, 4vw, 1.76rem) !important; line-height: 1.16 !important; } html:not(.electron-client) #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-title p:not(.eyebrow) { min-height: 42px !important; margin: 8px 0 0 !important; font-size: .86rem !important; line-height: 1.48 !important; } html:not(.electron-client) #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-tabs { min-height: 38px !important; margin: 16px 0 0 !important; } html:not(.electron-client) #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-form:not(.hidden) { display: grid !important; width: 100% !important; gap: 12px !important; margin-top: 16px !important; box-sizing: border-box !important; } html:not(.electron-client) #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-form.hidden { display: none !important; } html:not(.electron-client) #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-form label, html:not(.electron-client) #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-form .auth-form-row, html:not(.electron-client) #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-form .input-wrap, html:not(.electron-client) #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-form .captcha-row, html:not(.electron-client) #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-form .code-row, html:not(.electron-client) #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-form > .primary { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; } html:not(.electron-client) #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-form .input-wrap, html:not(.electron-client) #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-form .input-wrap input, html:not(.electron-client) #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-form .captcha-row input, html:not(.electron-client) #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-form .captcha-image, html:not(.electron-client) #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-form .code-row input, html:not(.electron-client) #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-form .code-row .secondary { height: 44px !important; min-height: 44px !important; border-radius: 14px !important; box-sizing: border-box !important; } html:not(.electron-client) #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-form > .primary { height: 46px !important; min-height: 46px !important; margin-top: 4px !important; border-radius: 14px !important; } html:not(.electron-client) #authView:not(.client-login-mode) #registerForm.auth-form:not(.hidden) { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; column-gap: 14px !important; row-gap: 12px !important; } html:not(.electron-client) #authView:not(.client-login-mode) #registerForm > .auth-form-row, html:not(.electron-client) #authView:not(.client-login-mode) #registerForm > .graph-captcha-label, html:not(.electron-client) #authView:not(.client-login-mode) #registerForm > .primary { grid-column: 1 / -1 !important; } html:not(.electron-client) #authView:not(.client-login-mode) #registerForm > label { grid-column: auto !important; } html:not(.electron-client) #authView:not(.client-login-mode) #registerForm > .auth-form-row.auth-form-row-7-3:nth-of-type(2) { grid-template-columns: minmax(0, 1.28fr) minmax(260px, .72fr) !important; column-gap: 14px !important; } html:not(.electron-client) #authView:not(.client-login-mode) #registerForm > .auth-form-row.auth-form-row-7-3:nth-of-type(2) .code-row { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; max-width: 260px !important; margin-left: auto !important; gap: 10px !important; } html:not(.electron-client) #authView:not(.client-login-mode) #registerForm .ali-captcha-panel { display: flex !important; align-items: center !important; gap: 10px !important; } html:not(.electron-client) #authView:not(.client-login-mode) #registerForm .ali-captcha-button { flex: 0 0 216px !important; width: 216px !important; max-width: 216px !important; min-width: 0 !important; } html:not(.electron-client) #authView:not(.client-login-mode) #registerForm .ali-captcha-status { flex: 0 0 88px !important; width: 88px !important; min-width: 88px !important; } html:not(.electron-client) #authView:not(.client-login-mode) #authDrawer.auth-drawer .message { min-height: 18px !important; margin: 10px 0 0 !important; } html:not(.electron-client) #authView:not(.client-login-mode) #authDrawer.auth-drawer .client-sync-foot { margin-top: 22px !important; } html:not(.electron-client) #authView:not(.client-login-mode) #authDrawer.auth-drawer .auth-drawer-foot { display: block !important; visibility: hidden !important; min-height: 18px !important; margin: 12px auto 0 !important; } @media (max-width: 640px) { html:not(.electron-client) #authView:not(.client-login-mode) #registerForm.auth-form:not(.hidden), html:not(.electron-client) #authView:not(.client-login-mode) #registerForm > .auth-form-row.auth-form-row-7-3:nth-of-type(2) { grid-template-columns: 1fr !important; } html:not(.electron-client) #authView:not(.client-login-mode) #registerForm > .auth-form-row.auth-form-row-7-3:nth-of-type(2) .code-row { max-width: none !important; margin-left: 0 !important; } } /* Web force-auth page equalizer: keep login/register/forgot from changing card width. */ html:not(.electron-client) #authView.client-login-mode #authDrawer.auth-drawer { box-sizing: border-box !important; } html:not(.electron-client) #authView.client-login-mode #authDrawer.auth-drawer .auth-drawer-scroll { width: 100% !important; overflow-y: auto !important; overflow-x: hidden !important; scrollbar-gutter: stable both-edges !important; box-sizing: border-box !important; } html:not(.electron-client) #authView.client-login-mode #authDrawer.auth-drawer .auth-card-inner { width: 100% !important; max-width: 492px !important; min-width: 0 !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; } html:not(.electron-client) #authView.client-login-mode #registerForm.auth-form:not(.hidden) { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; column-gap: 14px !important; row-gap: 12px !important; } html:not(.electron-client) #authView.client-login-mode #registerForm > .auth-form-row, html:not(.electron-client) #authView.client-login-mode #registerForm > .graph-captcha-label, html:not(.electron-client) #authView.client-login-mode #registerForm > .primary { grid-column: 1 / -1 !important; } html:not(.electron-client) #authView.client-login-mode #registerForm > label { grid-column: auto !important; min-width: 0 !important; } html:not(.electron-client) #authView.client-login-mode #registerForm .ali-captcha-button { flex: 0 0 216px !important; width: 216px !important; max-width: 216px !important; min-width: 0 !important; } html:not(.electron-client) #authView.client-login-mode #registerForm .ali-captcha-status { flex: 0 0 88px !important; width: 88px !important; min-width: 88px !important; } @media (max-width: 640px) { html:not(.electron-client) #authView.client-login-mode #registerForm.auth-form:not(.hidden) { grid-template-columns: 1fr !important; } } /* Workspace sidebar account summary: replace the old readiness card with account + credits. */ #appView.workspace-shell:not(.hidden) .sidebar-account-wallet { margin-top: auto; display: grid; gap: 12px; } #appView.workspace-shell:not(.hidden) .sidebar-user-card, #appView.workspace-shell:not(.hidden) .sidebar-credit-card { width: 100%; border: 1px solid var(--clone-border); border-radius: 16px; background: rgba(255, 255, 255, 0.82); box-shadow: 0 16px 32px rgba(216, 95, 30, 0.08); } #appView.workspace-shell:not(.hidden) .sidebar-user-card { min-height: 74px; display: flex; align-items: center; gap: 12px; padding: 12px 14px; color: #101827; text-align: left; } #appView.workspace-shell:not(.hidden) .sidebar-user-card:hover { border-color: #fdba74; background: #fffaf5; transform: translateY(-1px); } #appView.workspace-shell:not(.hidden) .sidebar-account-avatar { width: 46px; height: 46px; flex: 0 0 46px; display: grid; place-items: center; border-radius: 50%; background: #ffe9c9; color: #c84912; font-size: 18px; font-weight: 900; } #appView.workspace-shell:not(.hidden) .sidebar-user-card b { display: block; max-width: 128px; overflow: hidden; color: #111827; font-size: 20px; line-height: 1.1; text-overflow: ellipsis; white-space: nowrap; } #appView.workspace-shell:not(.hidden) .sidebar-user-card small { display: block; margin-top: 4px; color: #98a2b3; font-size: 13px; line-height: 1.1; } #appView.workspace-shell:not(.hidden) .sidebar-credit-card { padding: 12px 13px; } #appView.workspace-shell:not(.hidden) .sidebar-credit-main { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 8px; align-items: center; } #appView.workspace-shell:not(.hidden) .sidebar-credit-main span { grid-column: 1 / -1; margin-bottom: 4px; color: #b74a13; font-size: 13px; font-weight: 850; } #appView.workspace-shell:not(.hidden) .sidebar-credit-main strong { min-width: 0; overflow: hidden; color: #111827; font-size: 22px; font-weight: 900; line-height: 1.1; letter-spacing: 0; text-overflow: ellipsis; white-space: nowrap; } #appView.workspace-shell:not(.hidden) .sidebar-credit-refresh { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid #fed7aa; border-radius: 12px; background: #fff7ed; color: #c2410c; } #appView.workspace-shell:not(.hidden) .sidebar-credit-claim { width: 100%; height: 38px; margin-top: 10px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #fed7aa; border-radius: 999px; background: #fff7ed; color: #c2410c; font-size: 14px; font-weight: 900; } #appView.workspace-shell:not(.hidden) .sidebar-credit-claim.is-available { background: linear-gradient(135deg, #ff8128, #ff5b14); color: #fff; box-shadow: 0 12px 22px rgba(255, 99, 20, 0.18); } /* Workspace top-right should only keep message, home and logout controls. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-topbar-actions { gap: 12px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #notificationBellBtn { order: 1 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #workspaceHomeBtn { order: 2 !important; display: inline-flex !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #logoutBtn { order: 3 !important; } /* Sidebar compact account card: one polished card, smaller text and controls. */ #appView.workspace-shell:not(.hidden) .sidebar-account-wallet { margin-top: auto !important; display: block !important; padding: 14px !important; border: 1px solid var(--clone-border) !important; border-radius: 16px !important; background: rgba(255, 255, 255, 0.84) !important; box-shadow: 0 16px 32px rgba(216, 95, 30, 0.08) !important; } #appView.workspace-shell:not(.hidden) .sidebar-user-card, #appView.workspace-shell:not(.hidden) .sidebar-credit-card { width: 100% !important; border: 0 !important; border-radius: 12px !important; background: transparent !important; box-shadow: none !important; } #appView.workspace-shell:not(.hidden) .sidebar-user-card { min-height: 46px !important; gap: 10px !important; padding: 0 !important; } #appView.workspace-shell:not(.hidden) .sidebar-user-card:hover { background: rgba(255, 247, 237, 0.72) !important; transform: none !important; } #appView.workspace-shell:not(.hidden) .sidebar-account-avatar { width: 38px !important; height: 38px !important; flex-basis: 38px !important; font-size: 16px !important; } #appView.workspace-shell:not(.hidden) .sidebar-user-card b { max-width: 126px !important; font-size: 17px !important; line-height: 1.1 !important; } #appView.workspace-shell:not(.hidden) .sidebar-user-card small { margin-top: 3px !important; font-size: 12px !important; } #appView.workspace-shell:not(.hidden) .sidebar-credit-card { margin-top: 12px !important; padding: 10px 0 0 !important; display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: center !important; gap: 8px !important; border-top: 1px solid rgba(254, 215, 170, 0.86) !important; } #appView.workspace-shell:not(.hidden) .sidebar-credit-main { min-width: 0 !important; display: grid !important; grid-template-columns: minmax(0, max-content) 28px !important; align-items: center !important; column-gap: 6px !important; } #appView.workspace-shell:not(.hidden) .sidebar-credit-main span { grid-column: 1 / -1 !important; margin: 0 0 2px !important; font-size: 12px !important; line-height: 1 !important; } #appView.workspace-shell:not(.hidden) .sidebar-credit-main strong { max-width: 98px !important; font-size: 18px !important; line-height: 1.08 !important; } #appView.workspace-shell:not(.hidden) .sidebar-credit-refresh { width: 28px !important; height: 28px !important; border-radius: 10px !important; } #appView.workspace-shell:not(.hidden) .sidebar-credit-claim { width: auto !important; min-width: 62px !important; height: 30px !important; margin-top: 0 !important; padding: 0 10px !important; font-size: 12px !important; } /* Role page final polish: radar size, normal JD text, closed big-data card, clean answer preview. */ html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) .role-input-card #roleText, html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) .role-input-card textarea { font-weight: 400 !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar-card { min-height: 320px !important; overflow: hidden !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar-card h3 { margin-bottom: 8px !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar { height: 268px !important; min-height: 268px !important; padding: 12px 18px 16px !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar svg { width: min(82%, 318px) !important; height: 238px !important; transform: translateY(6px) scale(1.06) !important; transform-origin: center !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar span { color: #344054 !important; font-size: 14px !important; line-height: 1.2 !important; white-space: nowrap !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar span:nth-child(1) { top: 6px !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar span:nth-child(2) { right: 10px !important; top: 108px !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar span:nth-child(3) { right: 68px !important; bottom: 6px !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar span:nth-child(4) { left: 68px !important; bottom: 6px !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar span:nth-child(5) { left: 10px !important; top: 108px !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) > #roleBigDataPanel.role-bigdata-panel { display: flex !important; flex-direction: column !important; border: 1px solid #ffd2ad !important; border-radius: 22px !important; padding-bottom: 26px !important; margin-bottom: 28px !important; overflow: hidden !important; box-shadow: 0 18px 38px rgba(216, 95, 30, 0.07) !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-content { padding-bottom: 22px !important; margin-bottom: 0 !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-grid { margin-bottom: 0 !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-insight-grid > *:last-child { margin-bottom: 0 !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-followup-mount #resumeResult #resumePreviewQuestion { display: none !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-followup-mount #resumeResult .resume-answer-preview { gap: 14px !important; } /* Role page hard guard: apply even when auth/workbench visibility classes are transitioning. */ #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel #roleText { font-weight: 400 !important; } #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel .client-radar-card { min-height: 320px !important; overflow: hidden !important; } #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel .client-radar { height: 268px !important; min-height: 268px !important; padding: 12px 18px 16px !important; } #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel .client-radar svg { width: min(82%, 318px) !important; height: 238px !important; transform: translateY(6px) scale(1.06) !important; transform-origin: center !important; } #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel .client-radar span { color: #344054 !important; font-size: 14px !important; line-height: 1.2 !important; white-space: nowrap !important; } #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel .client-radar span:nth-child(1) { top: 6px !important; } #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel .client-radar span:nth-child(2) { right: 10px !important; top: 108px !important; } #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel .client-radar span:nth-child(3) { right: 68px !important; bottom: 6px !important; } #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel .client-radar span:nth-child(4) { left: 68px !important; bottom: 6px !important; } #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel .client-radar span:nth-child(5) { left: 10px !important; top: 108px !important; } #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel > #roleBigDataPanel.role-bigdata-panel { display: flex !important; flex-direction: column !important; border: 1px solid #ffd2ad !important; border-radius: 22px !important; padding-bottom: 26px !important; margin-bottom: 28px !important; overflow: hidden !important; box-shadow: 0 18px 38px rgba(216, 95, 30, 0.07) !important; } #roleBigDataPanel#roleBigDataPanel .role-insight-content { padding-bottom: 22px !important; margin-bottom: 0 !important; } #roleBigDataPanel#roleBigDataPanel .role-insight-grid { margin-bottom: 0 !important; } #resumeResult#resumeResult #resumePreviewQuestion { display: none !important; } #resumeResult#resumeResult .resume-answer-preview { gap: 14px !important; } /* Overview quick entries: six equal cards in a compact 2 x 3 grid. */ #overviewPanel#overviewPanel#overviewPanel .overview-action-card { display: grid !important; grid-template-rows: auto minmax(0, 1fr) !important; } #overviewPanel#overviewPanel#overviewPanel .overview-action-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-template-rows: repeat(3, minmax(0, 1fr)) !important; align-items: stretch !important; gap: 12px !important; height: 100% !important; min-height: 0 !important; margin-top: 14px !important; } #overviewPanel#overviewPanel#overviewPanel .overview-action-grid button { display: grid !important; grid-template-columns: 38px minmax(0, 1fr) !important; align-items: center !important; gap: 12px !important; width: 100% !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; padding: 12px 14px !important; border-radius: 16px !important; font-size: 16px !important; line-height: 1.2 !important; text-align: left !important; writing-mode: horizontal-tb !important; } #overviewPanel#overviewPanel#overviewPanel .overview-action-grid iconify-icon { width: 38px !important; height: 38px !important; padding: 9px !important; border-radius: 14px !important; box-sizing: border-box !important; } #overviewPanel#overviewPanel#overviewPanel .overview-action-grid button:first-child iconify-icon { color: #fff !important; background: rgba(255, 255, 255, 0.18) !important; } #overviewPanel#overviewPanel#overviewPanel .overview-action-grid button span { min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: normal !important; writing-mode: horizontal-tb !important; } /* Keep all six overview shortcut cards visually identical. */ #overviewPanel#overviewPanel#overviewPanel#overviewPanel .overview-action-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-template-rows: repeat(3, 82px) !important; grid-auto-rows: 82px !important; align-content: start !important; height: auto !important; } #overviewPanel#overviewPanel#overviewPanel#overviewPanel .overview-action-grid button, #overviewPanel#overviewPanel#overviewPanel#overviewPanel .overview-action-grid button:first-child { height: 82px !important; min-height: 82px !important; max-height: 82px !important; color: #172033 !important; border-color: #ffd2ad !important; background: rgba(255, 248, 241, 0.82) !important; box-shadow: 0 10px 22px rgba(154, 52, 18, 0.05) !important; transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease, background 0.22s ease !important; } #overviewPanel#overviewPanel#overviewPanel#overviewPanel .overview-action-grid button:hover, #overviewPanel#overviewPanel#overviewPanel#overviewPanel .overview-action-grid button:first-child:hover { transform: translateY(-3px) !important; border-color: #fdba74 !important; background: rgba(255, 252, 248, 0.96) !important; box-shadow: 0 18px 36px rgba(234, 88, 12, 0.12) !important; } #overviewPanel#overviewPanel#overviewPanel#overviewPanel .overview-action-grid button iconify-icon, #overviewPanel#overviewPanel#overviewPanel#overviewPanel .overview-action-grid button:first-child iconify-icon { color: var(--clone-accent) !important; background: rgba(255, 255, 255, 0.74) !important; } /* Overview-only polish: keep reward card centered and activation text calmer. */ html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-license-bar > .referral-reset-btn { display: grid !important; grid-template-columns: 42px minmax(0, 1fr) !important; grid-template-rows: 1fr !important; align-items: center !important; align-content: center !important; justify-content: start !important; justify-items: start !important; gap: 12px !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-license-bar > .referral-reset-btn span { align-self: center !important; justify-self: center !important; margin: 0 !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-license-bar > .referral-reset-btn b { align-self: center !important; margin: 0 !important; font-size: 16px !important; line-height: 1.2 !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-license-bar > .referral-reset-btn small { display: none !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-order-body #overviewOrderLatestStatus { font-size: 12px !important; line-height: 1.2 !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-order-body #overviewOrderLatestCode { font-size: 20px !important; line-height: 1.2 !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .overview-order-body #overviewOrderLatestMeta { font-size: 14px !important; line-height: 1.25 !important; } @media (max-width: 900px) { html:not(.electron-client) #appView.workspace-shell:not(.hidden) { overflow: auto !important; } html:not(.electron-client) #appView.workspace-shell:not(.hidden) .workspace-frame { min-width: 1280px !important; min-height: 760px !important; } } /* Public home narrow view: keep the Codex side browser from squeezing the hero into vertical text. */ @media (max-width: 980px) { html:not(.electron-client) #authView.home-shell:not(.client-login-mode) #homeIntro.auth-hero { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 22px !important; width: min(calc(100vw - 28px), 720px) !important; max-width: min(calc(100vw - 28px), 720px) !important; padding: 28px 22px 34px !important; overflow: visible !important; } html:not(.electron-client) #authView.home-shell:not(.client-login-mode) #homeIntro .auth-hero-main { width: 100% !important; max-width: 100% !important; min-width: 0 !important; justify-self: stretch !important; transform: none !important; } html:not(.electron-client) #authView.home-shell:not(.client-login-mode) #homeIntro .hero-main-title, html:not(.electron-client) #authView.home-shell:not(.client-login-mode) #homeIntro .hero-main-title span { display: block !important; max-width: 100% !important; min-width: 0 !important; white-space: normal !important; word-break: keep-all !important; overflow-wrap: normal !important; writing-mode: horizontal-tb !important; letter-spacing: 0 !important; } html:not(.electron-client) #authView.home-shell:not(.client-login-mode) #homeIntro .hero-main-title { font-size: clamp(42px, 9vw, 64px) !important; line-height: 1.08 !important; } html:not(.electron-client) #authView.home-shell:not(.client-login-mode) #homeIntro .hero-copy { max-width: 100% !important; white-space: normal !important; word-break: normal !important; overflow-wrap: break-word !important; } html:not(.electron-client) #authView.home-shell:not(.client-login-mode) #homeIntro .hero-ai-flow { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; max-width: 100% !important; } html:not(.electron-client) #authView.home-shell:not(.client-login-mode) #homeIntro .home-cta, html:not(.electron-client) #authView.home-shell:not(.client-login-mode) #homeIntro .hero-stats { max-width: 100% !important; } html:not(.electron-client) #authView.home-shell:not(.client-login-mode) #homeIntro .hero-stats { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } html:not(.electron-client) #authView.home-shell:not(.client-login-mode) #homeIntro .hero-stats div { min-width: 0 !important; } html:not(.electron-client) #authView.home-shell:not(.client-login-mode) #homeIntro .hero-visual-shell { width: 100% !important; min-height: auto !important; transform: none !important; margin-bottom: 0 !important; } html:not(.electron-client) #authView.home-shell:not(.client-login-mode) #homeIntro .hero-map-copy p { white-space: normal !important; } } @media (max-width: 560px) { html:not(.electron-client) #authView.home-shell:not(.client-login-mode) #homeIntro .hero-main-title { font-size: clamp(38px, 10vw, 48px) !important; } } /* Empty states after clearing resume / role analysis: do not show generated-looking sample data. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .resume-empty-result { display: grid !important; gap: 8px !important; min-height: 132px !important; align-content: center !important; border: 1px dashed #fed7aa !important; border-radius: 18px !important; background: rgba(255, 250, 245, .72) !important; padding: 18px 20px !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .resume-empty-result p, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-info-empty-block h3 { margin: 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .resume-empty-result span, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-empty-hint, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-radar-empty, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-insight-empty { color: #64748b !important; font-size: 15px !important; line-height: 1.65 !important; font-weight: 700 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-info-empty-block { align-content: start !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-info-empty-block .role-empty-hint { margin: 10px 0 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .client-requirement-list .role-empty-hint, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-radar-empty { display: grid !important; place-items: center !important; min-height: 160px !important; border: 1px dashed #fed7aa !important; border-radius: 16px !important; background: rgba(255, 250, 245, .7) !important; padding: 16px !important; text-align: center !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-insight-empty { min-height: 180px !important; display: grid !important; place-items: center !important; border: 1px dashed #fed7aa !important; border-radius: 18px !important; background: rgba(255, 250, 245, .7) !important; padding: 22px !important; text-align: center !important; } /* Public homepage polish: nudge ASR/member sections left and align the three member cards with the ASR card. */ @media (min-width: 1101px) { html:not(.electron-client) #authView.home-shell:not(.client-login-mode) #homeAsrEngine .home-feature-inner, html:not(.electron-client) #authView.home-shell:not(.client-login-mode) #homeMembership .home-feature-inner { width: min(1740px, calc(100vw - 72px)) !important; max-width: min(1740px, calc(100vw - 72px)) !important; transform: translateX(-14px) !important; } html:not(.electron-client) #authView.home-shell:not(.client-login-mode) #homeMembership .home-feature-inner { grid-template-columns: .68fr 1.32fr !important; } html:not(.electron-client) #authView.home-shell:not(.client-login-mode) #homeMembership .member-tier-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 14px !important; } html:not(.electron-client) #authView.home-shell:not(.client-login-mode) #homeMembership .member-tier-card { padding-left: 18px !important; padding-right: 18px !important; } html:not(.electron-client) #authView.home-shell:not(.client-login-mode) #homeAsrEngine .home-feature-copy, html:not(.electron-client) #authView.home-shell:not(.client-login-mode) #homeMembership .home-feature-copy { padding-left: 18px !important; } html:not(.electron-client) #authView.home-shell:not(.client-login-mode) #homeMembership .member-tier-card { transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important; will-change: transform !important; } html:not(.electron-client) #authView.home-shell:not(.client-login-mode) #homeMembership .member-tier-card.featured { background: rgba(255, 255, 255, .92) !important; } html:not(.electron-client) #authView.home-shell:not(.client-login-mode) #homeAsrEngine .asr-dialect-cloud span { transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease, border-color .18s ease !important; will-change: transform !important; } @media (hover: hover) and (pointer: fine) { html:not(.electron-client) #authView.home-shell:not(.client-login-mode) #homeMembership .member-tier-card:hover { transform: translateY(-5px) !important; border-color: #fb923c !important; box-shadow: 0 18px 40px rgba(234, 88, 12, .12) !important; } html:not(.electron-client) #authView.home-shell:not(.client-login-mode) #homeAsrEngine .asr-dialect-cloud span:hover { transform: translateY(-3px) !important; background: rgba(255, 255, 255, .96) !important; border-color: #fb923c !important; box-shadow: 0 10px 22px rgba(234, 88, 12, .12) !important; } } } /* Role analysis empty cards: keep hints horizontal, centered, and visually consistent. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) .client-requirement-list p.role-empty-hint, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) .role-radar-empty, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) .role-info-empty-block .role-empty-hint { display: flex !important; grid-template-columns: none !important; align-items: center !important; justify-content: center !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; min-height: 132px !important; margin: 0 !important; padding: 16px 18px !important; border: 1px dashed #fed7aa !important; border-radius: 16px !important; background: rgba(255, 250, 245, .72) !important; color: #64748b !important; font-size: clamp(13px, 1.34vw, 15px) !important; font-weight: 800 !important; line-height: 1.25 !important; text-align: center !important; white-space: nowrap !important; word-break: keep-all !important; overflow-wrap: normal !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) .client-requirement-list p.role-empty-hint { grid-column: 1 / -1 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) .role-result-card .client-role-preview-grid, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) .role-result-card .role-result-grid { align-items: stretch !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) .role-result-card .client-requirement-list, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) .role-result-card .client-radar-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) .role-result-card .role-info-block { display: grid !important; grid-template-columns: 1fr !important; grid-template-rows: auto minmax(132px, 1fr) !important; gap: 12px !important; align-content: stretch !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) .role-result-card .role-info-empty-block { min-height: 270px !important; padding: 20px 22px !important; border: 1px solid rgba(253, 186, 116, .44) !important; border-radius: 18px !important; background: rgba(255, 255, 255, .96) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) .role-result-card .role-info-block h3 { margin: 0 !important; color: #111827 !important; font-size: 20px !important; line-height: 1.25 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) .role-result-card .role-info-empty-block .role-empty-hint { min-height: 0 !important; height: 100% !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) > .role-analysis-top > .role-result-card { grid-template-rows: minmax(270px, 1fr) minmax(270px, 1fr) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) > .role-analysis-top > .role-result-card .role-result-grid { height: 100% !important; min-height: 270px !important; } @media (max-width: 720px) { body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) .client-requirement-list p.role-empty-hint, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) .role-radar-empty, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) .role-info-empty-block .role-empty-hint { white-space: normal !important; } } @media (max-width: 980px) { body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) .client-requirement-list p.role-empty-hint, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) .role-radar-empty, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel:not(.workspace-panel-hidden) .role-info-empty-block .role-empty-hint { font-size: 13px !important; } } /* Role analysis v23: consume the lower blank strip inside the right result card. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell :is(#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel):not(.workspace-panel-hidden) > .role-analysis-top { align-items: stretch !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell :is(#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel):not(.workspace-panel-hidden) > .role-analysis-top > .role-result-card { display: grid !important; grid-template-rows: minmax(0, 1fr) minmax(0, 1fr) !important; gap: 16px !important; align-content: stretch !important; align-items: stretch !important; height: 100% !important; min-height: 0 !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell :is(#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel):not(.workspace-panel-hidden) > .role-analysis-top > .role-result-card .client-role-preview-grid, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell :is(#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel):not(.workspace-panel-hidden) > .role-analysis-top > .role-result-card .role-result-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-template-rows: minmax(0, 1fr) !important; grid-auto-rows: minmax(0, 1fr) !important; gap: 16px !important; height: 100% !important; min-height: 0 !important; align-self: stretch !important; align-items: stretch !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell :is(#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel):not(.workspace-panel-hidden) > .role-analysis-top > .role-result-card .client-requirement-list, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell :is(#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel):not(.workspace-panel-hidden) > .role-analysis-top > .role-result-card .client-radar-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell :is(#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel):not(.workspace-panel-hidden) > .role-analysis-top > .role-result-card .role-info-block { height: 100% !important; min-height: 0 !important; align-self: stretch !important; box-sizing: border-box !important; } /* Role analysis v24: keep the four right-side result cards fixed; overflow scrolls inside. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell :is(#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel):not(.workspace-panel-hidden) > .role-analysis-top > .role-result-card { --role-result-fixed-row: 300px; display: grid !important; grid-template-rows: auto auto var(--role-result-fixed-row) var(--role-result-fixed-row) auto !important; align-content: start !important; align-items: stretch !important; height: auto !important; min-height: 0 !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell :is(#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel):not(.workspace-panel-hidden) > .role-analysis-top > .role-result-card .client-role-preview-grid, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell :is(#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel):not(.workspace-panel-hidden) > .role-analysis-top > .role-result-card .role-result-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-template-rows: minmax(0, 1fr) !important; grid-auto-rows: minmax(0, 1fr) !important; height: var(--role-result-fixed-row) !important; min-height: var(--role-result-fixed-row) !important; max-height: var(--role-result-fixed-row) !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell :is(#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel):not(.workspace-panel-hidden) > .role-analysis-top > .role-result-card .client-requirement-list, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell :is(#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel):not(.workspace-panel-hidden) > .role-analysis-top > .role-result-card .client-radar-card, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell :is(#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel):not(.workspace-panel-hidden) > .role-analysis-top > .role-result-card .role-info-block { height: 100% !important; min-height: 0 !important; max-height: 100% !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell :is(#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel):not(.workspace-panel-hidden) > .role-analysis-top > .role-result-card .client-requirement-list { overflow-y: auto !important; overscroll-behavior: contain !important; scrollbar-width: thin !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell :is(#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel):not(.workspace-panel-hidden) > .role-analysis-top > .role-result-card .role-info-block { background: #fff !important; grid-template-rows: auto minmax(0, 1fr) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell :is(#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel):not(.workspace-panel-hidden) > .role-analysis-top > .role-result-card .role-card-scroll-body { min-height: 0 !important; height: 100% !important; overflow-y: auto !important; overscroll-behavior: contain !important; padding-right: 6px !important; scrollbar-width: thin !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell :is(#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel):not(.workspace-panel-hidden) > .role-analysis-top > .role-result-card .role-card-scroll-body ul { margin: 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell :is(#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel):not(.workspace-panel-hidden) > .role-analysis-top > .role-result-card .client-radar-card .client-radar { height: 100% !important; min-height: 0 !important; max-height: 100% !important; overflow: hidden !important; } /* Role analysis v25: requirement title stays pinned; rows scroll and wrap cleanly. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell :is(#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel):not(.workspace-panel-hidden) > .role-analysis-top > .role-result-card .client-requirement-list { display: block !important; height: 100% !important; min-height: 0 !important; max-height: 100% !important; overflow-y: auto !important; overflow-x: hidden !important; padding-right: 16px !important; overscroll-behavior: contain !important; scrollbar-gutter: stable !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell :is(#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel):not(.workspace-panel-hidden) > .role-analysis-top > .role-result-card .client-requirement-list h3 { position: sticky !important; top: 0 !important; z-index: 3 !important; margin: 0 0 14px !important; padding: 0 0 12px !important; background: #fff !important; box-shadow: 0 10px 14px rgba(255, 255, 255, .92) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell :is(#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel):not(.workspace-panel-hidden) > .role-analysis-top > .role-result-card .client-requirement-list p { display: grid !important; grid-template-columns: 64px minmax(0, 1fr) !important; align-items: start !important; gap: 14px !important; min-height: 0 !important; margin: 0 0 16px !important; padding: 0 !important; font-size: 15px !important; line-height: 1.55 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell :is(#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel):not(.workspace-panel-hidden) > .role-analysis-top > .role-result-card .client-requirement-list p b { align-self: start !important; justify-self: start !important; min-width: 42px !important; min-height: 24px !important; height: auto !important; padding: 4px 9px !important; border-radius: 999px !important; line-height: 1.2 !important; text-align: center !important; white-space: nowrap !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell :is(#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel):not(.workspace-panel-hidden) > .role-analysis-top > .role-result-card .client-requirement-list p span { display: block !important; min-width: 0 !important; color: #475569 !important; font-size: 15px !important; line-height: 1.55 !important; white-space: normal !important; overflow: visible !important; overflow-wrap: anywhere !important; word-break: break-word !important; } /* Role analysis v26: remove empty hidden grid rows that caused large blank space. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell :is(#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel):not(.workspace-panel-hidden) > .role-analysis-top { align-items: start !important; height: auto !important; min-height: 0 !important; max-height: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell :is(#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel):not(.workspace-panel-hidden) > .role-analysis-top > .role-result-card { --role-result-fixed-row: 280px; display: grid !important; grid-template-rows: repeat(2, var(--role-result-fixed-row)) !important; gap: 16px !important; align-content: start !important; align-items: stretch !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell :is(#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel):not(.workspace-panel-hidden) > .role-analysis-top > .role-result-card .client-role-preview-grid, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell :is(#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel):not(.workspace-panel-hidden) > .role-analysis-top > .role-result-card .role-result-grid { height: 100% !important; min-height: 0 !important; max-height: 100% !important; overflow: hidden !important; } /* Role analysis v27: match preparation cards; title is outside the scrolling body. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell :is(#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel):not(.workspace-panel-hidden) > .role-analysis-top > .role-result-card .client-requirement-list { display: grid !important; grid-template-columns: 1fr !important; grid-template-rows: auto minmax(0, 1fr) !important; gap: 12px !important; height: 100% !important; min-height: 0 !important; max-height: 100% !important; overflow: hidden !important; padding-right: 20px !important; scrollbar-gutter: auto !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell :is(#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel):not(.workspace-panel-hidden) > .role-analysis-top > .role-result-card .client-requirement-list h3 { position: static !important; z-index: auto !important; margin: 0 !important; padding: 0 !important; background: transparent !important; box-shadow: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell :is(#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel):not(.workspace-panel-hidden) > .role-analysis-top > .role-result-card .client-requirement-list > .role-card-scroll-body { min-height: 0 !important; height: 100% !important; overflow-y: auto !important; overflow-x: hidden !important; overscroll-behavior: contain !important; padding: 2px 8px 0 0 !important; scrollbar-width: thin !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell :is(#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel):not(.workspace-panel-hidden) > .role-analysis-top > .role-result-card .client-requirement-list > .role-card-scroll-body p { display: grid !important; grid-template-columns: 64px minmax(0, 1fr) !important; align-items: start !important; gap: 14px !important; margin: 0 0 16px !important; padding: 0 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell :is(#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel):not(.workspace-panel-hidden) > .role-analysis-top > .role-result-card .client-requirement-list > .role-card-scroll-body p:first-child { margin-top: 0 !important; } /* Overview chart: mouse-following crosshair aligned to time, value, and point. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .client-line-chart { position: relative !important; cursor: crosshair !important; touch-action: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .client-line-chart svg { overflow: visible !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .chart-line { vector-effect: non-scaling-stroke !important; filter: drop-shadow(0 8px 14px rgba(255, 106, 22, .18)) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .chart-area { transition: opacity .18s ease !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .chart-point { pointer-events: none !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .chart-point circle { transition: r .16s ease, fill .16s ease, stroke .16s ease, filter .16s ease !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .chart-point.is-hot:not(.is-active) circle { fill: #fff7ed !important; stroke: #ff6a16 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .chart-point.is-active circle { r: 7px !important; fill: #ff6a16 !important; stroke: #fff !important; filter: drop-shadow(0 8px 14px rgba(255, 106, 22, .32)) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .chart-crosshair { opacity: 0 !important; pointer-events: none !important; transition: opacity .14s ease !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .client-line-chart.is-crosshair-active .chart-crosshair { opacity: 1 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .chart-crosshair-x, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .chart-crosshair-y { stroke: rgba(15, 23, 42, .42) !important; stroke-width: 1.2 !important; stroke-dasharray: 4 5 !important; vector-effect: non-scaling-stroke !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .chart-crosshair-point { fill: #fff !important; stroke: #ff6a16 !important; stroke-width: 4 !important; filter: drop-shadow(0 8px 16px rgba(255, 106, 22, .34)) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .chart-tooltip { filter: drop-shadow(0 12px 24px rgba(15, 23, 42, .18)) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .chart-tooltip rect { fill: rgba(15, 23, 42, .94) !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .chart-tooltip text { stroke: none !important; paint-order: normal !important; text-anchor: start !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .chart-tooltip-time { fill: rgba(255, 255, 255, .72) !important; font-size: 12px !important; font-weight: 700 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .chart-tooltip-value { fill: #fff !important; font-size: 15px !important; font-weight: 900 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .chart-hit-area { fill: transparent !important; pointer-events: all !important; cursor: crosshair !important; } @media (prefers-reduced-motion: reduce) { body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .chart-point circle, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .chart-crosshair, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .chart-area { transition: none !important; } } /* Web workbench top edge: remove the desktop-client frame hairline from browser pages. */ html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell { padding-top: 0 !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-frame { border-top: 0 !important; border-radius: 0 0 26px 26px !important; box-shadow: none !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .client-window-bar { display: none !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; overflow: hidden !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-topbar { border-top: 0 !important; border-bottom: 0 !important; box-shadow: none !important; } /* Web top bars: remove the visible hairline on home and workbench pages. */ html:not(.electron-client) #authView.home-shell .home-header, html:not(.electron-client) #authView.client-login-mode .home-header, html:not(.electron-client) #appView.workspace-shell .workspace-topbar, html:not(.electron-client) #appView.workspace-shell .client-window-bar, html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-topbar, html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .client-window-bar { border-top: 0 !important; border-bottom: 0 !important; box-shadow: none !important; } html:not(.electron-client) #authView.home-shell .home-header::before, html:not(.electron-client) #authView.home-shell .home-header::after, html:not(.electron-client) #authView.client-login-mode .home-header::before, html:not(.electron-client) #authView.client-login-mode .home-header::after, html:not(.electron-client) #appView.workspace-shell .workspace-topbar::before, html:not(.electron-client) #appView.workspace-shell .workspace-topbar::after, html:not(.electron-client) #appView.workspace-shell .client-window-bar::before, html:not(.electron-client) #appView.workspace-shell .client-window-bar::after, html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-topbar::before, html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-topbar::after, html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .client-window-bar::before, html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .client-window-bar::after { content: none !important; display: none !important; } /* Role radar v28: five-axis score chart with hover score card. */ html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar-card .client-radar, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar-card .client-radar { position: relative !important; display: grid !important; place-items: center !important; width: 100% !important; height: calc(100% - 34px) !important; min-height: 0 !important; margin: 0 !important; padding: 4px 8px 0 !important; overflow: hidden !important; color: #7f7168 !important; outline: none !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar .role-radar-svg, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar .role-radar-svg { width: min(62%, 260px) !important; height: min(88%, 210px) !important; max-height: 100% !important; transform: translateY(2px) scale(1.08) !important; transform-origin: center !important; overflow: visible !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar .role-radar-label, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar .role-radar-label { position: absolute !important; z-index: 2 !important; max-width: 88px !important; color: #85766b !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.2 !important; text-align: center !important; white-space: nowrap !important; pointer-events: none !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar .role-radar-label-1, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar .role-radar-label-1 { top: 4px !important; left: 50% !important; transform: translateX(-50%) !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar .role-radar-label-2, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar .role-radar-label-2 { right: 18px !important; top: 42% !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar .role-radar-label-3, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar .role-radar-label-3 { right: 54px !important; bottom: 4px !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar .role-radar-label-4, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar .role-radar-label-4 { left: 54px !important; bottom: 4px !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar .role-radar-label-5, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar .role-radar-label-5 { left: 18px !important; top: 42% !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar .radar-grid, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar .radar-grid { fill: none !important; stroke: rgba(255, 116, 28, .2) !important; stroke-width: 1 !important; vector-effect: non-scaling-stroke !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar .radar-axis, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar .radar-axis { stroke: rgba(255, 116, 28, .16) !important; stroke-width: 1 !important; vector-effect: non-scaling-stroke !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar .radar-fill, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar .radar-fill { fill: rgba(255, 116, 28, .18) !important; stroke: none !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar .radar-line, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar .radar-line { fill: none !important; stroke: #ff741c !important; stroke-width: 4 !important; stroke-linejoin: round !important; vector-effect: non-scaling-stroke !important; filter: drop-shadow(0 7px 12px rgba(255, 116, 28, .18)) !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar .radar-dot, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar .radar-dot { fill: #ff741c !important; stroke: #ff741c !important; stroke-width: 1 !important; filter: drop-shadow(0 5px 8px rgba(255, 116, 28, .24)) !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar .role-radar-tooltip, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar .role-radar-tooltip { position: absolute !important; z-index: 5 !important; top: 22px !important; right: 14px !important; min-width: 150px !important; padding: 12px 14px !important; border: 1px solid #ffd1aa !important; border-radius: 6px !important; background: rgba(255, 255, 255, .98) !important; box-shadow: 0 8px 22px rgba(112, 79, 48, .18) !important; color: #4e443d !important; opacity: 0 !important; transform: translateY(4px) !important; pointer-events: none !important; transition: opacity .16s ease, transform .16s ease !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar:hover .role-radar-tooltip, html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar:focus-within .role-radar-tooltip, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar:hover .role-radar-tooltip, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar:focus-within .role-radar-tooltip { opacity: 1 !important; transform: translateY(0) !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-radar .role-radar-tooltip > strong, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-radar .role-radar-tooltip > strong { display: block !important; margin: 0 0 8px !important; color: #6a5b50 !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.2 !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-radar .role-radar-tooltip div, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-radar .role-radar-tooltip div { display: grid !important; grid-template-columns: 10px minmax(0, 1fr) auto !important; align-items: center !important; gap: 9px !important; margin-top: 6px !important; color: #5d5048 !important; font-size: 13px !important; line-height: 1.2 !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-radar .role-radar-tooltip i, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-radar .role-radar-tooltip i { width: 5px !important; height: 5px !important; border-radius: 50% !important; background: #ff741c !important; } html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-radar .role-radar-tooltip b, html:not(.electron-client) body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-radar .role-radar-tooltip strong, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-radar .role-radar-tooltip b, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel .client-radar .role-radar-tooltip strong { font-weight: 700 !important; } /* Role skill ranking: match the lighter weight shown in the reference image. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-insight-bars > div, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-insight-bars b, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-insight-bars em { font-weight: 400 !important; } /* Role radar real-score empty state: split long hints into two centered lines. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-radar-empty { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 4px !important; white-space: normal !important; word-break: keep-all !important; overflow-wrap: break-word !important; line-height: 1.45 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-radar-empty span { display: block !important; max-width: 100% !important; } /* Role requirement empty state: one centered line, matching the other empty cards. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-requirement-list .role-card-scroll-body > p.role-empty-hint { display: flex !important; flex-direction: row !important; grid-template-columns: none !important; align-items: center !important; justify-content: center !important; gap: 0 !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; white-space: nowrap !important; word-break: keep-all !important; overflow-wrap: normal !important; line-height: 1.25 !important; overflow: visible !important; box-sizing: border-box !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-requirement-list .role-card-scroll-body > p.role-empty-hint span { display: block !important; max-width: 100% !important; } /* Role requirement empty state v2: same large centered dashed box as the other result cards. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell :is(#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel):not(.workspace-panel-hidden) > .role-analysis-top > .role-result-card .client-requirement-list > .role-card-scroll-body:has(> p.role-empty-hint) { display: flex !important; min-height: 0 !important; height: 100% !important; padding: 0 !important; overflow: hidden !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell :is(#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel):not(.workspace-panel-hidden) > .role-analysis-top > .role-result-card .client-requirement-list > .role-card-scroll-body > p.role-empty-hint { display: flex !important; flex: 1 1 auto !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; min-height: 0 !important; max-height: 100% !important; margin: 0 !important; padding: 16px 18px !important; border: 1px dashed #fed7aa !important; border-radius: 16px !important; background: rgba(255, 250, 245, .72) !important; color: #64748b !important; font-size: clamp(13px, 1.34vw, 15px) !important; font-weight: 800 !important; line-height: 1.25 !important; text-align: center !important; white-space: nowrap !important; word-break: keep-all !important; overflow-wrap: normal !important; box-sizing: border-box !important; } /* Role result text v1: generated text matches the radar chart label typography. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell :is(#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel):not(.workspace-panel-hidden) > .role-analysis-top > .role-result-card .client-requirement-list > .role-card-scroll-body p, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell :is(#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel):not(.workspace-panel-hidden) > .role-analysis-top > .role-result-card .client-requirement-list > .role-card-scroll-body p span, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell :is(#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel):not(.workspace-panel-hidden) > .role-analysis-top > .role-result-card .client-requirement-list > .role-card-scroll-body p b, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell :is(#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel):not(.workspace-panel-hidden) > .role-analysis-top > .role-result-card .role-info-block:not(.role-info-empty-block) .role-card-scroll-body li { color: #85766b !important; font-size: 14px !important; font-weight: 400 !important; font-family: inherit !important; line-height: 1.45 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell :is(#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel):not(.workspace-panel-hidden) > .role-analysis-top > .role-result-card .role-info-block:not(.role-info-empty-block) .role-card-scroll-body li::marker { color: #85766b !important; } /* Similar role match bars: fill orange gradient by percentage. */ body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-similar-grid span.role-match-progress, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-similar-grid span.role-match-progress { position: relative !important; isolation: isolate !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-width: 0 !important; height: 34px !important; padding: 0 12px !important; overflow: hidden !important; border-radius: 999px !important; background: #fff0e3 !important; color: #d64907 !important; font-size: 13px !important; font-weight: 900 !important; } body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #roleBigDataPanel .role-similar-grid span.role-match-progress::before, body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-similar-grid span.role-match-progress::before { content: "" !important; position: absolute !important; inset: 0 auto 0 0 !important; z-index: -1 !important; width: var(--match-score, 0%) !important; border-radius: inherit !important; background: linear-gradient(90deg, #ffd3ad 0%, #ff9a4a 62%, #ff6a16 100%) !important; transition: width .22s ease !important; } /* Exeify shell density: the WebView client uses the web app URL, so keep it separate from normal browser pages and make the UI read like a desktop app. */ html.exeify-client body { font-size: 14px !important; -webkit-font-smoothing: antialiased; text-rendering: geometricPrecision; } html.exeify-client #authView.home-shell:not(.hidden) .home-header { min-height: 62px !important; padding: 0 24px !important; } html.exeify-client #authView.home-shell .home-brand .brand-mark { width: 40px !important; height: 40px !important; } html.exeify-client #authView.home-shell .home-brand strong { font-size: 18px !important; } html.exeify-client #authView.home-shell .home-brand small, html.exeify-client #authView.home-shell .home-nav button, html.exeify-client #authView.home-shell .home-auth-btn { font-size: 13px !important; } html.exeify-client #authView.home-shell #homeIntro .hero-main-title, html.exeify-client #authView.home-shell #homeIntro .hero-main-title span { font-size: clamp(36px, 5vw, 62px) !important; line-height: .98 !important; } html.exeify-client #authView.home-shell #homeIntro .hero-copy { font-size: 16px !important; line-height: 1.62 !important; } html.exeify-client #authView #authDrawer.auth-drawer { width: min(486px, calc(100vw - 36px)) !important; } html.exeify-client #authView #authDrawer.auth-drawer .auth-card-inner { padding: 24px 28px 22px !important; border-radius: 18px !important; } html.exeify-client #authView #authDrawer.auth-drawer .auth-title h2 { font-size: 28px !important; line-height: 1.18 !important; } html.exeify-client #authView #authDrawer.auth-drawer .auth-title p:not(.eyebrow) { font-size: 14px !important; } html.exeify-client #authView #authDrawer.auth-drawer .auth-tabs { height: 42px !important; } html.exeify-client #authView #authDrawer.auth-drawer .auth-tabs button, html.exeify-client #authView #authDrawer.auth-drawer .auth-form label > span { font-size: 13px !important; } html.exeify-client #authView #authDrawer.auth-drawer .auth-form:not(.hidden) { gap: 12px !important; } html.exeify-client #authView #authDrawer.auth-drawer .auth-form .input-wrap, html.exeify-client #authView #authDrawer.auth-drawer .auth-form .captcha-row input, html.exeify-client #authView #authDrawer.auth-drawer .auth-form .captcha-image, html.exeify-client #authView #authDrawer.auth-drawer .auth-form .code-row input, html.exeify-client #authView #authDrawer.auth-drawer .auth-form .code-row .secondary, html.exeify-client #authView #authDrawer.auth-drawer .auth-form > .primary, html.exeify-client #authView #authDrawer.auth-drawer .ali-captcha-button, html.exeify-client #authView #authDrawer.auth-drawer .ali-captcha-status { min-height: 42px !important; height: 42px !important; font-size: 14px !important; border-radius: 13px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell { min-height: 720px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-frame { grid-template-columns: 220px minmax(0, 1fr) !important; grid-template-rows: 0 minmax(0, 1fr) !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .client-window-bar { display: none !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-sidebar { width: 220px !important; min-width: 220px !important; padding: 18px 16px 18px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-sidebar-brand { gap: 10px !important; margin-bottom: 26px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-sidebar-brand .app-icon { width: 46px !important; height: 46px !important; flex-basis: 46px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-sidebar-brand b { font-size: 22px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-sidebar-brand small { margin-top: 4px !important; font-size: 12px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-nav { gap: 8px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-nav button { height: 46px !important; gap: 11px !important; padding: 0 14px !important; border-radius: 10px !important; font-size: 15px !important; font-weight: 750 !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-nav button iconify-icon { width: 19px !important; height: 19px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .sidebar-account-wallet { padding: 12px !important; border-radius: 14px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .sidebar-account-avatar { width: 40px !important; height: 40px !important; font-size: 16px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .sidebar-user-card b, html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .sidebar-credit-main strong { font-size: 18px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .sidebar-user-card small, html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .sidebar-credit-main span, html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .sidebar-credit-claim { font-size: 12px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-main { grid-template-rows: 74px minmax(0, 1fr) !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-topbar { min-height: 74px !important; padding: 14px 22px !important; gap: 16px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-topbar h1 { font-size: 24px !important; line-height: 1.1 !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-topbar small { display: block !important; margin-top: 3px !important; color: #667085 !important; font-size: 12px !important; line-height: 1.25 !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .notification-bell-btn, html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-logout { width: 42px !important; height: 42px !important; border-radius: 13px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-content { padding: 18px 20px 22px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-card, html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .metric-card, html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-info-block, html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .records-card, html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .record-detail { border-radius: 14px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-card h2, html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .role-input-card h2, html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .records-card h2 { font-size: 19px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .eyebrow { font-size: 12px !important; letter-spacing: .8px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .metric-grid { gap: 12px !important; margin-bottom: 14px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .metric-card { min-height: 104px !important; grid-template-columns: 50px minmax(0, 1fr) !important; column-gap: 13px !important; padding: 15px 16px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .metric-card::before { width: 48px !important; height: 48px !important; border-radius: 14px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .metric-card p { font-size: 14px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .metric-card strong { font-size: 25px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell #overviewPanel .metric-card span, html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell p, html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell li, html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell input, html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell textarea, html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell button, html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell select { font-size: 14px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell input, html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell textarea, html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell select, html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .primary, html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .secondary { border-radius: 12px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .primary, html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .secondary { min-height: 40px !important; padding-inline: 14px !important; } /* Exeify density safety pass: keep the workspace content visible while scaling the client shell down. This intentionally overrides the earlier compact grid. */ html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell { overflow: hidden !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-frame { display: grid !important; grid-template-columns: 250px minmax(0, 1fr) !important; grid-template-rows: minmax(0, 1fr) !important; width: 111.111% !important; height: 111.111% !important; min-height: 0 !important; zoom: .9 !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .client-window-bar { display: none !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-sidebar { grid-column: 1 !important; grid-row: 1 !important; width: 250px !important; min-width: 250px !important; min-height: 0 !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-main { grid-column: 2 !important; grid-row: 1 !important; min-width: 0 !important; min-height: 0 !important; display: grid !important; grid-template-rows: 82px minmax(0, 1fr) !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-content, html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell .workspace-content-inner { min-width: 0 !important; min-height: 0 !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell [data-workspace-panel-section]:not(.workspace-panel-hidden) { min-width: 0 !important; } html.exeify-client #authView:not(.hidden) { font-size: 14px !important; } /* Exeify layout repair v3: use real desktop grid sizing instead of page zoom. */ html.exeify-client, html.exeify-client body { width: 100% !important; height: 100% !important; overflow: hidden !important; } html.exeify-client body { font-size: 13px !important; } html.exeify-client #appView.workspace-shell:not(.hidden) { width: 100vw !important; height: 100vh !important; min-width: 0 !important; min-height: 0 !important; max-height: 100vh !important; overflow: hidden !important; font-size: 13px !important; } html.exeify-client #appView.workspace-shell:not(.hidden) .workspace-frame { display: grid !important; grid-template-columns: 228px minmax(0, 1fr) !important; grid-template-rows: minmax(0, 1fr) !important; width: 100% !important; max-width: 100% !important; height: 100% !important; max-height: 100% !important; min-width: 0 !important; min-height: 0 !important; overflow: hidden !important; zoom: 1 !important; transform: none !important; } html.exeify-client #appView.workspace-shell:not(.hidden) .client-window-bar { display: none !important; } html.exeify-client #appView.workspace-shell:not(.hidden) .workspace-sidebar { grid-column: 1 !important; grid-row: 1 !important; width: 228px !important; min-width: 228px !important; height: 100% !important; min-height: 0 !important; padding: 14px 12px !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; } html.exeify-client #appView.workspace-shell:not(.hidden) .workspace-sidebar-brand { gap: 9px !important; margin: 0 0 14px !important; flex: 0 0 auto !important; } html.exeify-client #appView.workspace-shell:not(.hidden) .workspace-sidebar-brand .app-icon { width: 40px !important; height: 40px !important; flex: 0 0 40px !important; } html.exeify-client #appView.workspace-shell:not(.hidden) .workspace-sidebar-brand b { font-size: 18px !important; line-height: 1.05 !important; } html.exeify-client #appView.workspace-shell:not(.hidden) .workspace-sidebar-brand small { margin-top: 3px !important; font-size: 11px !important; line-height: 1.15 !important; } html.exeify-client #appView.workspace-shell:not(.hidden) .workspace-nav { flex: 0 1 auto !important; gap: 6px !important; min-height: 0 !important; overflow: hidden !important; } html.exeify-client #appView.workspace-shell:not(.hidden) .workspace-nav button { height: 39px !important; min-height: 39px !important; gap: 8px !important; padding: 0 11px !important; border-radius: 10px !important; font-size: 13px !important; font-weight: 750 !important; line-height: 1 !important; } html.exeify-client #appView.workspace-shell:not(.hidden) .workspace-nav button iconify-icon { width: 16px !important; height: 16px !important; flex: 0 0 16px !important; } html.exeify-client #appView.workspace-shell:not(.hidden) .sidebar-account-wallet { flex: 0 0 auto !important; display: block !important; margin-top: auto !important; padding: 10px !important; border-radius: 13px !important; } html.exeify-client #appView.workspace-shell:not(.hidden) .sidebar-user-card { min-height: 38px !important; gap: 8px !important; } html.exeify-client #appView.workspace-shell:not(.hidden) .sidebar-account-avatar { width: 32px !important; height: 32px !important; flex: 0 0 32px !important; font-size: 14px !important; } html.exeify-client #appView.workspace-shell:not(.hidden) .sidebar-user-card b { max-width: 124px !important; font-size: 15px !important; line-height: 1.1 !important; } html.exeify-client #appView.workspace-shell:not(.hidden) .sidebar-user-card small { margin-top: 2px !important; font-size: 11px !important; } html.exeify-client #appView.workspace-shell:not(.hidden) .sidebar-credit-card { margin-top: 8px !important; padding-top: 8px !important; gap: 6px !important; } html.exeify-client #appView.workspace-shell:not(.hidden) .sidebar-credit-main span { font-size: 11px !important; } html.exeify-client #appView.workspace-shell:not(.hidden) .sidebar-credit-main strong { font-size: 19px !important; } html.exeify-client #appView.workspace-shell:not(.hidden) .sidebar-credit-refresh { width: 28px !important; height: 28px !important; border-radius: 9px !important; } html.exeify-client #appView.workspace-shell:not(.hidden) .sidebar-credit-claim { height: 30px !important; min-height: 30px !important; margin-top: 0 !important; padding: 0 10px !important; font-size: 12px !important; } html.exeify-client #appView.workspace-shell:not(.hidden) .workspace-main { grid-column: 2 !important; grid-row: 1 !important; width: 100% !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; display: grid !important; grid-template-rows: 66px minmax(0, 1fr) !important; overflow: hidden !important; } html.exeify-client #appView.workspace-shell:not(.hidden) .workspace-topbar { height: 66px !important; min-height: 66px !important; padding: 10px 16px !important; gap: 12px !important; overflow: hidden !important; } html.exeify-client #appView.workspace-shell:not(.hidden) .workspace-topbar h1 { font-size: 22px !important; line-height: 1.08 !important; } html.exeify-client #appView.workspace-shell:not(.hidden) .workspace-topbar small { margin-top: 2px !important; font-size: 11px !important; line-height: 1.2 !important; } html.exeify-client #appView.workspace-shell:not(.hidden) .workspace-topbar-actions { gap: 8px !important; flex: 0 0 auto !important; } html.exeify-client #appView.workspace-shell:not(.hidden) .notification-bell-btn, html.exeify-client #appView.workspace-shell:not(.hidden) .workspace-logout { width: 36px !important; height: 36px !important; min-height: 36px !important; border-radius: 12px !important; } html.exeify-client #appView.workspace-shell:not(.hidden) #workspaceHomeBtn { height: 36px !important; min-height: 36px !important; padding: 0 13px !important; border-radius: 12px !important; font-size: 13px !important; } html.exeify-client #appView.workspace-shell:not(.hidden) .workspace-content { width: 100% !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; padding: 12px 14px 14px !important; overflow: auto !important; } html.exeify-client #appView.workspace-shell:not(.hidden) .workspace-content-inner { width: 100% !important; min-width: 0 !important; min-height: 100% !important; max-width: none !important; } html.exeify-client #appView.workspace-shell:not(.hidden) [data-workspace-panel-section]:not(.workspace-panel-hidden) { min-width: 0 !important; max-width: 100% !important; } html.exeify-client #appView.workspace-shell:not(.hidden) .workspace-card h2, html.exeify-client #appView.workspace-shell:not(.hidden) .role-input-card h2, html.exeify-client #appView.workspace-shell:not(.hidden) .records-card h2 { font-size: 18px !important; } html.exeify-client #appView.workspace-shell:not(.hidden) p, html.exeify-client #appView.workspace-shell:not(.hidden) li, html.exeify-client #appView.workspace-shell:not(.hidden) input, html.exeify-client #appView.workspace-shell:not(.hidden) textarea, html.exeify-client #appView.workspace-shell:not(.hidden) button, html.exeify-client #appView.workspace-shell:not(.hidden) select { font-size: 13px !important; } html.exeify-client #appView.workspace-shell:not(.hidden) .primary, html.exeify-client #appView.workspace-shell:not(.hidden) .secondary { min-height: 34px !important; padding-inline: 12px !important; } html.exeify-client #appView.workspace-shell:not(.hidden) .workspace-content.interview-panel-active, html.exeify-client #appView.workspace-shell:not(.hidden) .workspace-content-inner.interview-panel-active { height: 100% !important; min-height: 0 !important; overflow: hidden !important; } html.exeify-client #appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) { width: 100% !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; max-height: 100% !important; overflow: hidden !important; } html.exeify-client #appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .interview-stage { height: 100% !important; min-height: 0 !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; overflow: hidden !important; } html.exeify-client #appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .pane { height: 100% !important; min-width: 0 !important; min-height: 0 !important; padding: 12px 14px 10px !important; overflow: hidden !important; } html.exeify-client #appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .transcript-pane { grid-template-rows: 30px minmax(0, 1fr) 30px 126px 34px !important; gap: 6px !important; } html.exeify-client #appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .answer-pane { grid-template-rows: 30px 28px minmax(0, 1fr) 54px 34px !important; gap: 6px !important; } html.exeify-client #appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .pane-head { height: 30px !important; min-height: 30px !important; } html.exeify-client #appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .pane-head h2 { font-size: 17px !important; line-height: 1.15 !important; } html.exeify-client #appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .transcript-card, html.exeify-client #appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .workspace-answer-card { height: 100% !important; min-height: 0 !important; overflow: auto !important; } html.exeify-client #appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) #transcript, html.exeify-client #appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) #answer, html.exeify-client #appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) #answer > div > span, html.exeify-client #appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) #answer .answer-card span { font-size: 14px !important; line-height: 1.55 !important; } html.exeify-client #appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .voice-wave { height: 30px !important; min-height: 30px !important; padding: 0 10px !important; } html.exeify-client #appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .interview-control-card { height: 126px !important; min-height: 126px !important; display: grid !important; grid-template-rows: 66px 36px !important; gap: 7px !important; padding: 8px 9px !important; overflow: hidden !important; } html.exeify-client #appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .interview-control-grid { height: 66px !important; min-height: 66px !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 7px !important; } html.exeify-client #appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .interview-control-grid label { height: 66px !important; min-height: 66px !important; grid-template-rows: 17px 31px !important; gap: 5px !important; padding: 7px 8px !important; } html.exeify-client #appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .interview-control-grid label > span, html.exeify-client #appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .workspace-answer-mode > span { height: 17px !important; min-height: 17px !important; font-size: 12px !important; line-height: 17px !important; } html.exeify-client #appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .mic-slider-row { height: 31px !important; min-height: 31px !important; grid-template-columns: 30px minmax(0, 1fr) 38px 40px !important; gap: 5px !important; } html.exeify-client #appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .mic-slider-row small, html.exeify-client #appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .mic-slider-row output { font-size: 11px !important; } html.exeify-client #appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .interview-control-grid select, html.exeify-client #appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .workspace-answer-mode select { height: 31px !important; min-height: 31px !important; font-size: 12px !important; line-height: 31px !important; } html.exeify-client #appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) #interviewStartToggleBtn { height: 36px !important; min-height: 36px !important; font-size: 14px !important; line-height: 36px !important; } html.exeify-client #appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .workspace-answer-mode { height: 54px !important; min-height: 54px !important; grid-template-rows: 17px 31px !important; gap: 4px !important; padding: 4px 10px !important; } html.exeify-client #appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .pane-foot { height: 34px !important; min-height: 34px !important; padding: 4px 0 0 !important; margin: 0 !important; gap: 7px !important; overflow: visible !important; } html.exeify-client #appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .pane-foot .scroll-actions { height: 28px !important; min-height: 28px !important; gap: 6px !important; min-width: 0 !important; } html.exeify-client #appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .pane-foot button { height: 28px !important; min-height: 28px !important; padding: 0 9px !important; border-radius: 9px !important; font-size: 11px !important; line-height: 28px !important; white-space: nowrap !important; } /* Data-sim access: only keep the glass lock when the client has no credits. */ #appView.workspace-shell:not(.hidden).data-sim-unlocked #dataSimPanel > * { opacity: 1 !important; filter: none !important; pointer-events: auto !important; user-select: auto !important; } #appView.workspace-shell:not(.hidden).data-sim-unlocked #dataSimPanel::after { content: none !important; display: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; pointer-events: none !important; } #appView.workspace-shell:not(.hidden).data-sim-locked #dataSimPanel::after { content: attr(data-lock-reason) !important; display: grid !important; place-items: center !important; color: #c84912 !important; font-size: 18px !important; font-weight: 900 !important; letter-spacing: 0 !important; } #appView.workspace-shell:not(.hidden) .workspace-nav button[data-workspace-nav="data-sim"].data-sim-entry-locked:hover::after { content: attr(data-data-sim-lock-reason) !important; } #appView.workspace-shell:not(.hidden).data-sim-unlocked .workspace-nav button[data-workspace-nav="data-sim"]:hover::before, #appView.workspace-shell:not(.hidden).data-sim-unlocked .workspace-nav button[data-workspace-nav="data-sim"]:hover::after { content: none !important; display: none !important; } /* Exeify client v5: client-only entry, complete lower content, and data-sim lock fix. */ html.exeify-client #authView#authView.client-login-mode:not(.hidden) { display: grid !important; grid-template-columns: minmax(330px, .82fr) minmax(420px, 1fr) !important; grid-template-rows: 54px minmax(0, 1fr) !important; width: 100vw !important; height: 100vh !important; min-height: 0 !important; padding: 0 !important; overflow: hidden !important; background: #fff7f0 !important; } html.exeify-client #authView#authView.client-login-mode .home-header, html.exeify-client #authView#authView.client-login-mode .mobile-public-menu, html.exeify-client #authView#authView.client-login-mode .public-page, html.exeify-client #authView#authView.client-login-mode .public-footer, html.exeify-client #authView#authView.client-login-mode .auth-drawer-backdrop { display: none !important; } html.exeify-client #authView#authView.client-login-mode .client-login-titlebar { grid-column: 1 / -1 !important; grid-row: 1 !important; height: 54px !important; min-height: 54px !important; padding: 0 18px !important; border-bottom: 1px solid rgba(253, 186, 116, .38) !important; background: #fffaf5 !important; } html.exeify-client #authView#authView.client-login-mode .client-login-titlebar .brand-mark { width: 30px !important; height: 30px !important; } html.exeify-client #authView#authView.client-login-mode .client-login-titlebar b { font-size: 15px !important; } html.exeify-client #authView#authView.client-login-mode .client-login-titlebar i { font-size: 12px !important; } html.exeify-client #authView#authView.client-login-mode .client-login-preview { grid-column: 1 !important; grid-row: 2 !important; display: flex !important; align-items: center !important; justify-content: center !important; min-width: 0 !important; min-height: 0 !important; padding: 34px 28px !important; border-right: 1px solid rgba(253, 186, 116, .32) !important; background: linear-gradient(180deg, #fffaf5 0%, #fff1e5 100%) !important; } html.exeify-client #authView#authView.client-login-mode .client-login-brand-panel { position: relative !important; display: grid !important; justify-items: center !important; gap: 16px !important; width: min(100%, 360px) !important; max-width: 360px !important; margin: 0 auto !important; text-align: center !important; } html.exeify-client #authView#authView.client-login-mode .client-login-logo { display: grid !important; justify-items: center !important; gap: 16px !important; } html.exeify-client #authView#authView.client-login-mode .client-login-logo .brand-mark { width: 118px !important; height: 118px !important; } html.exeify-client #authView#authView.client-login-mode .client-login-logo strong { color: #101828 !important; font-size: 34px !important; font-weight: 950 !important; line-height: 1.04 !important; letter-spacing: 0 !important; } html.exeify-client #authView#authView.client-login-mode .client-login-brand-panel > p { margin: 0 !important; color: #667085 !important; font-size: 15px !important; font-weight: 780 !important; line-height: 1.55 !important; } html.exeify-client #authView#authView.client-login-mode .client-login-feature-grid, html.exeify-client #authView#authView.client-login-mode .client-login-note { display: none !important; } html.exeify-client #authView#authView.client-login-mode .client-login-bear { position: static !important; width: 176px !important; height: 142px !important; margin-top: 6px !important; opacity: .96 !important; } html.exeify-client #authView#authView.client-login-mode .client-login-bear .brand-mark { left: 36px !important; top: 4px !important; width: 104px !important; height: 104px !important; } html.exeify-client #authView#authView.client-login-mode .client-login-bear::after { left: 6px !important; right: 6px !important; bottom: 16px !important; height: 42px !important; } html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer { position: static !important; grid-column: 2 !important; grid-row: 2 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: auto !important; height: auto !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 30px 34px !important; border: 0 !important; border-radius: 0 !important; background: #fffaf5 !important; box-shadow: none !important; opacity: 1 !important; transform: none !important; pointer-events: auto !important; } html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .auth-drawer-head { display: none !important; } html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .auth-drawer-scroll { display: block !important; width: min(100%, 500px) !important; max-height: calc(100vh - 118px) !important; min-height: 0 !important; padding: 30px 34px 28px !important; overflow-y: auto !important; border: 1px solid rgba(255, 151, 76, .25) !important; border-radius: 20px !important; background: #fff !important; box-shadow: 0 22px 58px rgba(15, 23, 42, .08) !important; } html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .auth-card-inner { padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } html.exeify-client #authView#authView.client-login-mode .auth-title { display: block !important; margin-bottom: 18px !important; } html.exeify-client #authView#authView.client-login-mode .auth-title h2 { font-size: 24px !important; line-height: 1.18 !important; } html.exeify-client #authView#authView.client-login-mode .auth-title p:not(.eyebrow) { font-size: 13px !important; } html.exeify-client #authView#authView.client-login-mode .auth-tabs { gap: 10px !important; height: 42px !important; margin: 0 0 18px !important; } html.exeify-client #authView#authView.client-login-mode .auth-tabs button { min-height: 42px !important; font-size: 15px !important; } html.exeify-client #authView#authView.client-login-mode .auth-form:not(.hidden) { gap: 11px !important; } html.exeify-client #authView#authView.client-login-mode .input-wrap, html.exeify-client #authView#authView.client-login-mode .captcha-row input, html.exeify-client #authView#authView.client-login-mode .code-row input, html.exeify-client #authView#authView.client-login-mode .captcha-image, html.exeify-client #authView#authView.client-login-mode .code-row .secondary, html.exeify-client #authView#authView.client-login-mode .ali-captcha-button, html.exeify-client #authView#authView.client-login-mode .ali-captcha-status { height: 44px !important; min-height: 44px !important; border-radius: 12px !important; font-size: 13px !important; } html.exeify-client #authView#authView.client-login-mode .auth-form > .primary { height: 48px !important; min-height: 48px !important; margin-top: 8px !important; border-radius: 13px !important; font-size: 15px !important; } html.exeify-client #authView#authView.client-login-mode .captcha-row, html.exeify-client #authView#authView.client-login-mode .code-row { grid-template-columns: minmax(0, 1fr) 142px !important; gap: 10px !important; } html.exeify-client #authView#authView.client-login-mode .client-sync-foot { gap: 12px !important; margin-top: 16px !important; } html.exeify-client #authView#authView.client-login-mode .client-sync-foot p, html.exeify-client #authView#authView.client-login-mode .client-sync-foot small, html.exeify-client #authView#authView.client-login-mode .client-login-options, html.exeify-client #authView#authView.client-login-mode .client-login-options label, html.exeify-client #authView#authView.client-login-mode .client-login-options button { font-size: 12px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden), html.electron-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) { width: 100vw !important; height: 100vh !important; min-height: 0 !important; max-height: 100vh !important; overflow: hidden !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .workspace-frame { grid-template-columns: 220px minmax(0, 1fr) !important; grid-template-rows: minmax(0, 1fr) !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .workspace-sidebar { width: 220px !important; min-width: 220px !important; height: 100% !important; min-height: 0 !important; padding: 12px 10px 12px !important; overflow: hidden !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .workspace-sidebar-brand { margin-bottom: 10px !important; gap: 8px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .workspace-sidebar-brand .app-icon { width: 36px !important; height: 36px !important; flex: 0 0 36px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .workspace-sidebar-brand b { font-size: 17px !important; line-height: 1.05 !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .workspace-sidebar-brand small { font-size: 10px !important; line-height: 1.1 !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .workspace-nav { flex: 0 1 auto !important; gap: 5px !important; min-height: 0 !important; overflow: hidden !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .workspace-nav button { height: 35px !important; min-height: 35px !important; padding: 0 10px !important; border-radius: 10px !important; font-size: 12px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .sidebar-account-wallet { flex: 0 0 auto !important; margin-top: auto !important; padding: 8px !important; border-radius: 12px !important; overflow: visible !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .sidebar-user-card { min-height: 34px !important; height: 34px !important; gap: 7px !important; overflow: hidden !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .sidebar-account-avatar { width: 30px !important; height: 30px !important; flex: 0 0 30px !important; font-size: 13px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .sidebar-user-card b { max-width: 128px !important; font-size: 14px !important; line-height: 1.05 !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .sidebar-user-card small { margin-top: 1px !important; font-size: 10px !important; line-height: 1.05 !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .sidebar-credit-card { margin-top: 6px !important; padding-top: 6px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .sidebar-credit-main { grid-template-columns: minmax(0, 1fr) auto !important; gap: 4px 6px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .sidebar-credit-main span { font-size: 10px !important; line-height: 1 !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .sidebar-credit-main strong { font-size: 17px !important; line-height: 1.05 !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .sidebar-credit-refresh { width: 26px !important; height: 26px !important; min-height: 26px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .sidebar-credit-claim { height: 28px !important; min-height: 28px !important; margin-top: 5px !important; font-size: 11px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #workspaceHomeBtn, html.electron-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #workspaceHomeBtn { display: none !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .workspace-main { grid-template-rows: 58px minmax(0, 1fr) !important; min-height: 0 !important; overflow: hidden !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .workspace-topbar { height: 58px !important; min-height: 58px !important; padding: 8px 14px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .workspace-topbar h1 { font-size: 21px !important; line-height: 1.05 !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .workspace-topbar small { font-size: 11px !important; line-height: 1.15 !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .workspace-content { height: 100% !important; min-height: 0 !important; padding: 10px 14px 22px !important; overflow-x: hidden !important; overflow-y: auto !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .workspace-content-inner { height: auto !important; min-height: 100% !important; overflow: visible !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel#overviewPanel#overviewPanel:not(.workspace-panel-hidden), html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock#resumeDock:not(.workspace-panel-hidden) { height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; padding-bottom: 16px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #overviewPanel .overview-license-bar { min-height: 56px !important; margin-bottom: 10px !important; gap: 8px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #overviewPanel .overview-main-grid { gap: 12px !important; overflow: visible !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #overviewPanel .workspace-card { min-height: 0 !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock .resume-source-card, html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock .resume-result-stack, html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock .resume-advantages-card, html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock #resumeResult { height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock .file-picker { min-height: 118px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock .resume-extra-requirement { min-height: 88px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock .resume-extra-requirement textarea { min-height: 64px !important; max-height: 86px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .workspace-content.interview-panel-active, html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .workspace-content-inner.interview-panel-active { height: 100% !important; min-height: 0 !important; overflow: hidden !important; padding-bottom: 10px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) { height: 100% !important; min-height: 0 !important; max-height: 100% !important; overflow: hidden !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .interview-stage { height: 100% !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; overflow: hidden !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .pane { height: 100% !important; min-height: 0 !important; padding: 10px 12px 8px !important; overflow: hidden !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .transcript-pane { grid-template-rows: 28px minmax(0, 1fr) 26px 104px 30px !important; gap: 5px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .answer-pane { grid-template-rows: 28px 25px minmax(0, 1fr) 46px 30px !important; gap: 5px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .interview-control-card { height: 104px !important; min-height: 104px !important; grid-template-rows: 56px 30px !important; gap: 5px !important; padding: 6px 8px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .interview-control-grid { height: 56px !important; min-height: 56px !important; gap: 6px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .interview-control-grid label { height: 56px !important; min-height: 56px !important; grid-template-rows: 15px 28px !important; gap: 3px !important; padding: 5px 7px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .workspace-answer-mode { height: 46px !important; min-height: 46px !important; grid-template-rows: 14px 27px !important; gap: 2px !important; padding: 3px 9px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .pane-foot { height: 30px !important; min-height: 30px !important; padding-top: 3px !important; overflow: visible !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .pane-foot button { height: 26px !important; min-height: 26px !important; padding: 0 8px !important; font-size: 11px !important; line-height: 26px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden):not(.data-sim-locked) #dataSimPanel > * { opacity: 1 !important; filter: none !important; pointer-events: auto !important; user-select: auto !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden):not(.data-sim-locked) #dataSimPanel::after { content: none !important; display: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; pointer-events: none !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell.data-sim-locked:not(.hidden) #dataSimPanel > * { opacity: .72 !important; filter: blur(.85px) saturate(.9) contrast(.96) !important; pointer-events: none !important; user-select: none !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell.data-sim-locked:not(.hidden) #dataSimPanel::after { content: attr(data-lock-reason) !important; display: grid !important; place-items: center !important; color: #c84912 !important; font-size: 18px !important; font-weight: 900 !important; letter-spacing: 0 !important; } /* Exeify client v6: keep the client entrance clean without disturbing the workbench. */ html.exeify-client #authView#authView.client-login-mode:not(.hidden) { display: grid !important; grid-template-columns: minmax(300px, 36%) minmax(0, 1fr) !important; grid-template-rows: 54px minmax(0, 1fr) !important; width: 100vw !important; height: 100vh !important; min-width: 0 !important; min-height: 0 !important; overflow: hidden !important; background: #fff7f0 !important; } html.exeify-client #authView#authView.client-login-mode .home-header, html.exeify-client #authView#authView.client-login-mode .mobile-public-menu, html.exeify-client #authView#authView.client-login-mode .public-page, html.exeify-client #authView#authView.client-login-mode .public-footer, html.exeify-client #authView#authView.client-login-mode .auth-drawer-backdrop { display: none !important; } html.exeify-client #authView#authView.client-login-mode .client-login-titlebar { grid-column: 1 / -1 !important; height: 54px !important; min-height: 54px !important; padding: 0 18px !important; background: #fffaf5 !important; } html.exeify-client #authView#authView.client-login-mode .client-login-preview { grid-column: 1 !important; grid-row: 2 !important; display: flex !important; align-items: center !important; justify-content: center !important; min-width: 0 !important; min-height: 0 !important; padding: 28px 24px !important; border-right: 1px solid rgba(253, 186, 116, .32) !important; background: linear-gradient(180deg, #fffaf5 0%, #fff1e5 100%) !important; } html.exeify-client #authView#authView.client-login-mode .client-login-brand-panel { display: grid !important; justify-items: center !important; gap: 16px !important; width: min(100%, 360px) !important; margin: 0 auto !important; text-align: center !important; } html.exeify-client #authView#authView.client-login-mode .client-login-logo { display: grid !important; justify-items: center !important; gap: 14px !important; } html.exeify-client #authView#authView.client-login-mode .client-login-logo .brand-mark { width: 112px !important; height: 112px !important; } html.exeify-client #authView#authView.client-login-mode .client-login-logo strong { font-size: 32px !important; line-height: 1.06 !important; letter-spacing: 0 !important; } html.exeify-client #authView#authView.client-login-mode .client-login-brand-panel > p { margin: 0 !important; color: #667085 !important; font-size: 14px !important; font-weight: 760 !important; line-height: 1.5 !important; } html.exeify-client #authView#authView.client-login-mode .client-login-feature-grid, html.exeify-client #authView#authView.client-login-mode .client-login-note { display: none !important; } html.exeify-client #authView#authView.client-login-mode .client-login-bear { position: relative !important; right: auto !important; bottom: auto !important; width: 168px !important; height: 132px !important; margin-top: 4px !important; } html.exeify-client #authView#authView.client-login-mode .client-login-bear .brand-mark { left: 34px !important; top: 0 !important; width: 100px !important; height: 100px !important; } html.exeify-client #authView#authView.client-login-mode .client-login-bear::after { left: 8px !important; right: 8px !important; bottom: 12px !important; height: 40px !important; } html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer { position: static !important; grid-column: 2 !important; grid-row: 2 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: auto !important; height: auto !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 24px 30px !important; border: 0 !important; border-radius: 0 !important; background: #fffaf5 !important; box-shadow: none !important; opacity: 1 !important; transform: none !important; pointer-events: auto !important; } html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .auth-drawer-scroll { display: block !important; width: min(100%, 500px) !important; max-height: calc(100vh - 96px) !important; min-height: 0 !important; padding: 26px 32px 24px !important; overflow-y: auto !important; border: 1px solid rgba(255, 151, 76, .24) !important; border-radius: 18px !important; background: #fff !important; box-shadow: 0 18px 52px rgba(15, 23, 42, .08) !important; } html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .auth-title { display: block !important; margin-bottom: 16px !important; } html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .auth-title h2 { font-size: 24px !important; line-height: 1.16 !important; } html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .auth-title p:not(.eyebrow) { font-size: 13px !important; line-height: 1.45 !important; } html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .auth-tabs { height: 40px !important; gap: 10px !important; margin: 0 0 16px !important; } html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .auth-tabs button { min-height: 40px !important; font-size: 15px !important; } html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .auth-form:not(.hidden) { gap: 10px !important; } html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .input-wrap, html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .captcha-row input, html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .code-row input, html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .captcha-image, html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .code-row .secondary, html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .ali-captcha-button, html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .ali-captcha-status { height: 43px !important; min-height: 43px !important; border-radius: 12px !important; font-size: 13px !important; } html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .auth-form > .primary { height: 48px !important; min-height: 48px !important; margin-top: 6px !important; border-radius: 13px !important; font-size: 15px !important; } html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .captcha-row, html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .code-row { grid-template-columns: minmax(0, 1fr) 140px !important; gap: 10px !important; } html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .client-sync-foot { gap: 10px !important; margin-top: 14px !important; } html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .client-sync-foot p, html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .client-sync-foot small, html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .client-login-options, html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .client-login-options label, html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .client-login-options button { font-size: 12px !important; } @media (max-width: 860px) { html.exeify-client #authView#authView.client-login-mode:not(.hidden) { grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: 48px minmax(0, 1fr) !important; } html.exeify-client #authView#authView.client-login-mode .client-login-titlebar { height: 48px !important; min-height: 48px !important; padding: 0 12px !important; } html.exeify-client #authView#authView.client-login-mode .client-login-titlebar i { display: none !important; } html.exeify-client #authView#authView.client-login-mode .client-login-preview { display: none !important; } html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer { grid-column: 1 !important; grid-row: 2 !important; align-items: stretch !important; padding: 12px !important; } html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .auth-drawer-scroll { width: 100% !important; max-height: calc(100vh - 72px) !important; padding: 18px 18px 16px !important; border-radius: 16px !important; } html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .auth-title { margin-bottom: 12px !important; } html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .auth-title h2 { font-size: 22px !important; } html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .auth-tabs { margin-bottom: 12px !important; } html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .captcha-row, html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .code-row { grid-template-columns: minmax(0, 1fr) 118px !important; gap: 8px !important; } html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .client-sync-foot { display: none !important; } } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .workspace-frame { grid-template-columns: 228px minmax(0, 1fr) !important; grid-template-rows: minmax(0, 1fr) !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .workspace-sidebar { width: 228px !important; min-width: 228px !important; padding: 14px 12px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .workspace-sidebar-brand { margin: 0 0 14px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .workspace-nav { gap: 6px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .workspace-nav button { height: 39px !important; min-height: 39px !important; padding: 0 11px !important; font-size: 13px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .sidebar-account-wallet { padding: 10px !important; margin-top: auto !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .sidebar-user-card { height: 38px !important; min-height: 38px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .sidebar-credit-main strong { font-size: 19px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .workspace-main { grid-template-rows: 66px minmax(0, 1fr) !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .workspace-topbar { height: 66px !important; min-height: 66px !important; padding: 10px 16px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .workspace-topbar h1 { font-size: 22px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .workspace-content { padding: 12px 14px 18px !important; overflow-x: hidden !important; overflow-y: auto !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #workspaceHomeBtn { display: none !important; } /* Exeify client v7: hero-style login, clean fields, and interview bottom repair. */ html.exeify-client #authView#authView.client-login-mode:not(.hidden) { display: grid !important; grid-template-columns: minmax(580px, 1.06fr) minmax(450px, .82fr) !important; grid-template-rows: minmax(0, 1fr) !important; width: 100vw !important; height: 100vh !important; min-height: 0 !important; overflow: hidden !important; background: #fffaf5 !important; } html.exeify-client #authView#authView.client-login-mode .client-login-titlebar { display: none !important; } html.exeify-client #authView#authView.client-login-mode .client-login-preview { grid-column: 1 !important; grid-row: 1 !important; display: flex !important; align-items: stretch !important; justify-content: center !important; min-width: 0 !important; min-height: 0 !important; height: 100vh !important; padding: 44px 34px 34px !important; border-right: 1px solid rgba(253, 186, 116, .34) !important; background: linear-gradient(90deg, rgba(255, 250, 245, .98), rgba(255, 255, 255, .94)), repeating-linear-gradient(0deg, rgba(255, 151, 76, .06) 0, rgba(255, 151, 76, .06) 1px, transparent 1px, transparent 40px), repeating-linear-gradient(90deg, rgba(255, 151, 76, .05) 0, rgba(255, 151, 76, .05) 1px, transparent 1px, transparent 40px) !important; } html.exeify-client #authView#authView.client-login-mode .client-login-brand-panel { display: grid !important; grid-template-rows: auto auto 1fr auto !important; align-content: start !important; justify-items: start !important; width: min(100%, 650px) !important; max-width: 650px !important; height: 100% !important; margin: 0 !important; text-align: left !important; } html.exeify-client #authView#authView.client-login-mode .client-login-hero-copy h1 { margin: 0 !important; color: #111827 !important; font-size: clamp(48px, 4.9vw, 66px) !important; font-weight: 950 !important; line-height: 1.06 !important; letter-spacing: 0 !important; } html.exeify-client #authView#authView.client-login-mode .client-login-hero-copy h1 span { display: block !important; color: #ff6a16 !important; } html.exeify-client #authView#authView.client-login-mode .client-login-hero-copy p { max-width: 610px !important; margin: 22px 0 0 !important; color: #667085 !important; font-size: 17px !important; font-weight: 500 !important; line-height: 1.78 !important; } html.exeify-client #authView#authView.client-login-mode .client-login-chips { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; margin-top: 24px !important; } html.exeify-client #authView#authView.client-login-mode .client-login-chips span { display: inline-flex !important; align-items: center !important; gap: 8px !important; height: 36px !important; padding: 0 15px !important; border: 1px solid #bae6fd !important; border-radius: 999px !important; background: #f0f9ff !important; color: #0f7198 !important; font-size: 14px !important; font-weight: 820 !important; line-height: 1 !important; white-space: nowrap !important; } html.exeify-client #authView#authView.client-login-mode .client-login-stat-grid { align-self: end !important; display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; width: 100% !important; margin-top: 28px !important; padding-top: 19px !important; border-top: 1px solid rgba(255, 151, 76, .34) !important; } html.exeify-client #authView#authView.client-login-mode .client-login-stat-grid article { min-width: 0 !important; padding: 0 18px 0 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } html.exeify-client #authView#authView.client-login-mode .client-login-stat-grid article + article { padding-left: 18px !important; border-left: 1px solid rgba(255, 151, 76, .34) !important; } html.exeify-client #authView#authView.client-login-mode .client-login-stat-grid iconify-icon { color: #ff6a16 !important; } html.exeify-client #authView#authView.client-login-mode .client-login-stat-grid b { display: block !important; margin-top: 6px !important; color: #111827 !important; font-size: 20px !important; font-weight: 930 !important; line-height: 1.1 !important; } html.exeify-client #authView#authView.client-login-mode .client-login-stat-grid small { display: block !important; margin-top: 5px !important; color: #667085 !important; font-size: 14px !important; font-weight: 650 !important; line-height: 1.2 !important; } html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer { grid-column: 2 !important; grid-row: 1 !important; padding: 32px 36px !important; background: #fffaf5 !important; } html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .auth-drawer-scroll { width: min(100%, 500px) !important; max-height: calc(100vh - 64px) !important; padding: 30px 32px 26px !important; overflow-y: auto !important; overflow-x: hidden !important; border-radius: 20px !important; } html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .auth-form-row { gap: 12px !important; min-width: 0 !important; } html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .auth-form-row-7-3 { grid-template-columns: minmax(0, 1fr) minmax(128px, .36fr) !important; } html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .auth-form label, html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .auth-form-row label { min-width: 0 !important; } html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .input-wrap { position: relative !important; display: grid !important; grid-template-columns: 42px minmax(0, 1fr) !important; align-items: center !important; width: 100% !important; height: 48px !important; min-height: 48px !important; padding: 0 14px 0 0 !important; border: 1px solid #ffd0aa !important; border-radius: 14px !important; background: #f8fafc !important; box-shadow: none !important; overflow: hidden !important; box-sizing: border-box !important; } html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .input-wrap iconify-icon { position: static !important; justify-self: center !important; width: 16px !important; height: 16px !important; color: #667085 !important; transform: none !important; } html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .input-wrap input { width: 100% !important; min-width: 0 !important; height: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; outline: 0 !important; background: transparent !important; box-shadow: none !important; color: #111827 !important; font-size: 15px !important; font-weight: 720 !important; line-height: 48px !important; } html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .input-wrap input::placeholder, html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .captcha-row input::placeholder, html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .code-row input::placeholder { color: #98a2b3 !important; font-weight: 760 !important; opacity: 1 !important; } html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .captcha-row, html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .code-row { display: grid !important; grid-template-columns: minmax(0, 1fr) 136px !important; gap: 10px !important; width: 100% !important; min-width: 0 !important; } html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .captcha-row input, html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .code-row input, html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .captcha-image, html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .code-row .secondary { width: 100% !important; min-width: 0 !important; height: 48px !important; min-height: 48px !important; margin: 0 !important; padding: 0 14px !important; border: 1px solid #ffd0aa !important; border-radius: 14px !important; background: #f8fafc !important; box-shadow: none !important; color: #111827 !important; font-size: 15px !important; font-weight: 760 !important; line-height: 48px !important; box-sizing: border-box !important; } html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .code-row .secondary { background: #fffaf5 !important; color: #d9480f !important; font-size: 14px !important; font-weight: 880 !important; white-space: nowrap !important; } html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .auth-form > .primary { height: 50px !important; min-height: 50px !important; font-size: 15px !important; line-height: 50px !important; } @media (max-width: 980px) { html.exeify-client #authView#authView.client-login-mode:not(.hidden) { grid-template-columns: minmax(0, 1fr) !important; } html.exeify-client #authView#authView.client-login-mode .client-login-preview { display: none !important; } html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer { grid-column: 1 !important; padding: 18px !important; } } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .workspace-content.interview-panel-active, html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .workspace-content-inner.interview-panel-active { height: 100% !important; min-height: 0 !important; padding-bottom: 10px !important; overflow: hidden !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) { height: 100% !important; min-height: 0 !important; max-height: 100% !important; overflow: hidden !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .transcript-pane { grid-template-rows: 30px minmax(0, 1fr) 30px 118px 32px !important; gap: 6px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .answer-pane { grid-template-rows: 30px 28px minmax(0, 1fr) 52px 32px !important; gap: 6px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .interview-control-card { height: 118px !important; min-height: 118px !important; grid-template-rows: 62px 34px !important; gap: 6px !important; padding: 7px 8px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .interview-control-grid { height: 62px !important; min-height: 62px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .interview-control-grid label { height: 62px !important; min-height: 62px !important; grid-template-rows: 16px 30px !important; gap: 4px !important; padding: 6px 7px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .workspace-answer-mode { height: 52px !important; min-height: 52px !important; grid-template-rows: 16px 30px !important; gap: 3px !important; padding: 3px 9px !important; } html.exeify-client body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .pane-foot { height: 32px !important; min-height: 32px !important; padding-top: 3px !important; overflow: visible !important; } /* Exeify client v8: compact only in the 1280x760 window; expanded windows match the web workbench density. */ html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .auth-form:not(.hidden) { gap: 12px !important; } html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .auth-form label { display: grid !important; gap: 7px !important; min-width: 0 !important; } html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .auth-form label > span { color: #475569 !important; font-size: 13px !important; font-weight: 820 !important; line-height: 1.1 !important; } html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .auth-form-row, html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .auth-form-row.auth-form-row-7-3 { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 12px !important; } html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .input-wrap input, html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .captcha-row input, html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .code-row input { position: static !important; inset: auto !important; transform: none !important; appearance: none !important; } html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .captcha-row, html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .code-row { grid-template-columns: minmax(0, 1fr) 138px !important; } html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer #registerForm .code-row, html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer #forgotForm .code-row { grid-template-columns: minmax(0, 1fr) 128px !important; } html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer .client-sync-foot { margin-top: 14px !important; } html.exeify-client.exeify-expanded-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden), html.exeify-client.exeify-expanded-window #appView.workspace-shell:not(.hidden) { height: 100vh !important; min-height: 760px !important; max-height: 100vh !important; overflow: hidden !important; font-size: 16px !important; } html.exeify-client.exeify-expanded-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .workspace-frame, html.exeify-client.exeify-expanded-window #appView.workspace-shell:not(.hidden) .workspace-frame { display: grid !important; grid-template-columns: 260px minmax(0, 1fr) !important; grid-template-rows: 0 minmax(0, 1fr) !important; width: 100% !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; zoom: 1 !important; transform: none !important; overflow: hidden !important; border-top: 0 !important; } html.exeify-client.exeify-expanded-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .client-window-bar, html.exeify-client.exeify-expanded-window #appView.workspace-shell:not(.hidden) .client-window-bar { display: none !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; overflow: hidden !important; } html.exeify-client.exeify-expanded-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .workspace-sidebar, html.exeify-client.exeify-expanded-window #appView.workspace-shell:not(.hidden) .workspace-sidebar { grid-column: 1 !important; grid-row: 2 !important; width: 260px !important; min-width: 260px !important; height: 100% !important; min-height: 0 !important; padding: 24px 22px 22px !important; overflow: visible !important; } html.exeify-client.exeify-expanded-window #appView.workspace-shell:not(.hidden) .workspace-sidebar-brand { gap: 12px !important; margin: 0 0 40px !important; } html.exeify-client.exeify-expanded-window #appView.workspace-shell:not(.hidden) .workspace-sidebar-brand .app-icon { width: 58px !important; height: 58px !important; flex: 0 0 58px !important; } html.exeify-client.exeify-expanded-window #appView.workspace-shell:not(.hidden) .workspace-sidebar-brand b { font-size: 28px !important; line-height: 1 !important; } html.exeify-client.exeify-expanded-window #appView.workspace-shell:not(.hidden) .workspace-sidebar-brand small { margin-top: 7px !important; font-size: 13px !important; line-height: 1.2 !important; } html.exeify-client.exeify-expanded-window #appView.workspace-shell:not(.hidden) .workspace-nav { gap: 12px !important; overflow: visible !important; } html.exeify-client.exeify-expanded-window #appView.workspace-shell:not(.hidden) .workspace-nav button { height: 58px !important; min-height: 58px !important; gap: 16px !important; padding: 0 18px !important; border-radius: 12px !important; font-size: 17px !important; font-weight: 700 !important; } html.exeify-client.exeify-expanded-window #appView.workspace-shell:not(.hidden) .workspace-nav button iconify-icon { width: 24px !important; height: 24px !important; flex: 0 0 24px !important; } html.exeify-client.exeify-expanded-window #appView.workspace-shell:not(.hidden) .sidebar-account-wallet { margin-top: auto !important; padding: 14px !important; border-radius: 16px !important; overflow: visible !important; } html.exeify-client.exeify-expanded-window #appView.workspace-shell:not(.hidden) .sidebar-user-card { min-height: 46px !important; height: auto !important; gap: 10px !important; } html.exeify-client.exeify-expanded-window #appView.workspace-shell:not(.hidden) .sidebar-account-avatar { width: 38px !important; height: 38px !important; flex: 0 0 38px !important; font-size: 16px !important; } html.exeify-client.exeify-expanded-window #appView.workspace-shell:not(.hidden) .sidebar-user-card b { max-width: 126px !important; font-size: 17px !important; } html.exeify-client.exeify-expanded-window #appView.workspace-shell:not(.hidden) .sidebar-user-card small, html.exeify-client.exeify-expanded-window #appView.workspace-shell:not(.hidden) .sidebar-credit-main span, html.exeify-client.exeify-expanded-window #appView.workspace-shell:not(.hidden) .sidebar-credit-claim { font-size: 12px !important; } html.exeify-client.exeify-expanded-window #appView.workspace-shell:not(.hidden) .sidebar-credit-main strong { font-size: 18px !important; } html.exeify-client.exeify-expanded-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .workspace-main, html.exeify-client.exeify-expanded-window #appView.workspace-shell:not(.hidden) .workspace-main { grid-column: 2 !important; grid-row: 2 !important; grid-template-rows: 96px minmax(0, 1fr) !important; width: 100% !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; overflow: hidden !important; } html.exeify-client.exeify-expanded-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .workspace-topbar, html.exeify-client.exeify-expanded-window #appView.workspace-shell:not(.hidden) .workspace-topbar { height: auto !important; min-height: 96px !important; padding: 22px 30px 20px !important; gap: 22px !important; overflow: hidden !important; } html.exeify-client.exeify-expanded-window #appView.workspace-shell:not(.hidden) .workspace-topbar > div:first-child { transform: translateY(-4px) !important; } html.exeify-client.exeify-expanded-window #appView.workspace-shell:not(.hidden) .workspace-topbar p { display: none !important; } html.exeify-client.exeify-expanded-window #appView.workspace-shell:not(.hidden) .workspace-topbar h1 { font-size: 30px !important; line-height: 1.08 !important; } html.exeify-client.exeify-expanded-window #appView.workspace-shell:not(.hidden) .workspace-topbar small { display: block !important; margin-top: 4px !important; color: #667085 !important; font-size: 13px !important; line-height: 1.2 !important; } html.exeify-client.exeify-expanded-window #appView.workspace-shell:not(.hidden) .notification-bell-btn { width: 52px !important; height: 52px !important; min-height: 52px !important; border-radius: 16px !important; } html.exeify-client.exeify-expanded-window #appView.workspace-shell:not(.hidden) .workspace-logout { width: 44px !important; height: 44px !important; min-height: 44px !important; border-radius: 12px !important; } html.exeify-client.exeify-expanded-window #appView.workspace-shell:not(.hidden) #workspaceHomeBtn { display: none !important; } html.exeify-client.exeify-expanded-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .workspace-content, html.exeify-client.exeify-expanded-window #appView.workspace-shell:not(.hidden) .workspace-content { height: 100% !important; min-height: 0 !important; padding: 18px 26px 26px !important; overflow-x: hidden !important; overflow-y: auto !important; } html.exeify-client.exeify-expanded-window #appView.workspace-shell:not(.hidden) .workspace-content-inner { height: auto !important; min-height: 100% !important; overflow: visible !important; } html.exeify-client.exeify-expanded-window #appView.workspace-shell:not(.hidden) .workspace-card h2, html.exeify-client.exeify-expanded-window #appView.workspace-shell:not(.hidden) .role-input-card h2, html.exeify-client.exeify-expanded-window #appView.workspace-shell:not(.hidden) .records-card h2 { font-size: 22px !important; } html.exeify-client.exeify-expanded-window #appView.workspace-shell:not(.hidden) p, html.exeify-client.exeify-expanded-window #appView.workspace-shell:not(.hidden) li, html.exeify-client.exeify-expanded-window #appView.workspace-shell:not(.hidden) input, html.exeify-client.exeify-expanded-window #appView.workspace-shell:not(.hidden) textarea, html.exeify-client.exeify-expanded-window #appView.workspace-shell:not(.hidden) button, html.exeify-client.exeify-expanded-window #appView.workspace-shell:not(.hidden) select { font-size: 14px !important; } html.exeify-client.exeify-expanded-window #appView.workspace-shell:not(.hidden) #overviewPanel .metric-grid { gap: 16px !important; margin-bottom: 18px !important; } html.exeify-client.exeify-expanded-window #appView.workspace-shell:not(.hidden) #overviewPanel .metric-card { min-height: 128px !important; grid-template-columns: 64px minmax(0, 1fr) !important; column-gap: 18px !important; padding: 20px 22px !important; } html.exeify-client.exeify-expanded-window #appView.workspace-shell:not(.hidden) #overviewPanel .metric-card::before { width: 58px !important; height: 58px !important; border-radius: 18px !important; } html.exeify-client.exeify-expanded-window #appView.workspace-shell:not(.hidden) #overviewPanel .metric-card p { font-size: 16px !important; } html.exeify-client.exeify-expanded-window #appView.workspace-shell:not(.hidden) #overviewPanel .metric-card strong { font-size: 30px !important; } html.exeify-client.exeify-expanded-window #appView.workspace-shell:not(.hidden) #overviewPanel .metric-card span { font-size: 14px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) .workspace-topbar h1 { font-size: 21px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) p, html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) li, html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) input, html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) textarea, html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) button, html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) select { font-size: 13px !important; } /* Exeify client v8 specificity lock: override older dense selectors that duplicate #appView. */ html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer #registerForm.auth-form > .auth-form-row.auth-form-row-7-3, html.exeify-client #authView#authView.client-login-mode #authDrawer.auth-drawer #forgotForm.auth-form > .auth-form-row.auth-form-row-7-3 { grid-template-columns: minmax(0, 1fr) !important; } html.exeify-client.exeify-expanded-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .workspace-sidebar-brand b { font-size: 28px !important; line-height: 1 !important; } html.exeify-client.exeify-expanded-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .workspace-sidebar-brand small { margin-top: 7px !important; font-size: 13px !important; line-height: 1.2 !important; } html.exeify-client.exeify-expanded-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .workspace-nav { gap: 12px !important; overflow: visible !important; } html.exeify-client.exeify-expanded-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .workspace-nav button { height: 58px !important; min-height: 58px !important; gap: 16px !important; padding: 0 18px !important; border-radius: 12px !important; font-size: 17px !important; font-weight: 700 !important; } html.exeify-client.exeify-expanded-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .workspace-nav button iconify-icon { width: 24px !important; height: 24px !important; flex: 0 0 24px !important; } html.exeify-client.exeify-expanded-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .workspace-topbar h1 { font-size: 30px !important; line-height: 1.08 !important; } html.exeify-client.exeify-expanded-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .workspace-topbar small { display: block !important; margin-top: 4px !important; color: #667085 !important; font-size: 13px !important; line-height: 1.2 !important; } html.exeify-client.exeify-expanded-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .workspace-card h2, html.exeify-client.exeify-expanded-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .role-input-card h2, html.exeify-client.exeify-expanded-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .records-card h2 { font-size: 22px !important; } html.exeify-client.exeify-expanded-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) p, html.exeify-client.exeify-expanded-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) li, html.exeify-client.exeify-expanded-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) input, html.exeify-client.exeify-expanded-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) textarea, html.exeify-client.exeify-expanded-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) button, html.exeify-client.exeify-expanded-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) select { font-size: 14px !important; } html.exeify-client.exeify-expanded-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #overviewPanel .metric-card p { font-size: 16px !important; } html.exeify-client.exeify-expanded-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #overviewPanel .metric-card strong { font-size: 30px !important; } html.exeify-client.exeify-expanded-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #overviewPanel .metric-card span { font-size: 14px !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .workspace-topbar h1 { font-size: 21px !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) p, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) li, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) input, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) textarea, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) button, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) select { font-size: 13px !important; } /* Exeify client v9: 1024x720 initial window and Ali captcha only. */ html.exeify-client.exeify-compact-window #authView#authView.client-login-mode:not(.hidden) { grid-template-columns: 420px minmax(0, 1fr) !important; grid-template-rows: minmax(0, 1fr) !important; min-width: 0 !important; min-height: 0 !important; overflow: hidden !important; } html.exeify-client.exeify-compact-window #authView#authView.client-login-mode .client-login-titlebar { display: none !important; } html.exeify-client.exeify-compact-window #authView#authView.client-login-mode .client-login-preview { display: flex !important; height: 100vh !important; padding: 34px 26px 26px !important; } html.exeify-client.exeify-compact-window #authView#authView.client-login-mode .client-login-brand-panel { max-width: 368px !important; grid-template-rows: auto auto 1fr auto !important; } html.exeify-client.exeify-compact-window #authView#authView.client-login-mode .client-login-hero-copy h1 { font-size: 42px !important; line-height: 1.08 !important; } html.exeify-client.exeify-compact-window #authView#authView.client-login-mode .client-login-hero-copy p { margin-top: 16px !important; font-size: 14px !important; line-height: 1.68 !important; } html.exeify-client.exeify-compact-window #authView#authView.client-login-mode .client-login-chips { gap: 8px !important; margin-top: 18px !important; } html.exeify-client.exeify-compact-window #authView#authView.client-login-mode .client-login-chips span { height: 31px !important; padding: 0 11px !important; font-size: 12px !important; } html.exeify-client.exeify-compact-window #authView#authView.client-login-mode .client-login-stat-grid { margin-top: 18px !important; padding-top: 16px !important; } html.exeify-client.exeify-compact-window #authView#authView.client-login-mode .client-login-stat-grid article { padding-right: 10px !important; } html.exeify-client.exeify-compact-window #authView#authView.client-login-mode .client-login-stat-grid article + article { padding-left: 10px !important; } html.exeify-client.exeify-compact-window #authView#authView.client-login-mode .client-login-stat-grid b { font-size: 17px !important; } html.exeify-client.exeify-compact-window #authView#authView.client-login-mode .client-login-stat-grid small { font-size: 12px !important; } html.exeify-client.exeify-compact-window #authView#authView.client-login-mode #authDrawer.auth-drawer { padding: 18px 22px !important; } html.exeify-client.exeify-compact-window #authView#authView.client-login-mode #authDrawer.auth-drawer .auth-drawer-scroll { width: min(100%, 430px) !important; max-height: calc(100vh - 36px) !important; padding: 20px 22px 18px !important; border-radius: 16px !important; } html.exeify-client.exeify-compact-window #authView#authView.client-login-mode #authDrawer.auth-drawer .auth-title { margin-bottom: 12px !important; } html.exeify-client.exeify-compact-window #authView#authView.client-login-mode #authDrawer.auth-drawer .auth-title h2 { font-size: 25px !important; } html.exeify-client.exeify-compact-window #authView#authView.client-login-mode #authDrawer.auth-drawer .auth-title p:not(.eyebrow) { font-size: 13px !important; line-height: 1.45 !important; } html.exeify-client.exeify-compact-window #authView#authView.client-login-mode #authDrawer.auth-drawer .auth-tabs { height: 38px !important; margin-bottom: 12px !important; } html.exeify-client.exeify-compact-window #authView#authView.client-login-mode #authDrawer.auth-drawer .auth-tabs button { min-height: 38px !important; font-size: 13px !important; } html.exeify-client.exeify-compact-window #authView#authView.client-login-mode #authDrawer.auth-drawer .auth-form:not(.hidden) { gap: 9px !important; } html.exeify-client.exeify-compact-window #authView#authView.client-login-mode #authDrawer.auth-drawer .auth-form label { gap: 6px !important; } html.exeify-client.exeify-compact-window #authView#authView.client-login-mode #authDrawer.auth-drawer .auth-form label > span { font-size: 12px !important; line-height: 1 !important; } html.exeify-client.exeify-compact-window #authView#authView.client-login-mode #authDrawer.auth-drawer .input-wrap, html.exeify-client.exeify-compact-window #authView#authView.client-login-mode #authDrawer.auth-drawer .captcha-row input, html.exeify-client.exeify-compact-window #authView#authView.client-login-mode #authDrawer.auth-drawer .code-row input, html.exeify-client.exeify-compact-window #authView#authView.client-login-mode #authDrawer.auth-drawer .captcha-image, html.exeify-client.exeify-compact-window #authView#authView.client-login-mode #authDrawer.auth-drawer .code-row .secondary, html.exeify-client.exeify-compact-window #authView#authView.client-login-mode #authDrawer.auth-drawer .ali-captcha-button, html.exeify-client.exeify-compact-window #authView#authView.client-login-mode #authDrawer.auth-drawer .ali-captcha-status { height: 40px !important; min-height: 40px !important; border-radius: 12px !important; font-size: 12px !important; line-height: 40px !important; } html.exeify-client.exeify-compact-window #authView#authView.client-login-mode #authDrawer.auth-drawer .input-wrap { grid-template-columns: 36px minmax(0, 1fr) !important; } html.exeify-client.exeify-compact-window #authView#authView.client-login-mode #authDrawer.auth-drawer .input-wrap input { font-size: 13px !important; line-height: 40px !important; } html.exeify-client.exeify-compact-window #authView#authView.client-login-mode #authDrawer.auth-drawer .ali-captcha-panel { display: grid !important; grid-template-columns: minmax(0, 1fr) 88px !important; gap: 8px !important; width: 100% !important; } html.exeify-client.exeify-compact-window #authView#authView.client-login-mode #authDrawer.auth-drawer .ali-captcha-panel.hidden, html.exeify-client.exeify-compact-window #authView#authView.client-login-mode #authDrawer.auth-drawer .captcha-row.hidden { display: none !important; } html.exeify-client.exeify-compact-window #authView#authView.client-login-mode #authDrawer.auth-drawer .ali-captcha-button { width: 100% !important; max-width: none !important; min-width: 0 !important; padding: 0 10px !important; } html.exeify-client.exeify-compact-window #authView#authView.client-login-mode #authDrawer.auth-drawer .ali-captcha-status { display: inline-grid !important; place-items: center !important; width: 88px !important; min-width: 0 !important; padding: 0 8px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } html.exeify-client.exeify-compact-window #authView#authView.client-login-mode #authDrawer.auth-drawer .client-login-options { min-height: 28px !important; font-size: 12px !important; } html.exeify-client.exeify-compact-window #authView#authView.client-login-mode #authDrawer.auth-drawer .auth-form > .primary { height: 44px !important; min-height: 44px !important; margin-top: 4px !important; font-size: 14px !important; line-height: 44px !important; } html.exeify-client.exeify-compact-window #authView#authView.client-login-mode #authDrawer.auth-drawer .client-sync-foot { margin-top: 10px !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden), html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) { height: 100vh !important; min-height: 0 !important; max-height: 100vh !important; overflow: hidden !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .workspace-frame, html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) .workspace-frame { grid-template-columns: 210px minmax(0, 1fr) !important; grid-template-rows: minmax(0, 1fr) !important; width: 100% !important; max-width: 100% !important; height: 100vh !important; max-height: 100vh !important; min-height: 0 !important; zoom: 1 !important; transform: none !important; overflow: hidden !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .workspace-sidebar, html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) .workspace-sidebar { width: 210px !important; min-width: 210px !important; padding: 12px 10px !important; overflow: hidden !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) .workspace-sidebar-brand { gap: 8px !important; margin-bottom: 12px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) .workspace-sidebar-brand .app-icon { width: 42px !important; height: 42px !important; flex: 0 0 42px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) .workspace-sidebar-brand b { font-size: 18px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) .workspace-sidebar-brand small { font-size: 11px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) .workspace-nav { gap: 5px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) .workspace-nav button { height: 37px !important; min-height: 37px !important; padding: 0 10px !important; gap: 10px !important; border-radius: 10px !important; font-size: 13px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) .workspace-nav button iconify-icon { width: 17px !important; height: 17px !important; flex: 0 0 17px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) .sidebar-account-wallet { padding: 8px !important; border-radius: 13px !important; overflow: hidden !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) .sidebar-user-card { min-height: 34px !important; height: 34px !important; gap: 8px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) .sidebar-account-avatar { width: 30px !important; height: 30px !important; flex: 0 0 30px !important; font-size: 13px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) .sidebar-user-card b { max-width: 104px !important; font-size: 14px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) .sidebar-user-card small, html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) .sidebar-credit-main span, html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) .sidebar-credit-claim { font-size: 10px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) .sidebar-credit-main strong { font-size: 16px !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .workspace-main, html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) .workspace-main { grid-template-rows: 58px minmax(0, 1fr) !important; min-height: 0 !important; overflow: hidden !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) .workspace-topbar { height: 58px !important; min-height: 58px !important; padding: 8px 12px !important; gap: 10px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) .workspace-topbar h1 { font-size: 19px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) .workspace-topbar small, html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) .workspace-topbar p { display: none !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) .notification-bell-btn, html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) .workspace-logout { width: 36px !important; height: 36px !important; min-height: 36px !important; border-radius: 11px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #workspaceHomeBtn { display: none !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .workspace-content, html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) .workspace-content { height: 100% !important; min-height: 0 !important; padding: 10px 12px 14px !important; overflow-x: hidden !important; overflow-y: auto !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) .workspace-content-inner { min-height: 100% !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel .overview-license-bar { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: 10px !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; overflow: hidden !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel .overview-license-bar > .license-current, html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel .overview-license-bar > .activation-entry-card, html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel .overview-license-bar > .referral-reset-btn, html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel .overview-license-bar > .license-badge.referral-badge, html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel .overview-license-bar > .member-badge { position: static !important; inset: auto !important; grid-column: auto !important; grid-row: auto !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; transform: none !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel .overview-license-bar > .activation-entry-card { grid-column: 1 / -1 !important; display: grid !important; grid-template-columns: minmax(0, .86fr) minmax(0, 1fr) !important; align-items: center !important; gap: 10px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel .overview-license-bar .activation-panel { width: 100% !important; min-width: 0 !important; grid-template-columns: 28px minmax(0, 1fr) 66px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel .overview-license-bar .activation-panel input#cardCodeInput { min-width: 0 !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel .overview-license-bar > .referral-reset-btn { grid-template-columns: 36px minmax(0, 1fr) !important; justify-content: start !important; text-align: left !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel .overview-license-bar > .referral-reset-btn small { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel#overviewPanel#overviewPanel#overviewPanel .overview-license-bar { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: 10px !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; overflow: hidden !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel#overviewPanel#overviewPanel#overviewPanel .overview-license-bar > .license-current, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel#overviewPanel#overviewPanel#overviewPanel .overview-license-bar > .activation-entry-card, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel#overviewPanel#overviewPanel#overviewPanel .overview-license-bar > .referral-reset-btn, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel#overviewPanel#overviewPanel#overviewPanel .overview-license-bar > .license-badge.referral-badge, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel#overviewPanel#overviewPanel#overviewPanel .overview-license-bar > .member-badge { position: static !important; inset: auto !important; grid-column: auto !important; grid-row: auto !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; transform: none !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel#overviewPanel#overviewPanel#overviewPanel .overview-license-bar > .activation-entry-card { grid-column: 1 / -1 !important; display: grid !important; grid-template-columns: minmax(0, .86fr) minmax(0, 1fr) !important; align-items: center !important; gap: 10px !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel#overviewPanel#overviewPanel#overviewPanel .overview-license-bar .activation-panel { width: 100% !important; min-width: 0 !important; grid-template-columns: 28px minmax(0, 1fr) 66px !important; } /* Exeify client v10: compact login also covers wide-but-short native windows. */ html.exeify-client.exeify-compact-window #authView#authView.client-login-mode:not(.hidden) { grid-template-columns: clamp(410px, 34vw, 520px) minmax(0, 1fr) !important; width: 100vw !important; height: 100vh !important; overflow: hidden !important; background: linear-gradient(90deg, #fffaf6 0%, #fffdfb 45%, #fff6ed 100%) !important; } html.exeify-client.exeify-compact-window #authView#authView.client-login-mode .client-login-preview { align-items: center !important; justify-content: center !important; height: 100vh !important; padding: clamp(24px, 4vh, 34px) clamp(26px, 3vw, 42px) !important; } html.exeify-client.exeify-compact-window #authView#authView.client-login-mode .client-login-brand-panel { display: grid !important; grid-template-rows: auto auto auto !important; align-content: center !important; justify-items: start !important; row-gap: clamp(18px, 2.7vh, 28px) !important; width: min(100%, 430px) !important; max-width: 430px !important; height: auto !important; min-height: 0 !important; } html.exeify-client.exeify-compact-window #authView#authView.client-login-mode .client-login-hero-copy h1 { font-size: clamp(38px, 4.2vw, 56px) !important; line-height: 1.08 !important; } html.exeify-client.exeify-compact-window #authView#authView.client-login-mode .client-login-hero-copy p { margin-top: 16px !important; max-width: 420px !important; font-size: clamp(13px, 1.28vw, 16px) !important; line-height: 1.65 !important; } html.exeify-client.exeify-compact-window #authView#authView.client-login-mode .client-login-chips { margin-top: 0 !important; } html.exeify-client.exeify-compact-window #authView#authView.client-login-mode .client-login-stat-grid { align-self: start !important; margin-top: 0 !important; padding-top: clamp(14px, 2.2vh, 18px) !important; } html.exeify-client.exeify-compact-window #authView#authView.client-login-mode #authDrawer.auth-drawer { align-items: center !important; justify-content: center !important; min-width: 0 !important; padding: clamp(18px, 3vh, 26px) clamp(24px, 4vw, 54px) !important; overflow: hidden !important; } html.exeify-client.exeify-compact-window #authView#authView.client-login-mode #authDrawer.auth-drawer .auth-drawer-scroll { width: min(100%, clamp(430px, 42vw, 520px)) !important; max-width: 520px !important; max-height: calc(100vh - clamp(36px, 6vh, 52px)) !important; margin: 0 auto !important; overflow-x: hidden !important; overflow-y: auto !important; } html.exeify-client.exeify-compact-window #authView#authView.client-login-mode #authDrawer.auth-drawer .ali-captcha-panel { grid-template-columns: minmax(0, 1fr) minmax(88px, 96px) !important; } html.exeify-client.exeify-compact-window #authView#authView.client-login-mode #authDrawer.auth-drawer .ali-captcha-status { width: 96px !important; } html.exeify-client.exeify-compact-window #authView#authView.client-login-mode #authDrawer.auth-drawer .auth-card-inner, html.exeify-client.exeify-compact-window #authView#authView.client-login-mode #authDrawer.auth-drawer .auth-title, html.exeify-client.exeify-compact-window #authView#authView.client-login-mode #authDrawer.auth-drawer .auth-tabs, html.exeify-client.exeify-compact-window #authView#authView.client-login-mode #authDrawer.auth-drawer .auth-form, html.exeify-client.exeify-compact-window #authView#authView.client-login-mode #authDrawer.auth-drawer .auth-form label, html.exeify-client.exeify-compact-window #authView#authView.client-login-mode #authDrawer.auth-drawer .client-sync-foot, html.exeify-client.exeify-compact-window #authView#authView.client-login-mode #authDrawer.auth-drawer .message { width: auto !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; } html.exeify-client.exeify-compact-window #authView#authView.client-login-mode #authDrawer.auth-drawer .auth-card-inner > *, html.exeify-client.exeify-compact-window #authView#authView.client-login-mode #authDrawer.auth-drawer .auth-form > *, html.exeify-client.exeify-compact-window #authView#authView.client-login-mode #authDrawer.auth-drawer .client-sync-foot > * { max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; } html.exeify-client.exeify-compact-window #authView#authView.client-login-mode #authDrawer.auth-drawer .ali-captcha-panel { max-width: 100% !important; box-sizing: border-box !important; } html.exeify-client.exeify-compact-window #authView#authView.client-login-mode #authDrawer.auth-drawer .ali-captcha-panel .ali-captcha-status { width: 96px !important; min-width: 88px !important; max-width: 96px !important; } @media (min-width: 1200px) and (max-height: 880px) { html.exeify-client.exeify-compact-window #authView#authView.client-login-mode .client-login-hero-copy h1 { font-size: clamp(44px, 3.85vw, 58px) !important; } html.exeify-client.exeify-compact-window #authView#authView.client-login-mode .client-login-brand-panel { row-gap: 24px !important; } html.exeify-client.exeify-compact-window #authView#authView.client-login-mode #authDrawer.auth-drawer .auth-title h2 { font-size: 31px !important; } } /* Exeify client v11: 1024x760 workspace arrangements. */ @media (max-width: 1100px) and (max-height: 820px) { html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .workspace-frame, html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) .workspace-frame { grid-template-columns: 190px minmax(0, 1fr) !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .workspace-sidebar, html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) .workspace-sidebar { width: 190px !important; min-width: 190px !important; padding: 10px 8px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) .workspace-nav button { height: 36px !important; min-height: 36px !important; padding: 0 9px !important; gap: 8px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) .workspace-content { padding: 10px 10px 14px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) .workspace-card, html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) .role-input-card, html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) .role-result-card, html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) .records-card { border-radius: 15px !important; box-sizing: border-box !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) .workspace-card h2, html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) .role-input-card h2, html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) .role-result-card h2, html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) .records-card h2 { font-size: 19px !important; line-height: 1.2 !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel:not(.workspace-panel-hidden) > .overview-license-bar { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; grid-auto-rows: minmax(74px, auto) !important; gap: 10px !important; width: 100% !important; overflow: visible !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .license-current, html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .activation-entry-card, html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .referral-reset-btn, html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .license-badge.referral-badge { min-height: 74px !important; height: auto !important; max-height: none !important; min-width: 0 !important; writing-mode: horizontal-tb !important; text-orientation: mixed !important; overflow: hidden !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .license-current, html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .referral-reset-btn { display: grid !important; grid-template-columns: 40px minmax(0, 1fr) !important; align-items: center !important; padding: 12px 15px !important; text-align: left !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .activation-entry-card { grid-column: 1 / -1 !important; display: grid !important; grid-template-columns: minmax(0, 1fr) !important; min-height: 66px !important; padding: 10px 12px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .activation-entry-card > div { display: none !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar .activation-panel { grid-template-columns: 24px minmax(0, 1fr) 74px !important; height: 46px !important; min-height: 46px !important; padding: 5px 6px 5px 12px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .license-badge.referral-badge { display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: flex-start !important; gap: 5px !important; padding: 12px 15px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar #memberBadge { display: none !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #resumeDock#resumeDock:not(.workspace-panel-hidden) { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 12px !important; overflow: visible !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #resumeDock#resumeDock > .resume-source-card, html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #resumeDock#resumeDock > .resume-result-stack, html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-advantages-card { min-height: 0 !important; height: auto !important; max-height: none !important; width: 100% !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #resumeDock#resumeDock > .resume-result-stack { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: auto !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-advantages-card { padding: 18px 20px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-empty-result { min-height: 260px !important; width: 100% !important; padding: 20px !important; text-align: center !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-empty-result p, html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-empty-result span { display: block !important; max-width: min(100%, 520px) !important; margin-inline: auto !important; writing-mode: horizontal-tb !important; text-orientation: mixed !important; white-space: normal !important; word-break: keep-all !important; overflow-wrap: break-word !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) { padding: 10px 12px 18px !important; gap: 12px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) > .role-analysis-top { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 12px !important; width: 100% !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) > .role-analysis-top > .role-input-card { grid-template-rows: auto auto 44px minmax(150px, 190px) 44px 34px 46px 18px !important; min-height: 0 !important; padding: 16px 18px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-input-card textarea { min-height: 150px !important; height: 170px !important; max-height: 190px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) > .role-analysis-top > .role-result-card { display: grid !important; grid-template-rows: auto auto !important; gap: 12px !important; min-height: 0 !important; padding: 16px 18px 18px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-result-head, html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-score-panel, html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-practice-note { display: none !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-role-preview-grid, html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-result-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; min-height: 0 !important; height: auto !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-requirement-list, html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar-card, html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-info-block { display: grid !important; grid-template-rows: auto minmax(0, 1fr) !important; min-width: 0 !important; min-height: 230px !important; height: 230px !important; padding: 18px 20px !important; overflow: hidden !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-requirement-list h3, html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar-card h3, html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-info-block h3 { display: flex !important; align-items: center !important; gap: 7px !important; min-width: 0 !important; margin: 0 0 12px !important; color: #101827 !important; font-size: 20px !important; line-height: 1.18 !important; white-space: nowrap !important; writing-mode: horizontal-tb !important; text-orientation: mixed !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-card-scroll-body, html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-info-block ul { min-height: 0 !important; height: 100% !important; max-height: none !important; overflow-x: hidden !important; overflow-y: auto !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-card-scroll-body > p.role-empty-hint, html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-radar-empty { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 16px !important; text-align: center !important; white-space: normal !important; word-break: keep-all !important; overflow-wrap: break-word !important; writing-mode: horizontal-tb !important; text-orientation: mixed !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-requirement-list .role-card-scroll-body:has(> p.role-empty-hint) { min-height: 0 !important; height: 100% !important; padding: 0 !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-requirement-list .role-card-scroll-body p, html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-requirement-list .role-card-scroll-body p span, html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-info-block:not(.role-info-empty-block) .role-card-scroll-body li { writing-mode: horizontal-tb !important; text-orientation: mixed !important; white-space: normal !important; word-break: normal !important; overflow-wrap: anywhere !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #recordHistoryPanel#recordHistoryPanel:not(.workspace-panel-hidden) .records-card { padding: 16px !important; overflow: hidden !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #recordHistoryPanel#recordHistoryPanel:not(.workspace-panel-hidden) .records-filter-toolbar { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; margin: 12px 0 !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #recordHistoryPanel#recordHistoryPanel:not(.workspace-panel-hidden) .records-score-row { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 8px !important; margin-bottom: 12px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #recordHistoryPanel#recordHistoryPanel:not(.workspace-panel-hidden) .records-score-row span { min-height: 58px !important; padding: 10px 12px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #recordHistoryPanel#recordHistoryPanel:not(.workspace-panel-hidden) .records-score-row strong { font-size: 20px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #recordHistoryPanel#recordHistoryPanel:not(.workspace-panel-hidden) .records-layout { grid-template-columns: minmax(0, 1fr) !important; gap: 12px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #recordHistoryPanel#recordHistoryPanel:not(.workspace-panel-hidden) .record-list { width: 100% !important; min-width: 0 !important; overflow: hidden !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #recordHistoryPanel#recordHistoryPanel:not(.workspace-panel-hidden) .record-list::before, html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #recordHistoryPanel#recordHistoryPanel:not(.workspace-panel-hidden) .record-table-head { display: none !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #recordHistoryPanel#recordHistoryPanel:not(.workspace-panel-hidden) .record-row { display: grid !important; grid-template-columns: minmax(0, 1fr) 62px !important; min-height: 58px !important; gap: 8px !important; padding: 0 10px !important; overflow: hidden !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #recordHistoryPanel#recordHistoryPanel:not(.workspace-panel-hidden) .record-row-main { width: 100% !important; min-width: 0 !important; height: 58px !important; display: grid !important; grid-template-columns: 112px minmax(140px, 1fr) 46px 38px 62px !important; gap: 8px !important; align-items: center !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #recordHistoryPanel#recordHistoryPanel:not(.workspace-panel-hidden) .record-cell { min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; font-size: 12px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #recordHistoryPanel#recordHistoryPanel:not(.workspace-panel-hidden) .record-cell-role strong { font-size: 13px !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #recordHistoryPanel#recordHistoryPanel:not(.workspace-panel-hidden) .record-cell-role small { display: block !important; margin-top: 2px !important; color: #94a3b8 !important; font-size: 11px !important; line-height: 1.1 !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #recordHistoryPanel#recordHistoryPanel:not(.workspace-panel-hidden) .record-row-actions { justify-content: flex-end !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #recordHistoryPanel#recordHistoryPanel:not(.workspace-panel-hidden) .record-row-actions button { width: 58px !important; padding: 0 !important; } html.exeify-client.exeify-compact-window #appView.workspace-shell:not(.hidden) #recordHistoryPanel#recordHistoryPanel:not(.workspace-panel-hidden) .record-detail { position: static !important; min-height: 260px !important; width: 100% !important; padding: 16px !important; } } /* Exeify client v11b: specificity lock for older dense workbench selectors. */ @media (max-width: 1100px) and (max-height: 820px) { html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel:not(.workspace-panel-hidden) > .overview-license-bar { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: 10px !important; overflow: visible !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .license-current { order: 1 !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .referral-reset-btn { order: 2 !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .activation-entry-card { order: 3 !important; grid-column: 1 / -1 !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .license-badge.referral-badge { order: 4 !important; grid-column: 1 / -1 !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock:not(.workspace-panel-hidden) { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 12px !important; overflow: visible !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock:not(.workspace-panel-hidden) > .resume-source-card, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock:not(.workspace-panel-hidden) > .resume-result-stack, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock:not(.workspace-panel-hidden) .resume-advantages-card { grid-column: 1 !important; width: 100% !important; min-width: 0 !important; min-height: 0 !important; height: auto !important; max-height: none !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock:not(.workspace-panel-hidden) .resume-empty-result { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: auto auto !important; justify-items: center !important; align-content: center !important; min-height: 260px !important; width: 100% !important; padding: 20px !important; text-align: center !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock:not(.workspace-panel-hidden) .resume-empty-result p, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock:not(.workspace-panel-hidden) .resume-empty-result span { writing-mode: horizontal-tb !important; text-orientation: mixed !important; white-space: normal !important; word-break: keep-all !important; overflow-wrap: break-word !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) > .role-analysis-top { grid-template-columns: minmax(0, 1fr) !important; gap: 12px !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) > .role-analysis-top > .role-result-card { grid-template-rows: auto auto !important; min-height: 0 !important; padding: 16px 18px 18px !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-result-head, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-score-panel, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-practice-note { display: none !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-role-preview-grid, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-result-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-requirement-list, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar-card, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-info-block { display: grid !important; grid-template-rows: auto minmax(0, 1fr) !important; min-width: 0 !important; width: 100% !important; min-height: 230px !important; height: 230px !important; padding: 18px 20px !important; overflow: hidden !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-requirement-list h3, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar-card h3, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-info-block h3 { font-size: 20px !important; line-height: 1.18 !important; white-space: nowrap !important; writing-mode: horizontal-tb !important; text-orientation: mixed !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-card-scroll-body, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-info-block ul { min-height: 0 !important; height: 100% !important; overflow-x: hidden !important; overflow-y: auto !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-card-scroll-body > p.role-empty-hint, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-radar-empty { white-space: normal !important; word-break: keep-all !important; overflow-wrap: break-word !important; writing-mode: horizontal-tb !important; text-orientation: mixed !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) #recordHistoryPanel#recordHistoryPanel:not(.workspace-panel-hidden) .record-row { grid-template-columns: minmax(0, 1fr) 62px !important; grid-auto-flow: row !important; grid-auto-columns: 0 !important; min-height: 58px !important; gap: 8px !important; overflow: hidden !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) #recordHistoryPanel#recordHistoryPanel:not(.workspace-panel-hidden) .record-row-main { grid-column: 1 !important; grid-row: 1 !important; grid-template-columns: 112px minmax(140px, 1fr) 46px 38px 62px !important; width: 100% !important; min-width: 0 !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) #recordHistoryPanel#recordHistoryPanel:not(.workspace-panel-hidden) .record-row-actions { grid-column: 2 !important; grid-row: 1 !important; min-width: 0 !important; } } /* Exeify client v13: 1024x720 workspace proportions, matching the web workbench without overlap. */ @media (min-width: 900px) and (max-width: 1100px) and (max-height: 760px) { html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) .workspace-frame { grid-template-columns: 190px minmax(0, 1fr) !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) .workspace-topbar { min-height: 60px !important; height: 60px !important; padding: 10px 16px !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) .workspace-topbar h1 { font-size: 22px !important; line-height: 1.1 !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) .workspace-topbar p { display: block !important; margin-top: 3px !important; font-size: 12px !important; line-height: 1.2 !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) .workspace-content { height: calc(100vh - 60px) !important; padding: 10px 14px 14px !important; overflow-x: hidden !important; overflow-y: auto !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) .workspace-card, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) .role-input-card, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) .role-result-card, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) .records-card { border-radius: 15px !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) p, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) li, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) input, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) textarea, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) button, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) select { font-size: 13px !important; line-height: 1.35 !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock#resumeDock:not(.workspace-panel-hidden) { display: grid !important; grid-template-columns: minmax(310px, .44fr) minmax(0, .56fr) !important; grid-template-rows: auto !important; grid-auto-flow: row !important; gap: 12px !important; width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; padding: 12px 18px 18px !important; overflow: visible !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock#resumeDock:not(.workspace-panel-hidden) > .resume-source-card { grid-column: 1 !important; grid-row: 1 !important; width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; padding: 16px 18px !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock#resumeDock:not(.workspace-panel-hidden) > .resume-result-stack { grid-column: 2 !important; grid-row: 1 !important; width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; gap: 12px !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock#resumeDock .resume-source-card .resume-extra-requirement textarea { height: 112px !important; min-height: 112px !important; max-height: 112px !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock#resumeDock .file-picker { min-height: 44px !important; height: 44px !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock#resumeDock .resume-empty-result { min-height: 360px !important; height: auto !important; padding: 20px !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) > .role-analysis-top { display: grid !important; grid-template-columns: 320px minmax(0, 1fr) !important; justify-content: stretch !important; gap: 12px !important; width: 100% !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) > .role-analysis-top > .role-input-card { grid-column: 1 !important; min-height: 0 !important; padding: 16px 18px !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) > .role-analysis-top > .role-result-card { grid-column: 2 !important; justify-self: stretch !important; width: 100% !important; max-width: none !important; min-height: 0 !important; padding: 16px 18px 18px !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-input-card textarea { height: 150px !important; min-height: 150px !important; max-height: 150px !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-role-preview-grid, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-result-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-requirement-list, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar-card, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-info-block { height: 205px !important; min-height: 205px !important; padding: 15px 16px !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-card-scroll-body, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-info-block ul { display: grid !important; place-items: center !important; min-width: 0 !important; overflow: hidden !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-card-scroll-body > p.role-empty-hint, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-radar-empty, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-info-empty-block p.role-empty-hint { display: block !important; width: 100% !important; max-width: 132px !important; margin: 0 auto !important; color: #65758b !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.45 !important; text-align: center !important; white-space: normal !important; word-break: keep-all !important; overflow-wrap: anywhere !important; writing-mode: horizontal-tb !important; text-orientation: mixed !important; } } /* Exeify client v19b: final 1024x720 overview pass. Keep top cards in one row and fit lower cards. */ @media (min-width: 900px) and (max-width: 1100px) and (max-height: 760px) { html.exeify-client.exeify-compact-window body:not(#ov01#ov02#ov03#ov04#ov05#ov06#ov07#ov08#ov09#ov10#ov11#ov12#ov13#ov14#ov15#ov16#ov17#ov18#ov19#ov20#ov21#ov22#ov23#ov24#ov25#ov26#ov27#ov28#ov29#ov30#ov31#ov32#ov33#ov34#ov35#ov36#ov37#ov38#ov39#ov40#ov41#ov42#ov43#ov44#ov45#ov46#ov47#ov48#ov49#ov50):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) .workspace-frame { grid-template-columns: 184px minmax(0, 1fr) !important; } html.exeify-client.exeify-compact-window body:not(#ov01#ov02#ov03#ov04#ov05#ov06#ov07#ov08#ov09#ov10#ov11#ov12#ov13#ov14#ov15#ov16#ov17#ov18#ov19#ov20#ov21#ov22#ov23#ov24#ov25#ov26#ov27#ov28#ov29#ov30#ov31#ov32#ov33#ov34#ov35#ov36#ov37#ov38#ov39#ov40#ov41#ov42#ov43#ov44#ov45#ov46#ov47#ov48#ov49#ov50):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) .workspace-sidebar { width: 184px !important; min-width: 184px !important; padding: 10px 9px 12px !important; overflow: hidden !important; } html.exeify-client.exeify-compact-window body:not(#ov01#ov02#ov03#ov04#ov05#ov06#ov07#ov08#ov09#ov10#ov11#ov12#ov13#ov14#ov15#ov16#ov17#ov18#ov19#ov20#ov21#ov22#ov23#ov24#ov25#ov26#ov27#ov28#ov29#ov30#ov31#ov32#ov33#ov34#ov35#ov36#ov37#ov38#ov39#ov40#ov41#ov42#ov43#ov44#ov45#ov46#ov47#ov48#ov49#ov50):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) .workspace-sidebar-brand { gap: 7px !important; margin-bottom: 10px !important; } html.exeify-client.exeify-compact-window body:not(#ov01#ov02#ov03#ov04#ov05#ov06#ov07#ov08#ov09#ov10#ov11#ov12#ov13#ov14#ov15#ov16#ov17#ov18#ov19#ov20#ov21#ov22#ov23#ov24#ov25#ov26#ov27#ov28#ov29#ov30#ov31#ov32#ov33#ov34#ov35#ov36#ov37#ov38#ov39#ov40#ov41#ov42#ov43#ov44#ov45#ov46#ov47#ov48#ov49#ov50):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) .workspace-sidebar-brand .app-icon { width: 38px !important; height: 38px !important; flex-basis: 38px !important; } html.exeify-client.exeify-compact-window body:not(#ov01#ov02#ov03#ov04#ov05#ov06#ov07#ov08#ov09#ov10#ov11#ov12#ov13#ov14#ov15#ov16#ov17#ov18#ov19#ov20#ov21#ov22#ov23#ov24#ov25#ov26#ov27#ov28#ov29#ov30#ov31#ov32#ov33#ov34#ov35#ov36#ov37#ov38#ov39#ov40#ov41#ov42#ov43#ov44#ov45#ov46#ov47#ov48#ov49#ov50):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) .workspace-nav { gap: 4px !important; } html.exeify-client.exeify-compact-window body:not(#ov01#ov02#ov03#ov04#ov05#ov06#ov07#ov08#ov09#ov10#ov11#ov12#ov13#ov14#ov15#ov16#ov17#ov18#ov19#ov20#ov21#ov22#ov23#ov24#ov25#ov26#ov27#ov28#ov29#ov30#ov31#ov32#ov33#ov34#ov35#ov36#ov37#ov38#ov39#ov40#ov41#ov42#ov43#ov44#ov45#ov46#ov47#ov48#ov49#ov50):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) .workspace-nav button { height: 33px !important; min-height: 33px !important; padding: 0 9px !important; gap: 8px !important; font-size: 12px !important; } html.exeify-client.exeify-compact-window body:not(#ov01#ov02#ov03#ov04#ov05#ov06#ov07#ov08#ov09#ov10#ov11#ov12#ov13#ov14#ov15#ov16#ov17#ov18#ov19#ov20#ov21#ov22#ov23#ov24#ov25#ov26#ov27#ov28#ov29#ov30#ov31#ov32#ov33#ov34#ov35#ov36#ov37#ov38#ov39#ov40#ov41#ov42#ov43#ov44#ov45#ov46#ov47#ov48#ov49#ov50):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) .sidebar-account-wallet { margin-top: auto !important; padding: 7px !important; border-radius: 12px !important; overflow: visible !important; } html.exeify-client.exeify-compact-window body:not(#ov01#ov02#ov03#ov04#ov05#ov06#ov07#ov08#ov09#ov10#ov11#ov12#ov13#ov14#ov15#ov16#ov17#ov18#ov19#ov20#ov21#ov22#ov23#ov24#ov25#ov26#ov27#ov28#ov29#ov30#ov31#ov32#ov33#ov34#ov35#ov36#ov37#ov38#ov39#ov40#ov41#ov42#ov43#ov44#ov45#ov46#ov47#ov48#ov49#ov50):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) .sidebar-user-card { height: 31px !important; min-height: 31px !important; gap: 7px !important; } html.exeify-client.exeify-compact-window body:not(#ov01#ov02#ov03#ov04#ov05#ov06#ov07#ov08#ov09#ov10#ov11#ov12#ov13#ov14#ov15#ov16#ov17#ov18#ov19#ov20#ov21#ov22#ov23#ov24#ov25#ov26#ov27#ov28#ov29#ov30#ov31#ov32#ov33#ov34#ov35#ov36#ov37#ov38#ov39#ov40#ov41#ov42#ov43#ov44#ov45#ov46#ov47#ov48#ov49#ov50):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) .sidebar-account-avatar { width: 28px !important; height: 28px !important; flex-basis: 28px !important; } html.exeify-client.exeify-compact-window body:not(#ov01#ov02#ov03#ov04#ov05#ov06#ov07#ov08#ov09#ov10#ov11#ov12#ov13#ov14#ov15#ov16#ov17#ov18#ov19#ov20#ov21#ov22#ov23#ov24#ov25#ov26#ov27#ov28#ov29#ov30#ov31#ov32#ov33#ov34#ov35#ov36#ov37#ov38#ov39#ov40#ov41#ov42#ov43#ov44#ov45#ov46#ov47#ov48#ov49#ov50):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) .sidebar-credit-card { margin-top: 5px !important; padding-top: 5px !important; } html.exeify-client.exeify-compact-window body:not(#ov01#ov02#ov03#ov04#ov05#ov06#ov07#ov08#ov09#ov10#ov11#ov12#ov13#ov14#ov15#ov16#ov17#ov18#ov19#ov20#ov21#ov22#ov23#ov24#ov25#ov26#ov27#ov28#ov29#ov30#ov31#ov32#ov33#ov34#ov35#ov36#ov37#ov38#ov39#ov40#ov41#ov42#ov43#ov44#ov45#ov46#ov47#ov48#ov49#ov50):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) .sidebar-credit-main strong { font-size: 15px !important; } html.exeify-client.exeify-compact-window body:not(#ov01#ov02#ov03#ov04#ov05#ov06#ov07#ov08#ov09#ov10#ov11#ov12#ov13#ov14#ov15#ov16#ov17#ov18#ov19#ov20#ov21#ov22#ov23#ov24#ov25#ov26#ov27#ov28#ov29#ov30#ov31#ov32#ov33#ov34#ov35#ov36#ov37#ov38#ov39#ov40#ov41#ov42#ov43#ov44#ov45#ov46#ov47#ov48#ov49#ov50):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) .sidebar-credit-refresh { width: 24px !important; height: 24px !important; min-height: 24px !important; } html.exeify-client.exeify-compact-window body:not(#ov01#ov02#ov03#ov04#ov05#ov06#ov07#ov08#ov09#ov10#ov11#ov12#ov13#ov14#ov15#ov16#ov17#ov18#ov19#ov20#ov21#ov22#ov23#ov24#ov25#ov26#ov27#ov28#ov29#ov30#ov31#ov32#ov33#ov34#ov35#ov36#ov37#ov38#ov39#ov40#ov41#ov42#ov43#ov44#ov45#ov46#ov47#ov48#ov49#ov50):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) .sidebar-credit-claim { height: 24px !important; min-height: 24px !important; margin-top: 4px !important; font-size: 10px !important; } html.exeify-client.exeify-compact-window body:not(#ov01#ov02#ov03#ov04#ov05#ov06#ov07#ov08#ov09#ov10#ov11#ov12#ov13#ov14#ov15#ov16#ov17#ov18#ov19#ov20#ov21#ov22#ov23#ov24#ov25#ov26#ov27#ov28#ov29#ov30#ov31#ov32#ov33#ov34#ov35#ov36#ov37#ov38#ov39#ov40#ov41#ov42#ov43#ov44#ov45#ov46#ov47#ov48#ov49#ov50):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) .workspace-main { grid-template-rows: 54px minmax(0, 1fr) !important; } html.exeify-client.exeify-compact-window body:not(#ov01#ov02#ov03#ov04#ov05#ov06#ov07#ov08#ov09#ov10#ov11#ov12#ov13#ov14#ov15#ov16#ov17#ov18#ov19#ov20#ov21#ov22#ov23#ov24#ov25#ov26#ov27#ov28#ov29#ov30#ov31#ov32#ov33#ov34#ov35#ov36#ov37#ov38#ov39#ov40#ov41#ov42#ov43#ov44#ov45#ov46#ov47#ov48#ov49#ov50):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) .workspace-topbar { height: 54px !important; min-height: 54px !important; padding: 8px 14px !important; } html.exeify-client.exeify-compact-window body:not(#ov01#ov02#ov03#ov04#ov05#ov06#ov07#ov08#ov09#ov10#ov11#ov12#ov13#ov14#ov15#ov16#ov17#ov18#ov19#ov20#ov21#ov22#ov23#ov24#ov25#ov26#ov27#ov28#ov29#ov30#ov31#ov32#ov33#ov34#ov35#ov36#ov37#ov38#ov39#ov40#ov41#ov42#ov43#ov44#ov45#ov46#ov47#ov48#ov49#ov50):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) .workspace-content { height: calc(100vh - 54px) !important; padding: 8px 12px 12px !important; overflow-x: hidden !important; overflow-y: auto !important; } html.exeify-client.exeify-compact-window body:not(#ov01#ov02#ov03#ov04#ov05#ov06#ov07#ov08#ov09#ov10#ov11#ov12#ov13#ov14#ov15#ov16#ov17#ov18#ov19#ov20#ov21#ov22#ov23#ov24#ov25#ov26#ov27#ov28#ov29#ov30#ov31#ov32#ov33#ov34#ov35#ov36#ov37#ov38#ov39#ov40#ov41#ov42#ov43#ov44#ov45#ov46#ov47#ov48#ov49#ov50):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar { display: grid !important; grid-template-columns: minmax(118px, .85fr) minmax(300px, 2.3fr) minmax(126px, .9fr) minmax(102px, .75fr) !important; grid-auto-rows: 58px !important; align-items: stretch !important; gap: 8px !important; margin-bottom: 8px !important; overflow: visible !important; } html.exeify-client.exeify-compact-window body:not(#ov01#ov02#ov03#ov04#ov05#ov06#ov07#ov08#ov09#ov10#ov11#ov12#ov13#ov14#ov15#ov16#ov17#ov18#ov19#ov20#ov21#ov22#ov23#ov24#ov25#ov26#ov27#ov28#ov29#ov30#ov31#ov32#ov33#ov34#ov35#ov36#ov37#ov38#ov39#ov40#ov41#ov42#ov43#ov44#ov45#ov46#ov47#ov48#ov49#ov50):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .license-current, html.exeify-client.exeify-compact-window body:not(#ov01#ov02#ov03#ov04#ov05#ov06#ov07#ov08#ov09#ov10#ov11#ov12#ov13#ov14#ov15#ov16#ov17#ov18#ov19#ov20#ov21#ov22#ov23#ov24#ov25#ov26#ov27#ov28#ov29#ov30#ov31#ov32#ov33#ov34#ov35#ov36#ov37#ov38#ov39#ov40#ov41#ov42#ov43#ov44#ov45#ov46#ov47#ov48#ov49#ov50):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .activation-entry-card, html.exeify-client.exeify-compact-window body:not(#ov01#ov02#ov03#ov04#ov05#ov06#ov07#ov08#ov09#ov10#ov11#ov12#ov13#ov14#ov15#ov16#ov17#ov18#ov19#ov20#ov21#ov22#ov23#ov24#ov25#ov26#ov27#ov28#ov29#ov30#ov31#ov32#ov33#ov34#ov35#ov36#ov37#ov38#ov39#ov40#ov41#ov42#ov43#ov44#ov45#ov46#ov47#ov48#ov49#ov50):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .referral-reset-btn, html.exeify-client.exeify-compact-window body:not(#ov01#ov02#ov03#ov04#ov05#ov06#ov07#ov08#ov09#ov10#ov11#ov12#ov13#ov14#ov15#ov16#ov17#ov18#ov19#ov20#ov21#ov22#ov23#ov24#ov25#ov26#ov27#ov28#ov29#ov30#ov31#ov32#ov33#ov34#ov35#ov36#ov37#ov38#ov39#ov40#ov41#ov42#ov43#ov44#ov45#ov46#ov47#ov48#ov49#ov50):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .license-badge.referral-badge { grid-column: auto !important; min-height: 58px !important; height: 58px !important; padding: 9px 12px !important; overflow: hidden !important; } html.exeify-client.exeify-compact-window body:not(#ov01#ov02#ov03#ov04#ov05#ov06#ov07#ov08#ov09#ov10#ov11#ov12#ov13#ov14#ov15#ov16#ov17#ov18#ov19#ov20#ov21#ov22#ov23#ov24#ov25#ov26#ov27#ov28#ov29#ov30#ov31#ov32#ov33#ov34#ov35#ov36#ov37#ov38#ov39#ov40#ov41#ov42#ov43#ov44#ov45#ov46#ov47#ov48#ov49#ov50):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .activation-entry-card > div, html.exeify-client.exeify-compact-window body:not(#ov01#ov02#ov03#ov04#ov05#ov06#ov07#ov08#ov09#ov10#ov11#ov12#ov13#ov14#ov15#ov16#ov17#ov18#ov19#ov20#ov21#ov22#ov23#ov24#ov25#ov26#ov27#ov28#ov29#ov30#ov31#ov32#ov33#ov34#ov35#ov36#ov37#ov38#ov39#ov40#ov41#ov42#ov43#ov44#ov45#ov46#ov47#ov48#ov49#ov50):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .referral-reset-btn small, html.exeify-client.exeify-compact-window body:not(#ov01#ov02#ov03#ov04#ov05#ov06#ov07#ov08#ov09#ov10#ov11#ov12#ov13#ov14#ov15#ov16#ov17#ov18#ov19#ov20#ov21#ov22#ov23#ov24#ov25#ov26#ov27#ov28#ov29#ov30#ov31#ov32#ov33#ov34#ov35#ov36#ov37#ov38#ov39#ov40#ov41#ov42#ov43#ov44#ov45#ov46#ov47#ov48#ov49#ov50):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar #memberBadge { display: none !important; } html.exeify-client.exeify-compact-window body:not(#ov01#ov02#ov03#ov04#ov05#ov06#ov07#ov08#ov09#ov10#ov11#ov12#ov13#ov14#ov15#ov16#ov17#ov18#ov19#ov20#ov21#ov22#ov23#ov24#ov25#ov26#ov27#ov28#ov29#ov30#ov31#ov32#ov33#ov34#ov35#ov36#ov37#ov38#ov39#ov40#ov41#ov42#ov43#ov44#ov45#ov46#ov47#ov48#ov49#ov50):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar .activation-panel { height: 40px !important; min-height: 40px !important; grid-template-columns: 24px minmax(0, 1fr) 70px !important; padding: 4px 5px 4px 10px !important; } html.exeify-client.exeify-compact-window body:not(#ov01#ov02#ov03#ov04#ov05#ov06#ov07#ov08#ov09#ov10#ov11#ov12#ov13#ov14#ov15#ov16#ov17#ov18#ov19#ov20#ov21#ov22#ov23#ov24#ov25#ov26#ov27#ov28#ov29#ov30#ov31#ov32#ov33#ov34#ov35#ov36#ov37#ov38#ov39#ov40#ov41#ov42#ov43#ov44#ov45#ov46#ov47#ov48#ov49#ov50):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-main-grid { grid-template-columns: minmax(0, 1fr) minmax(0, .9fr) !important; grid-template-rows: 236px 220px !important; gap: 9px !important; } html.exeify-client.exeify-compact-window body:not(#ov01#ov02#ov03#ov04#ov05#ov06#ov07#ov08#ov09#ov10#ov11#ov12#ov13#ov14#ov15#ov16#ov17#ov18#ov19#ov20#ov21#ov22#ov23#ov24#ov25#ov26#ov27#ov28#ov29#ov30#ov31#ov32#ov33#ov34#ov35#ov36#ov37#ov38#ov39#ov40#ov41#ov42#ov43#ov44#ov45#ov46#ov47#ov48#ov49#ov50):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .rhythm-card, html.exeify-client.exeify-compact-window body:not(#ov01#ov02#ov03#ov04#ov05#ov06#ov07#ov08#ov09#ov10#ov11#ov12#ov13#ov14#ov15#ov16#ov17#ov18#ov19#ov20#ov21#ov22#ov23#ov24#ov25#ov26#ov27#ov28#ov29#ov30#ov31#ov32#ov33#ov34#ov35#ov36#ov37#ov38#ov39#ov40#ov41#ov42#ov43#ov44#ov45#ov46#ov47#ov48#ov49#ov50):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-action-card, html.exeify-client.exeify-compact-window body:not(#ov01#ov02#ov03#ov04#ov05#ov06#ov07#ov08#ov09#ov10#ov11#ov12#ov13#ov14#ov15#ov16#ov17#ov18#ov19#ov20#ov21#ov22#ov23#ov24#ov25#ov26#ov27#ov28#ov29#ov30#ov31#ov32#ov33#ov34#ov35#ov36#ov37#ov38#ov39#ov40#ov41#ov42#ov43#ov44#ov45#ov46#ov47#ov48#ov49#ov50):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-table-card, html.exeify-client.exeify-compact-window body:not(#ov01#ov02#ov03#ov04#ov05#ov06#ov07#ov08#ov09#ov10#ov11#ov12#ov13#ov14#ov15#ov16#ov17#ov18#ov19#ov20#ov21#ov22#ov23#ov24#ov25#ov26#ov27#ov28#ov29#ov30#ov31#ov32#ov33#ov34#ov35#ov36#ov37#ov38#ov39#ov40#ov41#ov42#ov43#ov44#ov45#ov46#ov47#ov48#ov49#ov50):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-order-card { min-height: 0 !important; height: auto !important; padding: 14px 16px !important; overflow: hidden !important; } html.exeify-client.exeify-compact-window body:not(#ov01#ov02#ov03#ov04#ov05#ov06#ov07#ov08#ov09#ov10#ov11#ov12#ov13#ov14#ov15#ov16#ov17#ov18#ov19#ov20#ov21#ov22#ov23#ov24#ov25#ov26#ov27#ov28#ov29#ov30#ov31#ov32#ov33#ov34#ov35#ov36#ov37#ov38#ov39#ov40#ov41#ov42#ov43#ov44#ov45#ov46#ov47#ov48#ov49#ov50):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .workspace-card h2 { font-size: 18px !important; line-height: 1.18 !important; } html.exeify-client.exeify-compact-window body:not(#ov01#ov02#ov03#ov04#ov05#ov06#ov07#ov08#ov09#ov10#ov11#ov12#ov13#ov14#ov15#ov16#ov17#ov18#ov19#ov20#ov21#ov22#ov23#ov24#ov25#ov26#ov27#ov28#ov29#ov30#ov31#ov32#ov33#ov34#ov35#ov36#ov37#ov38#ov39#ov40#ov41#ov42#ov43#ov44#ov45#ov46#ov47#ov48#ov49#ov50):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .client-chart-tabs { grid-template-columns: repeat(3, 62px) !important; padding: 3px !important; } html.exeify-client.exeify-compact-window body:not(#ov01#ov02#ov03#ov04#ov05#ov06#ov07#ov08#ov09#ov10#ov11#ov12#ov13#ov14#ov15#ov16#ov17#ov18#ov19#ov20#ov21#ov22#ov23#ov24#ov25#ov26#ov27#ov28#ov29#ov30#ov31#ov32#ov33#ov34#ov35#ov36#ov37#ov38#ov39#ov40#ov41#ov42#ov43#ov44#ov45#ov46#ov47#ov48#ov49#ov50):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .client-chart-tabs button { height: 30px !important; min-height: 30px !important; font-size: 12px !important; } html.exeify-client.exeify-compact-window body:not(#ov01#ov02#ov03#ov04#ov05#ov06#ov07#ov08#ov09#ov10#ov11#ov12#ov13#ov14#ov15#ov16#ov17#ov18#ov19#ov20#ov21#ov22#ov23#ov24#ov25#ov26#ov27#ov28#ov29#ov30#ov31#ov32#ov33#ov34#ov35#ov36#ov37#ov38#ov39#ov40#ov41#ov42#ov43#ov44#ov45#ov46#ov47#ov48#ov49#ov50):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .client-line-chart { height: 160px !important; margin-top: 8px !important; } html.exeify-client.exeify-compact-window body:not(#ov01#ov02#ov03#ov04#ov05#ov06#ov07#ov08#ov09#ov10#ov11#ov12#ov13#ov14#ov15#ov16#ov17#ov18#ov19#ov20#ov21#ov22#ov23#ov24#ov25#ov26#ov27#ov28#ov29#ov30#ov31#ov32#ov33#ov34#ov35#ov36#ov37#ov38#ov39#ov40#ov41#ov42#ov43#ov44#ov45#ov46#ov47#ov48#ov49#ov50):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .client-line-chart svg { height: 132px !important; } html.exeify-client.exeify-compact-window body:not(#ov01#ov02#ov03#ov04#ov05#ov06#ov07#ov08#ov09#ov10#ov11#ov12#ov13#ov14#ov15#ov16#ov17#ov18#ov19#ov20#ov21#ov22#ov23#ov24#ov25#ov26#ov27#ov28#ov29#ov30#ov31#ov32#ov33#ov34#ov35#ov36#ov37#ov38#ov39#ov40#ov41#ov42#ov43#ov44#ov45#ov46#ov47#ov48#ov49#ov50):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .client-line-chart > div { font-size: 11px !important; } html.exeify-client.exeify-compact-window body:not(#ov01#ov02#ov03#ov04#ov05#ov06#ov07#ov08#ov09#ov10#ov11#ov12#ov13#ov14#ov15#ov16#ov17#ov18#ov19#ov20#ov21#ov22#ov23#ov24#ov25#ov26#ov27#ov28#ov29#ov30#ov31#ov32#ov33#ov34#ov35#ov36#ov37#ov38#ov39#ov40#ov41#ov42#ov43#ov44#ov45#ov46#ov47#ov48#ov49#ov50):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-action-grid { gap: 9px !important; margin-top: 14px !important; } html.exeify-client.exeify-compact-window body:not(#ov01#ov02#ov03#ov04#ov05#ov06#ov07#ov08#ov09#ov10#ov11#ov12#ov13#ov14#ov15#ov16#ov17#ov18#ov19#ov20#ov21#ov22#ov23#ov24#ov25#ov26#ov27#ov28#ov29#ov30#ov31#ov32#ov33#ov34#ov35#ov36#ov37#ov38#ov39#ov40#ov41#ov42#ov43#ov44#ov45#ov46#ov47#ov48#ov49#ov50):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-action-grid button { min-height: 54px !important; padding: 10px 12px !important; gap: 10px !important; border-radius: 13px !important; font-size: 13px !important; line-height: 1.2 !important; } html.exeify-client.exeify-compact-window body:not(#ov01#ov02#ov03#ov04#ov05#ov06#ov07#ov08#ov09#ov10#ov11#ov12#ov13#ov14#ov15#ov16#ov17#ov18#ov19#ov20#ov21#ov22#ov23#ov24#ov25#ov26#ov27#ov28#ov29#ov30#ov31#ov32#ov33#ov34#ov35#ov36#ov37#ov38#ov39#ov40#ov41#ov42#ov43#ov44#ov45#ov46#ov47#ov48#ov49#ov50):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-action-grid iconify-icon { width: 32px !important; height: 32px !important; padding: 8px !important; border-radius: 11px !important; } html.exeify-client.exeify-compact-window body:not(#ov01#ov02#ov03#ov04#ov05#ov06#ov07#ov08#ov09#ov10#ov11#ov12#ov13#ov14#ov15#ov16#ov17#ov18#ov19#ov20#ov21#ov22#ov23#ov24#ov25#ov26#ov27#ov28#ov29#ov30#ov31#ov32#ov33#ov34#ov35#ov36#ov37#ov38#ov39#ov40#ov41#ov42#ov43#ov44#ov45#ov46#ov47#ov48#ov49#ov50):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .client-order-table { margin-top: 10px !important; } html.exeify-client.exeify-compact-window body:not(#ov01#ov02#ov03#ov04#ov05#ov06#ov07#ov08#ov09#ov10#ov11#ov12#ov13#ov14#ov15#ov16#ov17#ov18#ov19#ov20#ov21#ov22#ov23#ov24#ov25#ov26#ov27#ov28#ov29#ov30#ov31#ov32#ov33#ov34#ov35#ov36#ov37#ov38#ov39#ov40#ov41#ov42#ov43#ov44#ov45#ov46#ov47#ov48#ov49#ov50):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .client-order-table > div { min-height: 31px !important; grid-template-columns: 1.06fr .98fr .72fr .68fr .45fr !important; gap: 6px !important; font-size: 11px !important; line-height: 1.2 !important; } html.exeify-client.exeify-compact-window body:not(#ov01#ov02#ov03#ov04#ov05#ov06#ov07#ov08#ov09#ov10#ov11#ov12#ov13#ov14#ov15#ov16#ov17#ov18#ov19#ov20#ov21#ov22#ov23#ov24#ov25#ov26#ov27#ov28#ov29#ov30#ov31#ov32#ov33#ov34#ov35#ov36#ov37#ov38#ov39#ov40#ov41#ov42#ov43#ov44#ov45#ov46#ov47#ov48#ov49#ov50):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .client-order-table > div:first-child { min-height: 30px !important; padding: 0 8px !important; border-radius: 10px !important; } html.exeify-client.exeify-compact-window body:not(#ov01#ov02#ov03#ov04#ov05#ov06#ov07#ov08#ov09#ov10#ov11#ov12#ov13#ov14#ov15#ov16#ov17#ov18#ov19#ov20#ov21#ov22#ov23#ov24#ov25#ov26#ov27#ov28#ov29#ov30#ov31#ov32#ov33#ov34#ov35#ov36#ov37#ov38#ov39#ov40#ov41#ov42#ov43#ov44#ov45#ov46#ov47#ov48#ov49#ov50):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .client-order-table b { padding: 4px 8px !important; font-size: 11px !important; line-height: 1.15 !important; } html.exeify-client.exeify-compact-window body:not(#ov01#ov02#ov03#ov04#ov05#ov06#ov07#ov08#ov09#ov10#ov11#ov12#ov13#ov14#ov15#ov16#ov17#ov18#ov19#ov20#ov21#ov22#ov23#ov24#ov25#ov26#ov27#ov28#ov29#ov30#ov31#ov32#ov33#ov34#ov35#ov36#ov37#ov38#ov39#ov40#ov41#ov42#ov43#ov44#ov45#ov46#ov47#ov48#ov49#ov50):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-order-body { gap: 10px !important; margin-top: 10px !important; } html.exeify-client.exeify-compact-window body:not(#ov01#ov02#ov03#ov04#ov05#ov06#ov07#ov08#ov09#ov10#ov11#ov12#ov13#ov14#ov15#ov16#ov17#ov18#ov19#ov20#ov21#ov22#ov23#ov24#ov25#ov26#ov27#ov28#ov29#ov30#ov31#ov32#ov33#ov34#ov35#ov36#ov37#ov38#ov39#ov40#ov41#ov42#ov43#ov44#ov45#ov46#ov47#ov48#ov49#ov50):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-order-body > div { min-height: 86px !important; padding: 12px 14px !important; } html.exeify-client.exeify-compact-window body:not(#ov01#ov02#ov03#ov04#ov05#ov06#ov07#ov08#ov09#ov10#ov11#ov12#ov13#ov14#ov15#ov16#ov17#ov18#ov19#ov20#ov21#ov22#ov23#ov24#ov25#ov26#ov27#ov28#ov29#ov30#ov31#ov32#ov33#ov34#ov35#ov36#ov37#ov38#ov39#ov40#ov41#ov42#ov43#ov44#ov45#ov46#ov47#ov48#ov49#ov50):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel #overviewOrderLatestCode { font-size: 22px !important; line-height: 1.1 !important; white-space: nowrap !important; } } /* Exeify client v24b: final overview compact pass, loaded after v19b. */ @media (min-width: 900px) and (max-width: 1100px) and (max-height: 760px) { html.exeify-client.exeify-compact-window body:not(#ov24b01#ov24b02#ov24b03#ov24b04#ov24b05#ov24b06#ov24b07#ov24b08#ov24b09#ov24b10#ov24b11#ov24b12#ov24b13#ov24b14#ov24b15#ov24b16#ov24b17#ov24b18#ov24b19#ov24b20#ov24b21#ov24b22#ov24b23#ov24b24#ov24b25#ov24b26#ov24b27#ov24b28#ov24b29#ov24b30#ov24b31#ov24b32#ov24b33#ov24b34#ov24b35#ov24b36#ov24b37#ov24b38#ov24b39#ov24b40#ov24b41#ov24b42#ov24b43#ov24b44#ov24b45#ov24b46#ov24b47#ov24b48#ov24b49#ov24b50#ov24b51#ov24b52#ov24b53#ov24b54#ov24b55#ov24b56#ov24b57#ov24b58#ov24b59#ov24b60):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .rhythm-card, html.exeify-client.exeify-compact-window body:not(#ov24b01#ov24b02#ov24b03#ov24b04#ov24b05#ov24b06#ov24b07#ov24b08#ov24b09#ov24b10#ov24b11#ov24b12#ov24b13#ov24b14#ov24b15#ov24b16#ov24b17#ov24b18#ov24b19#ov24b20#ov24b21#ov24b22#ov24b23#ov24b24#ov24b25#ov24b26#ov24b27#ov24b28#ov24b29#ov24b30#ov24b31#ov24b32#ov24b33#ov24b34#ov24b35#ov24b36#ov24b37#ov24b38#ov24b39#ov24b40#ov24b41#ov24b42#ov24b43#ov24b44#ov24b45#ov24b46#ov24b47#ov24b48#ov24b49#ov24b50#ov24b51#ov24b52#ov24b53#ov24b54#ov24b55#ov24b56#ov24b57#ov24b58#ov24b59#ov24b60):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-action-card, html.exeify-client.exeify-compact-window body:not(#ov24b01#ov24b02#ov24b03#ov24b04#ov24b05#ov24b06#ov24b07#ov24b08#ov24b09#ov24b10#ov24b11#ov24b12#ov24b13#ov24b14#ov24b15#ov24b16#ov24b17#ov24b18#ov24b19#ov24b20#ov24b21#ov24b22#ov24b23#ov24b24#ov24b25#ov24b26#ov24b27#ov24b28#ov24b29#ov24b30#ov24b31#ov24b32#ov24b33#ov24b34#ov24b35#ov24b36#ov24b37#ov24b38#ov24b39#ov24b40#ov24b41#ov24b42#ov24b43#ov24b44#ov24b45#ov24b46#ov24b47#ov24b48#ov24b49#ov24b50#ov24b51#ov24b52#ov24b53#ov24b54#ov24b55#ov24b56#ov24b57#ov24b58#ov24b59#ov24b60):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-table-card, html.exeify-client.exeify-compact-window body:not(#ov24b01#ov24b02#ov24b03#ov24b04#ov24b05#ov24b06#ov24b07#ov24b08#ov24b09#ov24b10#ov24b11#ov24b12#ov24b13#ov24b14#ov24b15#ov24b16#ov24b17#ov24b18#ov24b19#ov24b20#ov24b21#ov24b22#ov24b23#ov24b24#ov24b25#ov24b26#ov24b27#ov24b28#ov24b29#ov24b30#ov24b31#ov24b32#ov24b33#ov24b34#ov24b35#ov24b36#ov24b37#ov24b38#ov24b39#ov24b40#ov24b41#ov24b42#ov24b43#ov24b44#ov24b45#ov24b46#ov24b47#ov24b48#ov24b49#ov24b50#ov24b51#ov24b52#ov24b53#ov24b54#ov24b55#ov24b56#ov24b57#ov24b58#ov24b59#ov24b60):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-order-card { padding: 12px 14px !important; } html.exeify-client.exeify-compact-window body:not(#ov24b01#ov24b02#ov24b03#ov24b04#ov24b05#ov24b06#ov24b07#ov24b08#ov24b09#ov24b10#ov24b11#ov24b12#ov24b13#ov24b14#ov24b15#ov24b16#ov24b17#ov24b18#ov24b19#ov24b20#ov24b21#ov24b22#ov24b23#ov24b24#ov24b25#ov24b26#ov24b27#ov24b28#ov24b29#ov24b30#ov24b31#ov24b32#ov24b33#ov24b34#ov24b35#ov24b36#ov24b37#ov24b38#ov24b39#ov24b40#ov24b41#ov24b42#ov24b43#ov24b44#ov24b45#ov24b46#ov24b47#ov24b48#ov24b49#ov24b50#ov24b51#ov24b52#ov24b53#ov24b54#ov24b55#ov24b56#ov24b57#ov24b58#ov24b59#ov24b60):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .workspace-card-head { min-height: 40px !important; margin-bottom: 8px !important; align-items: flex-start !important; } html.exeify-client.exeify-compact-window body:not(#ov24b01#ov24b02#ov24b03#ov24b04#ov24b05#ov24b06#ov24b07#ov24b08#ov24b09#ov24b10#ov24b11#ov24b12#ov24b13#ov24b14#ov24b15#ov24b16#ov24b17#ov24b18#ov24b19#ov24b20#ov24b21#ov24b22#ov24b23#ov24b24#ov24b25#ov24b26#ov24b27#ov24b28#ov24b29#ov24b30#ov24b31#ov24b32#ov24b33#ov24b34#ov24b35#ov24b36#ov24b37#ov24b38#ov24b39#ov24b40#ov24b41#ov24b42#ov24b43#ov24b44#ov24b45#ov24b46#ov24b47#ov24b48#ov24b49#ov24b50#ov24b51#ov24b52#ov24b53#ov24b54#ov24b55#ov24b56#ov24b57#ov24b58#ov24b59#ov24b60):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .workspace-card .eyebrow { font-size: 12px !important; line-height: 1.1 !important; } html.exeify-client.exeify-compact-window body:not(#ov24b01#ov24b02#ov24b03#ov24b04#ov24b05#ov24b06#ov24b07#ov24b08#ov24b09#ov24b10#ov24b11#ov24b12#ov24b13#ov24b14#ov24b15#ov24b16#ov24b17#ov24b18#ov24b19#ov24b20#ov24b21#ov24b22#ov24b23#ov24b24#ov24b25#ov24b26#ov24b27#ov24b28#ov24b29#ov24b30#ov24b31#ov24b32#ov24b33#ov24b34#ov24b35#ov24b36#ov24b37#ov24b38#ov24b39#ov24b40#ov24b41#ov24b42#ov24b43#ov24b44#ov24b45#ov24b46#ov24b47#ov24b48#ov24b49#ov24b50#ov24b51#ov24b52#ov24b53#ov24b54#ov24b55#ov24b56#ov24b57#ov24b58#ov24b59#ov24b60):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .workspace-card h2 { font-size: 17px !important; line-height: 1.12 !important; } html.exeify-client.exeify-compact-window body:not(#ov24b01#ov24b02#ov24b03#ov24b04#ov24b05#ov24b06#ov24b07#ov24b08#ov24b09#ov24b10#ov24b11#ov24b12#ov24b13#ov24b14#ov24b15#ov24b16#ov24b17#ov24b18#ov24b19#ov24b20#ov24b21#ov24b22#ov24b23#ov24b24#ov24b25#ov24b26#ov24b27#ov24b28#ov24b29#ov24b30#ov24b31#ov24b32#ov24b33#ov24b34#ov24b35#ov24b36#ov24b37#ov24b38#ov24b39#ov24b40#ov24b41#ov24b42#ov24b43#ov24b44#ov24b45#ov24b46#ov24b47#ov24b48#ov24b49#ov24b50#ov24b51#ov24b52#ov24b53#ov24b54#ov24b55#ov24b56#ov24b57#ov24b58#ov24b59#ov24b60):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .client-chart-tabs { grid-template-columns: repeat(3, 54px) !important; height: 28px !important; padding: 2px !important; } html.exeify-client.exeify-compact-window body:not(#ov24b01#ov24b02#ov24b03#ov24b04#ov24b05#ov24b06#ov24b07#ov24b08#ov24b09#ov24b10#ov24b11#ov24b12#ov24b13#ov24b14#ov24b15#ov24b16#ov24b17#ov24b18#ov24b19#ov24b20#ov24b21#ov24b22#ov24b23#ov24b24#ov24b25#ov24b26#ov24b27#ov24b28#ov24b29#ov24b30#ov24b31#ov24b32#ov24b33#ov24b34#ov24b35#ov24b36#ov24b37#ov24b38#ov24b39#ov24b40#ov24b41#ov24b42#ov24b43#ov24b44#ov24b45#ov24b46#ov24b47#ov24b48#ov24b49#ov24b50#ov24b51#ov24b52#ov24b53#ov24b54#ov24b55#ov24b56#ov24b57#ov24b58#ov24b59#ov24b60):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .client-chart-tabs button { height: 24px !important; min-height: 24px !important; font-size: 11px !important; line-height: 1.05 !important; } html.exeify-client.exeify-compact-window body:not(#ov24b01#ov24b02#ov24b03#ov24b04#ov24b05#ov24b06#ov24b07#ov24b08#ov24b09#ov24b10#ov24b11#ov24b12#ov24b13#ov24b14#ov24b15#ov24b16#ov24b17#ov24b18#ov24b19#ov24b20#ov24b21#ov24b22#ov24b23#ov24b24#ov24b25#ov24b26#ov24b27#ov24b28#ov24b29#ov24b30#ov24b31#ov24b32#ov24b33#ov24b34#ov24b35#ov24b36#ov24b37#ov24b38#ov24b39#ov24b40#ov24b41#ov24b42#ov24b43#ov24b44#ov24b45#ov24b46#ov24b47#ov24b48#ov24b49#ov24b50#ov24b51#ov24b52#ov24b53#ov24b54#ov24b55#ov24b56#ov24b57#ov24b58#ov24b59#ov24b60):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-action-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-template-rows: repeat(3, 42px) !important; gap: 7px !important; margin-top: 8px !important; } html.exeify-client.exeify-compact-window body:not(#ov24b01#ov24b02#ov24b03#ov24b04#ov24b05#ov24b06#ov24b07#ov24b08#ov24b09#ov24b10#ov24b11#ov24b12#ov24b13#ov24b14#ov24b15#ov24b16#ov24b17#ov24b18#ov24b19#ov24b20#ov24b21#ov24b22#ov24b23#ov24b24#ov24b25#ov24b26#ov24b27#ov24b28#ov24b29#ov24b30#ov24b31#ov24b32#ov24b33#ov24b34#ov24b35#ov24b36#ov24b37#ov24b38#ov24b39#ov24b40#ov24b41#ov24b42#ov24b43#ov24b44#ov24b45#ov24b46#ov24b47#ov24b48#ov24b49#ov24b50#ov24b51#ov24b52#ov24b53#ov24b54#ov24b55#ov24b56#ov24b57#ov24b58#ov24b59#ov24b60):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-action-grid button { height: 42px !important; min-height: 42px !important; padding: 6px 10px !important; gap: 8px !important; border-radius: 12px !important; font-size: 12px !important; line-height: 1.08 !important; } html.exeify-client.exeify-compact-window body:not(#ov24b01#ov24b02#ov24b03#ov24b04#ov24b05#ov24b06#ov24b07#ov24b08#ov24b09#ov24b10#ov24b11#ov24b12#ov24b13#ov24b14#ov24b15#ov24b16#ov24b17#ov24b18#ov24b19#ov24b20#ov24b21#ov24b22#ov24b23#ov24b24#ov24b25#ov24b26#ov24b27#ov24b28#ov24b29#ov24b30#ov24b31#ov24b32#ov24b33#ov24b34#ov24b35#ov24b36#ov24b37#ov24b38#ov24b39#ov24b40#ov24b41#ov24b42#ov24b43#ov24b44#ov24b45#ov24b46#ov24b47#ov24b48#ov24b49#ov24b50#ov24b51#ov24b52#ov24b53#ov24b54#ov24b55#ov24b56#ov24b57#ov24b58#ov24b59#ov24b60):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-action-grid iconify-icon { width: 26px !important; height: 26px !important; padding: 7px !important; border-radius: 10px !important; } html.exeify-client.exeify-compact-window body:not(#ov24b01#ov24b02#ov24b03#ov24b04#ov24b05#ov24b06#ov24b07#ov24b08#ov24b09#ov24b10#ov24b11#ov24b12#ov24b13#ov24b14#ov24b15#ov24b16#ov24b17#ov24b18#ov24b19#ov24b20#ov24b21#ov24b22#ov24b23#ov24b24#ov24b25#ov24b26#ov24b27#ov24b28#ov24b29#ov24b30#ov24b31#ov24b32#ov24b33#ov24b34#ov24b35#ov24b36#ov24b37#ov24b38#ov24b39#ov24b40#ov24b41#ov24b42#ov24b43#ov24b44#ov24b45#ov24b46#ov24b47#ov24b48#ov24b49#ov24b50#ov24b51#ov24b52#ov24b53#ov24b54#ov24b55#ov24b56#ov24b57#ov24b58#ov24b59#ov24b60):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-order-card .secondary { height: 30px !important; min-height: 30px !important; padding: 0 13px !important; font-size: 12px !important; } html.exeify-client.exeify-compact-window body:not(#ov24b01#ov24b02#ov24b03#ov24b04#ov24b05#ov24b06#ov24b07#ov24b08#ov24b09#ov24b10#ov24b11#ov24b12#ov24b13#ov24b14#ov24b15#ov24b16#ov24b17#ov24b18#ov24b19#ov24b20#ov24b21#ov24b22#ov24b23#ov24b24#ov24b25#ov24b26#ov24b27#ov24b28#ov24b29#ov24b30#ov24b31#ov24b32#ov24b33#ov24b34#ov24b35#ov24b36#ov24b37#ov24b38#ov24b39#ov24b40#ov24b41#ov24b42#ov24b43#ov24b44#ov24b45#ov24b46#ov24b47#ov24b48#ov24b49#ov24b50#ov24b51#ov24b52#ov24b53#ov24b54#ov24b55#ov24b56#ov24b57#ov24b58#ov24b59#ov24b60):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel #overviewOrderLatestCode { font-size: 20px !important; } } /* Exeify client v25: final requested typography and alignment tweaks. */ @media (min-width: 900px) and (max-width: 1100px) and (max-height: 760px) { html.exeify-client.exeify-compact-window body:not(#ov25a#ov25b#ov25c#ov25d#ov25e#ov25f#ov25g#ov25h#ov25i#ov25j#ov25k#ov25l#ov25m#ov25n#ov25o#ov25p#ov25q#ov25r#ov25s#ov25t#ov25u#ov25v#ov25w#ov25x#ov25y#ov25z):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .workspace-card .eyebrow { font-size: 11px !important; line-height: 1.08 !important; font-weight: 700 !important; } html.exeify-client.exeify-compact-window body:not(#ov25a#ov25b#ov25c#ov25d#ov25e#ov25f#ov25g#ov25h#ov25i#ov25j#ov25k#ov25l#ov25m#ov25n#ov25o#ov25p#ov25q#ov25r#ov25s#ov25t#ov25u#ov25v#ov25w#ov25x#ov25y#ov25z):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .workspace-card h2 { font-size: 15px !important; line-height: 1.1 !important; font-weight: 760 !important; } html.exeify-client.exeify-compact-window body:not(#ov25a#ov25b#ov25c#ov25d#ov25e#ov25f#ov25g#ov25h#ov25i#ov25j#ov25k#ov25l#ov25m#ov25n#ov25o#ov25p#ov25q#ov25r#ov25s#ov25t#ov25u#ov25v#ov25w#ov25x#ov25y#ov25z):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .client-chart-tabs { grid-template-columns: repeat(3, 66px) !important; height: 27px !important; padding: 2px !important; } html.exeify-client.exeify-compact-window body:not(#ov25a#ov25b#ov25c#ov25d#ov25e#ov25f#ov25g#ov25h#ov25i#ov25j#ov25k#ov25l#ov25m#ov25n#ov25o#ov25p#ov25q#ov25r#ov25s#ov25t#ov25u#ov25v#ov25w#ov25x#ov25y#ov25z):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .client-chart-tabs button, html.exeify-client.exeify-compact-window body:not(#ov25a#ov25b#ov25c#ov25d#ov25e#ov25f#ov25g#ov25h#ov25i#ov25j#ov25k#ov25l#ov25m#ov25n#ov25o#ov25p#ov25q#ov25r#ov25s#ov25t#ov25u#ov25v#ov25w#ov25x#ov25y#ov25z):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .client-chart-tabs button.active { height: 23px !important; min-height: 23px !important; font-size: 11px !important; font-weight: 500 !important; line-height: 1 !important; white-space: nowrap !important; word-break: keep-all !important; } html.exeify-client.exeify-compact-window body:not(#ov25a#ov25b#ov25c#ov25d#ov25e#ov25f#ov25g#ov25h#ov25i#ov25j#ov25k#ov25l#ov25m#ov25n#ov25o#ov25p#ov25q#ov25r#ov25s#ov25t#ov25u#ov25v#ov25w#ov25x#ov25y#ov25z):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-action-grid button, html.exeify-client.exeify-compact-window body:not(#ov25a#ov25b#ov25c#ov25d#ov25e#ov25f#ov25g#ov25h#ov25i#ov25j#ov25k#ov25l#ov25m#ov25n#ov25o#ov25p#ov25q#ov25r#ov25s#ov25t#ov25u#ov25v#ov25w#ov25x#ov25y#ov25z):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-action-grid button span { font-weight: 520 !important; } html.exeify-client.exeify-compact-window body:not(#ov25a#ov25b#ov25c#ov25d#ov25e#ov25f#ov25g#ov25h#ov25i#ov25j#ov25k#ov25l#ov25m#ov25n#ov25o#ov25p#ov25q#ov25r#ov25s#ov25t#ov25u#ov25v#ov25w#ov25x#ov25y#ov25z):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .referral-reset-btn { align-items: center !important; align-content: center !important; padding-top: 0 !important; padding-bottom: 0 !important; } html.exeify-client.exeify-compact-window body:not(#ov25a#ov25b#ov25c#ov25d#ov25e#ov25f#ov25g#ov25h#ov25i#ov25j#ov25k#ov25l#ov25m#ov25n#ov25o#ov25p#ov25q#ov25r#ov25s#ov25t#ov25u#ov25v#ov25w#ov25x#ov25y#ov25z):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .referral-reset-btn b { font-size: 13px !important; line-height: 1 !important; margin: 0 !important; align-self: center !important; } html.exeify-client.exeify-compact-window body:not(#ov25a#ov25b#ov25c#ov25d#ov25e#ov25f#ov25g#ov25h#ov25i#ov25j#ov25k#ov25l#ov25m#ov25n#ov25o#ov25p#ov25q#ov25r#ov25s#ov25t#ov25u#ov25v#ov25w#ov25x#ov25y#ov25z):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .license-badge.referral-badge span { font-size: 11px !important; line-height: 1.05 !important; } html.exeify-client.exeify-compact-window body:not(#ov25a#ov25b#ov25c#ov25d#ov25e#ov25f#ov25g#ov25h#ov25i#ov25j#ov25k#ov25l#ov25m#ov25n#ov25o#ov25p#ov25q#ov25r#ov25s#ov25t#ov25u#ov25v#ov25w#ov25x#ov25y#ov25z):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .license-badge.referral-badge strong { font-size: 16px !important; line-height: 1.05 !important; } html.exeify-client.exeify-compact-window body:not(#ov25a#ov25b#ov25c#ov25d#ov25e#ov25f#ov25g#ov25h#ov25i#ov25j#ov25k#ov25l#ov25m#ov25n#ov25o#ov25p#ov25q#ov25r#ov25s#ov25t#ov25u#ov25v#ov25w#ov25x#ov25y#ov25z):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel #overviewOrderLatestStatus { font-size: 12px !important; line-height: 1.05 !important; } html.exeify-client.exeify-compact-window body:not(#ov25a#ov25b#ov25c#ov25d#ov25e#ov25f#ov25g#ov25h#ov25i#ov25j#ov25k#ov25l#ov25m#ov25n#ov25o#ov25p#ov25q#ov25r#ov25s#ov25t#ov25u#ov25v#ov25w#ov25x#ov25y#ov25z):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel #overviewOrderLatestCode { font-size: 18px !important; line-height: 1.04 !important; } html.exeify-client.exeify-compact-window body:not(#ov25a#ov25b#ov25c#ov25d#ov25e#ov25f#ov25g#ov25h#ov25i#ov25j#ov25k#ov25l#ov25m#ov25n#ov25o#ov25p#ov25q#ov25r#ov25s#ov25t#ov25u#ov25v#ov25w#ov25x#ov25y#ov25z):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel #overviewOrderLatestMeta { font-size: 12px !important; line-height: 1.05 !important; } } /* Exeify client v25c: keep the requested 1024x720 overview refinements last. */ @media (min-width: 900px) and (max-width: 1100px) and (max-height: 760px) { html.exeify-client.exeify-compact-window body:not(#ov25c01#ov25c02#ov25c03#ov25c04#ov25c05#ov25c06#ov25c07#ov25c08#ov25c09#ov25c10#ov25c11#ov25c12#ov25c13#ov25c14#ov25c15#ov25c16#ov25c17#ov25c18#ov25c19#ov25c20#ov25c21#ov25c22#ov25c23#ov25c24#ov25c25#ov25c26#ov25c27#ov25c28#ov25c29#ov25c30#ov25c31#ov25c32#ov25c33#ov25c34#ov25c35#ov25c36#ov25c37#ov25c38#ov25c39#ov25c40#ov25c41#ov25c42#ov25c43#ov25c44#ov25c45#ov25c46#ov25c47#ov25c48#ov25c49#ov25c50#ov25c51#ov25c52#ov25c53#ov25c54#ov25c55#ov25c56#ov25c57#ov25c58#ov25c59#ov25c60#ov25c61#ov25c62#ov25c63#ov25c64#ov25c65#ov25c66#ov25c67#ov25c68#ov25c69#ov25c70#ov25c71#ov25c72#ov25c73#ov25c74#ov25c75#ov25c76#ov25c77#ov25c78#ov25c79#ov25c80):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .workspace-card .eyebrow { font-size: 11px !important; line-height: 1.08 !important; } html.exeify-client.exeify-compact-window body:not(#ov25c01#ov25c02#ov25c03#ov25c04#ov25c05#ov25c06#ov25c07#ov25c08#ov25c09#ov25c10#ov25c11#ov25c12#ov25c13#ov25c14#ov25c15#ov25c16#ov25c17#ov25c18#ov25c19#ov25c20#ov25c21#ov25c22#ov25c23#ov25c24#ov25c25#ov25c26#ov25c27#ov25c28#ov25c29#ov25c30#ov25c31#ov25c32#ov25c33#ov25c34#ov25c35#ov25c36#ov25c37#ov25c38#ov25c39#ov25c40#ov25c41#ov25c42#ov25c43#ov25c44#ov25c45#ov25c46#ov25c47#ov25c48#ov25c49#ov25c50#ov25c51#ov25c52#ov25c53#ov25c54#ov25c55#ov25c56#ov25c57#ov25c58#ov25c59#ov25c60#ov25c61#ov25c62#ov25c63#ov25c64#ov25c65#ov25c66#ov25c67#ov25c68#ov25c69#ov25c70#ov25c71#ov25c72#ov25c73#ov25c74#ov25c75#ov25c76#ov25c77#ov25c78#ov25c79#ov25c80):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .workspace-card h2 { font-size: 15px !important; line-height: 1.1 !important; } html.exeify-client.exeify-compact-window body:not(#ov25c01#ov25c02#ov25c03#ov25c04#ov25c05#ov25c06#ov25c07#ov25c08#ov25c09#ov25c10#ov25c11#ov25c12#ov25c13#ov25c14#ov25c15#ov25c16#ov25c17#ov25c18#ov25c19#ov25c20#ov25c21#ov25c22#ov25c23#ov25c24#ov25c25#ov25c26#ov25c27#ov25c28#ov25c29#ov25c30#ov25c31#ov25c32#ov25c33#ov25c34#ov25c35#ov25c36#ov25c37#ov25c38#ov25c39#ov25c40#ov25c41#ov25c42#ov25c43#ov25c44#ov25c45#ov25c46#ov25c47#ov25c48#ov25c49#ov25c50#ov25c51#ov25c52#ov25c53#ov25c54#ov25c55#ov25c56#ov25c57#ov25c58#ov25c59#ov25c60#ov25c61#ov25c62#ov25c63#ov25c64#ov25c65#ov25c66#ov25c67#ov25c68#ov25c69#ov25c70#ov25c71#ov25c72#ov25c73#ov25c74#ov25c75#ov25c76#ov25c77#ov25c78#ov25c79#ov25c80):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .client-chart-tabs { grid-template-columns: repeat(3, 66px) !important; height: 27px !important; padding: 2px !important; } html.exeify-client.exeify-compact-window body:not(#ov25c01#ov25c02#ov25c03#ov25c04#ov25c05#ov25c06#ov25c07#ov25c08#ov25c09#ov25c10#ov25c11#ov25c12#ov25c13#ov25c14#ov25c15#ov25c16#ov25c17#ov25c18#ov25c19#ov25c20#ov25c21#ov25c22#ov25c23#ov25c24#ov25c25#ov25c26#ov25c27#ov25c28#ov25c29#ov25c30#ov25c31#ov25c32#ov25c33#ov25c34#ov25c35#ov25c36#ov25c37#ov25c38#ov25c39#ov25c40#ov25c41#ov25c42#ov25c43#ov25c44#ov25c45#ov25c46#ov25c47#ov25c48#ov25c49#ov25c50#ov25c51#ov25c52#ov25c53#ov25c54#ov25c55#ov25c56#ov25c57#ov25c58#ov25c59#ov25c60#ov25c61#ov25c62#ov25c63#ov25c64#ov25c65#ov25c66#ov25c67#ov25c68#ov25c69#ov25c70#ov25c71#ov25c72#ov25c73#ov25c74#ov25c75#ov25c76#ov25c77#ov25c78#ov25c79#ov25c80):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .client-chart-tabs button, html.exeify-client.exeify-compact-window body:not(#ov25c01#ov25c02#ov25c03#ov25c04#ov25c05#ov25c06#ov25c07#ov25c08#ov25c09#ov25c10#ov25c11#ov25c12#ov25c13#ov25c14#ov25c15#ov25c16#ov25c17#ov25c18#ov25c19#ov25c20#ov25c21#ov25c22#ov25c23#ov25c24#ov25c25#ov25c26#ov25c27#ov25c28#ov25c29#ov25c30#ov25c31#ov25c32#ov25c33#ov25c34#ov25c35#ov25c36#ov25c37#ov25c38#ov25c39#ov25c40#ov25c41#ov25c42#ov25c43#ov25c44#ov25c45#ov25c46#ov25c47#ov25c48#ov25c49#ov25c50#ov25c51#ov25c52#ov25c53#ov25c54#ov25c55#ov25c56#ov25c57#ov25c58#ov25c59#ov25c60#ov25c61#ov25c62#ov25c63#ov25c64#ov25c65#ov25c66#ov25c67#ov25c68#ov25c69#ov25c70#ov25c71#ov25c72#ov25c73#ov25c74#ov25c75#ov25c76#ov25c77#ov25c78#ov25c79#ov25c80):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .client-chart-tabs button.active { height: 23px !important; min-height: 23px !important; font-size: 11px !important; font-weight: 500 !important; line-height: 1 !important; white-space: nowrap !important; word-break: keep-all !important; } html.exeify-client.exeify-compact-window body:not(#ov25c01#ov25c02#ov25c03#ov25c04#ov25c05#ov25c06#ov25c07#ov25c08#ov25c09#ov25c10#ov25c11#ov25c12#ov25c13#ov25c14#ov25c15#ov25c16#ov25c17#ov25c18#ov25c19#ov25c20#ov25c21#ov25c22#ov25c23#ov25c24#ov25c25#ov25c26#ov25c27#ov25c28#ov25c29#ov25c30#ov25c31#ov25c32#ov25c33#ov25c34#ov25c35#ov25c36#ov25c37#ov25c38#ov25c39#ov25c40#ov25c41#ov25c42#ov25c43#ov25c44#ov25c45#ov25c46#ov25c47#ov25c48#ov25c49#ov25c50#ov25c51#ov25c52#ov25c53#ov25c54#ov25c55#ov25c56#ov25c57#ov25c58#ov25c59#ov25c60#ov25c61#ov25c62#ov25c63#ov25c64#ov25c65#ov25c66#ov25c67#ov25c68#ov25c69#ov25c70#ov25c71#ov25c72#ov25c73#ov25c74#ov25c75#ov25c76#ov25c77#ov25c78#ov25c79#ov25c80):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-action-grid button, html.exeify-client.exeify-compact-window body:not(#ov25c01#ov25c02#ov25c03#ov25c04#ov25c05#ov25c06#ov25c07#ov25c08#ov25c09#ov25c10#ov25c11#ov25c12#ov25c13#ov25c14#ov25c15#ov25c16#ov25c17#ov25c18#ov25c19#ov25c20#ov25c21#ov25c22#ov25c23#ov25c24#ov25c25#ov25c26#ov25c27#ov25c28#ov25c29#ov25c30#ov25c31#ov25c32#ov25c33#ov25c34#ov25c35#ov25c36#ov25c37#ov25c38#ov25c39#ov25c40#ov25c41#ov25c42#ov25c43#ov25c44#ov25c45#ov25c46#ov25c47#ov25c48#ov25c49#ov25c50#ov25c51#ov25c52#ov25c53#ov25c54#ov25c55#ov25c56#ov25c57#ov25c58#ov25c59#ov25c60#ov25c61#ov25c62#ov25c63#ov25c64#ov25c65#ov25c66#ov25c67#ov25c68#ov25c69#ov25c70#ov25c71#ov25c72#ov25c73#ov25c74#ov25c75#ov25c76#ov25c77#ov25c78#ov25c79#ov25c80):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-action-grid button span { font-weight: 520 !important; } html.exeify-client.exeify-compact-window body:not(#ov25c01#ov25c02#ov25c03#ov25c04#ov25c05#ov25c06#ov25c07#ov25c08#ov25c09#ov25c10#ov25c11#ov25c12#ov25c13#ov25c14#ov25c15#ov25c16#ov25c17#ov25c18#ov25c19#ov25c20#ov25c21#ov25c22#ov25c23#ov25c24#ov25c25#ov25c26#ov25c27#ov25c28#ov25c29#ov25c30#ov25c31#ov25c32#ov25c33#ov25c34#ov25c35#ov25c36#ov25c37#ov25c38#ov25c39#ov25c40#ov25c41#ov25c42#ov25c43#ov25c44#ov25c45#ov25c46#ov25c47#ov25c48#ov25c49#ov25c50#ov25c51#ov25c52#ov25c53#ov25c54#ov25c55#ov25c56#ov25c57#ov25c58#ov25c59#ov25c60#ov25c61#ov25c62#ov25c63#ov25c64#ov25c65#ov25c66#ov25c67#ov25c68#ov25c69#ov25c70#ov25c71#ov25c72#ov25c73#ov25c74#ov25c75#ov25c76#ov25c77#ov25c78#ov25c79#ov25c80):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .referral-reset-btn { display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 10px !important; padding: 0 12px !important; } html.exeify-client.exeify-compact-window body:not(#ov25c01#ov25c02#ov25c03#ov25c04#ov25c05#ov25c06#ov25c07#ov25c08#ov25c09#ov25c10#ov25c11#ov25c12#ov25c13#ov25c14#ov25c15#ov25c16#ov25c17#ov25c18#ov25c19#ov25c20#ov25c21#ov25c22#ov25c23#ov25c24#ov25c25#ov25c26#ov25c27#ov25c28#ov25c29#ov25c30#ov25c31#ov25c32#ov25c33#ov25c34#ov25c35#ov25c36#ov25c37#ov25c38#ov25c39#ov25c40#ov25c41#ov25c42#ov25c43#ov25c44#ov25c45#ov25c46#ov25c47#ov25c48#ov25c49#ov25c50#ov25c51#ov25c52#ov25c53#ov25c54#ov25c55#ov25c56#ov25c57#ov25c58#ov25c59#ov25c60#ov25c61#ov25c62#ov25c63#ov25c64#ov25c65#ov25c66#ov25c67#ov25c68#ov25c69#ov25c70#ov25c71#ov25c72#ov25c73#ov25c74#ov25c75#ov25c76#ov25c77#ov25c78#ov25c79#ov25c80):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .referral-reset-btn b { display: inline-flex !important; align-items: center !important; margin: 0 !important; font-size: 13px !important; line-height: 1 !important; } html.exeify-client.exeify-compact-window body:not(#ov25c01#ov25c02#ov25c03#ov25c04#ov25c05#ov25c06#ov25c07#ov25c08#ov25c09#ov25c10#ov25c11#ov25c12#ov25c13#ov25c14#ov25c15#ov25c16#ov25c17#ov25c18#ov25c19#ov25c20#ov25c21#ov25c22#ov25c23#ov25c24#ov25c25#ov25c26#ov25c27#ov25c28#ov25c29#ov25c30#ov25c31#ov25c32#ov25c33#ov25c34#ov25c35#ov25c36#ov25c37#ov25c38#ov25c39#ov25c40#ov25c41#ov25c42#ov25c43#ov25c44#ov25c45#ov25c46#ov25c47#ov25c48#ov25c49#ov25c50#ov25c51#ov25c52#ov25c53#ov25c54#ov25c55#ov25c56#ov25c57#ov25c58#ov25c59#ov25c60#ov25c61#ov25c62#ov25c63#ov25c64#ov25c65#ov25c66#ov25c67#ov25c68#ov25c69#ov25c70#ov25c71#ov25c72#ov25c73#ov25c74#ov25c75#ov25c76#ov25c77#ov25c78#ov25c79#ov25c80):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .referral-reset-btn small { display: none !important; } html.exeify-client.exeify-compact-window body:not(#ov25c01#ov25c02#ov25c03#ov25c04#ov25c05#ov25c06#ov25c07#ov25c08#ov25c09#ov25c10#ov25c11#ov25c12#ov25c13#ov25c14#ov25c15#ov25c16#ov25c17#ov25c18#ov25c19#ov25c20#ov25c21#ov25c22#ov25c23#ov25c24#ov25c25#ov25c26#ov25c27#ov25c28#ov25c29#ov25c30#ov25c31#ov25c32#ov25c33#ov25c34#ov25c35#ov25c36#ov25c37#ov25c38#ov25c39#ov25c40#ov25c41#ov25c42#ov25c43#ov25c44#ov25c45#ov25c46#ov25c47#ov25c48#ov25c49#ov25c50#ov25c51#ov25c52#ov25c53#ov25c54#ov25c55#ov25c56#ov25c57#ov25c58#ov25c59#ov25c60#ov25c61#ov25c62#ov25c63#ov25c64#ov25c65#ov25c66#ov25c67#ov25c68#ov25c69#ov25c70#ov25c71#ov25c72#ov25c73#ov25c74#ov25c75#ov25c76#ov25c77#ov25c78#ov25c79#ov25c80):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .license-badge.referral-badge span { font-size: 11px !important; line-height: 1.05 !important; } html.exeify-client.exeify-compact-window body:not(#ov25c01#ov25c02#ov25c03#ov25c04#ov25c05#ov25c06#ov25c07#ov25c08#ov25c09#ov25c10#ov25c11#ov25c12#ov25c13#ov25c14#ov25c15#ov25c16#ov25c17#ov25c18#ov25c19#ov25c20#ov25c21#ov25c22#ov25c23#ov25c24#ov25c25#ov25c26#ov25c27#ov25c28#ov25c29#ov25c30#ov25c31#ov25c32#ov25c33#ov25c34#ov25c35#ov25c36#ov25c37#ov25c38#ov25c39#ov25c40#ov25c41#ov25c42#ov25c43#ov25c44#ov25c45#ov25c46#ov25c47#ov25c48#ov25c49#ov25c50#ov25c51#ov25c52#ov25c53#ov25c54#ov25c55#ov25c56#ov25c57#ov25c58#ov25c59#ov25c60#ov25c61#ov25c62#ov25c63#ov25c64#ov25c65#ov25c66#ov25c67#ov25c68#ov25c69#ov25c70#ov25c71#ov25c72#ov25c73#ov25c74#ov25c75#ov25c76#ov25c77#ov25c78#ov25c79#ov25c80):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-license-bar > .license-badge.referral-badge strong { font-size: 16px !important; line-height: 1.05 !important; } } /* Exeify client v25d: keep order table headers on one line in 1024x720. */ @media (min-width: 900px) and (max-width: 1100px) and (max-height: 760px) { html.exeify-client.exeify-compact-window body:not(#ov25d01#ov25d02#ov25d03#ov25d04#ov25d05#ov25d06#ov25d07#ov25d08#ov25d09#ov25d10#ov25d11#ov25d12#ov25d13#ov25d14#ov25d15#ov25d16#ov25d17#ov25d18#ov25d19#ov25d20#ov25d21#ov25d22#ov25d23#ov25d24#ov25d25#ov25d26#ov25d27#ov25d28#ov25d29#ov25d30#ov25d31#ov25d32#ov25d33#ov25d34#ov25d35#ov25d36#ov25d37#ov25d38#ov25d39#ov25d40#ov25d41#ov25d42#ov25d43#ov25d44#ov25d45#ov25d46#ov25d47#ov25d48#ov25d49#ov25d50#ov25d51#ov25d52#ov25d53#ov25d54#ov25d55#ov25d56#ov25d57#ov25d58#ov25d59#ov25d60#ov25d61#ov25d62#ov25d63#ov25d64#ov25d65#ov25d66#ov25d67#ov25d68#ov25d69#ov25d70#ov25d71#ov25d72#ov25d73#ov25d74#ov25d75#ov25d76#ov25d77#ov25d78#ov25d79#ov25d80#ov25d81#ov25d82#ov25d83#ov25d84#ov25d85#ov25d86#ov25d87#ov25d88#ov25d89#ov25d90):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .client-order-table > div { grid-template-columns: .95fr 1.08fr .90fr .64fr .52fr !important; } html.exeify-client.exeify-compact-window body:not(#ov25d01#ov25d02#ov25d03#ov25d04#ov25d05#ov25d06#ov25d07#ov25d08#ov25d09#ov25d10#ov25d11#ov25d12#ov25d13#ov25d14#ov25d15#ov25d16#ov25d17#ov25d18#ov25d19#ov25d20#ov25d21#ov25d22#ov25d23#ov25d24#ov25d25#ov25d26#ov25d27#ov25d28#ov25d29#ov25d30#ov25d31#ov25d32#ov25d33#ov25d34#ov25d35#ov25d36#ov25d37#ov25d38#ov25d39#ov25d40#ov25d41#ov25d42#ov25d43#ov25d44#ov25d45#ov25d46#ov25d47#ov25d48#ov25d49#ov25d50#ov25d51#ov25d52#ov25d53#ov25d54#ov25d55#ov25d56#ov25d57#ov25d58#ov25d59#ov25d60#ov25d61#ov25d62#ov25d63#ov25d64#ov25d65#ov25d66#ov25d67#ov25d68#ov25d69#ov25d70#ov25d71#ov25d72#ov25d73#ov25d74#ov25d75#ov25d76#ov25d77#ov25d78#ov25d79#ov25d80#ov25d81#ov25d82#ov25d83#ov25d84#ov25d85#ov25d86#ov25d87#ov25d88#ov25d89#ov25d90):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .client-order-table > div:first-child { align-items: center !important; } html.exeify-client.exeify-compact-window body:not(#ov25d01#ov25d02#ov25d03#ov25d04#ov25d05#ov25d06#ov25d07#ov25d08#ov25d09#ov25d10#ov25d11#ov25d12#ov25d13#ov25d14#ov25d15#ov25d16#ov25d17#ov25d18#ov25d19#ov25d20#ov25d21#ov25d22#ov25d23#ov25d24#ov25d25#ov25d26#ov25d27#ov25d28#ov25d29#ov25d30#ov25d31#ov25d32#ov25d33#ov25d34#ov25d35#ov25d36#ov25d37#ov25d38#ov25d39#ov25d40#ov25d41#ov25d42#ov25d43#ov25d44#ov25d45#ov25d46#ov25d47#ov25d48#ov25d49#ov25d50#ov25d51#ov25d52#ov25d53#ov25d54#ov25d55#ov25d56#ov25d57#ov25d58#ov25d59#ov25d60#ov25d61#ov25d62#ov25d63#ov25d64#ov25d65#ov25d66#ov25d67#ov25d68#ov25d69#ov25d70#ov25d71#ov25d72#ov25d73#ov25d74#ov25d75#ov25d76#ov25d77#ov25d78#ov25d79#ov25d80#ov25d81#ov25d82#ov25d83#ov25d84#ov25d85#ov25d86#ov25d87#ov25d88#ov25d89#ov25d90):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .client-order-table > div:first-child span { min-width: 0 !important; overflow: visible !important; text-overflow: clip !important; white-space: nowrap !important; word-break: keep-all !important; line-height: 1 !important; } } /* Exeify client v25e: soften order actions and latest activation code. */ @media (min-width: 900px) and (max-width: 1100px) and (max-height: 760px) { html.exeify-client.exeify-compact-window body:not(#ov25e01#ov25e02#ov25e03#ov25e04#ov25e05#ov25e06#ov25e07#ov25e08#ov25e09#ov25e10#ov25e11#ov25e12#ov25e13#ov25e14#ov25e15#ov25e16#ov25e17#ov25e18#ov25e19#ov25e20#ov25e21#ov25e22#ov25e23#ov25e24#ov25e25#ov25e26#ov25e27#ov25e28#ov25e29#ov25e30#ov25e31#ov25e32#ov25e33#ov25e34#ov25e35#ov25e36#ov25e37#ov25e38#ov25e39#ov25e40#ov25e41#ov25e42#ov25e43#ov25e44#ov25e45#ov25e46#ov25e47#ov25e48#ov25e49#ov25e50#ov25e51#ov25e52#ov25e53#ov25e54#ov25e55#ov25e56#ov25e57#ov25e58#ov25e59#ov25e60#ov25e61#ov25e62#ov25e63#ov25e64#ov25e65#ov25e66#ov25e67#ov25e68#ov25e69#ov25e70#ov25e71#ov25e72#ov25e73#ov25e74#ov25e75#ov25e76#ov25e77#ov25e78#ov25e79#ov25e80#ov25e81#ov25e82#ov25e83#ov25e84#ov25e85#ov25e86#ov25e87#ov25e88#ov25e89#ov25e90):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .client-order-table button { font-size: 11px !important; line-height: 1 !important; font-weight: 760 !important; } html.exeify-client.exeify-compact-window body:not(#ov25e01#ov25e02#ov25e03#ov25e04#ov25e05#ov25e06#ov25e07#ov25e08#ov25e09#ov25e10#ov25e11#ov25e12#ov25e13#ov25e14#ov25e15#ov25e16#ov25e17#ov25e18#ov25e19#ov25e20#ov25e21#ov25e22#ov25e23#ov25e24#ov25e25#ov25e26#ov25e27#ov25e28#ov25e29#ov25e30#ov25e31#ov25e32#ov25e33#ov25e34#ov25e35#ov25e36#ov25e37#ov25e38#ov25e39#ov25e40#ov25e41#ov25e42#ov25e43#ov25e44#ov25e45#ov25e46#ov25e47#ov25e48#ov25e49#ov25e50#ov25e51#ov25e52#ov25e53#ov25e54#ov25e55#ov25e56#ov25e57#ov25e58#ov25e59#ov25e60#ov25e61#ov25e62#ov25e63#ov25e64#ov25e65#ov25e66#ov25e67#ov25e68#ov25e69#ov25e70#ov25e71#ov25e72#ov25e73#ov25e74#ov25e75#ov25e76#ov25e77#ov25e78#ov25e79#ov25e80#ov25e81#ov25e82#ov25e83#ov25e84#ov25e85#ov25e86#ov25e87#ov25e88#ov25e89#ov25e90):has(#appView.workspace-shell:not(.hidden)) #appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel #overviewOrderLatestCode { font-size: 18px !important; line-height: 1.04 !important; font-weight: 850 !important; } } @media (min-width: 900px) and (max-width: 1100px) and (max-height: 760px) { /* Exeify client v25k: keep resume upload controls separated and reduce right-side resume text one step. */ html.exeify-client.exeify-compact-window body:not(#rs25j01#rs25j02#rs25j03#rs25j04#rs25j05#rs25j06#rs25j07#rs25j08#rs25j09#rs25j10#rs25j11#rs25j12#rs25j13#rs25j14#rs25j15#rs25j16#rs25j17#rs25j18#rs25j19#rs25j20#rs25j21#rs25j22#rs25j23#rs25j24#rs25j25#rs25j26#rs25j27#rs25j28#rs25j29#rs25j30#rs25j31#rs25j32#rs25j33#rs25j34#rs25j35#rs25j36#rs25j37#rs25j38#rs25j39#rs25j40#rs25j41#rs25j42#rs25j43#rs25j44#rs25j45#rs25j46#rs25j47#rs25j48#rs25j49#rs25j50#rs25j51#rs25j52#rs25j53#rs25j54#rs25j55#rs25j56#rs25j57#rs25j58#rs25j59#rs25j60#rs25j61#rs25j62#rs25j63#rs25j64#rs25j65#rs25j66#rs25j67#rs25j68#rs25j69#rs25j70#rs25j71#rs25j72#rs25j73#rs25j74#rs25j75#rs25j76#rs25j77#rs25j78#rs25j79#rs25j80#rs25j81#rs25j82#rs25j83#rs25j84#rs25j85#rs25j86#rs25j87#rs25j88#rs25j89#rs25j90#rs25j91#rs25j92#rs25j93#rs25j94#rs25j95#rs25j96#rs25j97#rs25j98#rs25j99#rs25j100):has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock#resumeDock:not(.workspace-panel-hidden) > .resume-source-card { grid-template-rows: auto auto auto 62px 92px minmax(128px, 1fr) 46px 26px !important; gap: 8px !important; padding: 15px 18px !important; } html.exeify-client.exeify-compact-window body:not(#rs25j01#rs25j02#rs25j03#rs25j04#rs25j05#rs25j06#rs25j07#rs25j08#rs25j09#rs25j10#rs25j11#rs25j12#rs25j13#rs25j14#rs25j15#rs25j16#rs25j17#rs25j18#rs25j19#rs25j20#rs25j21#rs25j22#rs25j23#rs25j24#rs25j25#rs25j26#rs25j27#rs25j28#rs25j29#rs25j30#rs25j31#rs25j32#rs25j33#rs25j34#rs25j35#rs25j36#rs25j37#rs25j38#rs25j39#rs25j40#rs25j41#rs25j42#rs25j43#rs25j44#rs25j45#rs25j46#rs25j47#rs25j48#rs25j49#rs25j50#rs25j51#rs25j52#rs25j53#rs25j54#rs25j55#rs25j56#rs25j57#rs25j58#rs25j59#rs25j60#rs25j61#rs25j62#rs25j63#rs25j64#rs25j65#rs25j66#rs25j67#rs25j68#rs25j69#rs25j70#rs25j71#rs25j72#rs25j73#rs25j74#rs25j75#rs25j76#rs25j77#rs25j78#rs25j79#rs25j80#rs25j81#rs25j82#rs25j83#rs25j84#rs25j85#rs25j86#rs25j87#rs25j88#rs25j89#rs25j90#rs25j91#rs25j92#rs25j93#rs25j94#rs25j95#rs25j96#rs25j97#rs25j98#rs25j99#rs25j100):has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock#resumeDock .file-picker { min-height: 92px !important; height: 92px !important; display: grid !important; grid-template-columns: 44px minmax(0, 1fr) !important; grid-template-rows: auto auto !important; align-content: center !important; align-items: center !important; column-gap: 12px !important; row-gap: 3px !important; margin-top: 0 !important; padding: 12px 14px !important; overflow: hidden !important; box-sizing: border-box !important; } html.exeify-client.exeify-compact-window body:not(#rs25j01#rs25j02#rs25j03#rs25j04#rs25j05#rs25j06#rs25j07#rs25j08#rs25j09#rs25j10#rs25j11#rs25j12#rs25j13#rs25j14#rs25j15#rs25j16#rs25j17#rs25j18#rs25j19#rs25j20#rs25j21#rs25j22#rs25j23#rs25j24#rs25j25#rs25j26#rs25j27#rs25j28#rs25j29#rs25j30#rs25j31#rs25j32#rs25j33#rs25j34#rs25j35#rs25j36#rs25j37#rs25j38#rs25j39#rs25j40#rs25j41#rs25j42#rs25j43#rs25j44#rs25j45#rs25j46#rs25j47#rs25j48#rs25j49#rs25j50#rs25j51#rs25j52#rs25j53#rs25j54#rs25j55#rs25j56#rs25j57#rs25j58#rs25j59#rs25j60#rs25j61#rs25j62#rs25j63#rs25j64#rs25j65#rs25j66#rs25j67#rs25j68#rs25j69#rs25j70#rs25j71#rs25j72#rs25j73#rs25j74#rs25j75#rs25j76#rs25j77#rs25j78#rs25j79#rs25j80#rs25j81#rs25j82#rs25j83#rs25j84#rs25j85#rs25j86#rs25j87#rs25j88#rs25j89#rs25j90#rs25j91#rs25j92#rs25j93#rs25j94#rs25j95#rs25j96#rs25j97#rs25j98#rs25j99#rs25j100):has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock#resumeDock .file-picker .upload-cloud { grid-row: 1 / span 2 !important; grid-column: 1 !important; width: 40px !important; height: 40px !important; min-width: 40px !important; margin: 0 !important; border-radius: 14px !important; box-shadow: none !important; } html.exeify-client.exeify-compact-window body:not(#rs25j01#rs25j02#rs25j03#rs25j04#rs25j05#rs25j06#rs25j07#rs25j08#rs25j09#rs25j10#rs25j11#rs25j12#rs25j13#rs25j14#rs25j15#rs25j16#rs25j17#rs25j18#rs25j19#rs25j20#rs25j21#rs25j22#rs25j23#rs25j24#rs25j25#rs25j26#rs25j27#rs25j28#rs25j29#rs25j30#rs25j31#rs25j32#rs25j33#rs25j34#rs25j35#rs25j36#rs25j37#rs25j38#rs25j39#rs25j40#rs25j41#rs25j42#rs25j43#rs25j44#rs25j45#rs25j46#rs25j47#rs25j48#rs25j49#rs25j50#rs25j51#rs25j52#rs25j53#rs25j54#rs25j55#rs25j56#rs25j57#rs25j58#rs25j59#rs25j60#rs25j61#rs25j62#rs25j63#rs25j64#rs25j65#rs25j66#rs25j67#rs25j68#rs25j69#rs25j70#rs25j71#rs25j72#rs25j73#rs25j74#rs25j75#rs25j76#rs25j77#rs25j78#rs25j79#rs25j80#rs25j81#rs25j82#rs25j83#rs25j84#rs25j85#rs25j86#rs25j87#rs25j88#rs25j89#rs25j90#rs25j91#rs25j92#rs25j93#rs25j94#rs25j95#rs25j96#rs25j97#rs25j98#rs25j99#rs25j100):has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock#resumeDock .file-picker .upload-cloud iconify-icon { width: 20px !important; height: 20px !important; } html.exeify-client.exeify-compact-window body:not(#rs25j01#rs25j02#rs25j03#rs25j04#rs25j05#rs25j06#rs25j07#rs25j08#rs25j09#rs25j10#rs25j11#rs25j12#rs25j13#rs25j14#rs25j15#rs25j16#rs25j17#rs25j18#rs25j19#rs25j20#rs25j21#rs25j22#rs25j23#rs25j24#rs25j25#rs25j26#rs25j27#rs25j28#rs25j29#rs25j30#rs25j31#rs25j32#rs25j33#rs25j34#rs25j35#rs25j36#rs25j37#rs25j38#rs25j39#rs25j40#rs25j41#rs25j42#rs25j43#rs25j44#rs25j45#rs25j46#rs25j47#rs25j48#rs25j49#rs25j50#rs25j51#rs25j52#rs25j53#rs25j54#rs25j55#rs25j56#rs25j57#rs25j58#rs25j59#rs25j60#rs25j61#rs25j62#rs25j63#rs25j64#rs25j65#rs25j66#rs25j67#rs25j68#rs25j69#rs25j70#rs25j71#rs25j72#rs25j73#rs25j74#rs25j75#rs25j76#rs25j77#rs25j78#rs25j79#rs25j80#rs25j81#rs25j82#rs25j83#rs25j84#rs25j85#rs25j86#rs25j87#rs25j88#rs25j89#rs25j90#rs25j91#rs25j92#rs25j93#rs25j94#rs25j95#rs25j96#rs25j97#rs25j98#rs25j99#rs25j100):has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock#resumeDock .file-picker b { grid-column: 2 !important; margin: 0 !important; font-size: 14px !important; line-height: 1.1 !important; } html.exeify-client.exeify-compact-window body:not(#rs25j01#rs25j02#rs25j03#rs25j04#rs25j05#rs25j06#rs25j07#rs25j08#rs25j09#rs25j10#rs25j11#rs25j12#rs25j13#rs25j14#rs25j15#rs25j16#rs25j17#rs25j18#rs25j19#rs25j20#rs25j21#rs25j22#rs25j23#rs25j24#rs25j25#rs25j26#rs25j27#rs25j28#rs25j29#rs25j30#rs25j31#rs25j32#rs25j33#rs25j34#rs25j35#rs25j36#rs25j37#rs25j38#rs25j39#rs25j40#rs25j41#rs25j42#rs25j43#rs25j44#rs25j45#rs25j46#rs25j47#rs25j48#rs25j49#rs25j50#rs25j51#rs25j52#rs25j53#rs25j54#rs25j55#rs25j56#rs25j57#rs25j58#rs25j59#rs25j60#rs25j61#rs25j62#rs25j63#rs25j64#rs25j65#rs25j66#rs25j67#rs25j68#rs25j69#rs25j70#rs25j71#rs25j72#rs25j73#rs25j74#rs25j75#rs25j76#rs25j77#rs25j78#rs25j79#rs25j80#rs25j81#rs25j82#rs25j83#rs25j84#rs25j85#rs25j86#rs25j87#rs25j88#rs25j89#rs25j90#rs25j91#rs25j92#rs25j93#rs25j94#rs25j95#rs25j96#rs25j97#rs25j98#rs25j99#rs25j100):has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock#resumeDock .file-picker small { grid-column: 2 !important; font-size: 12px !important; line-height: 1.15 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } html.exeify-client.exeify-compact-window body:not(#rs25j01#rs25j02#rs25j03#rs25j04#rs25j05#rs25j06#rs25j07#rs25j08#rs25j09#rs25j10#rs25j11#rs25j12#rs25j13#rs25j14#rs25j15#rs25j16#rs25j17#rs25j18#rs25j19#rs25j20#rs25j21#rs25j22#rs25j23#rs25j24#rs25j25#rs25j26#rs25j27#rs25j28#rs25j29#rs25j30#rs25j31#rs25j32#rs25j33#rs25j34#rs25j35#rs25j36#rs25j37#rs25j38#rs25j39#rs25j40#rs25j41#rs25j42#rs25j43#rs25j44#rs25j45#rs25j46#rs25j47#rs25j48#rs25j49#rs25j50#rs25j51#rs25j52#rs25j53#rs25j54#rs25j55#rs25j56#rs25j57#rs25j58#rs25j59#rs25j60#rs25j61#rs25j62#rs25j63#rs25j64#rs25j65#rs25j66#rs25j67#rs25j68#rs25j69#rs25j70#rs25j71#rs25j72#rs25j73#rs25j74#rs25j75#rs25j76#rs25j77#rs25j78#rs25j79#rs25j80#rs25j81#rs25j82#rs25j83#rs25j84#rs25j85#rs25j86#rs25j87#rs25j88#rs25j89#rs25j90#rs25j91#rs25j92#rs25j93#rs25j94#rs25j95#rs25j96#rs25j97#rs25j98#rs25j99#rs25j100):has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock#resumeDock > .resume-result-stack, html.exeify-client.exeify-compact-window body:not(#rs25j01#rs25j02#rs25j03#rs25j04#rs25j05#rs25j06#rs25j07#rs25j08#rs25j09#rs25j10#rs25j11#rs25j12#rs25j13#rs25j14#rs25j15#rs25j16#rs25j17#rs25j18#rs25j19#rs25j20#rs25j21#rs25j22#rs25j23#rs25j24#rs25j25#rs25j26#rs25j27#rs25j28#rs25j29#rs25j30#rs25j31#rs25j32#rs25j33#rs25j34#rs25j35#rs25j36#rs25j37#rs25j38#rs25j39#rs25j40#rs25j41#rs25j42#rs25j43#rs25j44#rs25j45#rs25j46#rs25j47#rs25j48#rs25j49#rs25j50#rs25j51#rs25j52#rs25j53#rs25j54#rs25j55#rs25j56#rs25j57#rs25j58#rs25j59#rs25j60#rs25j61#rs25j62#rs25j63#rs25j64#rs25j65#rs25j66#rs25j67#rs25j68#rs25j69#rs25j70#rs25j71#rs25j72#rs25j73#rs25j74#rs25j75#rs25j76#rs25j77#rs25j78#rs25j79#rs25j80#rs25j81#rs25j82#rs25j83#rs25j84#rs25j85#rs25j86#rs25j87#rs25j88#rs25j89#rs25j90#rs25j91#rs25j92#rs25j93#rs25j94#rs25j95#rs25j96#rs25j97#rs25j98#rs25j99#rs25j100):has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock#resumeDock > #resumeAiChecklist { font-size: 13px !important; } html.exeify-client.exeify-compact-window body:not(#rs25j01#rs25j02#rs25j03#rs25j04#rs25j05#rs25j06#rs25j07#rs25j08#rs25j09#rs25j10#rs25j11#rs25j12#rs25j13#rs25j14#rs25j15#rs25j16#rs25j17#rs25j18#rs25j19#rs25j20#rs25j21#rs25j22#rs25j23#rs25j24#rs25j25#rs25j26#rs25j27#rs25j28#rs25j29#rs25j30#rs25j31#rs25j32#rs25j33#rs25j34#rs25j35#rs25j36#rs25j37#rs25j38#rs25j39#rs25j40#rs25j41#rs25j42#rs25j43#rs25j44#rs25j45#rs25j46#rs25j47#rs25j48#rs25j49#rs25j50#rs25j51#rs25j52#rs25j53#rs25j54#rs25j55#rs25j56#rs25j57#rs25j58#rs25j59#rs25j60#rs25j61#rs25j62#rs25j63#rs25j64#rs25j65#rs25j66#rs25j67#rs25j68#rs25j69#rs25j70#rs25j71#rs25j72#rs25j73#rs25j74#rs25j75#rs25j76#rs25j77#rs25j78#rs25j79#rs25j80#rs25j81#rs25j82#rs25j83#rs25j84#rs25j85#rs25j86#rs25j87#rs25j88#rs25j89#rs25j90#rs25j91#rs25j92#rs25j93#rs25j94#rs25j95#rs25j96#rs25j97#rs25j98#rs25j99#rs25j100):has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock#resumeDock .resume-box-head h2, html.exeify-client.exeify-compact-window body:not(#rs25j01#rs25j02#rs25j03#rs25j04#rs25j05#rs25j06#rs25j07#rs25j08#rs25j09#rs25j10#rs25j11#rs25j12#rs25j13#rs25j14#rs25j15#rs25j16#rs25j17#rs25j18#rs25j19#rs25j20#rs25j21#rs25j22#rs25j23#rs25j24#rs25j25#rs25j26#rs25j27#rs25j28#rs25j29#rs25j30#rs25j31#rs25j32#rs25j33#rs25j34#rs25j35#rs25j36#rs25j37#rs25j38#rs25j39#rs25j40#rs25j41#rs25j42#rs25j43#rs25j44#rs25j45#rs25j46#rs25j47#rs25j48#rs25j49#rs25j50#rs25j51#rs25j52#rs25j53#rs25j54#rs25j55#rs25j56#rs25j57#rs25j58#rs25j59#rs25j60#rs25j61#rs25j62#rs25j63#rs25j64#rs25j65#rs25j66#rs25j67#rs25j68#rs25j69#rs25j70#rs25j71#rs25j72#rs25j73#rs25j74#rs25j75#rs25j76#rs25j77#rs25j78#rs25j79#rs25j80#rs25j81#rs25j82#rs25j83#rs25j84#rs25j85#rs25j86#rs25j87#rs25j88#rs25j89#rs25j90#rs25j91#rs25j92#rs25j93#rs25j94#rs25j95#rs25j96#rs25j97#rs25j98#rs25j99#rs25j100):has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock#resumeDock .resume-ai-checklist-head h2, html.exeify-client.exeify-compact-window body:not(#rs25j01#rs25j02#rs25j03#rs25j04#rs25j05#rs25j06#rs25j07#rs25j08#rs25j09#rs25j10#rs25j11#rs25j12#rs25j13#rs25j14#rs25j15#rs25j16#rs25j17#rs25j18#rs25j19#rs25j20#rs25j21#rs25j22#rs25j23#rs25j24#rs25j25#rs25j26#rs25j27#rs25j28#rs25j29#rs25j30#rs25j31#rs25j32#rs25j33#rs25j34#rs25j35#rs25j36#rs25j37#rs25j38#rs25j39#rs25j40#rs25j41#rs25j42#rs25j43#rs25j44#rs25j45#rs25j46#rs25j47#rs25j48#rs25j49#rs25j50#rs25j51#rs25j52#rs25j53#rs25j54#rs25j55#rs25j56#rs25j57#rs25j58#rs25j59#rs25j60#rs25j61#rs25j62#rs25j63#rs25j64#rs25j65#rs25j66#rs25j67#rs25j68#rs25j69#rs25j70#rs25j71#rs25j72#rs25j73#rs25j74#rs25j75#rs25j76#rs25j77#rs25j78#rs25j79#rs25j80#rs25j81#rs25j82#rs25j83#rs25j84#rs25j85#rs25j86#rs25j87#rs25j88#rs25j89#rs25j90#rs25j91#rs25j92#rs25j93#rs25j94#rs25j95#rs25j96#rs25j97#rs25j98#rs25j99#rs25j100):has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock#resumeDock .resume-keyword-card h3 { font-size: 17px !important; line-height: 1.25 !important; } html.exeify-client.exeify-compact-window body:not(#rs25j01#rs25j02#rs25j03#rs25j04#rs25j05#rs25j06#rs25j07#rs25j08#rs25j09#rs25j10#rs25j11#rs25j12#rs25j13#rs25j14#rs25j15#rs25j16#rs25j17#rs25j18#rs25j19#rs25j20#rs25j21#rs25j22#rs25j23#rs25j24#rs25j25#rs25j26#rs25j27#rs25j28#rs25j29#rs25j30#rs25j31#rs25j32#rs25j33#rs25j34#rs25j35#rs25j36#rs25j37#rs25j38#rs25j39#rs25j40#rs25j41#rs25j42#rs25j43#rs25j44#rs25j45#rs25j46#rs25j47#rs25j48#rs25j49#rs25j50#rs25j51#rs25j52#rs25j53#rs25j54#rs25j55#rs25j56#rs25j57#rs25j58#rs25j59#rs25j60#rs25j61#rs25j62#rs25j63#rs25j64#rs25j65#rs25j66#rs25j67#rs25j68#rs25j69#rs25j70#rs25j71#rs25j72#rs25j73#rs25j74#rs25j75#rs25j76#rs25j77#rs25j78#rs25j79#rs25j80#rs25j81#rs25j82#rs25j83#rs25j84#rs25j85#rs25j86#rs25j87#rs25j88#rs25j89#rs25j90#rs25j91#rs25j92#rs25j93#rs25j94#rs25j95#rs25j96#rs25j97#rs25j98#rs25j99#rs25j100):has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock#resumeDock .resume-advantages { font-size: 14px !important; line-height: 1.55 !important; } html.exeify-client.exeify-compact-window body:not(#rs25j01#rs25j02#rs25j03#rs25j04#rs25j05#rs25j06#rs25j07#rs25j08#rs25j09#rs25j10#rs25j11#rs25j12#rs25j13#rs25j14#rs25j15#rs25j16#rs25j17#rs25j18#rs25j19#rs25j20#rs25j21#rs25j22#rs25j23#rs25j24#rs25j25#rs25j26#rs25j27#rs25j28#rs25j29#rs25j30#rs25j31#rs25j32#rs25j33#rs25j34#rs25j35#rs25j36#rs25j37#rs25j38#rs25j39#rs25j40#rs25j41#rs25j42#rs25j43#rs25j44#rs25j45#rs25j46#rs25j47#rs25j48#rs25j49#rs25j50#rs25j51#rs25j52#rs25j53#rs25j54#rs25j55#rs25j56#rs25j57#rs25j58#rs25j59#rs25j60#rs25j61#rs25j62#rs25j63#rs25j64#rs25j65#rs25j66#rs25j67#rs25j68#rs25j69#rs25j70#rs25j71#rs25j72#rs25j73#rs25j74#rs25j75#rs25j76#rs25j77#rs25j78#rs25j79#rs25j80#rs25j81#rs25j82#rs25j83#rs25j84#rs25j85#rs25j86#rs25j87#rs25j88#rs25j89#rs25j90#rs25j91#rs25j92#rs25j93#rs25j94#rs25j95#rs25j96#rs25j97#rs25j98#rs25j99#rs25j100):has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock#resumeDock .result-badge, html.exeify-client.exeify-compact-window body:not(#rs25j01#rs25j02#rs25j03#rs25j04#rs25j05#rs25j06#rs25j07#rs25j08#rs25j09#rs25j10#rs25j11#rs25j12#rs25j13#rs25j14#rs25j15#rs25j16#rs25j17#rs25j18#rs25j19#rs25j20#rs25j21#rs25j22#rs25j23#rs25j24#rs25j25#rs25j26#rs25j27#rs25j28#rs25j29#rs25j30#rs25j31#rs25j32#rs25j33#rs25j34#rs25j35#rs25j36#rs25j37#rs25j38#rs25j39#rs25j40#rs25j41#rs25j42#rs25j43#rs25j44#rs25j45#rs25j46#rs25j47#rs25j48#rs25j49#rs25j50#rs25j51#rs25j52#rs25j53#rs25j54#rs25j55#rs25j56#rs25j57#rs25j58#rs25j59#rs25j60#rs25j61#rs25j62#rs25j63#rs25j64#rs25j65#rs25j66#rs25j67#rs25j68#rs25j69#rs25j70#rs25j71#rs25j72#rs25j73#rs25j74#rs25j75#rs25j76#rs25j77#rs25j78#rs25j79#rs25j80#rs25j81#rs25j82#rs25j83#rs25j84#rs25j85#rs25j86#rs25j87#rs25j88#rs25j89#rs25j90#rs25j91#rs25j92#rs25j93#rs25j94#rs25j95#rs25j96#rs25j97#rs25j98#rs25j99#rs25j100):has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock#resumeDock .resume-ai-filter-tabs button, html.exeify-client.exeify-compact-window body:not(#rs25j01#rs25j02#rs25j03#rs25j04#rs25j05#rs25j06#rs25j07#rs25j08#rs25j09#rs25j10#rs25j11#rs25j12#rs25j13#rs25j14#rs25j15#rs25j16#rs25j17#rs25j18#rs25j19#rs25j20#rs25j21#rs25j22#rs25j23#rs25j24#rs25j25#rs25j26#rs25j27#rs25j28#rs25j29#rs25j30#rs25j31#rs25j32#rs25j33#rs25j34#rs25j35#rs25j36#rs25j37#rs25j38#rs25j39#rs25j40#rs25j41#rs25j42#rs25j43#rs25j44#rs25j45#rs25j46#rs25j47#rs25j48#rs25j49#rs25j50#rs25j51#rs25j52#rs25j53#rs25j54#rs25j55#rs25j56#rs25j57#rs25j58#rs25j59#rs25j60#rs25j61#rs25j62#rs25j63#rs25j64#rs25j65#rs25j66#rs25j67#rs25j68#rs25j69#rs25j70#rs25j71#rs25j72#rs25j73#rs25j74#rs25j75#rs25j76#rs25j77#rs25j78#rs25j79#rs25j80#rs25j81#rs25j82#rs25j83#rs25j84#rs25j85#rs25j86#rs25j87#rs25j88#rs25j89#rs25j90#rs25j91#rs25j92#rs25j93#rs25j94#rs25j95#rs25j96#rs25j97#rs25j98#rs25j99#rs25j100):has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock#resumeDock .resume-checklist-tags span, html.exeify-client.exeify-compact-window body:not(#rs25j01#rs25j02#rs25j03#rs25j04#rs25j05#rs25j06#rs25j07#rs25j08#rs25j09#rs25j10#rs25j11#rs25j12#rs25j13#rs25j14#rs25j15#rs25j16#rs25j17#rs25j18#rs25j19#rs25j20#rs25j21#rs25j22#rs25j23#rs25j24#rs25j25#rs25j26#rs25j27#rs25j28#rs25j29#rs25j30#rs25j31#rs25j32#rs25j33#rs25j34#rs25j35#rs25j36#rs25j37#rs25j38#rs25j39#rs25j40#rs25j41#rs25j42#rs25j43#rs25j44#rs25j45#rs25j46#rs25j47#rs25j48#rs25j49#rs25j50#rs25j51#rs25j52#rs25j53#rs25j54#rs25j55#rs25j56#rs25j57#rs25j58#rs25j59#rs25j60#rs25j61#rs25j62#rs25j63#rs25j64#rs25j65#rs25j66#rs25j67#rs25j68#rs25j69#rs25j70#rs25j71#rs25j72#rs25j73#rs25j74#rs25j75#rs25j76#rs25j77#rs25j78#rs25j79#rs25j80#rs25j81#rs25j82#rs25j83#rs25j84#rs25j85#rs25j86#rs25j87#rs25j88#rs25j89#rs25j90#rs25j91#rs25j92#rs25j93#rs25j94#rs25j95#rs25j96#rs25j97#rs25j98#rs25j99#rs25j100):has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock#resumeDock .resume-keyword-tags span { font-size: 12px !important; } html.exeify-client.exeify-compact-window body:not(#rs25j01#rs25j02#rs25j03#rs25j04#rs25j05#rs25j06#rs25j07#rs25j08#rs25j09#rs25j10#rs25j11#rs25j12#rs25j13#rs25j14#rs25j15#rs25j16#rs25j17#rs25j18#rs25j19#rs25j20#rs25j21#rs25j22#rs25j23#rs25j24#rs25j25#rs25j26#rs25j27#rs25j28#rs25j29#rs25j30#rs25j31#rs25j32#rs25j33#rs25j34#rs25j35#rs25j36#rs25j37#rs25j38#rs25j39#rs25j40#rs25j41#rs25j42#rs25j43#rs25j44#rs25j45#rs25j46#rs25j47#rs25j48#rs25j49#rs25j50#rs25j51#rs25j52#rs25j53#rs25j54#rs25j55#rs25j56#rs25j57#rs25j58#rs25j59#rs25j60#rs25j61#rs25j62#rs25j63#rs25j64#rs25j65#rs25j66#rs25j67#rs25j68#rs25j69#rs25j70#rs25j71#rs25j72#rs25j73#rs25j74#rs25j75#rs25j76#rs25j77#rs25j78#rs25j79#rs25j80#rs25j81#rs25j82#rs25j83#rs25j84#rs25j85#rs25j86#rs25j87#rs25j88#rs25j89#rs25j90#rs25j91#rs25j92#rs25j93#rs25j94#rs25j95#rs25j96#rs25j97#rs25j98#rs25j99#rs25j100):has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock#resumeDock .resume-checklist-item h3 { font-size: 17px !important; } html.exeify-client.exeify-compact-window body:not(#rs25j01#rs25j02#rs25j03#rs25j04#rs25j05#rs25j06#rs25j07#rs25j08#rs25j09#rs25j10#rs25j11#rs25j12#rs25j13#rs25j14#rs25j15#rs25j16#rs25j17#rs25j18#rs25j19#rs25j20#rs25j21#rs25j22#rs25j23#rs25j24#rs25j25#rs25j26#rs25j27#rs25j28#rs25j29#rs25j30#rs25j31#rs25j32#rs25j33#rs25j34#rs25j35#rs25j36#rs25j37#rs25j38#rs25j39#rs25j40#rs25j41#rs25j42#rs25j43#rs25j44#rs25j45#rs25j46#rs25j47#rs25j48#rs25j49#rs25j50#rs25j51#rs25j52#rs25j53#rs25j54#rs25j55#rs25j56#rs25j57#rs25j58#rs25j59#rs25j60#rs25j61#rs25j62#rs25j63#rs25j64#rs25j65#rs25j66#rs25j67#rs25j68#rs25j69#rs25j70#rs25j71#rs25j72#rs25j73#rs25j74#rs25j75#rs25j76#rs25j77#rs25j78#rs25j79#rs25j80#rs25j81#rs25j82#rs25j83#rs25j84#rs25j85#rs25j86#rs25j87#rs25j88#rs25j89#rs25j90#rs25j91#rs25j92#rs25j93#rs25j94#rs25j95#rs25j96#rs25j97#rs25j98#rs25j99#rs25j100):has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock#resumeDock .resume-checklist-item p, html.exeify-client.exeify-compact-window body:not(#rs25j01#rs25j02#rs25j03#rs25j04#rs25j05#rs25j06#rs25j07#rs25j08#rs25j09#rs25j10#rs25j11#rs25j12#rs25j13#rs25j14#rs25j15#rs25j16#rs25j17#rs25j18#rs25j19#rs25j20#rs25j21#rs25j22#rs25j23#rs25j24#rs25j25#rs25j26#rs25j27#rs25j28#rs25j29#rs25j30#rs25j31#rs25j32#rs25j33#rs25j34#rs25j35#rs25j36#rs25j37#rs25j38#rs25j39#rs25j40#rs25j41#rs25j42#rs25j43#rs25j44#rs25j45#rs25j46#rs25j47#rs25j48#rs25j49#rs25j50#rs25j51#rs25j52#rs25j53#rs25j54#rs25j55#rs25j56#rs25j57#rs25j58#rs25j59#rs25j60#rs25j61#rs25j62#rs25j63#rs25j64#rs25j65#rs25j66#rs25j67#rs25j68#rs25j69#rs25j70#rs25j71#rs25j72#rs25j73#rs25j74#rs25j75#rs25j76#rs25j77#rs25j78#rs25j79#rs25j80#rs25j81#rs25j82#rs25j83#rs25j84#rs25j85#rs25j86#rs25j87#rs25j88#rs25j89#rs25j90#rs25j91#rs25j92#rs25j93#rs25j94#rs25j95#rs25j96#rs25j97#rs25j98#rs25j99#rs25j100):has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock#resumeDock .resume-keyword-coverage { font-size: 14px !important; } } /* Exeify client v25l: give the resume AI checklist a clearer bottom edge in 1024x720. */ @media (min-width: 900px) and (max-width: 1100px) and (max-height: 760px) { html.exeify-client.exeify-compact-window body:not(#rs25l01#rs25l02#rs25l03#rs25l04#rs25l05#rs25l06#rs25l07#rs25l08#rs25l09#rs25l10#rs25l11#rs25l12#rs25l13#rs25l14#rs25l15#rs25l16#rs25l17#rs25l18#rs25l19#rs25l20#rs25l21#rs25l22#rs25l23#rs25l24#rs25l25#rs25l26#rs25l27#rs25l28#rs25l29#rs25l30#rs25l31#rs25l32#rs25l33#rs25l34#rs25l35#rs25l36#rs25l37#rs25l38#rs25l39#rs25l40#rs25l41#rs25l42#rs25l43#rs25l44#rs25l45#rs25l46#rs25l47#rs25l48#rs25l49#rs25l50#rs25l51#rs25l52#rs25l53#rs25l54#rs25l55#rs25l56#rs25l57#rs25l58#rs25l59#rs25l60#rs25l61#rs25l62#rs25l63#rs25l64#rs25l65#rs25l66#rs25l67#rs25l68#rs25l69#rs25l70#rs25l71#rs25l72#rs25l73#rs25l74#rs25l75#rs25l76#rs25l77#rs25l78#rs25l79#rs25l80):has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock#resumeDock:not(.workspace-panel-hidden) { padding-bottom: 36px !important; scroll-padding-bottom: 36px !important; } html.exeify-client.exeify-compact-window body:not(#rs25l01#rs25l02#rs25l03#rs25l04#rs25l05#rs25l06#rs25l07#rs25l08#rs25l09#rs25l10#rs25l11#rs25l12#rs25l13#rs25l14#rs25l15#rs25l16#rs25l17#rs25l18#rs25l19#rs25l20#rs25l21#rs25l22#rs25l23#rs25l24#rs25l25#rs25l26#rs25l27#rs25l28#rs25l29#rs25l30#rs25l31#rs25l32#rs25l33#rs25l34#rs25l35#rs25l36#rs25l37#rs25l38#rs25l39#rs25l40#rs25l41#rs25l42#rs25l43#rs25l44#rs25l45#rs25l46#rs25l47#rs25l48#rs25l49#rs25l50#rs25l51#rs25l52#rs25l53#rs25l54#rs25l55#rs25l56#rs25l57#rs25l58#rs25l59#rs25l60#rs25l61#rs25l62#rs25l63#rs25l64#rs25l65#rs25l66#rs25l67#rs25l68#rs25l69#rs25l70#rs25l71#rs25l72#rs25l73#rs25l74#rs25l75#rs25l76#rs25l77#rs25l78#rs25l79#rs25l80):has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock#resumeDock > #resumeAiChecklist { padding-bottom: 28px !important; margin-bottom: 12px !important; box-sizing: border-box !important; } html.exeify-client.exeify-compact-window body:not(#rs25l01#rs25l02#rs25l03#rs25l04#rs25l05#rs25l06#rs25l07#rs25l08#rs25l09#rs25l10#rs25l11#rs25l12#rs25l13#rs25l14#rs25l15#rs25l16#rs25l17#rs25l18#rs25l19#rs25l20#rs25l21#rs25l22#rs25l23#rs25l24#rs25l25#rs25l26#rs25l27#rs25l28#rs25l29#rs25l30#rs25l31#rs25l32#rs25l33#rs25l34#rs25l35#rs25l36#rs25l37#rs25l38#rs25l39#rs25l40#rs25l41#rs25l42#rs25l43#rs25l44#rs25l45#rs25l46#rs25l47#rs25l48#rs25l49#rs25l50#rs25l51#rs25l52#rs25l53#rs25l54#rs25l55#rs25l56#rs25l57#rs25l58#rs25l59#rs25l60#rs25l61#rs25l62#rs25l63#rs25l64#rs25l65#rs25l66#rs25l67#rs25l68#rs25l69#rs25l70#rs25l71#rs25l72#rs25l73#rs25l74#rs25l75#rs25l76#rs25l77#rs25l78#rs25l79#rs25l80):has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock#resumeDock .resume-keyword-card { margin-bottom: 4px !important; } } /* Exeify client v25o: hard typography overrides for role analysis at 1024x720. */ @media (min-width: 900px) and (max-width: 1100px) and (max-height: 760px) { html.exeify-client.exeify-compact-window #roleAnalysisPanel#roleAnalysisPanel .role-input-card > .eyebrow, html.exeify-client.exeify-compact-window #roleAnalysisPanel#roleAnalysisPanel #roleBigDataEyebrow { font-size: 9.75px !important; font-weight: 950 !important; line-height: 1.2 !important; } html.exeify-client.exeify-compact-window #roleAnalysisPanel#roleAnalysisPanel .role-input-card > h2, html.exeify-client.exeify-compact-window #roleAnalysisPanel#roleAnalysisPanel .client-requirement-list > h3, html.exeify-client.exeify-compact-window #roleAnalysisPanel#roleAnalysisPanel .client-radar-card > h3, html.exeify-client.exeify-compact-window #roleAnalysisPanel#roleAnalysisPanel .role-info-block > h3, html.exeify-client.exeify-compact-window #roleAnalysisPanel#roleAnalysisPanel .role-bigdata-head h2 { font-size: 18px !important; font-weight: 900 !important; line-height: 1.2 !important; } html.exeify-client.exeify-compact-window #roleAnalysisPanel#roleAnalysisPanel .role-input-card input, html.exeify-client.exeify-compact-window #roleAnalysisPanel#roleAnalysisPanel .role-input-card textarea, html.exeify-client.exeify-compact-window #roleAnalysisPanel#roleAnalysisPanel .role-input-card input::placeholder, html.exeify-client.exeify-compact-window #roleAnalysisPanel#roleAnalysisPanel .role-input-card textarea::placeholder, html.exeify-client.exeify-compact-window #roleAnalysisPanel#roleAnalysisPanel .role-summary-text, html.exeify-client.exeify-compact-window #roleAnalysisPanel#roleAnalysisPanel .role-score-panel small, html.exeify-client.exeify-compact-window #roleAnalysisPanel#roleAnalysisPanel .role-skill-tags span, html.exeify-client.exeify-compact-window #roleAnalysisPanel#roleAnalysisPanel .role-card-scroll-body, html.exeify-client.exeify-compact-window #roleAnalysisPanel#roleAnalysisPanel .role-card-scroll-body p, html.exeify-client.exeify-compact-window #roleAnalysisPanel#roleAnalysisPanel .role-card-scroll-body b, html.exeify-client.exeify-compact-window #roleAnalysisPanel#roleAnalysisPanel .role-card-scroll-body span, html.exeify-client.exeify-compact-window #roleAnalysisPanel#roleAnalysisPanel .role-info-block li, html.exeify-client.exeify-compact-window #roleAnalysisPanel#roleAnalysisPanel .role-empty-hint, html.exeify-client.exeify-compact-window #roleAnalysisPanel#roleAnalysisPanel .role-radar-empty, html.exeify-client.exeify-compact-window #roleAnalysisPanel#roleAnalysisPanel .role-radar-empty span, html.exeify-client.exeify-compact-window #roleAnalysisPanel#roleAnalysisPanel .role-radar-label, html.exeify-client.exeify-compact-window #roleAnalysisPanel#roleAnalysisPanel .role-radar-tooltip, html.exeify-client.exeify-compact-window #roleAnalysisPanel#roleAnalysisPanel .role-radar-tooltip *, html.exeify-client.exeify-compact-window #roleAnalysisPanel#roleAnalysisPanel #roleInsightSummary, html.exeify-client.exeify-compact-window #roleAnalysisPanel#roleAnalysisPanel #roleInsightStatus, html.exeify-client.exeify-compact-window #roleAnalysisPanel#roleAnalysisPanel .role-insight-empty, html.exeify-client.exeify-compact-window #roleAnalysisPanel#roleAnalysisPanel .role-insight-metric p, html.exeify-client.exeify-compact-window #roleAnalysisPanel#roleAnalysisPanel .role-insight-metric strong, html.exeify-client.exeify-compact-window #roleAnalysisPanel#roleAnalysisPanel .role-insight-metric small, html.exeify-client.exeify-compact-window #roleAnalysisPanel#roleAnalysisPanel .role-insight-card-head h3, html.exeify-client.exeify-compact-window #roleAnalysisPanel#roleAnalysisPanel .role-insight-card-head p, html.exeify-client.exeify-compact-window #roleAnalysisPanel#roleAnalysisPanel .role-insight-card-body, html.exeify-client.exeify-compact-window #roleAnalysisPanel#roleAnalysisPanel .role-insight-list li, html.exeify-client.exeify-compact-window #roleAnalysisPanel#roleAnalysisPanel .role-insight-pills span, html.exeify-client.exeify-compact-window #roleAnalysisPanel#roleAnalysisPanel .role-insight-bars b, html.exeify-client.exeify-compact-window #roleAnalysisPanel#roleAnalysisPanel .role-insight-bars em { font-size: 16px !important; font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif !important; line-height: 1.45 !important; } } /* Exeify client v25p: requested 1024x720 resume/role Songti typography and sidebar fit. */ @media (min-width: 900px) and (max-width: 1100px) and (max-height: 760px) { html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-source-card > h2, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-box-head h2, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-ai-checklist-head h2, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-keyword-card h3, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .role-input-card > h2, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .client-requirement-list > h3, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .client-radar-card > h3, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .role-info-block > h3, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .role-bigdata-head h2 { font-size: 17px !important; font-weight: 900 !important; line-height: 1.2 !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-source-card input, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-source-card textarea, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-source-card input::placeholder, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-source-card textarea::placeholder, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-extra-requirement textarea, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-extra-requirement textarea::placeholder, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-empty-result p, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-empty-result span, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-advantages li p, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-advantages li span, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-insight-strip b, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-insight-strip small, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-checklist-empty, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-checklist-empty span, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-checklist-item h3, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-checklist-item p, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-checklist-tags span, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-keyword-tags span, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-keyword-coverage, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .role-input-card input, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .role-input-card textarea, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .role-input-card input::placeholder, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .role-input-card textarea::placeholder, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .role-summary-text, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .role-score-panel small, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .role-skill-tags span, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .role-card-scroll-body, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .role-card-scroll-body p, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .role-card-scroll-body b, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .role-card-scroll-body span, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .role-info-block li, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .role-empty-hint, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .role-radar-empty, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .role-radar-empty span, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .role-radar-label, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .role-radar-tooltip, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .role-radar-tooltip * { font-size: 16px !important; font-family: "SimSun", "宋体", serif !important; line-height: 1.45 !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .sidebar-account-wallet { padding: 5px 6px !important; overflow: visible !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .sidebar-user-card { min-height: 28px !important; height: 28px !important; gap: 6px !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .sidebar-account-avatar { width: 24px !important; height: 24px !important; flex-basis: 24px !important; font-size: 11px !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .sidebar-user-card b { font-size: 12px !important; line-height: 1 !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .sidebar-user-card small, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .sidebar-credit-main span, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .sidebar-credit-claim { font-size: 8.5px !important; line-height: 1 !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .sidebar-credit-card { margin-top: 3px !important; padding: 3px 7px 5px !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .sidebar-credit-main { min-height: 20px !important; gap: 4px !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .sidebar-credit-main strong { font-size: 13px !important; line-height: 1 !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .sidebar-credit-refresh { width: 19px !important; height: 19px !important; min-height: 19px !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .sidebar-credit-claim { height: 20px !important; min-height: 20px !important; margin-top: 2px !important; padding: 0 7px !important; } } /* Exeify client v25q: smaller 1024x720 analysis typography and safer sidebar bottom spacing. */ @media (min-width: 900px) and (max-width: 1100px) and (max-height: 760px) { html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-source-card > h2, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-box-head h2, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-ai-checklist-head h2, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-keyword-card h3, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .role-input-card > h2, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .client-requirement-list > h3, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .client-radar-card > h3, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .role-info-block > h3, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .role-bigdata-head h2 { font-size: 16px !important; font-weight: 900 !important; line-height: 1.2 !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-source-card input, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-source-card textarea, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-source-card input::placeholder, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-source-card textarea::placeholder, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-empty-result, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-empty-result *, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-advantages, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-advantages *, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-insight-strip, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-insight-strip *, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-checklist-empty, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-checklist-empty *, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-checklist-item, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-checklist-item *, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-keyword-card, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-keyword-card *, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .role-input-card input, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .role-input-card textarea, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .role-input-card input::placeholder, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .role-input-card textarea::placeholder, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .role-summary-text, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .role-summary-text *, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .role-card-scroll-body, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .role-card-scroll-body *, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .role-info-block li, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .role-empty-hint, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .role-radar-empty, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .role-radar-empty *, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .role-radar-label, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .role-radar-tooltip, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .role-radar-tooltip *, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel [id^="roleInsight"], html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel [class^="role-insight"], html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel [class*=" role-insight"] { font-size: 14px !important; font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif !important; line-height: 1.45 !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .workspace-sidebar { padding-bottom: 4px !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .sidebar-account-wallet { margin-bottom: 22px !important; padding: 3px 5px !important; overflow: visible !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .sidebar-user-card { min-height: 24px !important; height: 24px !important; gap: 5px !important; padding: 0 6px !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .sidebar-account-avatar { width: 22px !important; height: 22px !important; flex-basis: 22px !important; font-size: 10px !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .sidebar-user-card b { font-size: 11px !important; line-height: 1 !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .sidebar-user-card small, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .sidebar-credit-main span, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .sidebar-credit-claim { font-size: 8px !important; line-height: 1 !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .sidebar-credit-card { margin-top: 2px !important; padding: 2px 6px 4px !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .sidebar-credit-main { min-height: 18px !important; gap: 3px !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .sidebar-credit-main strong { font-size: 12px !important; line-height: 1 !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .sidebar-credit-refresh { width: 17px !important; height: 17px !important; min-height: 17px !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .sidebar-credit-claim { height: 18px !important; min-height: 18px !important; margin-top: 1px !important; padding: 0 6px !important; } } /* Exeify client v25r: 1024x720 requested title/content typography and lifted sidebar account card. */ @media (min-width: 900px) and (max-width: 1100px) and (max-height: 760px) { html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) input, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) textarea, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) select, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) input::placeholder, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) textarea::placeholder, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-empty-result, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-empty-result *, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-advantages, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-advantages *, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-insight-strip, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-insight-strip *, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-checklist-empty, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-checklist-empty *, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-checklist-item, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-checklist-item *, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-keyword-card, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-keyword-card *, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .role-summary-text, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .role-summary-text *, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .role-card-scroll-body, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .role-card-scroll-body *, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .role-info-block li, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .role-empty-hint, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .role-radar-empty, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .role-radar-empty *, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .role-radar-label, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .role-radar-tooltip, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .role-radar-tooltip *, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel [id^="roleInsight"], html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel [class^="role-insight"], html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel [class*=" role-insight"], html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) #transcript, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) #answer, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) #answer *, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #recordHistoryPanel#recordHistoryPanel .record-list, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #recordHistoryPanel#recordHistoryPanel .record-list *, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #recordHistoryPanel#recordHistoryPanel .record-detail, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #recordHistoryPanel#recordHistoryPanel .record-detail * { font-size: 13px !important; font-family: "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", Arial, sans-serif !important; line-height: 1.45 !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .workspace-card h2, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-source-card > h2, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-box-head h2, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-ai-checklist-head h2, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #resumeDock#resumeDock .resume-keyword-card h3, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .role-input-card > h2, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .client-requirement-list > h3, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .client-radar-card > h3, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .role-info-block > h3, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel .role-bigdata-head h2, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .pane-title-inline h2, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .trial-pane-head strong, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #recordHistoryPanel#recordHistoryPanel .records-card h2, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #recordHistoryPanel#recordHistoryPanel h2 { font-size: 15px !important; font-weight: 900 !important; line-height: 1.2 !important; letter-spacing: 0 !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .workspace-sidebar { padding-bottom: 0 !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .sidebar-account-wallet { margin-bottom: 56px !important; padding: 2px 5px !important; overflow: visible !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .sidebar-user-card { min-height: 22px !important; height: 22px !important; gap: 4px !important; padding: 0 5px !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .sidebar-account-avatar { width: 20px !important; height: 20px !important; flex: 0 0 20px !important; font-size: 9px !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .sidebar-user-card b { font-size: 10px !important; line-height: 1 !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .sidebar-user-card small, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .sidebar-credit-main span, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .sidebar-credit-claim { font-size: 7.5px !important; line-height: 1 !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .sidebar-credit-card { margin-top: 1px !important; padding: 1px 5px 3px !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .sidebar-credit-main { min-height: 16px !important; gap: 2px !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .sidebar-credit-main strong { font-size: 11px !important; line-height: 1 !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .sidebar-credit-refresh { width: 16px !important; height: 16px !important; min-height: 16px !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .sidebar-credit-claim { height: 16px !important; min-height: 16px !important; margin-top: 1px !important; padding: 0 5px !important; } } /* Exeify client v25s: role analysis normal text weight and smaller interview controls/content. */ @media (min-width: 900px) and (max-width: 1100px) and (max-height: 760px) { html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel :is( .role-input-card input, .role-input-card textarea, .role-input-card input::placeholder, .role-input-card textarea::placeholder, .role-summary-text, .role-summary-text *, .role-score-panel, .role-score-panel *, .role-skill-tags span, .role-card-scroll-body, .role-card-scroll-body *, .role-info-block li, .role-empty-hint, .role-radar-empty, .role-radar-empty *, .role-radar-label, .role-radar-tooltip, .role-radar-tooltip *, [id^="roleInsight"], [id^="roleInsight"] *, [class^="role-insight"], [class^="role-insight"] *, [class*=" role-insight"], [class*=" role-insight"] * ) { font-size: 13px !important; font-family: "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", Arial, sans-serif !important; font-weight: 400 !important; line-height: 1.45 !important; letter-spacing: 0 !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .pane { padding-bottom: 18px !important; box-sizing: border-box !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) :is( #transcript, #transcript *, #answer, #answer *, .interview-control-card, .interview-control-card *, .workspace-answer-mode, .workspace-answer-mode *, .pane-foot, .pane-foot *, .answer-mode-label, .listen-badge, select, input, textarea, input::placeholder, textarea::placeholder ) { font-size: 12px !important; font-family: "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", Arial, sans-serif !important; font-weight: 400 !important; line-height: 1.35 !important; letter-spacing: 0 !important; } } /* Exeify client v25t: tighter interview controls, visible pane bottoms, lighter activation code. */ @media (min-width: 900px) and (max-width: 1100px) and (max-height: 760px) { html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #overviewPanel#overviewPanel .overview-order-body #overviewOrderLatestCode { font-size: 16px !important; font-weight: 400 !important; line-height: 1.15 !important; letter-spacing: 0 !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) { padding-bottom: 16px !important; box-sizing: border-box !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .interview-stage { height: calc(100% - 16px) !important; margin-bottom: 16px !important; box-sizing: border-box !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .pane { padding-bottom: 22px !important; box-sizing: border-box !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) :is( #audioModeSelect, #interviewModeSelect, #answerModeSelect, #micGainValue, .mic-slider-row output, .mic-slider-row small, .interview-control-grid label > span, .workspace-answer-mode > span, #transcriptAutoScrollBtn, #transcriptCancelScrollBtn, #downloadTranscriptBtn, #answerAutoScrollBtn, #answerCancelScrollBtn, #clearConversationBtn ) { font-size: 11px !important; font-family: "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", Arial, sans-serif !important; font-weight: 400 !important; line-height: 1.2 !important; letter-spacing: 0 !important; } } /* Exeify client v25u: 10px interview controls, removed download buttons, roomier pane bottoms. */ @media (min-width: 900px) and (max-width: 1100px) and (max-height: 760px) { html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) { padding-bottom: 20px !important; box-sizing: border-box !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .interview-stage { height: calc(100% - 20px) !important; margin-bottom: 20px !important; box-sizing: border-box !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .pane { padding-bottom: 24px !important; box-sizing: border-box !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .transcript-pane { grid-template-rows: 32px minmax(0, 1fr) 32px 126px 34px !important; row-gap: 6px !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .answer-pane { grid-template-rows: 32px 28px minmax(0, 1fr) 44px 34px !important; row-gap: 6px !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .workspace-answer-mode { height: 44px !important; min-height: 44px !important; padding: 5px 12px !important; display: grid !important; grid-template-rows: 10px 26px !important; gap: 3px !important; align-content: center !important; box-sizing: border-box !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .workspace-answer-mode select { height: 26px !important; min-height: 26px !important; padding: 0 28px 0 10px !important; line-height: 1.1 !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .pane-foot { min-height: 34px !important; height: 34px !important; align-items: center !important; gap: 8px !important; padding-bottom: 0 !important; overflow: visible !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .pane-foot .scroll-actions { height: 28px !important; align-items: center !important; gap: 6px !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) .pane-foot button { height: 28px !important; min-height: 28px !important; padding: 0 10px !important; align-items: center !important; justify-content: center !important; white-space: nowrap !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) #clearConversationBtn { min-width: 104px !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) #interviewStartToggleBtn { height: 36px !important; min-height: 36px !important; border: 0 !important; background: linear-gradient(135deg, #ff7a1a 0%, #ff6817 50%, #ff5a0a 100%) !important; background-clip: padding-box !important; color: #fff !important; box-shadow: 0 10px 20px rgba(255, 107, 22, 0.18) !important; overflow: hidden !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) .conversation-panel:not(.workspace-panel-hidden) :is( #audioModeSelect, #interviewModeSelect, #answerModeSelect, #micGainValue, .mic-slider-row output, .mic-slider-row small, .interview-control-grid label > span, .workspace-answer-mode > span, #transcriptAutoScrollBtn, #transcriptCancelScrollBtn, #answerAutoScrollBtn, #answerCancelScrollBtn, #clearConversationBtn ) { font-size: 10px !important; font-family: "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", Arial, sans-serif !important; font-weight: 400 !important; line-height: 1.15 !important; letter-spacing: 0 !important; } } /* Exeify client v25v final: enlarge role analysis generated-content boxes without escaping their cards. */ @media (min-width: 900px) and (max-width: 1100px) and (max-height: 760px) { html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-requirement-list, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar-card, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-info-block { grid-template-rows: auto minmax(0, 1fr) !important; align-content: stretch !important; padding: 12px 12px 14px !important; overflow: hidden !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-requirement-list h3, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar-card h3, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-info-block h3 { margin: 0 0 8px !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-role-preview-grid, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-result-grid { gap: 12px !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-requirement-list > .role-card-scroll-body, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-info-block > .role-card-scroll-body, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-info-block > .role-card-scroll-body:has(> p.role-empty-hint), html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-info-block ul, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-radar-empty, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar { width: 100% !important; max-width: 100% !important; min-height: 0 !important; height: 100% !important; box-sizing: border-box !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-requirement-list > .role-card-scroll-body:has(> p.role-empty-hint), html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-info-block.role-info-empty-block > .role-card-scroll-body, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-radar-empty { display: flex !important; align-items: stretch !important; justify-content: stretch !important; padding: 0 !important; overflow: hidden !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-card-scroll-body > p.role-empty-hint, html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .role-radar-empty { flex: 1 1 auto !important; width: 100% !important; max-width: 100% !important; height: 100% !important; max-height: 100% !important; margin: 0 !important; padding: 14px 16px !important; display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; } html.exeify-client.exeify-compact-window body:has(#appView.workspace-shell:not(.hidden)) #appView#appView.workspace-shell:not(.hidden) #roleAnalysisPanel#roleAnalysisPanel:not(.workspace-panel-hidden) .client-radar-card .client-radar { padding: 0 !important; overflow: hidden !important; } }