/* The broker workspace shares the existing dark surfaces and restrained gold. */
.workspace>.topbar{position:sticky;top:0;z-index:55}
@media(max-width:800px){.app-shell:has(>.sidebar.sidebar-open)>.workspace>.topbar{z-index:81}}
@media(max-width:580px){
  .topbar.dashboard-unified-header .dashboard-unified-inner{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px 10px}
  .dashboard-unified-header .dashboard-unified-identity{grid-row:1;grid-column:1}
  .topbar.dashboard-unified-header .dashboard-unified-actions{display:contents}
  .dashboard-unified-header .dashboard-header-actions{grid-row:2;grid-column:1/-1}
  .topbar.dashboard-unified-header .connection{grid-row:1;grid-column:2;width:6px;height:6px;position:static;align-self:center;justify-self:center;font-size:0;margin:0;gap:0;line-height:0}
  .topbar.dashboard-unified-header .date-top{display:block;grid-row:1;grid-column:3;align-self:center}
}
.dashboard-page .dashboard-reading-toggle{margin-top:14px;display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #ffffff12;border-radius:7px;color:var(--muted);background:#ffffff03;transition:background .2s,color .2s,border-color .2s,box-shadow .2s}
.dashboard-page .dashboard-reading-toggle.is-active{color:#a3c5b0;border-color:#78a58b55;background:#78a58b12;box-shadow:inset 0 0 12px #78a58b08}
.dashboard-page .dashboard-reading-toggle>span:last-child{font-size:10px;opacity:.8}
.topbar.dashboard-unified-header{
  position:sticky;
  top:0;
  z-index:55;
  display:block;
  min-height:0;
  padding:0;
  border-bottom:1px solid #ffffff12;
  background:linear-gradient(115deg,#ffffff05,#ffffff01 45%,#ffffff03),rgba(20,20,21,.7);
  backdrop-filter:blur(22px) saturate(130%);
  -webkit-backdrop-filter:blur(22px) saturate(130%);
  box-shadow:inset 0 1px 0 #ffffff06,0 6px 20px #00000014;
}
.dashboard-unified-header .dashboard-unified-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  width:100%;
  max-width:1680px;
  min-height:78px;
  margin:0 auto;
  padding:12px 34px;
  box-sizing:border-box;
}
.dashboard-unified-header .dashboard-unified-identity{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.dashboard-unified-header #sidebar-toggle{
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 44px;
  width:44px;
  height:44px;
  padding:10px;
  border:1px solid #ffffff0e;
  border-radius:8px;
  color:#aaa8a5;
  background:#ffffff02;
}
.dashboard-unified-header #sidebar-toggle:hover{
  color:#d2c09a;
  border-color:#cfb57335;
  background:#ffffff05;
}
.dashboard-unified-header #sidebar-toggle:focus-visible{
  outline:2px solid var(--gold,#cfb573);
  outline-offset:3px;
}
.dashboard-unified-header h1{
  min-width:0;
  margin:0;
  font-size:28px;
  font-weight:650;
  line-height:1.25;
  letter-spacing:-.55px;
  overflow-wrap:anywhere;
}
.dashboard-unified-header .dashboard-unified-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:16px;
  min-width:0;
  max-width:100%;
  flex-wrap:wrap;
}
.dashboard-unified-header .dashboard-header-actions{
  flex-shrink:0;
  gap:8px;
}
.dashboard-unified-header :is(.date-top,.topbar-date){
  padding-left:13px;
  border-left:1px solid #ffffff10;
  color:#83838a;
  font-size:10px;
  line-height:1.4;
  white-space:nowrap;
}
.dashboard-unified-header .connection{
  color:#94959a;
  font-size:9px;
}
.dashboard-unified-header .connection>span{
  background:#78a58b;
  box-shadow:0 0 0 3px #78a58b0c;
}
.dashboard-unified-header .connection.offline{
  color:#b4a16d;
}
.dashboard-unified-header .connection.offline>span{
  background:#c9af50;
  box-shadow:0 0 0 3px #c9af500c;
}
.dashboard-unified-header+.main-content{
  padding-top:28px;
}
.dashboard-page .dashboard-work-group{
  min-width:0;
}
.dashboard-page .dashboard-work-group>.dashboard-process-group-title{
  color:var(--ink,#eeeef0);
  font-size:14px;
  font-weight:650;
  letter-spacing:.08em;
}
.dashboard-page .dashboard-work-group>.dashboard-process-group-title>span{
  background:var(--surface-1,#141415);
}
.dashboard-page .dashboard-work-group .work-frame-header{
  flex-wrap:wrap;
}
.dashboard-page .dashboard-work-group .work-frame-header>.section-actions{
  min-width:0;
  max-width:100%;
  flex-wrap:wrap;
}
.dashboard-page .dashboard-work-group .record-gallery{
  grid-template-columns:repeat(auto-fill,minmax(min(var(--record-card-width,244px),100%),var(--record-card-width,244px)));
  gap:var(--record-card-gap,12px);
  min-width:0;
  align-items:start;
}
.dashboard-page .dashboard-internal-status-board{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  min-width:0;
  align-items:start;
}
.dashboard-page .dashboard-internal-column{
  --internal-tone:#d68174;
  min-width:0;
  padding:12px;
  border:1px solid #ffffff0e;
  border-radius:8px;
  background:#ffffff01;
}
.dashboard-page .dashboard-internal-column[data-status="in_progress"]{
  --internal-tone:#7da4bd;
}
.dashboard-page .dashboard-internal-column[data-status="done"]{
  --internal-tone:#78a58b;
}
.dashboard-page .dashboard-internal-column>h4,
.dashboard-page .dashboard-internal-column>.dashboard-internal-heading{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
  margin:0 0 12px;
  color:var(--internal-tone);
  font-size:11px;
  font-weight:600;
  line-height:1.5;
  letter-spacing:.025em;
}
.dashboard-page .dashboard-internal-column>h4::before,
.dashboard-page .dashboard-internal-column>.dashboard-internal-heading::before{
  content:"";
  flex:0 0 6px;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--internal-tone);
}
.dashboard-page .dashboard-internal-column>h4>span:last-child,
.dashboard-page .dashboard-internal-column>.dashboard-internal-heading>span:last-child{
  margin-left:auto;
  color:#8d8d94;
  font-size:10px;
  font-weight:400;
  font-variant-numeric:tabular-nums;
}
.dashboard-page .dashboard-internal-column>.section-empty{
  padding:15px 10px;
  font-size:11px;
  color:#83838b;
}
.dashboard-page .dashboard-internal-attention{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
  min-width:0;
}
.dashboard-page .dashboard-internal-attention>.work-frame{
  margin-bottom:0;
}
.dashboard-page .dashboard-work-group .work-tone-purple{
  --work-heading-dot:#ad94c4;
  border-color:#ad94c42d;
  border-left:3px solid #ad94c499;
}
.dashboard-page .dashboard-work-group .work-tone-purple>.work-frame-header{
  background:#ad94c409;
  border-bottom-color:#ad94c426;
}
.dashboard-page .dashboard-work-group .work-tone-purple>.work-frame-header :is(h2,h3){
  color:#c2b3ce;
}
.dashboard-page .dashboard-asset-date-group{
  min-width:0;
  margin:0 0 16px;
}
.dashboard-page .dashboard-asset-date-group:last-child{
  margin-bottom:0;
}
.dashboard-page .dashboard-asset-date-group>summary{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
  min-height:30px;
  margin-bottom:8px;
  padding:5px 0;
  color:var(--muted,#a6a6ad);
  font-size:12px;
  font-weight:500;
  line-height:1.4;
  list-style:none;
  cursor:pointer;
}
.dashboard-page .dashboard-asset-date-group>summary::-webkit-details-marker{
  display:none;
}
.dashboard-page .dashboard-asset-date-group>summary::before{
  content:'›';
  flex:0 0 10px;
  font-size:17px;
  line-height:1;
  transform:rotate(0deg);
  transition:transform .16s ease;
}
.dashboard-page .dashboard-asset-date-group[open]>summary::before{
  transform:rotate(90deg);
}
.dashboard-page .dashboard-asset-date-group>summary>span:first-child{
  min-width:0;
  overflow-wrap:anywhere;
}
.dashboard-page .dashboard-asset-date-group>summary:hover{
  color:var(--ink,#eeeef0);
}
.dashboard-page .dashboard-asset-date-group>summary:focus-visible{
  outline:2px solid var(--gold,#cfb573);
  outline-offset:3px;
  border-radius:4px;
}
.dashboard-page .dashboard-filter-tabs{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
  max-width:100%;
  margin:0 0 16px;
  padding:0 0 4px;
  overflow-x:auto;
  scrollbar-width:thin;
}
.dashboard-page .dashboard-filter-tabs>.filter-pill{
  flex:0 0 auto;
  margin:0;
  padding:6px 9px;
  font-size:10px;
  font-weight:500;
  line-height:1.4;
  white-space:nowrap;
}
.dashboard-page .dashboard-section-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
  min-width:0;
  flex-wrap:wrap;
}
.dashboard-page .dashboard-more,
.dashboard-page .dashboard-more-button{
  display:block;
  min-height:32px;
  margin:14px auto 0;
  font-size:11px;
  color:var(--muted,#a6a6ad);
}
.dashboard-page .dashboard-more:hover,
.dashboard-page .dashboard-more-button:hover{
  color:#d1be91;
}
.dashboard-page .dashboard-kpi-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  min-width:0;
}
.dashboard-page .dashboard-kpi-card{
  min-width:0;
  padding:15px 16px 13px;
  border:1px solid #ffffff11;
  border-radius:8px;
  background:linear-gradient(145deg,#ffffff02,transparent),var(--surface-2,#1b1b1d);
}
.dashboard-page .dashboard-kpi-label{
  display:flex;
  align-items:center;
  gap:6px;
  color:#aaaab0;
  font-size:11px;
  font-weight:500;
  line-height:1.45;
}
.dashboard-page .dashboard-kpi-label>.icon{
  width:14px;
  height:14px;
  flex:0 0 14px;
  color:#98979d;
}
.dashboard-page .dashboard-kpi-value{
  display:block;
  margin:10px 0 6px;
  color:var(--ink,#eeeef0);
  font-size:28px;
  font-weight:550;
  line-height:1.1;
  letter-spacing:-.5px;
  font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere;
}
.dashboard-page .dashboard-kpi-foot{
  display:block;
  min-height:14px;
  color:#85858d;
  font-size:10px;
  line-height:1.4;
}
.dashboard-page .dashboard-kpi-card[data-kpi-tone="success"] .dashboard-kpi-value{
  color:#78a58b;
}
.dashboard-page .dashboard-kpi-card[data-kpi-tone="info"] .dashboard-kpi-value{
  color:#7da4bd;
}
.dashboard-page .dashboard-kpi-card[data-kpi-tone="gold"] .dashboard-kpi-value{
  color:#cfb573;
}
.dashboard-page .dashboard-origin-bars{
  display:grid;
  gap:13px;
  width:100%;
  min-width:0;
  margin:0;
  padding:0;
  list-style:none;
}
.dashboard-page .dashboard-origin-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:6px 12px;
  min-width:0;
  font-size:11px;
  line-height:1.5;
}
.dashboard-page .dashboard-origin-name{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
  color:#c3c2c8;
  overflow-wrap:anywhere;
}
.dashboard-page .dashboard-origin-count{
  color:#a1a0a8;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}
.dashboard-page .dashboard-origin-rail{
  grid-column:1/-1;
  height:5px;
  overflow:hidden;
  border-radius:4px;
  background:#ffffff09;
}
.dashboard-page .dashboard-origin-fill{
  display:block;
  width:var(--origin-share,0%);
  max-width:100%;
  height:100%;
  border-radius:inherit;
  background:var(--origin-color,#a99a73);
}
.dashboard-page .dashboard-team-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(min(244px,100%),244px));
  gap:12px;
  min-width:0;
}
.dashboard-page .dashboard-team-card{
  min-width:0;
  gap:10px;
}
.dashboard-page .dashboard-team-identity{
  display:flex;
  align-items:center;
  gap:11px;
  min-width:0;
}
.dashboard-page .dashboard-team-identity :is(.record-avatar,.avatar,.client-option-avatar){
  --record-avatar-size:38px;
  flex:0 0 38px;
  width:38px;
  height:38px;
  max-width:38px;
  max-height:38px;
  border-radius:50%;
  font-size:11px;
}
.dashboard-page .dashboard-team-identity :is(strong,h4){
  min-width:0;
  margin:0;
  color:#d8d8dc;
  font-size:12px;
  font-weight:550;
  line-height:1.5;
  overflow-wrap:anywhere;
}
.dashboard-page .dashboard-team-role{
  color:#97979f;
  font-size:11px;
  line-height:1.5;
}
.dashboard-page .dashboard-team-group>h4{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 0 12px;
  color:#b4b3bb;
  font-size:12px;
  font-weight:550;
  line-height:1.5;
}
.dashboard-page :is(.dashboard-origin-note,.dashboard-statistics-pending){
  font-size:11px;
  line-height:1.6;
}
.dashboard-page .dashboard-work-group .deal-card .card-title,
.dashboard-page .dashboard-work-group .deal-card .card-title strong{
  white-space:normal;
  overflow-wrap:anywhere;
}
.dashboard-page .dashboard-work-group .deal-card .card-title strong{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .topbar.dashboard-unified-header{
    background:var(--surface-1,#141415);
  }
}
@media(max-width:1150px){
  .dashboard-unified-header .dashboard-unified-inner{
    flex-wrap:wrap;
    gap:5px 14px;
  }
  .dashboard-unified-header .dashboard-unified-actions{
    gap:10px;
  }
  .dashboard-unified-header :is(.date-top,.topbar-date){
    display:none;
  }
  .dashboard-page .dashboard-kpi-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}
@media(max-width:800px){
  .dashboard-unified-header .dashboard-unified-inner{
    padding:10px 22px;
  }
  /* The open mobile drawer must not cover its only pointer close control. */
  .app-shell:has(>.sidebar.sidebar-open)>.workspace>.dashboard-unified-header{
    z-index:81;
  }
  .dashboard-unified-header+.main-content{
    padding-top:27px;
  }
}
@media(max-width:760px){
  .dashboard-page .dashboard-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dashboard-page .dashboard-internal-status-board{
    grid-template-columns:minmax(0,1fr);
    gap:12px;
  }
  .dashboard-page .dashboard-internal-attention{
    grid-template-columns:minmax(0,1fr);
    gap:12px;
  }
}
@media(max-width:580px){
  .dashboard-unified-header .dashboard-unified-inner{
    align-items:flex-start;
    gap:8px;
    padding:9px 17px 10px;
  }
  .dashboard-unified-header .dashboard-unified-identity{
    flex:1 1 100%;
    gap:10px;
  }
  .dashboard-unified-header h1{
    font-size:24px;
    letter-spacing:-.4px;
  }
  .dashboard-unified-header .dashboard-unified-actions{
    justify-content:flex-start;
    gap:8px 12px;
    width:100%;
  }
  .dashboard-unified-header .dashboard-header-actions{
    flex:1 1 auto;
    justify-content:flex-start;
    flex-shrink:1;
  }
  .dashboard-unified-header .dashboard-header-actions :is(.dashboard-search-button,.dashboard-quick-trigger){
    min-height:36px;
    font-size:11px;
  }
  .dashboard-unified-header .connection{
    margin-left:auto;
    font-size:8px;
  }
  .dashboard-page .dashboard-work-group>.dashboard-process-group-title{
    font-size:12px;
    letter-spacing:.06em;
  }
  .dashboard-page .dashboard-work-group .record-gallery,
  .dashboard-page .dashboard-team-grid{
    grid-template-columns:minmax(0,1fr);
  }
  .dashboard-page .dashboard-kpi-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .dashboard-page .dashboard-kpi-card{
    padding:12px;
  }
  .dashboard-page .dashboard-kpi-value{
    font-size:25px;
  }
  .dashboard-page .dashboard-kpi-label{
    font-size:10px;
  }
}
@media(prefers-reduced-motion:reduce){
  .dashboard-page .dashboard-asset-date-group>summary::before{
    transition:none;
  }
}
@media(prefers-reduced-transparency:reduce){
  .topbar.dashboard-unified-header{
    background:var(--surface-1,#141415);
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
}
@media(forced-colors:active){
  .topbar.dashboard-unified-header,
  .dashboard-page :is(.dashboard-kpi-card,.dashboard-internal-column){
    background:Canvas;
    color:CanvasText;
    border-color:CanvasText;
    box-shadow:none;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
}
