/* Respond to the reading pane's width, including user-resized sidebars. */
.main{container-type:inline-size;container-name:workspace}
.main:is(:has(.knowledge-home-back),:has(.meeting-minutes-view))>header{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px;padding:24px 28px;background:#fff}
.main:is(:has(.knowledge-home-back),:has(.meeting-minutes-view))>header>div:first-child{flex:1 1 280px;min-width:0}
.main:is(:has(.knowledge-home-back),:has(.meeting-minutes-view))>header h1{margin:6px 0 10px}
.main:is(:has(.knowledge-home-back),:has(.meeting-minutes-view))>header p{line-height:1.7;max-width:52em;margin:0;color:#61737d}
.main:is(:has(.knowledge-home-back),:has(.meeting-minutes-view))>header .actions{flex-wrap:wrap;gap:8px;max-width:100%}
.main:is(:has(.knowledge-home-back),:has(.meeting-minutes-view))>header .actions>button:first-child:not(.knowledge-page-search){display:none}
.main:is(:has(.knowledge-home-back),:has(.meeting-minutes-view)) .minutes-view{padding:0 24px 24px;overflow-y:auto;display:block;background:#f6f8f9}
.main .knowledge-tabs{display:flex;flex-direction:row;position:sticky;top:0;z-index:3;gap:8px;margin:0;padding:16px 0;background:#f6f8f9;border:0;overflow-x:auto;flex-shrink:0}
.main .knowledge-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;flex:1 0 auto;width:auto;min-height:48px;padding:10px 16px;border:1px solid #dbe4e7;border-radius:12px;background:#fff;color:#536974;white-space:nowrap}
.main .knowledge-tabs button.active{background:#e8f6f0;color:#116c51;border-color:#82c4ae;box-shadow:inset 0 -3px #249778}
.main .knowledge-tabs .nav-icon{width:23px;height:23px;flex:none}
.main:is(:has(.knowledge-home-back),:has(.meeting-minutes-view)) .minutes-layout{display:grid;grid-template-columns:minmax(210px,28%) minmax(0,1fr);gap:20px;height:auto;min-height:0;align-items:start}
.main:is(:has(.knowledge-home-back),:has(.meeting-minutes-view)) .minutes-nav{position:static;width:auto;height:auto;max-height:none;overflow:visible;padding:0;background:transparent;border:0}
.main:is(:has(.knowledge-home-back),:has(.meeting-minutes-view)) .channel-list{padding:16px;border:1px solid #dce5e7;border-radius:16px;background:#fff;display:grid;gap:10px}
.main:is(:has(.knowledge-home-back),:has(.meeting-minutes-view)) .channel-list h2{margin:0 0 4px;color:#304a55}
.main:is(:has(.knowledge-home-back),:has(.meeting-minutes-view)) .channel-card{width:100%;min-width:0;margin:0;padding:13px 14px;border-radius:10px;box-shadow:none;white-space:normal;overflow-wrap:anywhere}
.main:is(:has(.knowledge-home-back),:has(.meeting-minutes-view)) .channel-card.active{border-color:#7bc1aa;background:#edf8f3;box-shadow:inset 3px 0 #259673}
.main:is(:has(.knowledge-home-back),:has(.meeting-minutes-view)) .channel-card :is(b,span,small){white-space:normal;overflow-wrap:anywhere;line-height:1.65}
.main:is(:has(.knowledge-home-back),:has(.meeting-minutes-view)) .channel-card span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.main:is(:has(.knowledge-home-back),:has(.meeting-minutes-view)) .project-group{display:grid;gap:8px;min-width:0}
.main:is(:has(.knowledge-home-back),:has(.meeting-minutes-view)) .project-group h3{margin:10px 0 4px;overflow-wrap:anywhere}
.main:is(:has(.knowledge-home-back),:has(.meeting-minutes-view)) .overview-collapsible>summary{display:flex;align-items:start;flex-wrap:wrap;gap:12px;min-width:0}
.main:is(:has(.knowledge-home-back),:has(.meeting-minutes-view)) .overview-collapsible>summary>div{min-width:0;flex:1 1 180px}
.main:is(:has(.knowledge-home-back),:has(.meeting-minutes-view)) .overview-collapsible>summary>b{white-space:normal;flex:0 1 auto}
.main:is(:has(.knowledge-home-back),:has(.meeting-minutes-view)) .overview-collapsible>summary p{display:none}
.library-reading-pane{padding:24px;border:1px solid #dce5e7;border-radius:16px;background:#fff;min-width:0;overflow-wrap:anywhere}
.library-reading-pane .knowledge-detail-head{gap:8px}
.library-reading-pane #knowledge-detail-path{display:none}
.library-reading-pane .markdown{line-height:1.85;min-width:0}
.library-reading-pane .markdown :is(pre,table){max-width:100%;overflow:auto;display:block}
.main:is(:has(.knowledge-home-back),:has(.meeting-minutes-view)) .minutes-panel{min-width:0;width:auto;height:auto;max-height:none;overflow:visible;padding:0;border:0;background:transparent;display:grid;gap:16px}
.main:is(:has(.knowledge-home-back),:has(.meeting-minutes-view)) .minutes-panel>:is(.overview-card,.log-card,.knowledge-selection-empty){margin:0;padding:24px;border:1px solid #dce5e7;border-radius:16px;background:#fff;min-width:0;overflow-wrap:anywhere;box-shadow:none}
.main:is(:has(.knowledge-home-back),:has(.meeting-minutes-view)) .minutes-panel :is(.markdown,.meeting-list){min-width:0;overflow-wrap:anywhere}
.main:is(:has(.knowledge-home-back),:has(.meeting-minutes-view)) .minutes-panel .day-tabs{flex-wrap:wrap}
.main:is(:has(.knowledge-home-back),:has(.meeting-minutes-view)) .overview-actions{flex-wrap:wrap}
.main:is(:has(.knowledge-home-back),:has(.meeting-minutes-view)) :is(input,select,textarea){min-width:0;max-width:100%;box-sizing:border-box}
.main:is(:has(.knowledge-home-back),:has(.meeting-minutes-view)) .library-access-empty{margin:24px;padding:24px;border-radius:16px;background:#fff;line-height:1.8}
/* A visible start button is separate from the saved-conversation picker. */
.main>.interview-page-header{display:block;padding:20px 24px 16px}
.interview-page-header>div:first-child{min-width:0}
.interview-page-header h1{margin:4px 0 8px}
.interview-page-header p{line-height:1.7;margin:0;color:#61737d}
.interview-page-header .interview-header-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:12px;width:100%;margin-top:16px}
.interview-header-actions .interview-session-toolbar{display:flex;align-items:stretch;flex:1 1 420px;gap:12px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.interview-session-toolbar .interview-session-picker{flex:1 1 240px;min-width:0}
.interview-session-toolbar .interview-session-picker>summary{padding:10px 14px;min-height:52px;box-sizing:border-box}
.interview-session-toolbar .interview-session-new{height:auto;min-height:52px;padding:12px 18px;background:#138563;border:1px solid #138563;border-radius:11px;color:#fff;white-space:normal;flex:0 0 auto}
.interview-session-toolbar .interview-session-new:hover{background:#0b7052}
.interview-session-toolbar .interview-session-new:disabled{opacity:.55;cursor:wait}
.interview-session-toolbar .interview-session-window{left:0;right:auto;width:min(440px,calc(100cqw - 60px));box-sizing:border-box}
.interview-header-actions .interview-profile-mini{padding:0;min-width:0;background:none;border:0;box-shadow:none}
.interview-profile-mini>button{padding:10px 0;border:0;background:transparent;color:#56706d;text-decoration:underline;text-underline-offset:4px}
.interview-session-toolbar :is(button,summary):focus-visible,.knowledge-tabs button:focus-visible{outline:3px solid #70bea9;outline-offset:3px}
#knowledge-employees{padding:24px;min-width:0}
#knowledge-employees .employee-knowledge-grid{grid-template-columns:minmax(180px,30%) minmax(0,1fr);height:auto;min-height:0;background:white;border-radius:14px;border:1px solid #dce5e7;overflow:hidden}
#knowledge-employees .employee-list,#knowledge-employees .employee-profile{padding:20px;height:auto;max-height:none}
#knowledge-employees .employee-card{width:100%;min-width:0;overflow-wrap:anywhere}
#knowledge-employees .employee-card b{white-space:normal;overflow-wrap:anywhere}
#knowledge-employees .employee-profile-row{display:grid;grid-template-columns:minmax(140px,35%) minmax(0,1fr);gap:12px;align-items:start;padding:12px;line-height:1.7}
#knowledge-employees .employee-profile-row>span{width:auto;min-width:0}
#knowledge-employees .employee-profile-row em{display:inline-block;white-space:nowrap}
#knowledge-employees .library-reading-pane{margin-top:20px}
.knowledge-workspace .knowledge-pane-tabs{margin:0;padding:18px 24px;border-bottom:1px solid var(--kw-line);background:white}
@container workspace (max-width:780px){
  .main:is(:has(.knowledge-home-back),:has(.meeting-minutes-view)) .minutes-layout{grid-template-columns:minmax(0,1fr)}
  .main:is(:has(.knowledge-home-back),:has(.meeting-minutes-view)) .channel-list{max-height:300px;overflow-y:auto}
  .main:is(:has(.knowledge-home-back),:has(.meeting-minutes-view)) .minutes-panel>:is(.overview-card,.log-card,.knowledge-selection-empty){padding:20px}
  .interview-session-toolbar .interview-session-new{flex:0 1 180px}
}
@container workspace (max-width:480px){
  .main:is(:has(.knowledge-home-back),:has(.meeting-minutes-view))>header{padding:20px 16px}
  .main:is(:has(.knowledge-home-back),:has(.meeting-minutes-view)) .minutes-view{padding:0 12px 16px}
  .main .knowledge-tabs button{padding:10px;gap:5px}
  .main .knowledge-tabs .nav-icon{display:none}
  .main>.interview-page-header{padding:16px}
  .interview-header-actions .interview-session-toolbar{flex-direction:column;gap:8px}
  .interview-session-toolbar .interview-session-picker,.interview-session-toolbar .interview-session-new{flex:auto}
  #knowledge-employees{padding:12px}
  #knowledge-employees .employee-knowledge-grid{grid-template-columns:minmax(0,1fr)}
  #knowledge-employees .employee-profile-row{grid-template-columns:minmax(0,1fr);gap:4px}
}
@media(max-width:1180px){
  .app-shell.context-pane-layout:not(.chat-only):not(.chat-related):has(.knowledge-home-back,.meeting-minutes-view,.interview-page-header){grid-template-columns:minmax(180px,var(--left-width)) 10px minmax(0,1fr) 0 0}
  .app-shell:has(.knowledge-home-back,.meeting-minutes-view,.interview-page-header)>.right,.app-shell:has(.knowledge-home-back,.meeting-minutes-view,.interview-page-header)>.right-resizer{display:none}
  .app-shell.context-pane-layout.left-collapsed:not(.chat-only):not(.chat-related):has(.knowledge-home-back,.meeting-minutes-view,.interview-page-header){grid-template-columns:0 10px minmax(0,1fr) 0 0}
}



.main .meeting-minutes-view{padding-top:20px}