@import url("./foundations/colors.css?v=20260725-quiet-surface-v1");
@import url("./foundations/radius.css?v=20260726-public-mother-v1");
@import url("./foundations/spacing.css?v=20260725-gap-convergence-v4");
@import url("./foundations/typography.css?v=20260719-canonical-typography-v1");
@import url("./foundations/borders.css?v=20260726-public-mother-v1");
@import url("./foundations/shadows.css?v=20260614b");
@import url("./foundations/motion.css?v=20260614d");
@import url("./foundations/z-index.css?v=20260719-semantic-layers-v1");
@import url("./foundations/touch-target.css?v=20260719-touch-target-v1");
@import url("./components/trunk08-projections.css?v=20260719-trunk08-adapters-v1");
@import url("./states/hover.css?v=20260614b");
@import url("./states/selected.css?v=20260614b");
@import url("./states/text-selection.css?v=20260615ad");
@import url("./states/active.css?v=20260614b");
@import url("./states/focus.css?v=20260614b");
@import url("./states/loading.css?v=20260614b");
@import url("./states/disabled.css?v=20260614b");
@import url("./states/dragging.css?v=20260617y");
@import url("./primitives/buttons/borderless.css?v=20260726-public-mother-v1");
@import url("./primitives/buttons/bordered.css?v=20260726-public-mother-v1");
@import url("./primitives/buttons/save.css?v=20260614b");
@import url("./primitives/buttons/lift-safety.css?v=20260702mobile-topbar-dedupe-v1");
@import url("./primitives/inputs.css?v=20260726-public-mother-v2");
@import url("./primitives/status-labels.css?v=20260726-public-mother-v1");
@import url("./primitives/action-rows.css?v=20260726-public-mother-v1");
@import url("./primitives/tablists.css?v=20260726-public-mother-v1");
@import url("./primitives/checkmarks.css?v=20260618cy");
@import url("./primitives/toggles.css?v=20260614b");
@import url("./primitives/sliders.css?v=20260614b");
@import url("./primitives/icons.css?v=20260614b");
@import url("./primitives/avatars.css?v=20260626employee-avatar-source-v1");
@import url("./components/cards.css?v=20260614b");
@import url("./components/api-connection-center.css?v=20260727-api-cards-v1");
@import url("./primitives/sections.css?v=20260726-public-mother-v1");
@import url("./components/empty-states.css?v=20260726-public-mother-v1");
@import url("./components/workbench.css?v=20260701workbench-edge-clean-announcement-size-v1-workbench-message-buttons-v1-20260727-workbench-public-mothers-v1");
@import url("./components/identity-cards.css?v=20260724employee-card-readonly-v1");
@import url("./components/long-lists.css?v=20260614b");
@import url("./components/dropdowns.css?v=20260701employee-join-date-calendar-v1-dp1");
@import url("./components/people-picker.css?v=20260629same-module-picker-occupied-v1-scope-label-format-v1-scope-label-strong-v1-scope-token-box-v1-scope-shadow-borderless-v1-solid-shadow-v1-borderless-fill-v1");
@import url("./components/modals.css?v=20260614b");
@import url("./components/side-panels.css?v=20260614b");
@import url("./components/tables.css?v=20260701pager-size-borderless-v1");
@import url("./components/scrollbars.css?v=20260614f");
@import url("./components/contacts.css?v=20260628contacts-chat-avatar-scale-v2-component-mobile-migration-v1-contact-oa-embed-v1");
@import url("./components/task-board.css?v=20260629task-main-desc-v1-task-card-bordered-v1-task-main-people-edit-v1-component-mobile-migration-v1-task-cycle-preview-v2-task-cycle-controls-v4");
@import url("./components/todo-task-detail.css?v=20260617ax-component-mobile-migration-v1");
@import url("./components/file-references.css?v=20260726-public-mother-v1");
@import url("./components/notifications.css?v=20260726notif-public-table-v1-notification-scope-v1");
@import url("./components/agents.css?v=20260701-agent-account-groups-v4-agent-dept-leaders-v5-agent-team-seat-slots-v1-agent-team-seat-label-white-v1-agent-seat-shift-highlight-v1");
@import url("./components/account-page.css?v=20260703-account-page-window-v1");
@import url("./components/account-card-model/logo-anchor.css?v=20260625account-live-backstage-v1");
@import url("./components/account-card-modal.css?v=20260705-account-owner-permissions-v1");
@import url("./components/live-room-devices.css?v=20260619b");
@import url("./components/live-room-building-draft.css?v=20260618ax-component-mobile-migration-v1");
@import url("./components/employee-fields.css?v=20260727-employee-public-ui-v1");
@import url("./components/country-flags.css?v=20260702-country-currency-bridge-v1");
@import url("./components/employee-field-designer.css?v=20260630employee-profile-readonly-specialty-v1");
@import url("./components/attendance-records.css?v=20260727-attendance-public-stat-v1");
@import url("./components/department-labels.css?v=20260616cn");
@import url("./components/organization-tree.css?v=20260628employee-org-float-actions-v2-employee-org-action-model-v13");
@import url("./components/employee-list.css?v=20260727-employee-public-ui-v1");
@import url("./components/roles-permissions.css?v=20260625role-inline-pickers-v1-role-scope-blocked-grouped-v1-role-member-scope-avatar-v1-role-perm-fold-v1-role-perm-polish-v1");
@import url("./components/system-subviews.css?v=20260625role-header-toggle-model-v1-component-mobile-migration-v1");
@import url("./components/approval-templates.css?v=20260702oa-template-icon-source-v1-scope-label-strong-v1");
@import url("./components/management-evaluation.css?v=20260629live-team-mobile-rank-scroll-v1-component-mobile-migration-v1-live-team-rank-top-warm-v2-live-team-trend-bars-v1");
@import url("./components/nas-storage-entry-cards.css?v=20260707-nas-permission-responsive-v1");
@import url("./components/cooperation-settlement.css?v=20260703-cooperation-hit-summary-v1");
@import url("./components/recruitment.css?v=20260702recruit-people-search-v1");
@import url("./components/forms.css?v=20260614b");
@import url("./patterns/left-right-rails.css?v=20260627right-rail-content-inset-flush-v3");
@import url("./patterns/device-shell.css?v=20260616bf");
@import url("./patterns/mobile-shell.css?v=20260705mobile-modal-touch-scroll-v1");
@import url("./patterns/desktop-shell.css?v=20260628desktop-edge-trigger-hidden-v1");
@import url("./patterns/synology-chat-fullscreen-host.css?v=20260727-synology-chat-host-v1");
@import url("./patterns/canvas-3d.css?v=20260630live-floor-green-progress-dom-v1-live-room-rail-layer-summary-v1");
@import url("./components/attendance-rules.css?v=20260622attendance-card-transparent-component-mobile-migration-v1-attendance-three-batch-rotation-v1-attendance-rule-controls-v1");
@import url("./themes/night/night-mode.css?v=20260618ar");
@import url("./components/announcements.css?v=20260618as2-component-mobile-migration-v1");
/* punch-clock.css?v=20260628workbench-message-pager-v1 */
@import url("./components/punch-clock.css?v=20260629workbench-punch-status-v1-mobile-cooperation-one-row-v1-workbench-punch-inline-art-v2-component-mobile-migration-v1");
@import url("./components/contacts-final.css?v=20260622contacts-borderless");
@import url("./components/smart-translate.css?v=20260701translate-panel-v2");
@import url("./patterns/auth-screen.css?v=20260726-public-mother-v2");

/* Shared speed display: upload is green, download is blue, same markup for NAS and network cards. */
html body #root .mc-speed-pair,
html[data-theme] body #root .mc-speed-pair {
  display: inline-flex !important;
  align-items: center !important;
  gap: var(--mc-space-1, 4px) !important;
  min-width: 0 !important;
  white-space: nowrap !important;
}

html body #root .app.app :where(.notification-read-state).is-read,
html[data-theme] body #root .app.app :where(.notification-read-state).is-read {
  color: var(--mc-tone-green) !important;
}

html body #root .app.app :where(.notification-read-state).is-unread,
html[data-theme]
  body
  #root
  .app.app
  :where(.notification-read-state).is-unread {
  color: #ff8fa3 !important;
}
html body #root .mc-speed-item,
html[data-theme] body #root .mc-speed-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  font-variant-numeric: tabular-nums !important;
}

html body #root .mc-speed-arrow,
html[data-theme] body #root .mc-speed-arrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0.72em !important;
  font-size: 1em !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  transform: translateY(0) scaleX(1.04) !important;
  -webkit-text-stroke: 0.24px currentColor !important;
  text-shadow: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: var(--mc-shadow-none, none) !important;
}

html body #root .mc-speed-item.mc-speed-tx,
html
  body
  #root
  .mc-speed-item.mc-speed-tx
  :where(.mc-speed-arrow, .mc-speed-value),
html[data-theme] body #root .mc-speed-item.mc-speed-tx,
html[data-theme]
  body
  #root
  .mc-speed-item.mc-speed-tx
  :where(.mc-speed-arrow, .mc-speed-value) {
  color: var(--mc-tone-green) !important;
}

html body #root .mc-speed-item.mc-speed-rx,
html
  body
  #root
  .mc-speed-item.mc-speed-rx
  :where(.mc-speed-arrow, .mc-speed-value),
html[data-theme] body #root .mc-speed-item.mc-speed-rx,
html[data-theme]
  body
  #root
  .mc-speed-item.mc-speed-rx
  :where(.mc-speed-arrow, .mc-speed-value) {
  color: #8bdfff !important;
}

html body #root .mc-speed-value,
html[data-theme] body #root .mc-speed-value {
  display: inline-block !important;
  min-width: 0 !important;
  font-size: inherit !important;
  font-weight: 820 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html body #root .mc-speed-sep,
html[data-theme] body #root .mc-speed-sep {
  color: rgba(244, 244, 241, 0.42) !important;
  font-size: 0.9em !important;
  line-height: 1 !important;
}

html
  body
  #root
  .main.page-networkDiag
  .nd-report-system
  .nd-traffic-chart
  .nd-traffic-scale:before,
html[data-theme]
  body
  #root
  .main.page-networkDiag
  .nd-report-system
  .nd-traffic-chart
  .nd-traffic-scale:before {
  display: none !important;
  content: none !important;
}

/* Network room status rows need compact two-line table density after global desktop table density imports. */
html
  body
  #root
  .app.app
  .layout.layout
  > .main.main.page-networkDiag
  .nd-report
  .nd-report-section.nd-report-panel.nd-report-room
  :where(th, td),
html[data-theme]
  body
  #root
  .app.app
  .layout.layout
  > .main.main.page-networkDiag
  .nd-report
  .nd-report-section.nd-report-panel.nd-report-room
  :where(th, td) {
  padding-block: 4px !important;
  padding-inline: 6px !important;
  line-height: 1.08 !important;
  vertical-align: middle !important;
}

html
  body
  #root
  .app.app
  .layout.layout
  > .main.main.page-networkDiag
  .nd-report
  .nd-report-section.nd-report-panel.nd-report-room
  td
  > *,
html[data-theme]
  body
  #root
  .app.app
  .layout.layout
  > .main.main.page-networkDiag
  .nd-report
  .nd-report-section.nd-report-panel.nd-report-room
  td
  > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

html
  body
  #root
  .app.app
  .layout.layout
  > .main.main.page-networkDiag
  .nd-report
  .nd-report-section.nd-report-panel.nd-report-room
  .nd-report-flow.nd-room-rates,
html[data-theme]
  body
  #root
  .app.app
  .layout.layout
  > .main.main.page-networkDiag
  .nd-report
  .nd-report-section.nd-report-panel.nd-report-room
  .nd-report-flow.nd-room-rates {
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: repeat(2, minmax(16px, auto)) !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  align-items: center !important;
  align-content: center !important;
  gap: 2px !important;
}

html
  body
  #root
  .app.app
  .layout.layout
  > .main.main.page-networkDiag
  .nd-report
  .nd-report-section.nd-report-panel.nd-report-room
  .nd-report-flow.nd-room-rates
  > .nd-room-rate-line.has-total.lan,
html[data-theme]
  body
  #root
  .app.app
  .layout.layout
  > .main.main.page-networkDiag
  .nd-report
  .nd-report-section.nd-report-panel.nd-report-room
  .nd-report-flow.nd-room-rates
  > .nd-room-rate-line.has-total.lan {
  display: none !important;
}

html
  body
  #root
  .app.app
  .layout.layout
  > .main.main.page-networkDiag
  .nd-report
  .nd-report-section.nd-report-panel.nd-report-room
  .nd-report-flow.nd-room-rates
  > .nd-room-rate-line.has-total.tx,
html[data-theme]
  body
  #root
  .app.app
  .layout.layout
  > .main.main.page-networkDiag
  .nd-report
  .nd-report-section.nd-report-panel.nd-report-room
  .nd-report-flow.nd-room-rates
  > .nd-room-rate-line.has-total.tx {
  grid-row: 1 !important;
}

html
  body
  #root
  .app.app
  .layout.layout
  > .main.main.page-networkDiag
  .nd-report
  .nd-report-section.nd-report-panel.nd-report-room
  .nd-report-flow.nd-room-rates
  > .nd-room-rate-line.has-total.rx,
html[data-theme]
  body
  #root
  .app.app
  .layout.layout
  > .main.main.page-networkDiag
  .nd-report
  .nd-report-section.nd-report-panel.nd-report-room
  .nd-report-flow.nd-room-rates
  > .nd-room-rate-line.has-total.rx {
  grid-row: 2 !important;
}

html
  body
  #root
  .app.app
  .layout.layout
  > .main.main.page-networkDiag
  .nd-report
  .nd-report-section.nd-report-panel.nd-report-room
  td:nth-child(5)
  .nd-tk-meter,
html[data-theme]
  body
  #root
  .app.app
  .layout.layout
  > .main.main.page-networkDiag
  .nd-report
  .nd-report-section.nd-report-panel.nd-report-room
  td:nth-child(5)
  .nd-tk-meter {
  align-self: center !important;
  justify-self: center !important;
  margin-block: 0 !important;
  margin-inline: auto !important;
}

html
  body
  #root
  .app.app
  .layout.layout
  > .main.main.page-networkDiag
  .nd-report
  .nd-report-section.nd-report-panel.nd-report-room
  table,
html[data-theme]
  body
  #root
  .app.app
  .layout.layout
  > .main.main.page-networkDiag
  .nd-report
  .nd-report-section.nd-report-panel.nd-report-room
  table {
  min-width: 1040px !important;
}

html
  body
  #root
  .app.app
  .layout.layout
  > .main.main.page-networkDiag
  .nd-report
  .nd-report-section.nd-report-panel.nd-report-room
  .nd-live-upload-total,
html[data-theme]
  body
  #root
  .app.app
  .layout.layout
  > .main.main.page-networkDiag
  .nd-report
  .nd-report-section.nd-report-panel.nd-report-room
  .nd-live-upload-total {
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  min-width: 0 !important;
  color: var(--r-muted) !important;
  font-size: 10.7px !important;
  font-weight: 780 !important;
  white-space: nowrap !important;
}

html
  body
  #root
  .app.app
  .layout.layout
  > .main.main.page-networkDiag
  .nd-report
  .nd-report-section.nd-report-panel.nd-report-room
  .nd-live-upload-total
  .mc-speed-arrow,
html[data-theme]
  body
  #root
  .app.app
  .layout.layout
  > .main.main.page-networkDiag
  .nd-report
  .nd-report-section.nd-report-panel.nd-report-room
  .nd-live-upload-total
  .mc-speed-arrow {
  min-width: 0.72em !important;
  color: var(--mc-tone-green) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: var(--mc-shadow-none, none) !important;
  font-size: 1em !important;
  line-height: 1 !important;
}

html
  body
  #root
  .app.app
  .layout.layout
  > .main.main.page-networkDiag
  .nd-report
  .nd-report-section.nd-report-panel.nd-report-room
  .nd-live-upload-total
  :where(.mc-speed-item, .mc-speed-value),
html[data-theme]
  body
  #root
  .app.app
  .layout.layout
  > .main.main.page-networkDiag
  .nd-report
  .nd-report-section.nd-report-panel.nd-report-room
  .nd-live-upload-total
  :where(.mc-speed-item, .mc-speed-value) {
  color: var(--mc-tone-green) !important;
}

html
  body
  #root
  .app.app
  .layout.layout
  > .main.main.page-networkDiag
  .nd-report
  .nd-report-section.nd-report-panel.nd-report-room
  .nd-handshake-age,
html[data-theme]
  body
  #root
  .app.app
  .layout.layout
  > .main.main.page-networkDiag
  .nd-report
  .nd-report-section.nd-report-panel.nd-report-room
  .nd-handshake-age {
  display: contents !important;
}

html
  body
  #root
  .app.app
  .layout.layout
  > .main.main.page-networkDiag
  .nd-report
  .nd-report-section.nd-report-panel.nd-report-room
  .nd-handshake-stack,
html[data-theme]
  body
  #root
  .app.app
  .layout.layout
  > .main.main.page-networkDiag
  .nd-report
  .nd-report-section.nd-report-panel.nd-report-room
  .nd-handshake-stack {
  display: grid !important;
  grid-template-columns: 4.7em max-content !important;
  grid-template-rows: repeat(2, minmax(14px, auto)) !important;
  column-gap: 1ch !important;
  row-gap: 1px !important;
  align-items: center !important;
  align-content: center !important;
  justify-content: start !important;
}

html
  body
  #root
  .app.app
  .layout.layout
  > .main.main.page-networkDiag
  .nd-report
  .nd-report-section.nd-report-panel.nd-report-room
  .nd-handshake-age
  > span,
html[data-theme]
  body
  #root
  .app.app
  .layout.layout
  > .main.main.page-networkDiag
  .nd-report
  .nd-report-section.nd-report-panel.nd-report-room
  .nd-handshake-age
  > span {
  grid-column: 1 !important;
  grid-row: 1 !important;
  justify-self: start !important;
  white-space: nowrap !important;
}

html
  body
  #root
  .app.app
  .layout.layout
  > .main.main.page-networkDiag
  .nd-report
  .nd-report-section.nd-report-panel.nd-report-room
  .nd-handshake-total,
html[data-theme]
  body
  #root
  .app.app
  .layout.layout
  > .main.main.page-networkDiag
  .nd-report
  .nd-report-section.nd-report-panel.nd-report-room
  .nd-handshake-total {
  grid-column: 2 !important;
  grid-row: 1 !important;
  justify-self: start !important;
  color: #22c55e !important;
  font-size: inherit !important;
  font-style: normal !important;
  font-weight: 760 !important;
  white-space: nowrap !important;
}

html
  body
  #root
  .app.app
  .layout.layout
  > .main.main.page-networkDiag
  .nd-report
  .nd-report-section.nd-report-panel.nd-report-room
  .nd-live-line,
html[data-theme]
  body
  #root
  .app.app
  .layout.layout
  > .main.main.page-networkDiag
  .nd-report
  .nd-report-section.nd-report-panel.nd-report-room
  .nd-live-line {
  display: contents !important;
}

html
  body
  #root
  .app.app
  .layout.layout
  > .main.main.page-networkDiag
  .nd-report
  .nd-report-section.nd-report-panel.nd-report-room
  .nd-live-line
  > i,
html[data-theme]
  body
  #root
  .app.app
  .layout.layout
  > .main.main.page-networkDiag
  .nd-report
  .nd-report-section.nd-report-panel.nd-report-room
  .nd-live-line
  > i {
  display: inline-block !important;
  grid-column: 1 !important;
  grid-row: 2 !important;
  justify-self: start !important;
  align-self: center !important;
  margin: 0 !important;
}

html
  body
  #root
  .app.app
  .layout.layout
  > .main.main.page-networkDiag
  .nd-report
  .nd-report-section.nd-report-panel.nd-report-room
  .nd-live-line
  > em,
html[data-theme]
  body
  #root
  .app.app
  .layout.layout
  > .main.main.page-networkDiag
  .nd-report
  .nd-report-section.nd-report-panel.nd-report-room
  .nd-live-line
  > em {
  grid-column: 1 !important;
  grid-row: 2 !important;
  justify-self: start !important;
  padding-left: 10px !important;
  white-space: nowrap !important;
}

html
  body
  #root
  .app.app
  .layout.layout
  > .main.main.page-networkDiag
  .nd-report
  .nd-report-section.nd-report-panel.nd-report-room
  .nd-live-upload-total,
html[data-theme]
  body
  #root
  .app.app
  .layout.layout
  > .main.main.page-networkDiag
  .nd-report
  .nd-report-section.nd-report-panel.nd-report-room
  .nd-live-upload-total {
  grid-column: 2 !important;
  grid-row: 2 !important;
  justify-self: start !important;
}

/* Right rail scroll policy: the rail body is the only vertical scroll container. */
html body #modal .secondary-rail-shell .secondary-rail-body,
html[data-theme] body #modal .secondary-rail-shell .secondary-rail-body {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior-y: contain !important;
  -webkit-overflow-scrolling: touch !important;
}

html
  body
  #modal
  .secondary-rail-shell
  .secondary-rail-body
  :where(
    div,
    section,
    article,
    form,
    fieldset,
    nav,
    ul,
    ol,
    li,
    main,
    aside,
    table,
    thead,
    tbody,
    tfoot,
    .table-wrap,
    .panel,
    .card,
    .grid,
    .list,
    .picker,
    .picker-list,
    .org-pick-list,
    .people-picker-nav-list,
    .people-picker-selected-list,
    .tpl-options-editor,
    .tpl-option-list,
    .field-editor-shell,
    .field-editor-block,
    .employee-card-account-grid
  ),
html[data-theme]
  body
  #modal
  .secondary-rail-shell
  .secondary-rail-body
  :where(
    div,
    section,
    article,
    form,
    fieldset,
    nav,
    ul,
    ol,
    li,
    main,
    aside,
    table,
    thead,
    tbody,
    tfoot,
    .table-wrap,
    .panel,
    .card,
    .grid,
    .list,
    .picker,
    .picker-list,
    .org-pick-list,
    .people-picker-nav-list,
    .people-picker-selected-list,
    .tpl-options-editor,
    .tpl-option-list,
    .field-editor-shell,
    .field-editor-block,
    .employee-card-account-grid
  ) {
  max-height: none !important;
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  scrollbar-width: none !important;
}

html
  body
  #modal
  .secondary-rail-shell
  .secondary-rail-body
  :where(
    div,
    section,
    article,
    form,
    fieldset,
    nav,
    ul,
    ol,
    li,
    main,
    aside,
    table,
    thead,
    tbody,
    tfoot,
    .table-wrap,
    .panel,
    .card,
    .grid,
    .list,
    .picker,
    .picker-list,
    .org-pick-list,
    .people-picker-nav-list,
    .people-picker-selected-list,
    .tpl-options-editor,
    .tpl-option-list,
    .field-editor-shell,
    .field-editor-block,
    .employee-card-account-grid
  )::-webkit-scrollbar,
html[data-theme]
  body
  #modal
  .secondary-rail-shell
  .secondary-rail-body
  :where(
    div,
    section,
    article,
    form,
    fieldset,
    nav,
    ul,
    ol,
    li,
    main,
    aside,
    table,
    thead,
    tbody,
    tfoot,
    .table-wrap,
    .panel,
    .card,
    .grid,
    .list,
    .picker,
    .picker-list,
    .org-pick-list,
    .people-picker-nav-list,
    .people-picker-selected-list,
    .tpl-options-editor,
    .tpl-option-list,
    .field-editor-shell,
    .field-editor-block,
    .employee-card-account-grid
  )::-webkit-scrollbar {
  display: none !important;
}

/* Date/time popups may contain their own wheels; keep those compact inside the floating menu. */
html
  body
  #modal
  .secondary-rail-shell
  .secondary-rail-body
  .mc-time-menu.mc-time-menu,
html[data-theme]
  body
  #modal
  .secondary-rail-shell
  .secondary-rail-body
  .mc-time-menu.mc-time-menu {
  max-height: min(286px, calc(100vh - 24px)) !important;
  overflow: hidden !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
}

html
  body
  #modal
  .secondary-rail-shell
  .secondary-rail-body
  .mc-time-menu.mc-time-menu
  .mc-time-wheel.mc-time-wheel,
html[data-theme]
  body
  #modal
  .secondary-rail-shell
  .secondary-rail-body
  .mc-time-menu.mc-time-menu
  .mc-time-wheel.mc-time-wheel {
  box-sizing: border-box !important;
  height: 176px !important;
  max-height: 176px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
  scrollbar-width: none !important;
}

html
  body
  #modal
  .secondary-rail-shell
  .secondary-rail-body
  .mc-time-menu.mc-time-menu
  .mc-time-wheel.mc-time-wheel::-webkit-scrollbar,
html[data-theme]
  body
  #modal
  .secondary-rail-shell
  .secondary-rail-body
  .mc-time-menu.mc-time-menu
  .mc-time-wheel.mc-time-wheel::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

/* Global generated button anti-capsule guard.
   Square-derived buttons, bordered controls and inputs use one shared radius;
   real circles, dots and avatars opt out. */
html
  body
  :is(#root, #modal, .auth)
  :where(
    button:not(.icon-btn):not(.punch-circle):not(.punch-orb):not(
        .contact-avatar-btn
      ):not(.employee-list-avatar-btn):not(.att-day-dot):not(.att-self-day):not(
        .mobile-top-avatar
      ):not(.work-profile-avatar):not(.tpl-flow-plus):not(.circle-check):not(
        .mc-check-circle
      ):not(.live-room-layer-option),
    .btn:not(.icon-btn):not(.punch-circle):not(.punch-orb),
    .mc-borderless-control,
    .mc-bordered-control,
    .taskbar-noframe:not(.icon-btn):not(.mobile-top-avatar):not(
        .mobile-back-control
      ):not(.shell-panel-btn):not(.lang-btn):not(.theme-btn):not(.logout-btn),
    .account-row-action,
    .chat-card-btn,
    .live-room-crumbs button,
    .role-toggle,
    .mp-toggle,
    .mp-close,
    .oa-pill,
    .shift-pill,
    .role-scope-option,
    .att-rule-card-entry,
    .org-pick-fold,
    .auth-code-switch,
    .auth-code-send,
    .auth-code-submit
  ),
html[data-theme]
  body
  :is(#root, #modal, .auth)
  :where(
    button:not(.icon-btn):not(.punch-circle):not(.punch-orb):not(
        .contact-avatar-btn
      ):not(.employee-list-avatar-btn):not(.att-day-dot):not(.att-self-day):not(
        .mobile-top-avatar
      ):not(.work-profile-avatar):not(.tpl-flow-plus):not(.circle-check):not(
        .mc-check-circle
      ):not(.live-room-layer-option),
    .btn:not(.icon-btn):not(.punch-circle):not(.punch-orb),
    .mc-borderless-control,
    .mc-bordered-control,
    .taskbar-noframe:not(.icon-btn):not(.mobile-top-avatar):not(
        .mobile-back-control
      ):not(.shell-panel-btn):not(.lang-btn):not(.theme-btn):not(.logout-btn),
    .account-row-action,
    .chat-card-btn,
    .live-room-crumbs button,
    .role-toggle,
    .mp-toggle,
    .mp-close,
    .oa-pill,
    .shift-pill,
    .role-scope-option,
    .att-rule-card-entry,
    .org-pick-fold,
    .auth-code-switch,
    .auth-code-send,
    .auth-code-submit
  ) {
  border-radius: var(--mc-radius-control, 8px) !important;
}

html
  body
  :is(#root, #modal, .auth)
  :where(
    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
    textarea,
    select,
    .input,
    .mc-input-control,
    .mc-combo-field,
    .mc-combo-input,
    .mc-pick-button,
    .mc-date-menu,
    .dropdown,
    .dropdown-menu,
    .menu,
    .modal,
    .card,
    .account-card,
    .agent-structure-account-card
  ),
html[data-theme]
  body
  :is(#root, #modal, .auth)
  :where(
    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
    textarea,
    select,
    .input,
    .mc-input-control,
    .mc-combo-field,
    .mc-combo-input,
    .mc-pick-button,
    .mc-date-menu,
    .dropdown,
    .dropdown-menu,
    .menu,
    .modal,
    .card,
    .account-card,
    .agent-structure-account-card
  ) {
  border-radius: var(--mc-radius-control, 8px) !important;
}

html
  body
  #root
  .app.app
  .main.page-cooperationSettlement
  .cooperation-fixed-loss-option-menu.glass-select-list,
html[data-theme]
  body
  #root
  .app.app
  .main.page-cooperationSettlement
  .cooperation-fixed-loss-option-menu.glass-select-list {
  background: linear-gradient(
    180deg,
    rgba(16, 22, 32, 0.92),
    rgba(6, 9, 15, 0.88)
  ) !important;
  background-image: linear-gradient(
    180deg,
    rgba(16, 22, 32, 0.92),
    rgba(6, 9, 15, 0.88)
  ) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.1) !important;
  backdrop-filter: blur(18px) saturate(1.1) !important;
  box-shadow: var(--mc-shadow-none, none) !important;
}

html
  body
  #root
  .app.app
  .main.page-cooperationSettlement
  .cooperation-fixed-loss-option-menu.glass-select-list
  .cooperation-fixed-loss-option-item:is(:hover, :focus-visible, .active),
html[data-theme]
  body
  #root
  .app.app
  .main.page-cooperationSettlement
  .cooperation-fixed-loss-option-menu.glass-select-list
  .cooperation-fixed-loss-option-item:is(:hover, :focus-visible, .active) {
  background: linear-gradient(
    90deg,
    rgba(125, 211, 252, 0.12),
    rgba(167, 139, 250, 0.1),
    rgba(126, 240, 164, 0.07)
  ) !important;
  background-image: linear-gradient(
    90deg,
    rgba(125, 211, 252, 0.12),
    rgba(167, 139, 250, 0.1),
    rgba(126, 240, 164, 0.07)
  ) !important;
  box-shadow: var(--mc-shadow-none, none) !important;
}

html
  body
  #root
  .app.app
  .layout.layout
  > .main.main.page-cooperationSettlement
  .cooperation-fixed-loss-row.disabled
  .cooperation-fixed-loss-input.mc-combo-field.mc-form-input-box,
html[data-theme]
  body
  #root
  .app.app
  .layout.layout
  > .main.main.page-cooperationSettlement
  .cooperation-fixed-loss-row.disabled
  .cooperation-fixed-loss-input.mc-combo-field.mc-form-input-box {
  border: 1px solid rgba(244, 244, 241, 0.44) !important;
  background: rgba(255, 255, 255, 0.07) !important;
  color: rgba(244, 244, 241, 0.98) !important;
  -webkit-text-fill-color: rgba(244, 244, 241, 0.98) !important;
  box-shadow: var(--mc-shadow-none, none) !important;
}

html
  body
  #root
  .app.app
  .layout.layout
  > .main.main.page-cooperationSettlement
  .cooperation-fixed-loss-row.disabled
  .cooperation-fixed-loss-input
  .mc-combo-input,
html[data-theme]
  body
  #root
  .app.app
  .layout.layout
  > .main.main.page-cooperationSettlement
  .cooperation-fixed-loss-row.disabled
  .cooperation-fixed-loss-input
  .mc-combo-input {
  color: rgba(244, 244, 241, 0.98) !important;
  -webkit-text-fill-color: rgba(244, 244, 241, 0.98) !important;
}

html
  body
  #root
  .app.app
  .layout.layout
  > .main.main.page-cooperationSettlement
  .cooperation-fixed-loss-enabled.mc-check-row.mc-check-circle,
html[data-theme]
  body
  #root
  .app.app
  .layout.layout
  > .main.main.page-cooperationSettlement
  .cooperation-fixed-loss-enabled.mc-check-row.mc-check-circle {
  width: 22px !important;
  min-width: 22px !important;
  max-width: 22px !important;
  height: 22px !important;
  min-height: 22px !important;
  max-height: 22px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: var(--mc-radius-circle, 50%) !important;
  aspect-ratio: 1/1 !important;
  background: transparent !important;
  box-shadow: var(--mc-shadow-none, none) !important;
  transform: none !important;
}

html
  body
  #root
  .app.app
  .layout.layout
  > .main.main.page-cooperationSettlement
  .cooperation-fixed-loss-enabled.mc-check-row.mc-check-circle
  > .mc-check-model,
html[data-theme]
  body
  #root
  .app.app
  .layout.layout
  > .main.main.page-cooperationSettlement
  .cooperation-fixed-loss-enabled.mc-check-row.mc-check-circle
  > .mc-check-model {
  width: 16px !important;
  min-width: 16px !important;
  max-width: 16px !important;
  height: 16px !important;
  min-height: 16px !important;
  max-height: 16px !important;
  inline-size: 16px !important;
  block-size: 16px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: var(--mc-radius-circle, 50%) !important;
  aspect-ratio: 1/1 !important;
  flex: 0 0 16px !important;
  transform: none !important;
}

html
  body
  #root
  .app.app
  .layout.layout
  > .main.main.page-cooperationSettlement
  .cooperation-fixed-loss-enabled.mc-check-row.mc-check-circle
  > .mc-check-model:checked,
html[data-theme]
  body
  #root
  .app.app
  .layout.layout
  > .main.main.page-cooperationSettlement
  .cooperation-fixed-loss-enabled.mc-check-row.mc-check-circle
  > .mc-check-model:checked {
  border-color: transparent !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: var(--mc-shadow-none, none) !important;
}

html
  body
  #root
  .app.app
  .layout.layout
  > .main.main.page-cooperationSettlement
  .cooperation-fixed-loss-delete.taskbar-noframe.mc-borderless-control,
html[data-theme]
  body
  #root
  .app.app
  .layout.layout
  > .main.main.page-cooperationSettlement
  .cooperation-fixed-loss-delete.taskbar-noframe.mc-borderless-control {
  box-sizing: border-box !important;
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: grid !important;
  place-items: center !important;
  line-height: 28px !important;
  border: 0 !important;
  border-radius: var(--mc-radius-control, 8px) !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: var(--mc-shadow-none, none) !important;
}

/* Live-team final edit placement: keep after the global button guard. */
html
  body
  #root
  .app.app
  .layout.layout
  > .main.main.page-managementEval
  .management-eval-scoreboard
  .management-eval-team-card
  > .management-eval-action-btn.taskbar-noframe,
html[data-theme]
  body
  #root
  .app.app
  .layout.layout
  > .main.main.page-managementEval
  .management-eval-scoreboard
  .management-eval-team-card
  > .management-eval-action-btn.taskbar-noframe {
  position: absolute !important;
  inset: 6px 6px auto auto !important;
  top: 6px !important;
  right: 6px !important;
  bottom: auto !important;
  left: auto !important;
  transform: none !important;
  z-index: 6 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: max-content !important;
  min-height: 18px !important;
  height: 18px !important;
  padding: 0 2px !important;
  margin: 0 !important;
  line-height: 16px !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: var(--mc-radius-control, 8px) !important;
  color: var(--mc-accent-strong, #8be7ff) !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: var(--mc-shadow-none, none) !important;
  filter: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  transition:
    background-color 0.16s ease,
    background-image 0.16s ease,
    color 0.16s ease !important;
}

html
  body
  #root
  .app.app
  .layout.layout
  > .main.main.page-managementEval
  .management-eval-scoreboard
  .management-eval-team-card
  > .management-eval-action-btn.taskbar-noframe:is(
    :hover,
    :focus-visible,
    .active
  ),
html[data-theme]
  body
  #root
  .app.app
  .layout.layout
  > .main.main.page-managementEval
  .management-eval-scoreboard
  .management-eval-team-card
  > .management-eval-action-btn.taskbar-noframe:is(
    :hover,
    :focus-visible,
    .active
  ) {
  background: var(
    --mc-model-button-fill-hover,
    rgba(125, 211, 252, 0.13)
  ) !important;
  background-image: var(
    --mc-model-button-fill-hover,
    rgba(125, 211, 252, 0.13)
  ) !important;
  box-shadow: var(--mc-shadow-none, none) !important;
  filter: none !important;
}

/* NAS recycle destructive actions keep the standard bordered control shape with red delete semantics. */
html
  body
  #root
  .app.app
  > .layout.layout
  > .main.main.page-nasStorage
  .nas-recycle-delete-btn,
html[data-theme]
  body
  #root
  .app.app
  > .layout.layout
  > .main.main.page-nasStorage
  .nas-recycle-delete-btn,
html
  body
  #root
  .app.app
  > .layout.layout
  > .main.main.page-nasStorage
  .nas-recycle-bulk-delete-btn,
html[data-theme]
  body
  #root
  .app.app
  > .layout.layout
  > .main.main.page-nasStorage
  .nas-recycle-bulk-delete-btn {
  border: 1px solid rgba(255, 91, 110, 0.5) !important;
  border-radius: var(--mc-radius-control, 8px) !important;
  background: rgba(255, 91, 110, 0.08) !important;
  background-image: none !important;
  box-shadow: var(--mc-shadow-none, none) !important;
  color: #ff6b7a !important;
  -webkit-text-fill-color: #ff6b7a !important;
  font-weight: 850 !important;
}

html
  body
  #root
  .app.app
  > .layout.layout
  > .main.main.page-nasStorage
  .nas-recycle-delete-btn:is(:hover, :focus-visible),
html[data-theme]
  body
  #root
  .app.app
  > .layout.layout
  > .main.main.page-nasStorage
  .nas-recycle-delete-btn:is(:hover, :focus-visible),
html
  body
  #root
  .app.app
  > .layout.layout
  > .main.main.page-nasStorage
  .nas-recycle-bulk-delete-btn:is(:hover, :focus-visible),
html[data-theme]
  body
  #root
  .app.app
  > .layout.layout
  > .main.main.page-nasStorage
  .nas-recycle-bulk-delete-btn:is(:hover, :focus-visible) {
  border-color: rgba(255, 91, 110, 0.72) !important;
  background: rgba(255, 91, 110, 0.16) !important;
  background-image: none !important;
  color: #ff4f64 !important;
  -webkit-text-fill-color: #ff4f64 !important;
}

html
  body
  #root
  .app.app
  > .layout.layout
  > .main.main.page-nasStorage
  .nas-recycle-queued-btn,
html[data-theme]
  body
  #root
  .app.app
  > .layout.layout
  > .main.main.page-nasStorage
  .nas-recycle-queued-btn {
  border: 1px solid rgba(148, 163, 184, 0.24) !important;
  border-radius: var(--mc-radius-control, 8px) !important;
  background: rgba(148, 163, 184, 0.075) !important;
  background-image: none !important;
  box-shadow: var(--mc-shadow-none, none) !important;
  color: rgba(203, 213, 225, 0.78) !important;
  -webkit-text-fill-color: rgba(203, 213, 225, 0.78) !important;
  cursor: default !important;
  font-weight: 780 !important;
}

/* Employee organization editing isolates the org tree and right rail over a black workspace. */
@media (min-width: 921px),
  (min-width: 761px) and (hover: hover) and (pointer: fine) {
  html
    body.secondary-rail-open:has(#modal .secondary-rail-shell.emp-org-rail)
    #root
    .app.app::after,
  html[data-theme]
    body.secondary-rail-open:has(#modal .secondary-rail-shell.emp-org-rail)
    #root
    .app.app::after {
    content: "" !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 30000 !important;
    display: block !important;
    background: #000 !important;
    pointer-events: auto !important;
  }

  html
    body.secondary-rail-open:has(#modal .secondary-rail-shell.emp-org-rail)
    #root
    .app.app
    > .topbar,
  html[data-theme]
    body.secondary-rail-open:has(#modal .secondary-rail-shell.emp-org-rail)
    #root
    .app.app
    > .topbar {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  html
    body.secondary-rail-open:has(#modal .secondary-rail-shell.emp-org-rail)
    #root
    .app.app
    > .layout.layout
    > .main.main.page-employees,
  html[data-theme]
    body.secondary-rail-open:has(#modal .secondary-rail-shell.emp-org-rail)
    #root
    .app.app
    > .layout.layout
    > .main.main.page-employees {
    min-width: 0 !important;
    overflow: visible !important;
  }

  html
    body.secondary-rail-open:has(#modal .secondary-rail-shell.emp-org-rail)
    #root
    .app.app
    > .layout.layout
    > .main.main.page-employees
    .employee-admin-shell,
  html[data-theme]
    body.secondary-rail-open:has(#modal .secondary-rail-shell.emp-org-rail)
    #root
    .app.app
    > .layout.layout
    > .main.main.page-employees
    .employee-admin-shell {
    visibility: hidden !important;
  }

  html
    body.secondary-rail-open:has(#modal .secondary-rail-shell.emp-org-rail)
    #root
    .app.app
    > .layout.layout
    > .main.main.page-employees
    .employee-toolbar-org,
  html[data-theme]
    body.secondary-rail-open:has(#modal .secondary-rail-shell.emp-org-rail)
    #root
    .app.app
    > .layout.layout
    > .main.main.page-employees
    .employee-toolbar-org {
    position: relative !important;
    z-index: 30020 !important;
    isolation: isolate !important;
    visibility: visible !important;
  }

  html
    body.secondary-rail-open:has(#modal .secondary-rail-shell.emp-org-rail)
    #root
    .app.app
    > .layout.layout
    > .main.main.page-employees
    .employee-toolbar-org
    :where(.employee-org-hover-panel, .employee-org-flyout),
  html[data-theme]
    body.secondary-rail-open:has(#modal .secondary-rail-shell.emp-org-rail)
    #root
    .app.app
    > .layout.layout
    > .main.main.page-employees
    .employee-toolbar-org
    :where(.employee-org-hover-panel, .employee-org-flyout) {
    z-index: 30021 !important;
    visibility: visible !important;
  }

  html
    body.secondary-rail-open:has(#modal .secondary-rail-shell.emp-org-rail)
    #root
    .app.app
    > .layout.layout
    > .main.main.page-employees
    .employee-toolbar-org
    :where(
      .employee-org-hover-panel,
      .employee-org-flyout,
      .employee-org-hover-panel *,
      .employee-org-flyout *
    ),
  html[data-theme]
    body.secondary-rail-open:has(#modal .secondary-rail-shell.emp-org-rail)
    #root
    .app.app
    > .layout.layout
    > .main.main.page-employees
    .employee-toolbar-org
    :where(
      .employee-org-hover-panel,
      .employee-org-flyout,
      .employee-org-hover-panel *,
      .employee-org-flyout *
    ) {
    visibility: visible !important;
  }
}

@media (min-width: 761px) and (pointer: fine) {
  html
    body
    #root
    .app.app
    .layout
    > .main.page-emp
    .employee-phone-bind-control
    .employee-phone-model.phone-model
    .phone-dial-option,
  html[data-theme]
    body
    #root
    .app.app
    .layout
    > .main.page-emp
    .employee-phone-bind-control
    .employee-phone-model.phone-model
    .phone-dial-option {
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    padding: 0 8px !important;
    border: 0 !important;
    box-shadow: var(--mc-shadow-none, none) !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }

  html
    body
    #root
    .app.app
    .layout
    > .main.page-emp
    .employee-phone-bind-control
    .employee-phone-model.phone-model
    .phone-dial-option
    b,
  html
    body
    #root
    .app.app
    .layout
    > .main.page-emp
    .employee-phone-bind-control
    .employee-phone-model.phone-model
    .phone-dial-option
    span,
  html[data-theme]
    body
    #root
    .app.app
    .layout
    > .main.page-emp
    .employee-phone-bind-control
    .employee-phone-model.phone-model
    .phone-dial-option
    b,
  html[data-theme]
    body
    #root
    .app.app
    .layout
    > .main.page-emp
    .employee-phone-bind-control
    .employee-phone-model.phone-model
    .phone-dial-option
    span {
    min-width: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1.15 !important;
  }
}