/* Personnel notifications: desktop/tablet theme alignment.
   Phone mode is intentionally excluded from every selector. */
body:not(.ui-scale-phone) #page-personnel-portal-notifications .personnel-portal-head-note {
  color: #f4f8fd !important;
  border-color: rgba(118, 166, 207, 0.32) !important;
  background: linear-gradient(145deg, #17283f 0%, #101d30 100%) !important;
  box-shadow: 0 10px 20px rgba(3, 12, 24, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

body:not(.ui-scale-phone) #page-personnel-portal-notifications .personnel-portal-head-note :is(strong, small, p, span, .muted) {
  color: #c5d2e2 !important;
}

body:not(.ui-scale-phone) #page-personnel-portal-notifications .portal-notice-card {
  color: #f4f8fd !important;
  border-color: rgba(112, 157, 198, 0.32) !important;
  background: linear-gradient(145deg, #17283f 0%, #101d30 100%) !important;
  box-shadow: 0 10px 20px rgba(3, 12, 24, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

body:not(.ui-scale-phone) #page-personnel-portal-notifications .portal-notice-card.is-unread {
  border-color: rgba(83, 164, 226, 0.68) !important;
  background: linear-gradient(145deg, #193653 0%, #11243b 100%) !important;
}

body:not(.ui-scale-phone) #page-personnel-portal-notifications .portal-notice-card.is-read {
  opacity: 1 !important;
}

body:not(.ui-scale-phone) #page-personnel-portal-notifications .portal-notice-card.notice-approved {
  border-color: rgba(65, 188, 127, 0.58) !important;
  background: linear-gradient(145deg, #173a32 0%, #102820 100%) !important;
}

body:not(.ui-scale-phone) #page-personnel-portal-notifications .portal-notice-card.notice-rejected {
  border-color: rgba(225, 100, 110, 0.56) !important;
  background: linear-gradient(145deg, #3b202a 0%, #29151d 100%) !important;
}

body:not(.ui-scale-phone) #page-personnel-portal-notifications .portal-notice-card.notice-warning {
  border-color: rgba(225, 170, 75, 0.58) !important;
  background: linear-gradient(145deg, #3b301d 0%, #282013 100%) !important;
}

body:not(.ui-scale-phone) #page-personnel-portal-notifications .portal-notice-card :is(strong, p, span, label),
body:not(.ui-scale-phone) #page-personnel-portal-notifications .portal-notice-card .portal-notice-summary,
body:not(.ui-scale-phone) #page-personnel-portal-notifications .portal-notice-card .portal-notice-actions strong {
  color: #f4f8fd !important;
}

body:not(.ui-scale-phone) #page-personnel-portal-notifications .portal-notice-card :is(small, .muted),
body:not(.ui-scale-phone) #page-personnel-portal-notifications .portal-notice-head > small {
  color: #aebfd2 !important;
}

body:not(.ui-scale-phone) #page-personnel-portal-notifications .portal-notice-card[data-notice-type="staff_broadcast"] .portal-notice-summary {
  border: 1px solid rgba(111, 159, 201, 0.24) !important;
  background: rgba(7, 20, 35, 0.42) !important;
}

body:not(.ui-scale-phone) #page-personnel-portal-notifications .staff-broadcast-html-collapsed-card {
  border-color: rgba(102, 164, 216, 0.42) !important;
  background: linear-gradient(135deg, #203b58 0%, #162b44 100%) !important;
  color: #f4f8fd !important;
}

body:not(.ui-scale-phone) #page-personnel-portal-notifications .staff-broadcast-html-collapsed-card :is(span, strong) {
  color: #f4f8fd !important;
}

body:not(.ui-scale-phone) #page-personnel-portal-notifications .staff-broadcast-html-collapsed-card small {
  color: #b7c8da !important;
}

body:not(.ui-scale-phone) #page-personnel-portal-notifications .staff-broadcast-html-collapsed-icon {
  color: #d9efff !important;
  background: rgba(75, 151, 211, 0.28) !important;
}

body:not(.ui-scale-phone) #page-personnel-portal-notifications .portal-notice-card .secondary-btn {
  color: #f4f8fd !important;
  border-color: rgba(107, 169, 222, 0.48) !important;
  background: linear-gradient(145deg, #203d5d 0%, #172d48 100%) !important;
}

body:not(.ui-scale-phone) #page-personnel-portal-notifications .portal-notice-card a {
  color: #a9d6ff !important;
}

/* Strong three-dimensional separation between desktop/tablet notifications. */
body:not(.ui-scale-phone) #page-personnel-portal-notifications .portal-notice-list {
  gap: 18px !important;
}

body:not(.ui-scale-phone) #page-personnel-portal-notifications .portal-notice-card {
  position: relative;
  border-width: 2px !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 0 rgba(3, 11, 22, 0.88), 0 14px 25px rgba(1, 8, 18, 0.46), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
  transform: translateZ(0);
}

body:not(.ui-scale-phone) #page-personnel-portal-notifications .portal-notice-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  border-radius: 12px;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.32);
}

body:not(.ui-scale-phone) #page-personnel-portal-notifications .portal-notice-card > * {
  position: relative;
  z-index: 1;
}

body:not(.ui-scale-phone) #page-personnel-portal-notifications .portal-notice-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 0 rgba(3, 11, 22, 0.9), 0 18px 30px rgba(1, 8, 18, 0.52), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

/* Personnel portal request menu: desktop/tablet dark application theme. */
body:not(.ui-scale-phone) #page-personnel-portal .personnel-portal-floating-menu {
  color: #f4f8fd !important;
  border: 1px solid rgba(108, 154, 196, 0.34) !important;
  background: linear-gradient(150deg, #182942 0%, #101d31 100%) !important;
  box-shadow: 0 13px 25px rgba(3, 12, 24, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

body:not(.ui-scale-phone) #page-personnel-portal .personnel-portal-floating-head strong {
  color: #f4f8fd !important;
}

body:not(.ui-scale-phone) #page-personnel-portal .personnel-portal-floating-head :is(small, .muted) {
  color: #aebfd2 !important;
}

body:not(.ui-scale-phone) #page-personnel-portal .personnel-portal-menu-grid--floating .personnel-portal-menu-btn {
  color: #f4f8fd !important;
  border: 1px solid rgba(104, 165, 216, 0.46) !important;
  background: linear-gradient(155deg, #223e5e 0%, #172c47 100%) !important;
  box-shadow: 0 4px 0 #0a1727, 0 11px 18px rgba(2, 10, 21, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.11) !important;
}

body:not(.ui-scale-phone) #page-personnel-portal .personnel-portal-menu-grid--floating .personnel-portal-menu-btn:hover {
  color: #ffffff !important;
  border-color: rgba(141, 201, 245, 0.7) !important;
  background: linear-gradient(155deg, #2a5077 0%, #1b3858 100%) !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 0 #081522, 0 15px 22px rgba(2, 10, 21, 0.44), inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}

body:not(.ui-scale-phone) #page-personnel-portal .personnel-portal-menu-grid--floating .personnel-portal-menu-btn.active {
  color: #ffffff !important;
  border-color: rgba(94, 184, 240, 0.76) !important;
  background: linear-gradient(155deg, #176da4 0%, #124d78 100%) !important;
}

/* Staff List settings: readable desktop/tablet dark theme and hard 3D controls. */
body:not(.ui-scale-phone) #page-staff-list .staff-actions-open-btn--mini3d {
  color: #ffffff !important;
  border: 1px solid rgba(111, 181, 232, 0.66) !important;
  background: linear-gradient(155deg, #28577f 0%, #173957 100%) !important;
  box-shadow: 0 5px 0 #081724, 0 12px 20px rgba(2, 10, 21, 0.44), inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

body:not(.ui-scale-phone) #page-staff-list .staff-actions-open-btn--mini3d strong {
  color: #ffffff !important;
}

body:not(.ui-scale-phone) #page-staff-list .staff-actions-open-btn--mini3d:hover {
  transform: translateY(-2px);
  border-color: rgba(157, 213, 250, 0.88) !important;
  background: linear-gradient(155deg, #3473a6 0%, #1d4a70 100%) !important;
  box-shadow: 0 7px 0 #07131f, 0 17px 25px rgba(2, 10, 21, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}

body:not(.ui-scale-phone) #page-staff-list #staff-actions-modal {
  background: rgba(3, 10, 21, 0.78) !important;
  backdrop-filter: blur(3px);
}

body:not(.ui-scale-phone) #page-staff-list #staff-actions-modal > .staff-actions-modal-card {
  color: #f5f8fd !important;
  border: 2px solid rgba(107, 163, 211, 0.46) !important;
  background: linear-gradient(150deg, #18263e 0%, #101a2d 100%) !important;
  box-shadow: 0 8px 0 rgba(3, 10, 20, 0.9), 0 30px 65px rgba(1, 6, 15, 0.66), inset 0 1px 0 rgba(255, 255, 255, 0.09) !important;
}

body:not(.ui-scale-phone) #page-staff-list #staff-actions-modal .staff-actions-card,
body:not(.ui-scale-phone) #page-staff-list #staff-actions-modal .panel-lite {
  color: #f5f8fd !important;
  border: 1px solid rgba(105, 158, 205, 0.35) !important;
  background: linear-gradient(150deg, #20314d 0%, #17253c 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), 0 8px 18px rgba(2, 9, 19, 0.3) !important;
}

body:not(.ui-scale-phone) #page-staff-list #staff-actions-modal :is(h1, h2, h3, h4, strong, label, span, p, th, td) {
  color: #f5f8fd !important;
}

body:not(.ui-scale-phone) #page-staff-list #staff-actions-modal :is(small, .muted) {
  color: #b5c4d7 !important;
}

body:not(.ui-scale-phone) #page-staff-list #staff-actions-modal :is(input:not([type="checkbox"]), select, textarea) {
  color: #f7fbff !important;
  border: 1px solid rgba(119, 174, 220, 0.52) !important;
  background: #101d31 !important;
  box-shadow: inset 0 2px 5px rgba(1, 7, 15, 0.45), 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

body:not(.ui-scale-phone) #page-staff-list #staff-actions-modal option {
  color: #f7fbff !important;
  background: #101d31 !important;
}

body:not(.ui-scale-phone) #page-staff-list #staff-actions-modal .staff-selected-pill {
  color: #e8f4ff !important;
  border: 1px solid rgba(113, 182, 234, 0.58) !important;
  background: #183b5b !important;
  box-shadow: 0 3px 0 #091827, 0 8px 14px rgba(2, 9, 19, 0.34) !important;
}

body:not(.ui-scale-phone) #page-staff-list #staff-actions-modal :is(.secondary-btn, .primary-btn, .success-btn, .danger-btn) {
  color: #ffffff !important;
  border-width: 1px !important;
  border-style: solid !important;
  box-shadow: 0 5px 0 #07131f, 0 12px 18px rgba(2, 9, 19, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
  transform: translateY(0);
}

body:not(.ui-scale-phone) #page-staff-list #staff-actions-modal .secondary-btn {
  border-color: rgba(119, 183, 232, 0.68) !important;
  background: linear-gradient(155deg, #2b5d87 0%, #193d5e 100%) !important;
}

body:not(.ui-scale-phone) #page-staff-list #staff-actions-modal .primary-btn {
  border-color: rgba(105, 180, 244, 0.76) !important;
  background: linear-gradient(155deg, #1878bd 0%, #10558a 100%) !important;
}

body:not(.ui-scale-phone) #page-staff-list #staff-actions-modal .success-btn {
  border-color: rgba(82, 204, 146, 0.72) !important;
  background: linear-gradient(155deg, #15915d 0%, #0d6741 100%) !important;
}

body:not(.ui-scale-phone) #page-staff-list #staff-actions-modal .danger-btn {
  border-color: rgba(245, 113, 120, 0.76) !important;
  background: linear-gradient(155deg, #e54b4f 0%, #b62d35 100%) !important;
}

body:not(.ui-scale-phone) #page-staff-list #staff-actions-modal :is(.secondary-btn, .primary-btn, .success-btn, .danger-btn):hover {
  transform: translateY(-2px);
  filter: brightness(1.12);
  box-shadow: 0 7px 0 #06101a, 0 16px 22px rgba(2, 9, 19, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
}