/* Hidden utility */
.hidden { display: none !important; }


/* Fix .card class not overriding flex layout for toolbar/board */

/* Ensure toolbar uses flex not grid */
.dashboard-toolbar {
  display: flex !important;
}

/* Ensure sidebar sections don't get .card padding override */
.sidebar-nav.card, .sidebar-panel.card {
  border-radius: 20px;
  padding: 12px;
}

/* Toolbar flex label alignment */
.toolbar-select-group,
.toolbar-segment-group {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* Prevent .card generic border-radius overriding */
.dashboard-server-bar.card {
  border-radius: 18px;
}
.dashboard-toolbar.card {
  border-radius: 18px;
}
.dashboard-board.card {
  border-radius: 18px;
}
.dashboard-footer.card {
  border-radius: 14px;
}

/* Fix: pad card grid should ignore fixed card width constraints */
.dashboard-pads-grid {
  width: 100% !important;
}

/* dashboard-main uses flex column */
.dashboard-main {
  display: flex !important;
  flex-direction: column !important;
  min-height: auto !important;
  grid-template-rows: unset !important;
}


/* REFINEMENT PASS v1 */
/* Topbar height increase */
.dashboard-server-bar {
  min-height: 70px !important;
}


/* Filter bar controls height fix */
.search-shell,
.toolbar-select-group select {
 min-height: 44px !important;
}

/* Compact-segments buttons height */
.compact-segments .ghost-btn {
 min-height: 36px !important;
}

/* Add pad button height */
.toolbar-add-btn {
 min-height: 46px !important;
}

/* Footer border-radius match */
.dashboard-footer {
 border-radius: 16px !important;
}

/* Dashboard board border-radius */
.dashboard-board {
 border-radius: 20px !important;
}

/* Density pass - topbar + filter bar */
.dashboard-server-bar {
  gap: 12px !important;
  min-height: 54px !important;
  padding: 7px 14px !important;
  border-radius: 16px !important;
}

.server-inline {
  gap: 9px !important;
}

.status-pill {
  gap: 7px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

.status-copy {
  display: inline-flex;
  align-items: baseline;
  gap: 5px;
}

.status-label {
  color: #d7dced;
  font-size: 11px;
  font-weight: 700;
}

.status-pill strong {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.01em;
}

.status-dot {
  width: 7px !important;
  height: 7px !important;
  box-shadow: 0 0 0 3px rgba(32,223,116,0.12), 0 0 10px rgba(32,223,116,0.18) !important;
}

.server-inline .muted-text {
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}

.dashboard-server-actions {
  gap: 7px !important;
}

.top-action-btn {
  gap: 6px !important;
  min-height: 36px !important;
  padding: 0 12px !important;
  border-radius: 11px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

.top-action-btn .btn-icon {
  width: 13px !important;
  height: 13px !important;
}

.dashboard-server-bar .icon-only-btn {
  width: 36px !important;
  min-width: 36px !important;
  height: 36px !important;
  border-radius: 11px !important;
}

.dashboard-server-bar .icon-only-btn .btn-icon {
  width: 15px !important;
  height: 15px !important;
}

#settings-btn {
  margin-left: 5px !important;
}

#settings-btn::before {
  left: -6px !important;
  height: 17px !important;
}

.dashboard-toolbar {
  gap: 9px !important;
  min-height: 62px !important;
  padding: 9px 12px !important;
  border-radius: 16px !important;
}

.search-shell {
  flex: 0 1 470px !important;
  min-width: 170px !important;
  max-width: 470px !important;
  min-height: 38px !important;
  gap: 7px !important;
  padding: 0 11px !important;
  border-radius: 11px !important;
}

.search-shell-icon {
  width: 14px !important;
  height: 14px !important;
}

.search-shell input {
  font-size: 12px !important;
  font-weight: 600 !important;
}

.shortcut-badge {
  min-height: 20px !important;
  padding: 0 7px !important;
  font-size: 9px !important;
}

.toolbar-select-group,
.toolbar-segment-group {
  gap: 3px !important;
  align-items: center !important;
  justify-content: center !important;
}

.toolbar-select-group {
  min-width: 118px !important;
}

.toolbar-select-group .label,
.toolbar-segment-group .label {
  min-height: 10px;
  width: 100%;
  text-align: center;
  font-size: 8px !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  color: #857f9f !important;
}

.toolbar-select-group select {
  min-height: 38px !important;
  padding: 0 26px 0 11px !important;
  border-radius: 11px !important;
  background-position: calc(100% - 13px) 50%, calc(100% - 8px) 50%, 0 0 !important;
  background-size: 5px 5px, 5px 5px, 100% 100% !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

.compact-segments {
  gap: 3px !important;
  padding: 3px !important;
  border-radius: 11px !important;
}

.compact-segments .ghost-btn {
  min-width: 31px !important;
  min-height: 31px !important;
  padding: 0 5px !important;
  border-radius: 8px !important;
  font-size: 10px !important;
}

.toolbar-add-btn {
  min-height: 40px !important;
  padding: 0 16px !important;
  border-radius: 11px !important;
  font-size: 11px !important;
  gap: 6px !important;
}

.toolbar-add-icon {
  font-size: 15px !important;
}