/* Shared layout only: both palettes use these same record and list surfaces. */
.view.record-open> :not(.record-page){display:none!important}
html:root #view-tasks.record-open>#taskFilters{display:none!important}
.record-page{width:100%;min-width:0}
.record-nav{display:flex;gap:10px;justify-content:space-between;align-items:center;margin:0 0 14px;flex-wrap:wrap}
.record-nav a{text-decoration:none}
.record-content{max-width:1200px;margin:0 auto;min-width:0}
.record-content h1,.record-content h2{line-height:1.25;overflow-wrap:anywhere}
.record-content h1{font-size:26px;margin:0 0 10px}
.record-content [tabindex="-1"]:focus,#view-incident-detail h1[tabindex="-1"]:focus{outline:none;box-shadow:none}
.record-page[data-kind=kb] .record-content{max-width:980px}
.record-page[data-kind=kb] .kb-body{font-size:15px;line-height:1.7}
html:root #tkWorkspace{display:block}
html:root #tkWorkspace .tk-queue{max-width:none;width:100%}
html:root #tkList{max-height:none;overflow:visible}
html:root #tkList .tk-row{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:20px;row-gap:4px;width:100%;text-decoration:none;color:var(--ink);padding:12px 14px;min-width:0;border-radius:10px}
#tkList .tk-row-title,#tkList .tk-row-meta,#tkList .tk-preview{grid-column:1}
#tkList .tk-row-title{font-size:14px}
#tkList .tk-row-badges{grid-column:2;grid-row:1 / 3;align-self:start}
#tkList .tk-row-counts{grid-column:2;grid-row:3;max-width:360px}
#tkList .tk-row>.tk-label{justify-self:start}
.record-content #tkDetail .tk-header{flex-direction:row;align-items:flex-start}
.record-content #tkThread{max-height:45vh!important}
.record-content #tkDetail .tk-header-actions:empty{display:none}
.kb-grid{display:grid!important;grid-template-columns:220px minmax(0,1fr);gap:14px;align-items:start}
.kb-grid>.card{min-width:0!important;width:auto!important}
.kb-category-mobile{display:none}
.kb-article-link{display:block;text-decoration:none;color:var(--ink);padding:12px;border:1px solid var(--line);border-radius:10px;margin-bottom:7px}
.kb-article-link:hover{background:var(--input-bg)}
.kb-article-link strong{font-size:14px;font-weight:650}
.connection-sections>details,.connection-sections>section{margin-bottom:14px}
#connectionOverview{margin-bottom:14px}
.connection-sections>details{scroll-margin-top:80px}
.connection-sections h2{font-size:19px;margin:0 0 8px}
#supportConnections #wsnipBox{margin:12px 0 0!important;box-shadow:none}
.team-settings{margin-top:8px;border-top:1px solid var(--line);padding-top:8px}
.team-settings>summary{cursor:pointer;font-size:13px;font-weight:600;min-height:32px;display:list-item;align-content:center}
.team-settings .team-person-actions{margin:8px 0;flex-wrap:wrap}
.team-settings .team-permission-fields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important}
.team-settings .team-permission-fields label{min-width:0;align-items:flex-start!important;flex-direction:column}
.team-settings .team-permission-fields label:has(input[type=checkbox]){flex-direction:row;align-items:center!important}
.team-settings select{width:100%!important;max-width:100%}
#view-subscription #subActions{margin:12px 0 18px!important}
#view-connections .fold-body .steps{font-size:13px}
#view-analytics .an-pane>div:has(#rel-svc)>span{flex-wrap:wrap}
#view-analytics .an-pane>div:has(#rel-svc)>span>.btn{flex:1 1 auto}
.incident-filter-bar{display:flex;gap:8px;flex-wrap:wrap}
.incident-filter-bar>input{flex:1;min-width:180px}
#incidentExtraFilters{flex:0 0 auto}
#incidentExtraFilters>summary{cursor:pointer;border:1px solid var(--control-border);border-radius:9px;padding:10px 13px;font-size:13px;font-weight:600}
#incidentExtraFilters[open]{flex:1 0 100%}
.incident-extra-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;padding-top:12px}
.incident-extra-fields label{font-size:12px;color:var(--muted)}
.incident-extra-fields select{display:flex;width:100%;margin-top:5px;align-items:center}
.kb-category-desktop button{font:inherit;width:100%;border:0;color:var(--ink);text-align:left}
#incGuide .inc-guide{padding:0;margin-top:12px;background:none;border:0}
#incGuide .ig-checklist{padding:0;margin:0;border:0}
#incGuide .ig-checklist>summary{min-height:40px;padding:10px 0}
.incident-primary-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.episode-link,a.inc-item{text-decoration:none;color:var(--ink)}
.episode-link{cursor:pointer}
html:root #servicesList .btn.ib{width:auto;min-width:44px;gap:6px;padding:8px 10px}
html:root #servicesList .btn.ib .ib-t{display:inline;font-size:12px}
#incActions{scroll-margin-top:80px}
.tpl-custom{flex-wrap:wrap}
.tpl-custom>div:nth-child(2){min-width:0!important;flex-basis:200px!important}
.tpl-custom>.btn{max-width:100%;margin-left:auto}
@media(max-width:850px){
 .record-content{padding:16px!important}
 .record-content h1{font-size:23px}
 .record-nav>.btn{min-height:42px}
 .record-nav{gap:8px}
 .record-nav>.btn:last-child{font-size:12px;padding:9px 11px}
 .kb-grid{grid-template-columns:minmax(0,1fr)!important;gap:10px}
 .kb-categories{padding:12px!important}
 .kb-categories>div:first-child{display:none}
 #kbCats>.kb-category-desktop{display:none}
 .kb-category-mobile{display:block;font-size:13px;font-weight:600}
 .kb-category-mobile select{display:flex;align-items:center;width:100%;margin-top:6px}
 #tkList .tk-row-badges,#tkList .tk-row-counts{grid-column:1;grid-row:auto;max-width:100%}
 html:root #tkList .tk-row{grid-template-columns:minmax(0,1fr);gap:6px;padding:12px}
 .team-settings .team-permission-fields{grid-template-columns:minmax(0,1fr)}
 .record-content #tkDetail .tk-header{flex-wrap:wrap}
 html:root #relStats{grid-template-columns:repeat(2,minmax(0,1fr))}
 #relStats .stat-label{font-size:12px;overflow-wrap:anywhere}
 .incident-filter-bar>input{flex-basis:100%}
 .incident-primary-actions>.btn{flex:1 1 140px;min-height:42px}
}