/* LiveMentorHub v111 / Concept E
   Last in the cascade. One responsive shell and component system over the
   preserved feature modules. No feature is hidden to fix a layout problem. */
:root {
 --lmh-bg:#f5f8fc; --lmh-surface:#fff; --lmh-surface-2:#f8fafd;
 --lmh-surface-3:#eef3f9; --lmh-rail:#fff; --lmh-text:#162c50;
 --lmh-text-2:#52647f; --lmh-text-3:#62718a; --lmh-line:#e2e9f3;
 --lmh-line-strong:#c4d0e1; --lmh-primary:#075ee5; --lmh-primary-hover:#0752c6;
 --lmh-primary-active:#0645aa; --lmh-primary-tint:#eaf2ff;
 --lmh-primary-tint-2:#dceaff; --lmh-link:#0756ce;
 --lmh-shadow-1:0 2px 5px #21375c04; --lmh-shadow-2:0 6px 24px #21375c08;
 --lmh-r:14px; --lmh-r-lg:18px; --ui111-sidebar:246px;
 --ui111-welcome:linear-gradient(110deg,#fff 30%,#eff6ff 100%);
 --ui111-gold:#ffd363; --ui111-topbar:76px;
}
:root[data-theme="dark"] {
 --lmh-bg:#0d1624; --lmh-surface:#142135; --lmh-surface-2:#18283e;
 --lmh-surface-3:#1c2e46; --lmh-rail:#111d2e; --lmh-text:#e9f0fc;
 --lmh-text-2:#b2c0d6; --lmh-text-3:#a5b3c9; --lmh-line:#2a3a51;
 --lmh-line-strong:#445874; --lmh-primary:#2363d1; --lmh-primary-hover:#2d6ee6;
 --lmh-primary-active:#1953b8; --lmh-primary-tint:#1b3253;
 --lmh-primary-tint-2:#203d63; --lmh-link:#9bc2ff;
 --lmh-shadow-1:0 2px 5px #0001; --lmh-shadow-2:0 6px 24px #0002;
 --ui111-welcome:linear-gradient(110deg,#142135 30%,#1a3150 100%);
}
html { scroll-padding-top:96px; }
body.ui111 { margin:0; background:var(--lmh-bg)!important; color:var(--lmh-text); }
body.ui111 * { box-sizing:border-box; }
#app .app-shell { display:block!important; min-height:100dvh; width:100%; background:var(--lmh-bg)!important; }
#app .app-shell > .main { margin-left:var(--ui111-sidebar)!important; width:calc(100% - var(--ui111-sidebar))!important; min-width:0; display:block!important; }
#app .app-shell .content { width:100%; max-width:1700px; margin:0 auto; padding:24px 32px 48px!important; background:transparent!important; }
#app .app-shell .view { width:100%; max-width:none; padding:0!important; margin:0!important; min-width:0; }
#app .ui111-sidebar {
 position:fixed!important; inset:0 auto 0 0!important; width:var(--ui111-sidebar)!important;
 height:100dvh!important; max-height:100dvh; padding:0!important; display:flex!important;
 flex-direction:column!important; background:var(--lmh-rail)!important;
 border:0!important; border-right:1px solid var(--lmh-line)!important; box-shadow:none!important;
 z-index:1100; transform:none; overflow:visible!important;
}
#app .ui111-brand-row { position:relative; flex:none; display:flex; justify-content:center; padding:18px 18px 2px; }
#app .ui111-sidebar .sidebar-brand { display:flex!important; justify-content:center; align-items:center; width:auto!important; height:auto!important; padding:0!important; margin:0!important; border:0!important; box-shadow:none!important; background:none!important; }
#app .ui111-sidebar .sidebar-logo { width:112px!important; height:112px!important; object-fit:contain; display:block!important; padding:0!important; background:transparent!important; border-radius:0; filter:none!important; }
#app .ui111-portal-label { color:var(--lmh-text-3); letter-spacing:.16em; font:600 9px/1.4 Inter,system-ui,sans-serif; text-align:center; padding:8px 10px 18px; }
#app .ui111-nav { overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; min-height:0; padding:0 14px 14px; flex:1; }
#app .ui111-primary-list,#app .ui111-children { list-style:none; padding:0; margin:0; }
#app .ui111-primary-list { display:grid; gap:5px; }
#app .ui111-primary {
 position:relative; display:flex; align-items:center; gap:12px; width:100%; min-height:43px; padding:10px 13px;
 border:1px solid transparent; border-radius:9px; color:var(--lmh-text-2); background:transparent;
 text-decoration:none; font:520 13px/1.5 Inter,system-ui,sans-serif; text-align:left; cursor:pointer;
 transition:background .12s,color .12s;
}
#app .ui111-primary > span:not(.ui111-icon):not(.ui111-chevron):not(.nav-chat-badge) { flex:1; min-width:0; }
#app .ui111-primary:hover { background:var(--lmh-surface-2); color:var(--lmh-text); }
#app .ui111-primary.is-current,#app .ui111-group.is-section > .ui111-primary { background:var(--lmh-primary-tint); color:var(--lmh-link); font-weight:650; }
#app .ui111-primary.is-current:before { content:""; position:absolute; left:-1px; top:11px; bottom:11px; width:3px; border-radius:3px; background:var(--lmh-link); }
#app .ui111-icon { display:flex; align-items:center; justify-content:center; flex:0 0 20px; }
#app .ui111-icon svg { width:20px; height:20px; }
#app .ui111-chevron { margin-left:auto; display:flex; }
#app .ui111-chevron svg { width:14px; height:14px; transition:transform .15s; }
#app [aria-expanded=true] > .ui111-chevron svg { transform:rotate(180deg); }
#app .ui111-children { margin:5px 0 7px 23px; padding-left:13px; border-left:1px solid var(--lmh-line); display:grid; gap:3px; }
#app .ui111-children[hidden] { display:none!important; }
#app .ui111-child { display:block; padding:9px 10px; border-radius:7px; text-decoration:none; color:var(--lmh-text-2); font:450 12px/1.55 Inter,system-ui,sans-serif; overflow-wrap:break-word; }
#app .ui111-child:hover { background:var(--lmh-surface-2); color:var(--lmh-link); }
#app .ui111-child.is-current { background:var(--lmh-primary-tint); color:var(--lmh-link); font-weight:650; }
#app .ui111-sidebar-footer { margin:0 14px; flex-shrink:0; border-top:1px solid var(--lmh-line); padding:10px 0 12px; }
#app .ui111-sidebar-footer .ui111-primary { font-size:12px; padding:8px 11px; }
#app .ui111-brand-note { font:450 10px/1.5 Inter,system-ui,sans-serif; text-align:center; color:var(--lmh-text-3); margin-top:12px; }
#app .ui111-nav-finder { display:flex; width:100%; align-items:center; gap:9px; border:0; background:transparent; color:var(--lmh-text-2); font:450 11px/1.5 Inter,system-ui,sans-serif; padding:8px 12px; cursor:pointer; }
#app .ui111-nav-finder svg { width:17px; height:17px; }
#app .ui111-nav-finder kbd { margin-left:auto; padding:2px 4px; border:1px solid var(--lmh-line); border-radius:4px; font:10px Inter,system-ui,sans-serif; }
/* Header: search, essential utility actions, account. */
#app .topbar { position:sticky!important; top:0; height:var(--ui111-topbar)!important; min-height:var(--ui111-topbar)!important; width:100%; padding:0 32px!important; display:flex!important; flex-wrap:nowrap!important; align-items:center; gap:20px; border:0!important; border-bottom:1px solid var(--lmh-line)!important; box-shadow:none!important; background:var(--lmh-surface)!important; z-index:1050; }
#app .topbar-left-wrap { display:flex!important; flex-direction:row!important; align-items:center; flex:1 1 auto; min-width:0; gap:8px; }
#app .global-search-wrap { flex:1; width:auto!important; max-width:570px; min-width:0!important; position:relative; }
#app .global-search-input { width:100%!important; max-width:none; height:41px!important; min-height:41px; padding:10px 13px 10px 38px!important; border:1px solid var(--lmh-line)!important; border-radius:9px!important; background:var(--lmh-surface-2)!important; color:var(--lmh-text)!important; font:400 12px/1.5 Inter,system-ui,sans-serif!important; }
#app .ui111-search-icon { position:absolute; left:13px; top:12px; display:flex; color:var(--lmh-text-2); pointer-events:none; }
#app .ui111-search-icon svg { width:17px; height:17px; }
#app .ui111-command-button { border:0; padding:5px; background:transparent; color:var(--lmh-text-2); cursor:pointer; }
#app .ui111-command-button kbd { font:500 10px/1.5 Inter,system-ui,sans-serif; padding:5px 7px; border:1px solid var(--lmh-line); border-radius:5px; white-space:nowrap; }
#app .topbar-right { display:flex!important; flex-direction:row!important; align-items:center!important; gap:10px!important; flex-shrink:0; }
#app .lmh-theme-toggle,#app .notification-bell,#app .topbar-signout { width:38px!important; height:38px!important; min-width:38px!important; min-height:38px!important; display:flex; justify-content:center; align-items:center; border:1px solid transparent!important; background:transparent!important; padding:8px!important; color:var(--lmh-text-2)!important; border-radius:8px!important; box-shadow:none!important; }
#app .lmh-theme-toggle:hover,#app .notification-bell:hover,#app .topbar-signout:hover { background:var(--lmh-surface-2)!important; border-color:var(--lmh-line)!important; }
#app .lmh-theme-toggle > span,#app .topbar-signout > span,#app .signout-caret { display:none!important; }
#app .topbar-signout svg,#app .notification-bell > svg { width:20px!important; height:20px!important; }
#app .notification-bell .notification-badge:not(.hidden) { display:flex!important; }
#app .notification-badge { font-size:9px!important; top:0!important; right:-2px!important; min-width:16px!important; height:16px!important; }
#app .user-chip-btn { padding:0 0 0 12px!important; background:none!important; border:0!important; border-left:1px solid var(--lmh-line)!important; border-radius:0!important; gap:9px!important; box-shadow:none!important; min-height:40px; }
#app .user-avatar { width:35px!important; height:35px!important; border-radius:50%!important; background:var(--lmh-primary-tint)!important; color:var(--lmh-link)!important; border:1px solid var(--lmh-line)!important; box-shadow:none!important; font-size:12px!important; }
#app .user-chip-name { font-size:12px!important; font-weight:650!important; max-width:150px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:var(--lmh-text)!important; }
#app .user-chip-role { font-size:10px!important; color:var(--lmh-text-3)!important; }
#app .global-search-panel,#app .user-menu-panel,#app .signout-menu,#app .notification-panel { background:var(--lmh-surface)!important; color:var(--lmh-text)!important; border:1px solid var(--lmh-line)!important; border-radius:12px!important; box-shadow:0 14px 38px #11274722!important; max-height:min(70dvh,650px); overflow-y:auto; }
#app .global-search-panel { width:100%!important; min-width:270px; }
#app .user-menu-panel { min-width:270px; }
#app .signout-menu { min-width:310px; }
#app .notification-panel { width:min(440px,calc(100vw - 32px))!important; }
#app .ui111-context { display:flex; gap:10px; align-items:center; font:450 11px/1.5 Inter,system-ui,sans-serif; color:var(--lmh-text-3); margin:0 0 19px; }
#app .ui111-context strong { font-weight:600; color:var(--lmh-text-2); }
#app .ui111-context-date { margin-left:auto; font-size:11px; }
#app .ui111-icon-button { border:0; background:transparent; color:var(--lmh-text); width:40px; height:40px; flex-shrink:0; display:flex; align-items:center; justify-content:center; cursor:pointer; }
#app .ui111-icon-button svg { width:22px; height:22px; }
#app .ui111-menu-button,#app .ui111-drawer-close,#app .ui111-mobile-bar { display:none; }
#app .ui111-skip { position:fixed; top:-100px; left:270px; z-index:19000; background:var(--lmh-primary); color:white; padding:14px; border:0; border-radius:8px; }
#app .ui111-skip:focus { top:12px; }
#app .ui111-backdrop[hidden] { display:none!important; }
/* Shared feature surfaces. Intentional broad selectors cover all existing modules. */
#app .content :is(.card,.p108-panel,.c107-panel,.v106-panel,.employee-progress-card,.assignment-list-row,.hr-card,.people-card,.service-card,.news-card,.leave-request-card,.policy-card) {
 border:1px solid var(--lmh-line)!important; border-radius:14px!important; background:var(--lmh-surface)!important; box-shadow:var(--lmh-shadow-1)!important; color:var(--lmh-text);
}
#app .content :is(.card,.p108-panel,.c107-panel) { min-width:0; }
#app .content :is(.page-hero,.leave-hero,.attendance-page-hero,.timesheet-hero,.newsroom-hero,.policies-hero,.admin-section-hero,.login-history-hero,.p108-heading,.em110-head,.admin-header-v90,.c107-page-head) {
 background:transparent!important; box-shadow:none!important; border:0!important; border-radius:0!important;
 padding:0!important; margin:0 0 24px!important; display:flex; flex-wrap:wrap; gap:16px; align-items:flex-start; color:var(--lmh-text)!important;
}
#app .content :is(.pg-badge) { display:none!important; }
#app .content :is(.p108-heading,.page-hero,.leave-hero,.admin-header-v90,.em110-head) h1,
#app .content :is(.attendance-page-hero,.timesheet-hero,.em110-head,.admin-section-hero,.policies-hero,.newsroom-hero,.login-history-hero) h2 {
 font:680 clamp(23px,2.1vw,30px)/1.3 Inter,system-ui,sans-serif!important; letter-spacing:-.035em!important; color:var(--lmh-text)!important; margin:3px 0 9px!important;
}
#app .content :is(.p108-heading,.page-hero,.leave-hero,.admin-header-v90,.em110-head,.admin-section-hero,.attendance-page-hero,.timesheet-hero) p { font:400 13px/1.75 Inter,system-ui,sans-serif!important; color:var(--lmh-text-2)!important; max-width:850px; margin:0!important; }
#app .content :is(.eyebrow,.p108-eyebrow,.c107-eyebrow) { color:var(--lmh-link)!important; font:650 10px/1.6 Inter,system-ui,sans-serif!important; letter-spacing:.10em!important; margin:0 0 7px!important; }
#app .content :is(.section-title,.p108-panel-head h2,.c107-panel-head h2) { color:var(--lmh-text)!important; font-size:15px!important; font-weight:650!important; line-height:1.5!important; letter-spacing:-.015em!important; }
#app .content :is(.section-sub,.p108-help,.c107-muted) { color:var(--lmh-text-2)!important; font-size:12px!important; line-height:1.7!important; }
#app .content :is(.p108-panel-head,.c107-panel-head) { padding:18px 22px!important; border-bottom:1px solid var(--lmh-line)!important; flex-wrap:wrap; gap:10px; }
#app .content .p108-panel { margin-bottom:20px!important; overflow:hidden; }
#app .content .p108-panel .p108-empty { border:0!important; }
#app .content :is(.p108-pad,.card-pad-lg) { padding:22px!important; }
#app .content :is(.btn,.p108-button),.p108-overlay .p108-button,#modalRoot .btn {
 font:600 12px/1.55 Inter,system-ui,sans-serif!important; min-height:38px!important;
 padding:9px 14px!important; border-radius:8px!important; letter-spacing:0!important;
 box-shadow:none!important; white-space:normal; text-align:center; display:inline-flex; align-items:center; justify-content:center; gap:7px;
}
#app .content :is(.btn:not(.btn-primary):not(.btn-danger):not(.btn-gold),.p108-button:not(.p108-primary)),.p108-overlay .p108-button:not(.p108-primary) { background:var(--lmh-surface)!important; color:var(--lmh-text-2)!important; border:1px solid var(--lmh-line-strong)!important; }
#app .content :is(.btn-primary,.p108-button.p108-primary),.p108-overlay .p108-primary { background:var(--lmh-primary)!important; color:#fff!important; border:1px solid var(--lmh-primary)!important; }
#app .content :is(.btn-primary,.p108-button.p108-primary):hover:not(:disabled),.p108-overlay .p108-primary:hover:not(:disabled) { background:var(--lmh-primary-hover)!important; border-color:var(--lmh-primary-hover)!important; transform:none!important; filter:none!important; }
#app .content :is(.btn,.p108-button):disabled { opacity:.55!important; cursor:not-allowed!important; }
#app .content :is(.p108-actions,.v106-actions,.c107-actions) { flex-wrap:wrap; gap:8px!important; }
#app .content :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea),.p108-overlay :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea) {
 border:1px solid var(--lmh-line-strong)!important; border-radius:8px!important; background:var(--lmh-surface)!important; color:var(--lmh-text)!important; font:400 13px/1.55 Inter,system-ui,sans-serif!important;
 min-height:41px; padding:10px 12px; max-width:100%; box-shadow:none;
}
#app .content :is(input,select,textarea):focus,.p108-overlay :is(input,select,textarea):focus { border-color:var(--lmh-link)!important; outline:2px solid var(--lmh-primary-ring); outline-offset:2px; }
#app .content :is(input,textarea)::placeholder { color:var(--lmh-text-3)!important; }
#app .content :is(.p108-form-grid,.em110-fields,.v106-form-grid) { gap:18px!important; }
#app .content :is(.p108-field,.em110 label) { font-size:12px!important; color:var(--lmh-text-2)!important; }
#app .content :is(table) { border-collapse:collapse; max-width:none; color:var(--lmh-text); }
#app .content :is(.p108-table,.admin-table,.enterprise-table) th { background:var(--lmh-surface-2)!important; color:var(--lmh-text-2)!important; font:600 11px/1.5 Inter,system-ui,sans-serif!important; padding:13px 16px!important; text-transform:none!important; letter-spacing:0!important; border-color:var(--lmh-line)!important; }
#app .content :is(.p108-table,.admin-table,.enterprise-table) td { padding:15px 16px!important; font:400 12px/1.65 Inter,system-ui,sans-serif!important; border-color:var(--lmh-line)!important; color:var(--lmh-text)!important; }
#app .content :is(.p108-table,.admin-table,.enterprise-table) td small { font-size:11px!important; color:var(--lmh-text-2)!important; }
#app .content :is(.p108-table,.admin-table,.enterprise-table) tbody tr:hover { background:var(--lmh-surface-2)!important; }
#app .content :is(.table-wrap,.p108-table-wrap,.admin-table-wrap,.attendance-calendar-scroll) { max-width:100%; overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:thin; }
#app .content :is(.p108-tabs,.c107-tabs,.admin-subnav-group) { display:flex; flex-wrap:wrap; gap:5px; }
#app .content :is(.p108-tabs,.c107-tabs) { background:var(--lmh-surface)!important; border:1px solid var(--lmh-line)!important; padding:6px!important; border-radius:10px!important; margin:0 0 20px!important; }
#app .content .p108-tabs button { font:550 12px/1.5 Inter,system-ui,sans-serif!important; min-height:36px; padding:9px 14px!important; border:0!important; border-radius:7px!important; color:var(--lmh-text-2)!important; background:transparent!important; }
#app .content .p108-tabs button.is-active { background:var(--lmh-primary-tint)!important; color:var(--lmh-link)!important; }
#app .content :is(.p108-empty,.v106-empty) { background:var(--lmh-surface)!important; color:var(--lmh-text)!important; padding:34px 22px!important; border-color:var(--lmh-line)!important; }
#app .content .p108-empty p { color:var(--lmh-text-2)!important; font-size:13px!important; }
#app .content .p108-empty>span { color:var(--lmh-link)!important; background:var(--lmh-primary-tint)!important; }
#app .content :is(.p108-metrics,.admin-kpis-v90,.admin-summary-grid) { gap:16px!important; margin:0 0 24px!important; }
#app .content :is(.p108-metrics>div,.admin-summary-card,.kpi-tile) { background:var(--lmh-surface)!important; border:1px solid var(--lmh-line)!important; border-radius:13px!important; box-shadow:var(--lmh-shadow-1)!important; padding:20px!important; min-width:0; }
#app .content .p108-metrics>div>strong { font-size:28px!important; color:var(--lmh-text)!important; letter-spacing:-.035em; }
#app .content .p108-metrics>div>span { color:var(--lmh-text-2)!important; font-size:12px!important; }
#app .content .p108-columns { grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr)!important; gap:22px!important; }
#app .content :is(.p108-two,.p108-three) > * { min-width:0; }
#app .content .p108-status { font-size:10px!important; padding:4px 8px!important; border-radius:6px!important; line-height:1.6; white-space:normal; }
#app .content .ui111-workspace-tools { display:flex; justify-content:flex-end; margin:0 0 12px; }
#app .content .ui111-workspace-tools .p108-button { min-height:30px!important; padding:5px 9px!important; font-size:10px!important; }
/* Administration uses the same disclosure hierarchy, not a wall of buttons. */
#app .content .admin-header-v90 { margin-bottom:18px!important; }
#app .content .admin-navigation-v90 { background:var(--lmh-surface)!important; border:1px solid var(--lmh-line)!important; border-radius:12px!important; box-shadow:none!important; overflow:hidden; margin:0 0 25px!important; }
#app .content .admin-category-row { display:flex!important; flex-wrap:wrap!important; gap:4px!important; padding:7px!important; background:transparent!important; border:0!important; }
#app .content .admin-category { flex:0 1 auto!important; min-width:0!important; padding:10px 13px!important; border:0!important; border-radius:7px!important; background:transparent!important; color:var(--lmh-text-2)!important; font-size:12px!important; box-shadow:none!important; }
#app .content .admin-category.active { background:var(--lmh-primary-tint)!important; color:var(--lmh-link)!important; }
#app .content .admin-category svg { width:16px; height:16px; }
#app .content .admin-subnav-row { padding:8px 12px!important; border:0!important; border-top:1px solid var(--lmh-line)!important; background:var(--lmh-surface-2)!important; display:flex!important; flex-wrap:wrap; }
#app .content .admin-navigation-hint { display:none!important; }
#app .content .admin-tab { min-height:34px; font:500 11px/1.5 Inter,system-ui,sans-serif!important; color:var(--lmh-text-2)!important; border:1px solid transparent!important; border-radius:6px!important; padding:7px 10px!important; background:transparent!important; }
#app .content .admin-tab.active { background:var(--lmh-surface)!important; border-color:var(--lmh-line)!important; color:var(--lmh-link)!important; box-shadow:var(--lmh-shadow-1)!important; }
#app .content .admin-subnav-group[hidden] { display:none!important; }
#app .content .admin-tab-panel[hidden] { display:none!important; }
#app .content .admin-overview-heading { margin-bottom:20px!important; }
#app .content .admin-overview-heading h2 { font-size:22px!important; color:var(--lmh-text)!important; }
/* Employee Management: readable directory first; explicit edits on demand. */
#app .content .ui111-employee-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin:0 0 22px; }
#app .content .ui111-employee-stats>div { display:flex; gap:14px; padding:21px 17px; border:1px solid var(--lmh-line); border-radius:13px; background:var(--lmh-surface); align-items:flex-start; }
#app .content .ui111-employee-stats>div>div { display:flex; flex-direction:column; gap:7px; }
#app .content .ui111-employee-stats>div>div>span { font-size:11px; color:var(--lmh-text-2); }
#app .content .ui111-employee-stats strong { font-size:26px; line-height:1.2; color:var(--lmh-text); letter-spacing:-.04em; }
#app .content .ui111-stat-icon { width:38px; height:38px; flex:0 0 38px; display:grid; place-items:center; background:var(--lmh-primary-tint); color:var(--lmh-link); border-radius:11px; }
#app .content .ui111-stat-icon svg { width:20px; height:20px; }
#app .content .em110-toolbar { border:1px solid var(--lmh-line); border-radius:12px; padding:18px 20px; margin-bottom:18px; box-shadow:var(--lmh-shadow-1); }
#app .content .em110-list { gap:0; border:1px solid var(--lmh-line); border-radius:13px; overflow:hidden; }
#app .content .em110-card { display:grid; grid-template-columns:minmax(185px,.85fr) minmax(0,2.5fr); padding:20px!important; gap:14px 24px; border:0!important; border-bottom:1px solid var(--lmh-line)!important; border-radius:0!important; box-shadow:none!important; }
#app .content .em110-card:last-child { border-bottom:0!important; }
#app .content .em110-identity { margin:0; align-self:center; gap:11px; }
#app .content .em110-identity strong { font-size:13px; }
#app .content .em110-identity small { font-size:11px; margin-top:3px; }
#app .content .em110-avatar { width:35px; height:35px; border-radius:50%; font-size:11px; color:var(--lmh-link); }
#app .content .ui111-employee-summary { display:grid; grid-template-columns:minmax(100px,1fr) minmax(120px,1.1fr) minmax(140px,1.2fr) auto; gap:20px; align-items:center; }
#app .content .ui111-employee-summary>div { min-width:0; }
#app .content .ui111-employee-summary span:not(.ui111-review-flag) { font-size:10px; color:var(--lmh-text-3); display:block; margin-bottom:4px; }
#app .content .ui111-employee-summary b { display:block; font-size:12px; font-weight:450; color:var(--lmh-text); line-height:1.7; overflow-wrap:anywhere; }
#app .content .ui111-review-flag { display:inline-block; margin-top:5px; padding:3px 6px; font-size:10px; line-height:1.5; color:var(--lmh-warning); background:var(--lmh-warning-bg); border-radius:5px; }
#app .content .ui111-employee-editor { grid-column:1/-1; border-top:1px solid var(--lmh-line); padding:19px 0 0; }
#app .content .ui111-employee-editor[hidden] { display:none!important; }
#app .content .ui111-saved { grid-column:1/-1; font-size:12px; color:var(--lmh-success); margin:0; }
#app .content .em110-note { font-size:11px; line-height:1.8; padding:14px 16px; border-radius:9px; background:var(--lmh-surface-2); border:1px solid var(--lmh-line); }
/* My Day - live context, no illustrative counts or fake trends. */
#app .content .ui111-welcome { position:relative; background:var(--ui111-welcome); border:1px solid var(--lmh-line); border-radius:17px; padding:30px; display:flex; align-items:center; justify-content:space-between; gap:24px; overflow:hidden; margin-bottom:23px; }
#app .content .ui111-welcome:after { content:""; width:175px; height:175px; border:28px solid var(--lmh-primary-tint); border-radius:50%; position:absolute; right:-75px; bottom:-100px; pointer-events:none; }
#app .content .ui111-eyebrow { color:var(--lmh-link); font:650 10px/1.6 Inter,system-ui,sans-serif; letter-spacing:.12em; margin:0 0 10px; }
#app .content .ui111-welcome h1 { font:680 clamp(26px,2.8vw,38px)/1.25 Inter,system-ui,sans-serif; letter-spacing:-.045em; margin:0 0 10px; color:var(--lmh-text); }
#app .content .ui111-welcome-copy > p:not(.ui111-eyebrow) { color:var(--lmh-text-2); font-size:13px; line-height:1.8; margin:0 0 20px; }
#app .content .ui111-welcome-actions { display:flex; flex-wrap:wrap; gap:8px; }
#app .content .ui111-welcome-date { display:flex; flex-direction:column; align-items:flex-end; gap:9px; min-width:160px; position:relative; z-index:1; }
#app .content .ui111-welcome-date > span { color:var(--lmh-link); background:var(--lmh-surface); padding:11px; border:1px solid var(--lmh-line); border-radius:13px; display:flex; }
#app .content .ui111-welcome-date svg { width:25px; height:25px; }
#app .content .ui111-welcome-date b { font-size:12px; font-weight:600; color:var(--lmh-text); }
#app .content .ui111-welcome-date small { font-size:11px; color:var(--lmh-text-2); }
#app .content .ui111-metric-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-bottom:24px; }
#app .content .ui111-metric { display:flex; align-items:flex-start; position:relative; gap:14px; padding:21px 18px; border:1px solid var(--lmh-line); border-radius:13px; background:var(--lmh-surface); text-decoration:none; box-shadow:var(--lmh-shadow-1); }
#app .content .ui111-metric:hover { border-color:var(--lmh-primary); box-shadow:var(--lmh-shadow-2); }
#app .content .ui111-metric>div { display:flex; flex-direction:column; min-width:0; }
#app .content .ui111-metric>div>span { color:var(--lmh-text-2); font-size:11px; }
#app .content .ui111-metric strong { font:660 28px/1.35 Inter,system-ui,sans-serif; color:var(--lmh-text); margin:5px 0 4px; letter-spacing:-.04em; }
#app .content .ui111-metric small { color:var(--lmh-text-3); font-size:10px; line-height:1.6; }
#app .content .ui111-metric-arrow { position:absolute; top:13px; right:10px; color:var(--lmh-text-3); }
#app .content .ui111-metric-arrow svg { width:13px; height:13px; }
#app .content .ui111-home-columns { display:grid; grid-template-columns:minmax(0,1.85fr) minmax(270px,1fr); gap:22px; align-items:start; }
#app .content .ui111-priority-list>a { display:flex; gap:13px; padding:18px 22px; border-bottom:1px solid var(--lmh-line); align-items:center; text-decoration:none; color:var(--lmh-text); }
#app .content .ui111-priority-list>a:last-child { border-bottom:0; }
#app .content .ui111-priority-list>a:hover { background:var(--lmh-surface-2); }
#app .content .ui111-priority-list>a>div:first-of-type { flex:1; min-width:0; }
#app .content .ui111-priority-list b { font-size:12px; font-weight:600; display:block; }
#app .content .ui111-priority-list small { font-size:10px; display:block; margin-top:4px; color:var(--lmh-text-2); }
#app .content .ui111-priority-list svg { width:17px; height:17px; }
#app .content .ui111-priority-check { display:flex; color:var(--lmh-text-3); }
#app .content .ui111-priority-meta { text-align:right; flex-shrink:0; }
#app .content .ui111-learning-continue { display:flex; align-items:flex-start; gap:20px; padding:25px 22px; }
#app .content .ui111-learning-symbol { display:grid; place-items:center; width:58px; height:58px; flex:0 0 58px; background:var(--lmh-primary-tint); color:var(--lmh-link); border-radius:15px; }
#app .content .ui111-learning-symbol svg { width:28px; height:28px; }
#app .content .ui111-learning-body { flex:1; min-width:0; }
#app .content .ui111-learning-body h3 { font-size:17px; line-height:1.5; letter-spacing:-.02em; margin:0 0 8px; }
#app .content .ui111-learning-body>p:not(.ui111-eyebrow) { color:var(--lmh-text-2); font-size:12px; line-height:1.8; margin:0 0 15px; }
#app .content .ui111-learning-body .p108-actions { margin-top:20px; }
#app .content .ui111-progress-label { display:flex; justify-content:space-between; gap:10px; color:var(--lmh-text-2); font-size:11px; }
#app .content .ui111-quick-services { display:grid; }
#app .content .ui111-quick-services a { display:flex; align-items:center; gap:12px; color:var(--lmh-text); text-decoration:none; padding:14px 21px; border-bottom:1px solid var(--lmh-line); }
#app .content .ui111-quick-services a:last-child { border-bottom:0; }
#app .content .ui111-quick-services a:hover { background:var(--lmh-surface-2); }
#app .content .ui111-quick-services a>span { color:var(--lmh-link); background:var(--lmh-primary-tint); border-radius:8px; padding:8px; display:flex; }
#app .content .ui111-quick-services b { font-size:12px; font-weight:500; flex:1; }
#app .content .ui111-quick-services svg { width:17px; height:17px; }
#app .content .ui111-growth { padding:24px 22px; }
#app .content .ui111-growth-icon { display:flex; color:var(--lmh-warning); margin-bottom:11px; }
#app .content .ui111-growth-icon svg { width:28px; height:28px; }
#app .content .ui111-growth h3 { font-size:17px; margin:0 0 9px; letter-spacing:-.025em; }
#app .content .ui111-growth p { font-size:12px; color:var(--lmh-text-2); line-height:1.8; margin:0 0 17px; }
#app .content .ui111-review-line { display:flex; flex-wrap:wrap; gap:7px; justify-content:space-between; padding:10px 0; border-top:1px solid var(--lmh-line); margin-bottom:10px; }
#app .content .ui111-review-line b { font-size:12px; }
#app .content .ui111-inbox-empty { padding:25px 22px; text-align:center; color:var(--lmh-text-2); }
#app .content .ui111-inbox-empty>span { display:block; color:var(--lmh-success); margin-bottom:8px; }
#app .content .ui111-inbox-empty b { font-size:12px; color:var(--lmh-text); }
#app .content .ui111-inbox-empty p { font-size:11px; margin:7px 0; }
/* Chat and Livvy retain their application controls, with spacious rather than zoomed surfaces. */
#app .content .chat-layout { min-height:580px; height:calc(100dvh - 168px); border-radius:15px!important; }
#app .content .chat-sidebar { background:var(--lmh-surface)!important; border-right:1px solid var(--lmh-line)!important; }
#app .content .chat-main { min-width:0; background:var(--lmh-surface-2)!important; }
#app .content .chat-sidebar-head,#app .content .chat-header { border-color:var(--lmh-line)!important; background:var(--lmh-surface)!important; }
#app .content .livvy-page { max-width:none!important; }
#app .content .p108-kanban { scrollbar-width:thin; }
#app .content .p108-kanban>section { background:var(--lmh-surface-3)!important; border-color:var(--lmh-line)!important; }
#app .content .p108-kanban article { background:var(--lmh-surface)!important; border-color:var(--lmh-line)!important; border-radius:10px!important; }
#app .content .p108-calendar { background:var(--lmh-surface)!important; border-color:var(--lmh-line)!important; }
#app .content .p108-calendar>div { border-color:var(--lmh-line)!important; }
#app .content .p108-calendar .p108-calendar-heading { background:var(--lmh-surface-2)!important; color:var(--lmh-text-2); }
.p108-overlay .p108-dialog { background:var(--lmh-surface)!important; color:var(--lmh-text)!important; border:1px solid var(--lmh-line); border-radius:16px!important; }
.p108-overlay .p108-dialog>header,.p108-overlay .p108-dialog footer { background:var(--lmh-surface-2)!important; border-color:var(--lmh-line)!important; }
.p108-overlay .p108-dialog footer { padding:16px 24px!important; }
:root[data-theme="dark"] #app .ui111-sidebar .sidebar-logo { background:transparent!important; padding:0!important; box-shadow:none!important; }
#app .app-shell [hidden] { display:none!important; }
#app .app-shell :is(button,a,input,select,textarea,summary,[tabindex]):focus-visible { outline:2px solid var(--lmh-link)!important; outline-offset:3px!important; }
/* Tablet widths deliberately keep labels rather than an ambiguous icon rail. */
@media (max-width:1200px) {
 :root { --ui111-sidebar:222px; }
 #app .topbar { padding:0 22px!important; gap:12px; }
 #app .app-shell .content { padding:22px 24px 40px!important; }
 #app .user-chip-name { max-width:100px; }
 #app .content .ui111-metric-grid,#app .content .ui111-employee-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
 #app .content .ui111-home-columns,#app .content .p108-columns { grid-template-columns:minmax(0,1.5fr) minmax(230px,1fr)!important; gap:18px; }
 #app .content .em110-card { grid-template-columns:1fr; gap:14px; }
 #app .content .ui111-employee-summary { grid-template-columns:1fr 1fr 1.25fr auto; }
 #app .content .ui111-welcome-date { min-width:140px; }
}
@media (max-width:900px) {
 :root { --ui111-topbar:66px; }
 #app .app-shell > .main { margin-left:0!important; width:100%!important; }
 #app .ui111-sidebar { width:min(300px,calc(100vw - 48px))!important; transform:translateX(-105%)!important; z-index:11000; box-shadow:0 0 40px #0002!important; transition:transform .2s; }
 #app .ui111-sidebar[data-open] { transform:translateX(0)!important; }
 #app .ui111-drawer-close { display:flex; position:absolute; top:10px; right:8px; }
 #app .ui111-menu-button { display:flex; }
 #app .topbar { padding:0 18px!important; gap:8px; }
 #app .topbar-right { gap:4px!important; }
 #app .ui111-command-button { display:none; }
 #app .user-chip-btn>div:not(.user-avatar),#app .user-menu-chevron { display:none!important; }
 #app .user-chip-btn { padding-left:7px!important; }
 #app .global-search-input { font-size:12px!important; }
 #app .ui111-backdrop { position:fixed; inset:0; z-index:10900; background:#0c1c3a66; }
 body.ui111-nav-open { overflow:hidden; }
 #app .ui111-mobile-bar { display:flex; position:fixed; inset:auto 0 0; background:var(--lmh-surface); border-top:1px solid var(--lmh-line); padding:5px 12px max(6px,env(safe-area-inset-bottom)); z-index:1080; height:calc(62px + env(safe-area-inset-bottom)); }
 #app .ui111-mobile-bar :is(a,button) { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:4px; border:0; border-radius:8px; background:transparent; color:var(--lmh-text-2); flex:1; text-decoration:none; font:500 10px/1.5 Inter,system-ui,sans-serif; cursor:pointer; }
 #app .ui111-mobile-bar svg { width:20px; height:20px; }
 #app .ui111-mobile-bar [aria-current=page] { color:var(--lmh-link); background:var(--lmh-primary-tint); }
 #app .app-shell .content { padding:20px 24px 90px!important; }
 #app .ui111-skip { left:12px; }
 #app .notification-panel,#app .user-menu-panel,#app .signout-menu { position:fixed!important; top:60px!important; right:16px!important; left:auto!important; max-width:calc(100vw - 32px); }
 #app .content .chat-layout { height:calc(100dvh - 200px); min-height:500px; }
 #app .content .admin-category-row { gap:2px!important; }
 #app .content .admin-category { padding:9px!important; font-size:11px!important; }
}
@media (max-width:650px) {
 #app .topbar { padding:0 10px!important; }
 #app .topbar-left-wrap { flex:1; }
 #app .topbar-right { gap:0!important; }
 #app .lmh-theme-toggle,#app .notification-bell,#app .topbar-signout { width:34px!important; min-width:34px!important; padding:6px!important; }
 #app .user-chip-btn { padding-left:5px!important; }
 #app .user-avatar { width:30px!important; height:30px!important; font-size:10px!important; }
 #app .user-chip-role { display:none!important; }
 #app .global-search-input { padding-left:30px!important; font-size:11px!important; min-height:36px; height:36px!important; }
 #app .ui111-search-icon { left:9px; top:10px; }
 #app .ui111-search-icon svg { width:16px; height:16px; }
 #app .global-search-panel { position:fixed!important; left:12px; right:12px; top:60px!important; width:calc(100vw - 24px)!important; min-width:0; }
 #app .app-shell .content { padding:18px 16px 90px!important; }
 #app .ui111-context { margin-bottom:15px; font-size:10px; gap:7px; }
 #app .ui111-context-date { display:none; }
 #app .content .ui111-home-columns,#app .content .p108-columns,#app .content .p108-two,#app .content .p108-three { grid-template-columns:minmax(0,1fr)!important; }
 #app .content .ui111-welcome { padding:24px 21px; display:block; }
 #app .content .ui111-welcome-date { align-items:flex-start; margin-top:18px; gap:4px; }
 #app .content .ui111-welcome-date>span,#app .content .ui111-welcome-date small { display:none; }
 #app .content .ui111-welcome h1 { font-size:28px; }
 #app .content .ui111-welcome-copy>p:not(.ui111-eyebrow) { font-size:12px; }
 #app .content .ui111-welcome-actions { gap:8px; }
 #app .content .ui111-metric-grid,#app .content .ui111-employee-stats { gap:10px; }
 #app .content .ui111-metric { padding:16px 12px; gap:10px; }
 #app .content .ui111-stat-icon { width:30px; height:30px; flex-basis:30px; border-radius:8px; }
 #app .content .ui111-stat-icon svg { width:17px; height:17px; }
 #app .content .ui111-metric strong { font-size:25px; }
 #app .content .ui111-metric small { font-size:10px; }
 #app .content .ui111-metric>div>span { font-size:10px; }
 #app .content .ui111-employee-stats>div { padding:16px 12px; gap:9px; }
 #app .content .ui111-employee-stats strong { font-size:25px; }
 #app .content .ui111-employee-stats>div>div>span { font-size:10px; }
 #app .content .ui111-priority-list>a { padding:17px 16px; gap:10px; flex-wrap:wrap; }
 #app .content .ui111-priority-list>a>div:first-of-type { flex:1 1 170px; }
 #app .content .ui111-priority-meta { text-align:left; margin-left:27px; }
 #app .content .ui111-learning-continue { padding:20px 18px; gap:14px; }
 #app .content .ui111-learning-symbol { width:40px; height:40px; flex-basis:40px; border-radius:10px; }
 #app .content .ui111-learning-symbol svg { width:22px; height:22px; }
 #app .content .ui111-learning-body h3 { font-size:16px; }
 #app .content :is(.p108-panel-head,.c107-panel-head) { padding:16px 18px!important; }
 #app .content :is(.p108-pad,.card-pad-lg) { padding:18px!important; }
 #app .content :is(.p108-metrics,.admin-summary-grid) { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
 #app .content :is(.p108-form-grid,.em110-fields,.v106-form-grid) { grid-template-columns:minmax(0,1fr)!important; }
 #app .content .ui111-employee-summary { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
 #app .content .ui111-employee-summary>div:nth-child(3) { grid-column:1/-1; }
 #app .content .ui111-employee-summary>button { grid-column:1/-1; width:100%; }
 #app .content .em110-card { padding:19px!important; gap:17px; }
 #app .content .em110-foot { align-items:stretch; }
 #app .content .em110-toolbar { padding:16px; }
 #app .content .em110-head h2 { font-size:24px!important; }
 #app .content .em110-actions .btn { flex:1; }
 #app .content .admin-header-v90 h1 { font-size:26px!important; }
 #app .content .admin-category-row { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); }
 #app .content .admin-category { justify-content:flex-start; text-align:left; }
 #app .content .admin-subnav-group { display:flex; flex-wrap:wrap; }
 #app .content .admin-tab { padding:7px 8px!important; }
 #app .content .p108-search-row { flex-wrap:wrap; gap:9px; }
 #app .content .p108-search-row input { width:100%; }
 #app .content .p108-calendar { overflow:visible; }
 #app .content .p108-calendar>div { padding:4px; min-height:78px; font-size:11px; }
 #app .content .p108-calendar :is(a,button) { font-size:9px!important; }
 #app .content .p108-goal { grid-template-columns:minmax(0,1fr)!important; }
 #app .content .p108-scale { grid-template-columns:minmax(0,1fr)!important; }
 .p108-overlay { padding:12px!important; }
 .p108-overlay .p108-dialog { max-height:94dvh; }
 .p108-overlay .p108-form-grid { grid-template-columns:minmax(0,1fr)!important; }
 .p108-overlay .p108-dialog-body { padding:18px!important; }
 #app .content .chat-layout { min-height:470px; height:calc(100dvh - 181px); }
 #app .content .chat-layout { display:flex; }
 #app .content .chat-sidebar { width:100%; }
}
@media (max-width:370px) {
 #app .global-search-input { font-size:10px!important; padding-right:5px!important; }
 #app .ui111-menu-button { width:31px; }
 #app .lmh-theme-toggle,#app .notification-bell,#app .topbar-signout { width:29px!important; min-width:29px!important; }
 #app .content .ui111-metric { flex-direction:column; }
 #app .app-shell .content { padding-left:12px!important; padding-right:12px!important; }
}
@media (prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto!important; }
 #app .app-shell *,#app .app-shell *:before,#app .app-shell *:after { transition:none!important; animation:none!important; scroll-behavior:auto!important; }
}
@media print {
 #app .ui111-sidebar,#app .topbar,#app .ui111-mobile-bar,#app .ui111-context,.ui111-workspace-tools { display:none!important; }
 #app .app-shell > .main { width:100%!important; margin:0!important; }
 #app .app-shell .content { padding:0!important; }
}

/* QA refinements: compact contextual administration; utility alignment. */
#app .global-search-wrap { position:relative!important; order:0!important; }
#app .ui111-command-button { order:1!important; }
#app .content .admin-workspace-v90:not([data-current-tab="dashboard"])>.admin-header-v90 { display:none!important; }
#app .content .admin-navigation-v90 { display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:9px 12px; }
#app .content .ui111-admin-area { display:flex; align-items:center; gap:10px; padding:0 5px; }
#app .content .ui111-admin-area label { margin:0; font-size:11px; font-weight:600; color:var(--lmh-text-2); }
#app .content .ui111-admin-area select { min-width:165px; height:36px; font-size:12px; padding:7px 10px; }
#app .content .admin-subnav-row { border:0!important; padding:0!important; background:transparent!important; flex:1 1 450px; }
#app .content .admin-subnav-group { justify-content:flex-start; padding:0; }
#app .content .admin-tab { font-size:11px!important; }
#app .content .admin-workspace-v90[data-current-tab="dashboard"] .admin-subnav-row { display:none!important; }
@media(max-width:600px) {
 #app .global-search-input { padding-left:30px!important; }
 #app .content .admin-navigation-v90 { gap:10px; padding:12px; }
 #app .content .ui111-admin-area { width:100%; padding:0; }
 #app .content .ui111-admin-area select { flex:1; min-width:0; width:auto; }
 #app .content .admin-subnav-row { flex-basis:100%; }
}
@media(max-width:900px) {
 body.ui111 #floatingChatRoot .floating-chat-btn,
 body.ui111 #floatingChatRoot .floating-chat-launcher,
 body.ui111 #floatingChatRoot .chat-fab { bottom:80px!important; }
 body.ui111 #floatingChatRoot .floating-chat-window { bottom:80px!important; max-height:calc(100dvh - 160px)!important; }
}

/* Final narrow-screen record and composer layouts. */
#app .ui111-sidebar { align-items:stretch!important; }
#app .ui111-brand-row,#app .ui111-nav { width:100%!important; }
#app .ui111-drawer-close { right:12px!important; }
#app .content .login-history-card { border-color:var(--lmh-line); background:var(--lmh-surface); }
#app .content .lh-employee>div { min-width:0; }
#app .content .lh-employee b { white-space:normal; overflow-wrap:anywhere; }
@media(max-width:900px) {
 body.ui111 #floatingChatRoot .floating-chat-dock { bottom:80px!important; right:16px!important; }
 body.ui111 #floatingChatRoot .floating-chat-window.chat-v90 { bottom:80px!important; max-height:calc(100dvh - 160px)!important; }
 #app .content .login-history-head { display:none!important; }
 #app .content .login-history-row { grid-template-columns:minmax(0,1fr) minmax(0,1fr) 30px!important; gap:14px 12px!important; padding:18px!important; }
 #app .content .login-history-row>.lh-employee { grid-column:1/3; }
 #app .content .login-history-row>.lh-expand { grid-column:3;grid-row:1; }
 #app .content .login-history-row>.lh-metric,#app .content .login-history-row>.lh-last { min-width:0; }
 #app .content .login-history-detail { padding:0 14px 18px!important; }
 #app .content .lh-detail-head { flex-wrap:wrap; }
}
@media(max-width:600px) {
 #app .content .chat-v90 .chat-composer-main,
 #floatingChatRoot .chat-v90 .floating-chat-composer-main { display:grid!important;grid-template-columns:32px 32px minmax(0,1fr) 42px!important;gap:5px!important; }
 #app .content .chat-v90 .chat-composer textarea,#floatingChatRoot .chat-v90 .floating-chat-composer textarea { min-width:0!important;padding:10px!important;font-size:12px!important;resize:none; }
 #app .content .chat-v90 .chat-composer .chat-send-button,#floatingChatRoot .chat-v90 .chat-send-button { width:42px!important;min-width:42px!important;padding:0 8px!important; }
 #app .content .chat-v90 .chat-attach-btn,#app .content .chat-v90 .chat-voice-btn { width:32px!important;min-width:32px!important; }
}

.ui111-search-state { padding:16px; font-size:12px; line-height:1.7; color:var(--lmh-text-2); }
#app .global-search-panel .global-person-avatar { flex:0 0 30px; }
@media(max-width:600px){ #app .global-search-panel { position:fixed!important;top:64px!important;left:12px!important;right:12px!important;width:auto!important;max-width:none!important; } }

/* The guided tour reveals the relevant disclosure without dimming the page. */
.portal-tour-card{background:var(--lmh-surface);color:var(--lmh-text);border:1px solid var(--lmh-line);border-radius:16px;box-shadow:0 12px 40px rgba(10,32,60,.18)}
.portal-tour-card p{color:var(--lmh-text-2);line-height:1.6}
@media(max-width:600px){.portal-tour-card{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto}.portal-tour-actions{display:flex;flex-wrap:wrap;gap:8px}}
/* Floating chat follows the current theme; the icon must not disappear on a white launcher. */
body.ui111 .floating-chat-dock{background:var(--lmh-surface)!important;color:var(--lmh-text)!important;border:1px solid var(--lmh-line)!important}
body.ui111 .floating-chat-dock span,body.ui111 .floating-chat-dock svg{color:var(--lmh-text)!important}