/* Workspace layout only; dialog controls, feed and cards use app.css. */
.main:has(.desk-screen) .wrap { padding-bottom:14px; }
.desk-screen { display:flex; flex-direction:column; height:calc(100dvh - 28px); min-height:500px; }
.desk-screen .head { margin-bottom:12px; }
.desk-tools { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-bottom:12px; }
.desk-tools select { width:260px; }
.desk-tools #desk-sync { margin-left:auto; }
.desk-screen #desk-channel-note:not(:empty) { padding:6px 0 10px; }
.desk-layout.tgc { flex:1; min-height:0; grid-template-columns:320px minmax(280px,1fr) 290px; gap:12px; }
.desk-list-col { min-height:0; display:flex; flex-direction:column; gap:10px; }
.desk-list-col .card-t { margin:0; }
.desk-layout .tgc-list { height:auto; flex:1; min-height:0; padding:2px 4px 8px 2px; }
.desk-layout .tgc-view, .desk-layout .tgc-card-col { height:100%; min-height:0; grid-column:auto; }
.desk-layout .tgc-card-col { padding:2px 3px 8px; }
.desk-person { width:100%; border:0; text-align:left; font:inherit; flex-shrink:0; }
.desk-layout .tgc-item-top b { max-width:100%; }
.desk-person .tgc-cand { flex-wrap:wrap; white-space:normal; overflow:visible; }
.desk-person .tgc-stage { flex-wrap:wrap; overflow:visible; }
.desk-person .tgc-ava:not(.pic) { display:inline-flex; align-items:center; justify-content:center; font-size:var(--fs-sm); }
.desk-person-detail { display:flex; flex-direction:column; align-items:flex-start; gap:5px; margin-top:8px; overflow-wrap:anywhere; }
.desk-person-next { font-size:var(--fs-sm); color:var(--text-2); display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
.desk-person .tag { max-width:100%; white-space:normal; overflow-wrap:anywhere; }
.desk-layout .tgc-hint { padding-bottom:8px!important; }
.desk-layout .tgc-compose textarea { max-height:150px; }
.desk-send-state { padding:6px 14px; }
.desk-layout .note { margin-top:10px; }
.desk-card-toggle, .desk-close-card, .desk-back { display:none; }
.desk-settings .assignment { display:grid; grid-template-columns:minmax(0,1fr) minmax(220px,1fr); gap:16px; align-items:center; padding:10px 0; border-bottom:1px solid var(--line-2); }
.desk-settings .assignment label, .desk-settings .days label { display:flex; gap:6px; align-items:center; flex-wrap:wrap; }
.desk-settings .assignment small { color:var(--muted); }
.desk-settings .days { display:flex; flex-wrap:wrap; gap:12px; }
.desk-settings h3 { font-size:var(--fs-h4); }
.desk-settings label.field { font-size:var(--fs-sm); color:var(--text-3); }
.desk-kpis { grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); }
.desk-kpi { color:inherit; text-decoration:none; }
.desk-kpi:hover { box-shadow:var(--shadow-md); }
.desk-vac-metrics { display:flex; flex-wrap:wrap; gap:8px; margin:16px 0; }
.desk-dash-note { margin-top:18px; }
.desk-kpi-table { overflow-x:auto; }
.desk-calendar-days { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr)); gap:12px; align-items:start; }
.desk-calendar-day { min-width:0; }
.desk-calendar-meeting { display:flex; flex-direction:column; align-items:flex-start; gap:8px; padding:12px 0; border-top:1px solid var(--line-2); overflow-wrap:anywhere; }
.desk-calendar-meeting .note { width:100%; box-sizing:border-box; }
#calendar-date { width:auto; }
.desk-card-setting { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:8px 0; border-bottom:1px solid var(--line-2); }
.desk-card-setting label { display:flex; align-items:center; gap:8px; }
.desk-card-setting > div { white-space:nowrap; }
@media(max-width:1390px) {
  .desk-layout.tgc { grid-template-columns:320px minmax(0,1fr); }
  .desk-layout .tgc-card-col { display:none; }
  .desk-layout .tgc-card-col.open { display:flex; position:fixed; z-index:25; top:12px; bottom:12px; right:12px; width:min(360px,calc(100vw - 24px)); height:auto; padding:12px; background:var(--bg); border-radius:var(--r-lg); box-shadow:var(--shadow-lg); }
  .desk-card-toggle, .desk-close-card { display:inline-flex; }
}
@media(max-width:1000px) {
  .desk-layout.tgc { grid-template-columns:280px minmax(0,1fr); }
  .desk-screen .head { grid-template-columns:1fr; gap:8px; }
  .desk-screen .head-actions { grid-column:1; justify-content:flex-start; }
  .desk-screen .tgc-filters { gap:5px; }
  .desk-screen .tgc-filters .btn { padding:5px 9px; }
}
@media(max-width:760px) {
  .main:has(.desk-screen) .wrap { padding-left:12px; padding-right:12px; }
  .desk-layout.tgc { grid-template-columns:minmax(0,1fr); }
  .desk-layout .tgc-view { display:none; }
  .desk-layout.desk-has-selection .tgc-view { display:flex; }
  .desk-layout.desk-has-selection .desk-list-col { display:none; }
  .desk-layout .tgc-list { max-height:none; }
  .desk-back { display:inline-flex; }
  .desk-settings .assignment { grid-template-columns:minmax(0,1fr); }
}