body {
  background-color: #F2F1F5 !important;
}

.dashboard-nav {
  position: fixed;
  top: 10%;
  right: 0;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 0 0 0 8px;
  padding: 1rem;
  z-index: 1000;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  transition: opacity 0.3s ease, visibility 0.3s ease;

  @media (max-width: 1136px) {
    top: 20%;
  }
}

.dashboard-nav .nav-active {
  background: #E3D6FF;
}

.dashboard-nav.hidden, .workflow-user-filter.hidden {
  display: none !important;
}
.dashboard-nav h3 { margin: 0 0 0.5rem 0; font-size: 14px; }
.dashboard-nav a {
  display: block;
  padding: 8px;
  border-radius: 8px;
  color: #333;
  text-decoration: none;
  font-size: 12px;
  transition: background-color 0.1s ease-in;
}
.dashboard-nav a:hover { background: #E3D6FF; }

.workflow-user-filter {
  position: fixed;
  top: 10%;
  right: 0;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px 0 0 8px;
  padding: 1rem;
  z-index: 999;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  transition: opacity 0.3s ease, visibility 0.3s ease;

  @media (max-width: 1136px) {
    top: 16%;
  }
}

.workflow-user-filter input[type="checkbox"] {
  accent-color: #0969da;
  cursor: pointer;
}

.workflow-user-filter label {
  font-size: 14px;
  font-weight: 500;
  color: #24292f;
  cursor: pointer;
  margin: 0;
  user-select: none;
}

.workflow-user-filter:hover {
  label {
    text-decoration: underline;
  }
}

#nc-root {

  /**
   Without forking decap or relying on !important we need to be as specific as possible, if when update we will need to
   fix these class names if changed. Using nesting here even though its a  newer feature because this page is targeted to
   internal users that will have up to date browsers
  **/
  .css-no93ty-StyledAuthenticationPage,
  .css-hn3jn7-EditorContainer {
    background-color: #F2F1F5;
  }

  .css-1qpwgo3-StyledDropdownButton-button-button-default-default-caret-caret-caretDown-caretDown-DropdownButton-noOverflow-PublishButton {
    display: none;
  }

  .css-zwje8v-LoginButton-button-button-default-default-gray-gray-disabled-disabled {
    padding: 11px 16px;
    height: auto;
  }

  .css-83wr9v,
  .css-1cry9ba-TextControl,
  .css-1hs8sc6-TextControl,
  .css-1tj8f8z-container,
  .css-1ofuvvv-container,
  .css-ys2s0e-DateTimeControl,
  .css-1xo0h32-DateTimeControl,
  .css-13dyp8r {
    border-width: 1px;
    border-color: #D1D0D3;
    padding: 8px;
    border-radius: 4px;
  }

  .css-5hiu9n {
    border-width: 0px 1px 1px 1px;
    border-radius: 4px;
  }

  .css-1hs8sc6-TextControl,
  .css-1ofuvvv-container,
  .css-1xo0h32-DateTimeControl,
  .css-13dyp8r {
    border-color: #70B4FF;
  }

  .css-n3v41w-control,
  .css-d5zfyc-control {
    padding: 8px;
    cursor: pointer;
  }

  .css-p8138j-FieldLabel-fieldLabel-fieldLabel {
    background-color: transparent;
  }

  .css-1h45ic9-FieldLabel-fieldLabel-fieldLabel,
  .css-k6e6la-ControlHint {
    color: #70B4FF;
    background-color: transparent;
  }

  .css-lshhuz {
    border-width: 1px;
    border-radius: 4px;
  }

  .css-1265b6l-TopBarContainer {
    padding: 8px;
    border-radius: 4px 0 0;
  }

  .css-o9rei4-ExpandButton-button-button {
    padding: 0;
  }

  .css-4u0lad-IconWrapper,
  .css-qniqsp-IconWrapper {
    width: 12px;
    height: 12px;
  }

  .css-1uptr7l {
    border: 0;
  }
}