/* Import Font Awesome variables and mixins */
/* ===============================================================
   AJMAIL LOGIN PAGE – Glassmorphism Blue Style (CodePen-like)
   Scoped only to .task-login so other pages are safe
   =============================================================== */
.task-login {
  font-family: 'Poppins', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  /* Hide original Roundcube title */
  /* Layout content fills viewport and centers box - ONLY for login page */
  /* Optional subtle noise overlay (if noise.png exists) */
  /* -----------------------------
       Floating background circles
       ----------------------------- */
  /* -----------------------------
       Login container + box
       ----------------------------- */
  /* -----------------------------
       Make Roundcube loginform fit
       ----------------------------- */
}
.task-login h1.voice {
  display: none;
}
.task-login #layout-content {
  min-height: 100vh;
  padding: 0;
  margin: 0;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  background: radial-gradient(circle at 20% 20%, #00f2fe, #0072ff 70%) !important;
}
.task-login #layout-content::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url('/webmail/skins/bubblegum/images/noise.png');
  background-size: 256px 256px;
  opacity: 0.04;
  mix-blend-mode: soft-light;
  pointer-events: none;
  z-index: 0;
}
.task-login .background-circles {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
}
.task-login .background-circles .circle {
  position: absolute;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 50%;
  animation: login-float 12s infinite ease-in-out;
}
.task-login .background-circles .circle:nth-child(1) {
  width: 300px;
  height: 300px;
  top: -120px;
  left: -120px;
  animation-delay: 0s;
}
.task-login .background-circles .circle:nth-child(2) {
  width: 220px;
  height: 220px;
  bottom: -100px;
  right: -100px;
  animation-delay: 2s;
}
.task-login .background-circles .circle:nth-child(3) {
  width: 180px;
  height: 180px;
  top: 18%;
  left: 70%;
  animation-delay: 4s;
}
.task-login .background-circles .circle:nth-child(4) {
  width: 140px;
  height: 140px;
  bottom: 28%;
  right: 18%;
  animation-delay: 6s;
}
.task-login .background-circles .circle:nth-child(5) {
  width: 260px;
  height: 260px;
  top: -80px;
  right: 25%;
  animation-delay: 3s;
}
.task-login .background-circles .circle:nth-child(6) {
  width: 120px;
  height: 120px;
  bottom: 12%;
  left: 12%;
  animation-delay: 5s;
}
.task-login .background-circles .circle:nth-child(7) {
  width: 90px;
  height: 90px;
  top: 45%;
  left: 10%;
  animation-delay: 7s;
}
.task-login .background-circles .circle:nth-child(8) {
  width: 100px;
  height: 100px;
  bottom: 40%;
  right: 5%;
  animation-delay: 8s;
}
.task-login .background-circles .circle:nth-child(9) {
  width: 80px;
  height: 80px;
  top: 65%;
  left: 55%;
  animation-delay: 9s;
}
.task-login .background-circles .circle:nth-child(10) {
  width: 70px;
  height: 70px;
  top: 10%;
  right: 8%;
  animation-delay: 10s;
}
.task-login .background-circles .circle:nth-child(11) {
  width: 60px;
  height: 60px;
  bottom: 18%;
  left: 45%;
  animation-delay: 11s;
}
.task-login .background-circles .circle:nth-child(12) {
  width: 50px;
  height: 50px;
  top: 30%;
  left: 30%;
  animation-delay: 12s;
}
@keyframes login-float {
  0%,
  100% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(-30px) scale(1.08);
  }
}
.task-login .login-container {
  position: relative;
  max-width: 400px;
  width: 90%;
  z-index: 2;
  animation: login-floatUp 1.4s ease-out;
}
.task-login .login-box {
  backdrop-filter: blur(20px) saturate(120%);
  -webkit-backdrop-filter: blur(20px) saturate(120%);
  background: rgba(255, 255, 255, 0.16);
  border: 1px solid rgba(255, 255, 255, 0.26);
  border-radius: 20px;
  padding: 36px 28px 26px 28px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25);
  transform-style: preserve-3d;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.task-login .login-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.28);
}
.task-login .login-box h2 {
  color: #ffffff;
  text-align: center;
  margin-bottom: 26px;
  font-size: 2.1rem;
  font-weight: 600;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
}
@keyframes login-floatUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.task-login #login-form {
  top: 0 !important;
}
.task-login #login-form table,
.task-login #login-form tbody,
.task-login #login-form tr,
.task-login #login-form td {
  display: block;
  width: 100%;
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0 0 14px 0;
}
.task-login #login-form label {
  display: none;
  /* placeholders handle the labels visually */
}
.task-login #login-form .input-group {
  position: relative;
  margin-bottom: 18px;
}
.task-login #login-form .input-group input {
  width: 100%;
  padding: 14px 45px 14px 18px;
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 12px;
  color: #ffffff;
  font-size: 0.95rem;
  transition: all 0.3s ease;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.task-login #login-form .input-group input:focus {
  outline: none;
  border-color: #00f2fe;
  box-shadow: 0 0 0 2px rgba(0, 242, 254, 0.35);
}
.task-login #login-form .input-group input::placeholder {
  color: rgba(255, 255, 255, 0.78);
}
.task-login #login-form .input-group .input-group-text {
  position: absolute;
  left: auto;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: 0;
  padding: 0;
  color: #ffffff;
  font-size: 0.95rem;
  z-index: 2;
}
.task-login #login-form .input-group .input-group-text i {
  transition: color 0.3s ease;
}
.task-login #login-form .input-group:hover .input-group-text i {
  color: #00f2fe;
}
.task-login #login-form .formbuttons,
.task-login #login-form .formbuttons td {
  margin-top: 10px;
}
.task-login .login-logo-wrap {
  text-align: center;
  margin-bottom: 18px;
}
.task-login #logo {
  max-width: 85px;
  height: auto;
  top: 0 !important;
  filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.25));
}
.task-login #rcmloginsubmit {
  width: 100%;
  padding: 14px;
  background: linear-gradient(135deg, #00f2fe 0%, #0072ff 100%) !important;
  border: none !important;
  border-radius: 12px !important;
  color: #ffffff !important;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-top: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
  text-transform: none;
  letter-spacing: 0.2px;
}
.task-login #rcmloginsubmit:hover {
  transform: translateY(-2px);
  box-shadow: 0 7px 20px rgba(0, 0, 0, 0.25);
}
.task-login .forgot-password {
  text-align: center;
  margin-top: 16px;
}
.task-login .forgot-password span {
  color: #ffffff;
  font-size: 0.9rem;
  opacity: 0.9;
}
@media (max-width: 576px) {
  .task-login .login-box {
    padding: 30px 20px 22px 20px;
  }
  .task-login .login-box h2 {
    font-size: 1.8rem;
  }
}
/* ===========================================================
   AJMAIL SIDEBAR - Neumorphic Design Implementation Starts
   Fresh redesign matching the advanced neumorphic sidebar
   =========================================================== */
/* Give mail, addressbook, and settings tasks the same blue background */
.task-mail #layout,
.task-addressbook #layout,
.task-settings #layout {
  background: radial-gradient(circle at 20% 20%, #00f2fe, #0072ff 70%);
}
/* Dark Mode - Layout Background */
.task-mail .dark-mode #layout,
.task-mail html.dark-mode #layout,
.task-mail body.dark-mode #layout,
.dark-mode .task-mail #layout,
.task-addressbook .dark-mode #layout,
.task-addressbook html.dark-mode #layout,
.task-addressbook body.dark-mode #layout,
.dark-mode .task-addressbook #layout,
.task-settings .dark-mode #layout,
.task-settings html.dark-mode #layout,
.task-settings body.dark-mode #layout,
.dark-mode .task-settings #layout {
  background: #0f1424 !important;
}
/* Make the left column wider for our neumorphic sidebar */
.task-mail #layout-menu,
.task-addressbook #layout-menu {
  width: 280px;
  min-width: 280px;
  padding: 0;
  background: transparent;
  overflow: hidden;
}
.task-mail #layout-menu #aj-sidebar,
.task-addressbook #layout-menu #aj-sidebar {
  min-height: 100vh;
  height: 100%;
  min-width: 280px;
}
/* Settings page - layout-menu is hidden */
.task-settings #layout-menu {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}
/* Root Sidebar Container - Neumorphic Design */
.task-mail #aj-sidebar,
.task-addressbook #aj-sidebar,
.task-settings #aj-sidebar {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 20px 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-family: 'Poppins', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  background: var(--bg-color);
  box-shadow: 15px 15px 30px var(--shadow-dark), -15px -15px 30px var(--shadow-light);
  min-height: calc(100vh - 60px);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 100;
  overflow-y: auto;
  overflow-x: hidden;
  /* Hide background layers - not needed for neumorphic design */
  /* ===========================================================
       SIDEBAR HEADER - Logo and User Profile
       =========================================================== */
  /* Popover Menu Styling - Fix for auto-closing issue */
  /* Ensure popovers from sidebar menu buttons stay visible */
  /* Specific styling for groupoptions and mailboxoptions menus */
  /* Ensure popover content is visible */
  /* Prevent popover from being hidden by click events */
  /* Fix for Bootstrap popover arrow */
  /* Ensure sidebar menu button doesn't interfere with popover */
  /* ===========================================================
       SIDEBAR NAVIGATION - Main Navigation Section
       =========================================================== */
  /* ===========================================================
       FOLDER LIST SECTION - Navigation Links
       =========================================================== */
  /* ===========================================================
       COMPOSE BUTTON - Refined Neumorphic Design
       =========================================================== */
  /* ===========================================================
       SIDEBAR FOOTER - Logout and Utility Buttons
       =========================================================== */
}
.task-mail #aj-sidebar .aj-sidebar-bg,
.task-addressbook #aj-sidebar .aj-sidebar-bg,
.task-settings #aj-sidebar .aj-sidebar-bg,
.task-mail #aj-sidebar .aj-sidebar-glass,
.task-addressbook #aj-sidebar .aj-sidebar-glass,
.task-settings #aj-sidebar .aj-sidebar-glass {
  display: none !important;
}
.task-mail #aj-sidebar .aj-sidebar-header,
.task-addressbook #aj-sidebar .aj-sidebar-header,
.task-settings #aj-sidebar .aj-sidebar-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 40px;
  padding: 0 !important;
  /* Logo - Circular Neumorphic */
  /* User Profile Card - Inset Neumorphic */
  /* Section Title - Hidden for neumorphic design */
}
.task-mail #aj-sidebar .aj-sidebar-header #logo,
.task-addressbook #aj-sidebar .aj-sidebar-header #logo,
.task-settings #aj-sidebar .aj-sidebar-header #logo,
.task-mail #aj-sidebar .aj-sidebar-header #aj-logo,
.task-addressbook #aj-sidebar .aj-sidebar-header #aj-logo,
.task-settings #aj-sidebar .aj-sidebar-header #aj-logo {
  width: 65px !important;
  height: 65px !important;
  border-radius: 50% !important;
  background-color: var(--bg-color) !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  color: var(--text-main) !important;
  font-size: 1.6rem !important;
  font-weight: 900 !important;
  box-shadow: 10px 10px 20px var(--shadow-dark), -10px -10px 20px var(--shadow-light) !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
  object-fit: contain !important;
  padding: 8px !important;
  box-sizing: border-box !important;
}
.task-mail #aj-sidebar .aj-sidebar-header #logo:hover,
.task-addressbook #aj-sidebar .aj-sidebar-header #logo:hover,
.task-settings #aj-sidebar .aj-sidebar-header #logo:hover,
.task-mail #aj-sidebar .aj-sidebar-header #aj-logo:hover,
.task-addressbook #aj-sidebar .aj-sidebar-header #aj-logo:hover,
.task-settings #aj-sidebar .aj-sidebar-header #aj-logo:hover {
  box-shadow: 15px 15px 30px var(--shadow-dark), -15px -15px 30px var(--shadow-light) !important;
}
.task-mail #aj-sidebar .aj-sidebar-header #logo:active,
.task-addressbook #aj-sidebar .aj-sidebar-header #logo:active,
.task-settings #aj-sidebar .aj-sidebar-header #logo:active,
.task-mail #aj-sidebar .aj-sidebar-header #aj-logo:active,
.task-addressbook #aj-sidebar .aj-sidebar-header #aj-logo:active,
.task-settings #aj-sidebar .aj-sidebar-header #aj-logo:active {
  box-shadow: inset 8px 8px 16px var(--shadow-dark), inset -8px -8px 16px var(--shadow-light) !important;
}
.task-mail #aj-sidebar .aj-sidebar-header .aj-username-row,
.task-addressbook #aj-sidebar .aj-sidebar-header .aj-username-row,
.task-settings #aj-sidebar .aj-sidebar-header .aj-username-row {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 15px;
  margin-bottom: 25px;
  border-radius: 20px;
  background: var(--pressed-bg-color);
  box-shadow: inset 12px 12px 24px var(--shadow-dark), inset -12px -12px 24px var(--shadow-light) !important;
  gap: 15px;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  /* Prevent content overflow */
  /* Avatar - Create from data attributes or first letter */
  /* Fallback: If no data-initials, use first letter from first aj-username */
  /* User Info - Stack name and email vertically */
  /* Use flex-wrap so aj-username spans stack while keeping avatar and button on row */
  flex-wrap: wrap;
  align-items: flex-start;
  /* Avatar - stays on first row */
  /* User Info - Stack name and email vertically */
  /* Make aj-username spans take calculated width to stack */
  /* User Name - First span */
  /* User Email - Second span */
  /* Fallback for single aj-username */
  /* Folder actions button - stays on first row */
  /* Ensure folder actions button doesn't cause overflow */
  /* Folder Actions Button - Embedded Neumorphic Effect */
}
.task-mail #aj-sidebar .aj-sidebar-header .aj-username-row:not([data-initials])::before,
.task-addressbook #aj-sidebar .aj-sidebar-header .aj-username-row:not([data-initials])::before,
.task-settings #aj-sidebar .aj-sidebar-header .aj-username-row:not([data-initials])::before {
  content: '';
  background: linear-gradient(135deg, var(--accent-color), var(--accent-dark));
}
.task-mail #aj-sidebar .aj-sidebar-header .aj-username-row::before,
.task-addressbook #aj-sidebar .aj-sidebar-header .aj-username-row::before,
.task-settings #aj-sidebar .aj-sidebar-header .aj-username-row::before {
  flex-shrink: 0;
  align-self: flex-start;
}
.task-mail #aj-sidebar .aj-sidebar-header .aj-username-row .aj-username,
.task-addressbook #aj-sidebar .aj-sidebar-header .aj-username-row .aj-username,
.task-settings #aj-sidebar .aj-sidebar-header .aj-username-row .aj-username {
  flex: 1 1 calc(100% - 105px);
  /* Account for avatar (40px) + gap (15px) + button (50px) = 105px */
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.task-mail #aj-sidebar .aj-sidebar-header .aj-username-row .aj-username:first-of-type,
.task-addressbook #aj-sidebar .aj-sidebar-header .aj-username-row .aj-username:first-of-type,
.task-settings #aj-sidebar .aj-sidebar-header .aj-username-row .aj-username:first-of-type {
  color: var(--text-main) !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  line-height: 1.3;
  margin-bottom: 2px;
}
.task-mail #aj-sidebar .aj-sidebar-header .aj-username-row .aj-username:last-of-type:not(:only-of-type),
.task-addressbook #aj-sidebar .aj-sidebar-header .aj-username-row .aj-username:last-of-type:not(:only-of-type),
.task-settings #aj-sidebar .aj-sidebar-header .aj-username-row .aj-username:last-of-type:not(:only-of-type) {
  color: var(--text-light) !important;
  font-size: 0.75rem !important;
  font-weight: 400 !important;
  line-height: 1.2;
}
.task-mail #aj-sidebar .aj-sidebar-header .aj-username-row .aj-username:only-of-type,
.task-addressbook #aj-sidebar .aj-sidebar-header .aj-username-row .aj-username:only-of-type,
.task-settings #aj-sidebar .aj-sidebar-header .aj-username-row .aj-username:only-of-type {
  flex: 1;
  color: var(--text-main) !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  line-height: 1.2;
}
.task-mail #aj-sidebar .aj-sidebar-header .aj-username-row .aj-folder-actions,
.task-addressbook #aj-sidebar .aj-sidebar-header .aj-username-row .aj-folder-actions,
.task-settings #aj-sidebar .aj-sidebar-header .aj-username-row .aj-folder-actions {
  flex-shrink: 0;
  align-self: flex-start;
}
.task-mail #aj-sidebar .aj-sidebar-header .aj-username-row .aj-folder-actions,
.task-addressbook #aj-sidebar .aj-sidebar-header .aj-username-row .aj-folder-actions,
.task-settings #aj-sidebar .aj-sidebar-header .aj-username-row .aj-folder-actions {
  flex-shrink: 0;
  margin-left: auto;
}
.task-mail #aj-sidebar .aj-sidebar-header .aj-username-row .aj-folder-actions,
.task-addressbook #aj-sidebar .aj-sidebar-header .aj-username-row .aj-folder-actions,
.task-settings #aj-sidebar .aj-sidebar-header .aj-username-row .aj-folder-actions {
  width: 35px !important;
  height: 35px !important;
  min-width: 35px !important;
  padding: 0 !important;
  background: var(--pressed-bg-color) !important;
  /* Use pressed background for embedded effect */
  border-radius: 50% !important;
  /* Embedded neumorphic effect - inset shadows */
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  transition: all 0.3s ease !important;
  color: var(--text-light) !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  flex-shrink: 0;
  line-height: 1 !important;
  cursor: pointer !important;
  position: relative !important;
  z-index: 1000 !important;
  /* Higher z-index to ensure popover appears */
  /* Hide text, show only icon */
  /* Icon using ::before */
}
.task-mail #aj-sidebar .aj-sidebar-header .aj-username-row .aj-folder-actions .inner,
.task-addressbook #aj-sidebar .aj-sidebar-header .aj-username-row .aj-folder-actions .inner,
.task-settings #aj-sidebar .aj-sidebar-header .aj-username-row .aj-folder-actions .inner {
  display: none !important;
}
.task-mail #aj-sidebar .aj-sidebar-header .aj-username-row .aj-folder-actions::before,
.task-addressbook #aj-sidebar .aj-sidebar-header .aj-username-row .aj-folder-actions::before,
.task-settings #aj-sidebar .aj-sidebar-header .aj-username-row .aj-folder-actions::before {
  margin: 0 !important;
  font-family: 'Icons' !important;
  font-style: normal;
  font-weight: 900 !important;
  /* Use 900 for solid icons */
  font-size: 1.2rem !important;
  color: var(--text-light) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block !important;
}
.task-mail #aj-sidebar .aj-sidebar-header .aj-username-row .aj-folder-actions:hover,
.task-addressbook #aj-sidebar .aj-sidebar-header .aj-username-row .aj-folder-actions:hover,
.task-settings #aj-sidebar .aj-sidebar-header .aj-username-row .aj-folder-actions:hover {
  color: var(--accent-color) !important;
  /* Deeper embedded effect on hover */
  box-shadow: inset 5px 5px 10px var(--shadow-dark), inset -5px -5px 10px var(--shadow-light) !important;
  transform: scale(0.98) !important;
  /* Slight scale down for pressed effect */
}
.task-mail #aj-sidebar .aj-sidebar-header .aj-username-row .aj-folder-actions:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-header .aj-username-row .aj-folder-actions:hover::before,
.task-settings #aj-sidebar .aj-sidebar-header .aj-username-row .aj-folder-actions:hover::before {
  color: var(--accent-color) !important;
  transform: scale(1.1) !important;
}
.task-mail #aj-sidebar .aj-sidebar-header .aj-username-row .aj-folder-actions.active,
.task-addressbook #aj-sidebar .aj-sidebar-header .aj-username-row .aj-folder-actions.active,
.task-settings #aj-sidebar .aj-sidebar-header .aj-username-row .aj-folder-actions.active {
  /* Even deeper embedded effect when active */
  box-shadow: inset 6px 6px 12px var(--shadow-dark), inset -6px -6px 12px var(--shadow-light) !important;
  color: var(--accent-color) !important;
  transform: scale(0.96) !important;
  /* Slightly more pressed */
}
.task-mail #aj-sidebar .aj-sidebar-header .aj-username-row .aj-folder-actions.active::before,
.task-addressbook #aj-sidebar .aj-sidebar-header .aj-username-row .aj-folder-actions.active::before,
.task-settings #aj-sidebar .aj-sidebar-header .aj-username-row .aj-folder-actions.active::before {
  color: var(--accent-color) !important;
}
.task-mail #aj-sidebar .aj-sidebar-header .aj-section-title,
.task-addressbook #aj-sidebar .aj-sidebar-header .aj-section-title,
.task-settings #aj-sidebar .aj-sidebar-header .aj-section-title {
  display: none !important;
}
.task-mail #aj-sidebar .popover,
.task-addressbook #aj-sidebar .popover,
.task-settings #aj-sidebar .popover,
.task-mail #aj-sidebar .bs-popover,
.task-addressbook #aj-sidebar .bs-popover,
.task-settings #aj-sidebar .bs-popover,
.task-mail #aj-sidebar .popover.show,
.task-addressbook #aj-sidebar .popover.show,
.task-settings #aj-sidebar .popover.show,
.task-mail #aj-sidebar .bs-popover-auto[x-placement^="bottom"],
.task-addressbook #aj-sidebar .bs-popover-auto[x-placement^="bottom"],
.task-settings #aj-sidebar .bs-popover-auto[x-placement^="bottom"],
.task-mail #aj-sidebar .bs-popover-bottom,
.task-addressbook #aj-sidebar .bs-popover-bottom,
.task-settings #aj-sidebar .bs-popover-bottom {
  z-index: 10000 !important;
  /* Very high z-index to ensure it appears above everything */
  pointer-events: auto !important;
}
.task-mail #aj-sidebar .popover.show,
.task-addressbook #aj-sidebar .popover.show,
.task-settings #aj-sidebar .popover.show,
.task-mail #aj-sidebar .bs-popover.show,
.task-addressbook #aj-sidebar .bs-popover.show,
.task-settings #aj-sidebar .bs-popover.show,
.task-mail #aj-sidebar .popover.show.show,
.task-addressbook #aj-sidebar .popover.show.show,
.task-settings #aj-sidebar .popover.show.show,
.task-mail #aj-sidebar .bs-popover-auto[x-placement^="bottom"].show,
.task-addressbook #aj-sidebar .bs-popover-auto[x-placement^="bottom"].show,
.task-settings #aj-sidebar .bs-popover-auto[x-placement^="bottom"].show,
.task-mail #aj-sidebar .bs-popover-bottom.show,
.task-addressbook #aj-sidebar .bs-popover-bottom.show,
.task-settings #aj-sidebar .bs-popover-bottom.show {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.task-mail #aj-sidebar #groupoptions-menu,
.task-addressbook #aj-sidebar #groupoptions-menu,
.task-settings #aj-sidebar #groupoptions-menu,
.task-mail #aj-sidebar #mailboxoptions-menu,
.task-addressbook #aj-sidebar #mailboxoptions-menu,
.task-settings #aj-sidebar #mailboxoptions-menu,
.task-mail #aj-sidebar .popupmenu#groupoptions-menu,
.task-addressbook #aj-sidebar .popupmenu#groupoptions-menu,
.task-settings #aj-sidebar .popupmenu#groupoptions-menu,
.task-mail #aj-sidebar .popupmenu#mailboxoptions-menu,
.task-addressbook #aj-sidebar .popupmenu#mailboxoptions-menu,
.task-settings #aj-sidebar .popupmenu#mailboxoptions-menu {
  z-index: 10000 !important;
  pointer-events: auto !important;
  position: absolute !important;
}
.task-mail #aj-sidebar #groupoptions-menu.show,
.task-addressbook #aj-sidebar #groupoptions-menu.show,
.task-settings #aj-sidebar #groupoptions-menu.show,
.task-mail #aj-sidebar #mailboxoptions-menu.show,
.task-addressbook #aj-sidebar #mailboxoptions-menu.show,
.task-settings #aj-sidebar #mailboxoptions-menu.show,
.task-mail #aj-sidebar .popupmenu#groupoptions-menu.show,
.task-addressbook #aj-sidebar .popupmenu#groupoptions-menu.show,
.task-settings #aj-sidebar .popupmenu#groupoptions-menu.show,
.task-mail #aj-sidebar .popupmenu#mailboxoptions-menu.show,
.task-addressbook #aj-sidebar .popupmenu#mailboxoptions-menu.show,
.task-settings #aj-sidebar .popupmenu#mailboxoptions-menu.show,
.task-mail #aj-sidebar #groupoptions-menu[aria-hidden="false"],
.task-addressbook #aj-sidebar #groupoptions-menu[aria-hidden="false"],
.task-settings #aj-sidebar #groupoptions-menu[aria-hidden="false"],
.task-mail #aj-sidebar #mailboxoptions-menu[aria-hidden="false"],
.task-addressbook #aj-sidebar #mailboxoptions-menu[aria-hidden="false"],
.task-settings #aj-sidebar #mailboxoptions-menu[aria-hidden="false"],
.task-mail #aj-sidebar .popupmenu#groupoptions-menu[aria-hidden="false"],
.task-addressbook #aj-sidebar .popupmenu#groupoptions-menu[aria-hidden="false"],
.task-settings #aj-sidebar .popupmenu#groupoptions-menu[aria-hidden="false"],
.task-mail #aj-sidebar .popupmenu#mailboxoptions-menu[aria-hidden="false"],
.task-addressbook #aj-sidebar .popupmenu#mailboxoptions-menu[aria-hidden="false"],
.task-settings #aj-sidebar .popupmenu#mailboxoptions-menu[aria-hidden="false"],
.task-mail #aj-sidebar #groupoptions-menu:not([aria-hidden="true"]),
.task-addressbook #aj-sidebar #groupoptions-menu:not([aria-hidden="true"]),
.task-settings #aj-sidebar #groupoptions-menu:not([aria-hidden="true"]),
.task-mail #aj-sidebar #mailboxoptions-menu:not([aria-hidden="true"]),
.task-addressbook #aj-sidebar #mailboxoptions-menu:not([aria-hidden="true"]),
.task-settings #aj-sidebar #mailboxoptions-menu:not([aria-hidden="true"]),
.task-mail #aj-sidebar .popupmenu#groupoptions-menu:not([aria-hidden="true"]),
.task-addressbook #aj-sidebar .popupmenu#groupoptions-menu:not([aria-hidden="true"]),
.task-settings #aj-sidebar .popupmenu#groupoptions-menu:not([aria-hidden="true"]),
.task-mail #aj-sidebar .popupmenu#mailboxoptions-menu:not([aria-hidden="true"]),
.task-addressbook #aj-sidebar .popupmenu#mailboxoptions-menu:not([aria-hidden="true"]),
.task-settings #aj-sidebar .popupmenu#mailboxoptions-menu:not([aria-hidden="true"]) {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.task-mail #aj-sidebar .popover .popover-body,
.task-addressbook #aj-sidebar .popover .popover-body,
.task-settings #aj-sidebar .popover .popover-body,
.task-mail #aj-sidebar .popover .popover-content,
.task-addressbook #aj-sidebar .popover .popover-content,
.task-settings #aj-sidebar .popover .popover-content,
.task-mail #aj-sidebar .popupmenu ul,
.task-addressbook #aj-sidebar .popupmenu ul,
.task-settings #aj-sidebar .popupmenu ul,
.task-mail #aj-sidebar .popupmenu .menu,
.task-addressbook #aj-sidebar .popupmenu .menu,
.task-settings #aj-sidebar .popupmenu .menu {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
.task-mail #aj-sidebar .popover.show,
.task-addressbook #aj-sidebar .popover.show,
.task-settings #aj-sidebar .popover.show,
.task-mail #aj-sidebar .bs-popover.show,
.task-addressbook #aj-sidebar .bs-popover.show,
.task-settings #aj-sidebar .bs-popover.show {
  pointer-events: auto !important;
}
.task-mail #aj-sidebar .popover.show *,
.task-addressbook #aj-sidebar .popover.show *,
.task-settings #aj-sidebar .popover.show *,
.task-mail #aj-sidebar .bs-popover.show *,
.task-addressbook #aj-sidebar .bs-popover.show *,
.task-settings #aj-sidebar .bs-popover.show * {
  pointer-events: auto !important;
}
.task-mail #aj-sidebar .popover .arrow,
.task-addressbook #aj-sidebar .popover .arrow,
.task-settings #aj-sidebar .popover .arrow,
.task-mail #aj-sidebar .bs-popover-auto[x-placement^="bottom"] .arrow::before,
.task-addressbook #aj-sidebar .bs-popover-auto[x-placement^="bottom"] .arrow::before,
.task-settings #aj-sidebar .bs-popover-auto[x-placement^="bottom"] .arrow::before,
.task-mail #aj-sidebar .bs-popover-bottom .arrow::before,
.task-addressbook #aj-sidebar .bs-popover-bottom .arrow::before,
.task-settings #aj-sidebar .bs-popover-bottom .arrow::before {
  z-index: 10001 !important;
}
.task-mail #aj-sidebar #aj-sidebar .aj-folder-actions.active + .popover,
.task-addressbook #aj-sidebar #aj-sidebar .aj-folder-actions.active + .popover,
.task-settings #aj-sidebar #aj-sidebar .aj-folder-actions.active + .popover,
.task-mail #aj-sidebar #aj-sidebar .aj-folder-actions[aria-expanded="true"] ~ .popover,
.task-addressbook #aj-sidebar #aj-sidebar .aj-folder-actions[aria-expanded="true"] ~ .popover,
.task-settings #aj-sidebar #aj-sidebar .aj-folder-actions[aria-expanded="true"] ~ .popover,
.task-mail #aj-sidebar #aj-sidebar .aj-folder-actions[aria-expanded="true"] + .popover,
.task-addressbook #aj-sidebar #aj-sidebar .aj-folder-actions[aria-expanded="true"] + .popover,
.task-settings #aj-sidebar #aj-sidebar .aj-folder-actions[aria-expanded="true"] + .popover {
  z-index: 10000 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
.task-mail #aj-sidebar .aj-sidebar-nav,
.task-addressbook #aj-sidebar .aj-sidebar-nav,
.task-settings #aj-sidebar .aj-sidebar-nav {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  /* Scrollbar Styling */
}
.task-mail #aj-sidebar .aj-sidebar-nav::-webkit-scrollbar,
.task-addressbook #aj-sidebar .aj-sidebar-nav::-webkit-scrollbar,
.task-settings #aj-sidebar .aj-sidebar-nav::-webkit-scrollbar {
  width: 6px;
}
.task-mail #aj-sidebar .aj-sidebar-nav::-webkit-scrollbar-thumb,
.task-addressbook #aj-sidebar .aj-sidebar-nav::-webkit-scrollbar-thumb,
.task-settings #aj-sidebar .aj-sidebar-nav::-webkit-scrollbar-thumb {
  background: var(--shadow-dark);
  border-radius: 6px;
}
.task-mail #aj-sidebar .aj-folderlist-section,
.task-addressbook #aj-sidebar .aj-folderlist-section,
.task-settings #aj-sidebar .aj-folderlist-section {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0;
  margin: 0;
  /* Hide voice labels */
  /* Folder List Navigation Links */
}
.task-mail #aj-sidebar .aj-folderlist-section .aj-folderlist-scroller,
.task-addressbook #aj-sidebar .aj-folderlist-section .aj-folderlist-scroller,
.task-settings #aj-sidebar .aj-folderlist-section .aj-folderlist-scroller {
  padding: 1rem !important;
  max-height: none;
}
.task-mail #aj-sidebar .aj-folderlist-section h2.voice,
.task-addressbook #aj-sidebar .aj-folderlist-section h2.voice,
.task-settings #aj-sidebar .aj-folderlist-section h2.voice {
  display: none !important;
}
.task-mail #aj-sidebar .aj-folderlist-section .folderlist,
.task-addressbook #aj-sidebar .aj-folderlist-section .folderlist,
.task-settings #aj-sidebar .aj-folderlist-section .folderlist,
.task-mail #aj-sidebar .aj-folderlist-section .treelist,
.task-addressbook #aj-sidebar .aj-folderlist-section .treelist,
.task-settings #aj-sidebar .aj-folderlist-section .treelist {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.task-mail #aj-sidebar .aj-folderlist-section .folderlist li,
.task-addressbook #aj-sidebar .aj-folderlist-section .folderlist li,
.task-settings #aj-sidebar .aj-folderlist-section .folderlist li,
.task-mail #aj-sidebar .aj-folderlist-section .treelist li,
.task-addressbook #aj-sidebar .aj-folderlist-section .treelist li,
.task-settings #aj-sidebar .aj-folderlist-section .treelist li {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: visible !important;
  border: none !important;
  background: transparent !important;
  /* Folder Icons with Colored Square Backgrounds - Based on Parent LI Classes */
  /* Inbox - Green Square with White Envelope Icon */
  /* Sent Mail - Light Blue Square with White Paper Airplane */
  /* Trash - Red Square with White Trash Icon */
  /* Archive - Dark Gray Square with White Archive Icon */
  /* Drafts - Yellow Square with White Pencil Icon */
  /* Junk/Spam - Orange Square with White Fire Icon */
  /* Selected folder (parent li has selected class) - Pressed Inset Neumorphic */
}
.task-mail #aj-sidebar .aj-folderlist-section .folderlist li > a,
.task-addressbook #aj-sidebar .aj-folderlist-section .folderlist li > a,
.task-settings #aj-sidebar .aj-folderlist-section .folderlist li > a,
.task-mail #aj-sidebar .aj-folderlist-section .treelist li > a,
.task-addressbook #aj-sidebar .aj-folderlist-section .treelist li > a,
.task-settings #aj-sidebar .aj-folderlist-section .treelist li > a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 10px 14px;
  border-radius: 6px;
  text-decoration: none;
  color: var(--text-main) !important;
  font-size: 0.9rem;
  font-weight: 600;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  box-shadow: 5px 5px 10px var(--shadow-dark), -5px -5px 10px var(--shadow-light);
  background: var(--bg-color);
  position: relative;
  min-height: 40px;
  height: 40px;
  box-sizing: border-box;
  /* Icon Container - Colored Square Background with Icon */
}
.task-mail #aj-sidebar .aj-folderlist-section .folderlist li > a::before,
.task-addressbook #aj-sidebar .aj-folderlist-section .folderlist li > a::before,
.task-settings #aj-sidebar .aj-folderlist-section .folderlist li > a::before,
.task-mail #aj-sidebar .aj-folderlist-section .treelist li > a::before,
.task-addressbook #aj-sidebar .aj-folderlist-section .treelist li > a::before,
.task-settings #aj-sidebar .aj-folderlist-section .treelist li > a::before {
  font-family: 'Icons' !important;
  font-style: normal;
  font-weight: 600 !important;
  font-size: 0.85rem;
  width: 28px;
  height: 28px;
  min-width: 28px;
  min-height: 28px;
  max-width: 28px;
  max-height: 28px;
  text-align: center;
  line-height: 28px;
  margin-right: 10px;
  transition: transform 0.3s ease, color 0.2s ease, filter 0.2s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-radius: 8px;
  content: "\f07b" !important;
  background: var(--icon-archive) !important;
  /* Default gray background */
  color: #ffffff !important;
  /* White icon */
  flex-shrink: 0;
}
.task-mail #aj-sidebar .aj-folderlist-section .folderlist li.inbox > a::before,
.task-addressbook #aj-sidebar .aj-folderlist-section .folderlist li.inbox > a::before,
.task-settings #aj-sidebar .aj-folderlist-section .folderlist li.inbox > a::before,
.task-mail #aj-sidebar .aj-folderlist-section .treelist li.inbox > a::before,
.task-addressbook #aj-sidebar .aj-folderlist-section .treelist li.inbox > a::before,
.task-settings #aj-sidebar .aj-folderlist-section .treelist li.inbox > a::before,
.task-mail #aj-sidebar .aj-folderlist-section .folderlist li[class*="inbox"] > a::before,
.task-addressbook #aj-sidebar .aj-folderlist-section .folderlist li[class*="inbox"] > a::before,
.task-settings #aj-sidebar .aj-folderlist-section .folderlist li[class*="inbox"] > a::before,
.task-mail #aj-sidebar .aj-folderlist-section .treelist li[class*="inbox"] > a::before,
.task-addressbook #aj-sidebar .aj-folderlist-section .treelist li[class*="inbox"] > a::before,
.task-settings #aj-sidebar .aj-folderlist-section .treelist li[class*="inbox"] > a::before {
  content: "\f01c" !important;
  background: var(--icon-inbox) !important;
  /* Green #2ed573 */
  color: #ffffff !important;
}
.task-mail #aj-sidebar .aj-folderlist-section .folderlist li.sent > a::before,
.task-addressbook #aj-sidebar .aj-folderlist-section .folderlist li.sent > a::before,
.task-settings #aj-sidebar .aj-folderlist-section .folderlist li.sent > a::before,
.task-mail #aj-sidebar .aj-folderlist-section .treelist li.sent > a::before,
.task-addressbook #aj-sidebar .aj-folderlist-section .treelist li.sent > a::before,
.task-settings #aj-sidebar .aj-folderlist-section .treelist li.sent > a::before,
.task-mail #aj-sidebar .aj-folderlist-section .folderlist li[class*="sent"] > a::before,
.task-addressbook #aj-sidebar .aj-folderlist-section .folderlist li[class*="sent"] > a::before,
.task-settings #aj-sidebar .aj-folderlist-section .folderlist li[class*="sent"] > a::before,
.task-mail #aj-sidebar .aj-folderlist-section .treelist li[class*="sent"] > a::before,
.task-addressbook #aj-sidebar .aj-folderlist-section .treelist li[class*="sent"] > a::before,
.task-settings #aj-sidebar .aj-folderlist-section .treelist li[class*="sent"] > a::before {
  content: "\f1d8" !important;
  background: var(--icon-sent) !important;
  /* Light blue #00BFFF */
  color: #ffffff !important;
}
.task-mail #aj-sidebar .aj-folderlist-section .folderlist li.trash > a::before,
.task-addressbook #aj-sidebar .aj-folderlist-section .folderlist li.trash > a::before,
.task-settings #aj-sidebar .aj-folderlist-section .folderlist li.trash > a::before,
.task-mail #aj-sidebar .aj-folderlist-section .treelist li.trash > a::before,
.task-addressbook #aj-sidebar .aj-folderlist-section .treelist li.trash > a::before,
.task-settings #aj-sidebar .aj-folderlist-section .treelist li.trash > a::before,
.task-mail #aj-sidebar .aj-folderlist-section .folderlist li[class*="trash"] > a::before,
.task-addressbook #aj-sidebar .aj-folderlist-section .folderlist li[class*="trash"] > a::before,
.task-settings #aj-sidebar .aj-folderlist-section .folderlist li[class*="trash"] > a::before,
.task-mail #aj-sidebar .aj-folderlist-section .treelist li[class*="trash"] > a::before,
.task-addressbook #aj-sidebar .aj-folderlist-section .treelist li[class*="trash"] > a::before,
.task-settings #aj-sidebar .aj-folderlist-section .treelist li[class*="trash"] > a::before {
  content: "\f2ed" !important;
  background: var(--icon-trash) !important;
  /* Red #ff4757 */
  color: #ffffff !important;
}
.task-mail #aj-sidebar .aj-folderlist-section .folderlist li.archive > a::before,
.task-addressbook #aj-sidebar .aj-folderlist-section .folderlist li.archive > a::before,
.task-settings #aj-sidebar .aj-folderlist-section .folderlist li.archive > a::before,
.task-mail #aj-sidebar .aj-folderlist-section .treelist li.archive > a::before,
.task-addressbook #aj-sidebar .aj-folderlist-section .treelist li.archive > a::before,
.task-settings #aj-sidebar .aj-folderlist-section .treelist li.archive > a::before,
.task-mail #aj-sidebar .aj-folderlist-section .folderlist li[class*="archive"] > a::before,
.task-addressbook #aj-sidebar .aj-folderlist-section .folderlist li[class*="archive"] > a::before,
.task-settings #aj-sidebar .aj-folderlist-section .folderlist li[class*="archive"] > a::before,
.task-mail #aj-sidebar .aj-folderlist-section .treelist li[class*="archive"] > a::before,
.task-addressbook #aj-sidebar .aj-folderlist-section .treelist li[class*="archive"] > a::before,
.task-settings #aj-sidebar .aj-folderlist-section .treelist li[class*="archive"] > a::before {
  content: "\f187" !important;
  background: var(--icon-archive) !important;
  /* Dark gray #6d7685 */
  color: #ffffff !important;
}
.task-mail #aj-sidebar .aj-folderlist-section .folderlist li.drafts > a::before,
.task-addressbook #aj-sidebar .aj-folderlist-section .folderlist li.drafts > a::before,
.task-settings #aj-sidebar .aj-folderlist-section .folderlist li.drafts > a::before,
.task-mail #aj-sidebar .aj-folderlist-section .treelist li.drafts > a::before,
.task-addressbook #aj-sidebar .aj-folderlist-section .treelist li.drafts > a::before,
.task-settings #aj-sidebar .aj-folderlist-section .treelist li.drafts > a::before,
.task-mail #aj-sidebar .aj-folderlist-section .folderlist li[class*="draft"] > a::before,
.task-addressbook #aj-sidebar .aj-folderlist-section .folderlist li[class*="draft"] > a::before,
.task-settings #aj-sidebar .aj-folderlist-section .folderlist li[class*="draft"] > a::before,
.task-mail #aj-sidebar .aj-folderlist-section .treelist li[class*="draft"] > a::before,
.task-addressbook #aj-sidebar .aj-folderlist-section .treelist li[class*="draft"] > a::before,
.task-settings #aj-sidebar .aj-folderlist-section .treelist li[class*="draft"] > a::before {
  content: "\f303" !important;
  background: #fbbf24 !important;
  /* Yellow */
  color: #ffffff !important;
}
.task-mail #aj-sidebar .aj-folderlist-section .folderlist li.junk > a::before,
.task-addressbook #aj-sidebar .aj-folderlist-section .folderlist li.junk > a::before,
.task-settings #aj-sidebar .aj-folderlist-section .folderlist li.junk > a::before,
.task-mail #aj-sidebar .aj-folderlist-section .treelist li.junk > a::before,
.task-addressbook #aj-sidebar .aj-folderlist-section .treelist li.junk > a::before,
.task-settings #aj-sidebar .aj-folderlist-section .treelist li.junk > a::before,
.task-mail #aj-sidebar .aj-folderlist-section .folderlist li[class*="junk"] > a::before,
.task-addressbook #aj-sidebar .aj-folderlist-section .folderlist li[class*="junk"] > a::before,
.task-settings #aj-sidebar .aj-folderlist-section .folderlist li[class*="junk"] > a::before,
.task-mail #aj-sidebar .aj-folderlist-section .treelist li[class*="junk"] > a::before,
.task-addressbook #aj-sidebar .aj-folderlist-section .treelist li[class*="junk"] > a::before,
.task-settings #aj-sidebar .aj-folderlist-section .treelist li[class*="junk"] > a::before,
.task-mail #aj-sidebar .aj-folderlist-section .folderlist li[class*="spam"] > a::before,
.task-addressbook #aj-sidebar .aj-folderlist-section .folderlist li[class*="spam"] > a::before,
.task-settings #aj-sidebar .aj-folderlist-section .folderlist li[class*="spam"] > a::before,
.task-mail #aj-sidebar .aj-folderlist-section .treelist li[class*="spam"] > a::before,
.task-addressbook #aj-sidebar .aj-folderlist-section .treelist li[class*="spam"] > a::before,
.task-settings #aj-sidebar .aj-folderlist-section .treelist li[class*="spam"] > a::before {
  content: "\f7e4" !important;
  background: var(--icon-tag) !important;
  /* Orange #ff9f43 */
  color: #ffffff !important;
}
.task-mail #aj-sidebar .aj-folderlist-section .folderlist li > a,
.task-addressbook #aj-sidebar .aj-folderlist-section .folderlist li > a,
.task-settings #aj-sidebar .aj-folderlist-section .folderlist li > a,
.task-mail #aj-sidebar .aj-folderlist-section .treelist li > a,
.task-addressbook #aj-sidebar .aj-folderlist-section .treelist li > a,
.task-settings #aj-sidebar .aj-folderlist-section .treelist li > a {
  cursor: pointer !important;
  /* Pointer cursor on hover */
  /* Unread Count Badge */
  /* Unread Count Badge - Sharp Green with Pulse Animation */
  /* Hover State - Pressed Inset Neumorphic Effect with Depth */
  /* Active/Selected State - Pressed Inset Neumorphic Effect with Depth */
}
.task-mail #aj-sidebar .aj-folderlist-section .folderlist li > a .unreadcount,
.task-addressbook #aj-sidebar .aj-folderlist-section .folderlist li > a .unreadcount,
.task-settings #aj-sidebar .aj-folderlist-section .folderlist li > a .unreadcount,
.task-mail #aj-sidebar .aj-folderlist-section .treelist li > a .unreadcount,
.task-addressbook #aj-sidebar .aj-folderlist-section .treelist li > a .unreadcount,
.task-settings #aj-sidebar .aj-folderlist-section .treelist li > a .unreadcount,
.task-mail #aj-sidebar .aj-folderlist-section .folderlist li > a .count,
.task-addressbook #aj-sidebar .aj-folderlist-section .folderlist li > a .count,
.task-settings #aj-sidebar .aj-folderlist-section .folderlist li > a .count,
.task-mail #aj-sidebar .aj-folderlist-section .treelist li > a .count,
.task-addressbook #aj-sidebar .aj-folderlist-section .treelist li > a .count,
.task-settings #aj-sidebar .aj-folderlist-section .treelist li > a .count {
  background-color: var(--bg-color);
  color: var(--unread-color);
  font-weight: 800;
  font-size: 0.75rem;
  padding: 4px 10px;
  border-radius: 12px;
  min-width: 20px;
  text-align: center;
  transition: all 0.3s ease;
  flex-shrink: 0;
  box-shadow: 4px 4px 8px var(--shadow-dark), -4px -4px 8px var(--shadow-light);
  margin-left: auto;
}
.task-mail #aj-sidebar .aj-folderlist-section .folderlist li > a .unreadcount,
.task-addressbook #aj-sidebar .aj-folderlist-section .folderlist li > a .unreadcount,
.task-settings #aj-sidebar .aj-folderlist-section .folderlist li > a .unreadcount,
.task-mail #aj-sidebar .aj-folderlist-section .treelist li > a .unreadcount,
.task-addressbook #aj-sidebar .aj-folderlist-section .treelist li > a .unreadcount,
.task-settings #aj-sidebar .aj-folderlist-section .treelist li > a .unreadcount {
  background: linear-gradient(135deg, #2ed573 0%, #1db954 100%) !important;
  color: #ffffff !important;
  font-weight: 900 !important;
  box-shadow: 4px 4px 8px var(--shadow-dark), -4px -4px 8px var(--shadow-light), 0 0 0 0 rgba(46, 213, 115, 0.7) !important;
  animation: pulse-unread-badge 1.5s ease-in-out infinite !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
}
.task-mail #aj-sidebar .aj-folderlist-section .folderlist li > a:hover,
.task-addressbook #aj-sidebar .aj-folderlist-section .folderlist li > a:hover,
.task-settings #aj-sidebar .aj-folderlist-section .folderlist li > a:hover,
.task-mail #aj-sidebar .aj-folderlist-section .treelist li > a:hover,
.task-addressbook #aj-sidebar .aj-folderlist-section .treelist li > a:hover,
.task-settings #aj-sidebar .aj-folderlist-section .treelist li > a:hover {
  cursor: pointer !important;
  /* Pointer cursor on hover */
  color: var(--text-main) !important;
  background: #c4cbd8 !important;
  /* Darker pressed background (darker than default) */
  transform: scale(0.98) !important;
  /* Pressed in effect */
  box-shadow: inset 7px 7px 14px var(--shadow-dark), inset -7px -7px 14px var(--shadow-light) !important;
  /* Deeper inset shadow for pressed effect */
}
.task-mail #aj-sidebar .aj-folderlist-section .folderlist li > a:hover::before,
.task-addressbook #aj-sidebar .aj-folderlist-section .folderlist li > a:hover::before,
.task-settings #aj-sidebar .aj-folderlist-section .folderlist li > a:hover::before,
.task-mail #aj-sidebar .aj-folderlist-section .treelist li > a:hover::before,
.task-addressbook #aj-sidebar .aj-folderlist-section .treelist li > a:hover::before,
.task-settings #aj-sidebar .aj-folderlist-section .treelist li > a:hover::before {
  transform: scale(0.95) !important;
  /* Icon slightly pressed in */
  filter: brightness(0.9) !important;
  /* Darker icon */
  box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.2) !important;
  /* Inset shadow on icon */
  /* Keep icon white on colored background */
  color: #ffffff !important;
}
.task-mail #aj-sidebar .aj-folderlist-section .folderlist li > a.selected,
.task-addressbook #aj-sidebar .aj-folderlist-section .folderlist li > a.selected,
.task-settings #aj-sidebar .aj-folderlist-section .folderlist li > a.selected,
.task-mail #aj-sidebar .aj-folderlist-section .treelist li > a.selected,
.task-addressbook #aj-sidebar .aj-folderlist-section .treelist li > a.selected,
.task-settings #aj-sidebar .aj-folderlist-section .treelist li > a.selected {
  color: var(--accent-color) !important;
  background: #c4cbd8 !important;
  /* Darker pressed background (darker than default) */
  transform: scale(0.98) !important;
  /* Pressed in effect */
  box-shadow: inset 7px 7px 14px var(--shadow-dark), inset -7px -7px 14px var(--shadow-light) !important;
  /* Deeper inset shadow for pressed effect */
}
.task-mail #aj-sidebar .aj-folderlist-section .folderlist li > a.selected::before,
.task-addressbook #aj-sidebar .aj-folderlist-section .folderlist li > a.selected::before,
.task-settings #aj-sidebar .aj-folderlist-section .folderlist li > a.selected::before,
.task-mail #aj-sidebar .aj-folderlist-section .treelist li > a.selected::before,
.task-addressbook #aj-sidebar .aj-folderlist-section .treelist li > a.selected::before,
.task-settings #aj-sidebar .aj-folderlist-section .treelist li > a.selected::before {
  transform: scale(0.95) !important;
  /* Icon slightly pressed in */
  filter: brightness(0.9) !important;
  /* Darker icon */
  box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.2) !important;
  /* Inset shadow on icon */
  /* Keep icon white on colored background */
  color: #ffffff !important;
}
.task-mail #aj-sidebar .aj-folderlist-section .folderlist li > a.selected .unreadcount,
.task-addressbook #aj-sidebar .aj-folderlist-section .folderlist li > a.selected .unreadcount,
.task-settings #aj-sidebar .aj-folderlist-section .folderlist li > a.selected .unreadcount,
.task-mail #aj-sidebar .aj-folderlist-section .treelist li > a.selected .unreadcount,
.task-addressbook #aj-sidebar .aj-folderlist-section .treelist li > a.selected .unreadcount,
.task-settings #aj-sidebar .aj-folderlist-section .treelist li > a.selected .unreadcount,
.task-mail #aj-sidebar .aj-folderlist-section .folderlist li > a.selected .count,
.task-addressbook #aj-sidebar .aj-folderlist-section .folderlist li > a.selected .count,
.task-settings #aj-sidebar .aj-folderlist-section .folderlist li > a.selected .count,
.task-mail #aj-sidebar .aj-folderlist-section .treelist li > a.selected .count,
.task-addressbook #aj-sidebar .aj-folderlist-section .treelist li > a.selected .count,
.task-settings #aj-sidebar .aj-folderlist-section .treelist li > a.selected .count {
  color: var(--text-main);
}
.task-mail #aj-sidebar .aj-folderlist-section .folderlist li.selected > a,
.task-addressbook #aj-sidebar .aj-folderlist-section .folderlist li.selected > a,
.task-settings #aj-sidebar .aj-folderlist-section .folderlist li.selected > a,
.task-mail #aj-sidebar .aj-folderlist-section .treelist li.selected > a,
.task-addressbook #aj-sidebar .aj-folderlist-section .treelist li.selected > a,
.task-settings #aj-sidebar .aj-folderlist-section .treelist li.selected > a {
  color: var(--accent-color) !important;
  background: #c4cbd8 !important;
  /* Darker pressed background (darker than default) */
  transform: scale(0.98) !important;
  /* Pressed in effect */
  box-shadow: inset 7px 7px 14px var(--shadow-dark), inset -7px -7px 14px var(--shadow-light) !important;
  /* Deeper inset shadow for pressed effect */
}
.task-mail #aj-sidebar .aj-folderlist-section .folderlist li.selected > a::before,
.task-addressbook #aj-sidebar .aj-folderlist-section .folderlist li.selected > a::before,
.task-settings #aj-sidebar .aj-folderlist-section .folderlist li.selected > a::before,
.task-mail #aj-sidebar .aj-folderlist-section .treelist li.selected > a::before,
.task-addressbook #aj-sidebar .aj-folderlist-section .treelist li.selected > a::before,
.task-settings #aj-sidebar .aj-folderlist-section .treelist li.selected > a::before {
  transform: translateY(-2px) scale(1.1);
  filter: brightness(1.15);
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
  /* Keep icon white on colored background */
  color: #ffffff !important;
}
.task-mail #aj-sidebar .aj-folderlist-section .folderlist li.selected > a .unreadcount,
.task-addressbook #aj-sidebar .aj-folderlist-section .folderlist li.selected > a .unreadcount,
.task-settings #aj-sidebar .aj-folderlist-section .folderlist li.selected > a .unreadcount,
.task-mail #aj-sidebar .aj-folderlist-section .treelist li.selected > a .unreadcount,
.task-addressbook #aj-sidebar .aj-folderlist-section .treelist li.selected > a .unreadcount,
.task-settings #aj-sidebar .aj-folderlist-section .treelist li.selected > a .unreadcount,
.task-mail #aj-sidebar .aj-folderlist-section .folderlist li.selected > a .count,
.task-addressbook #aj-sidebar .aj-folderlist-section .folderlist li.selected > a .count,
.task-settings #aj-sidebar .aj-folderlist-section .folderlist li.selected > a .count,
.task-mail #aj-sidebar .aj-folderlist-section .treelist li.selected > a .count,
.task-addressbook #aj-sidebar .aj-folderlist-section .treelist li.selected > a .count,
.task-settings #aj-sidebar .aj-folderlist-section .treelist li.selected > a .count {
  color: var(--text-main);
}
.task-mail #aj-sidebar .compose-item,
.task-addressbook #aj-sidebar .compose-item,
.task-settings #aj-sidebar .compose-item {
  margin: 15px auto 20px auto;
  width: 85%;
}
.task-mail #aj-sidebar .compose-item > a,
.task-addressbook #aj-sidebar .compose-item > a,
.task-settings #aj-sidebar .compose-item > a,
.task-mail #aj-sidebar .compose-item > span > a,
.task-addressbook #aj-sidebar .compose-item > span > a,
.task-settings #aj-sidebar .compose-item > span > a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  padding: 10px 16px !important;
  /* Reduced padding */
  border-radius: 12px !important;
  /* More subtle border radius */
  font-size: 0.9rem !important;
  /* Smaller font size */
  font-weight: 600 !important;
  /* Less bold */
  text-decoration: none !important;
  cursor: pointer !important;
  border: none !important;
  outline: none !important;
  background: var(--bg-color) !important;
  /* Use theme background */
  color: var(--text-main) !important;
  /* Use theme text color */
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  box-shadow: 6px 6px 12px var(--shadow-dark), -6px -6px 12px var(--shadow-light) !important;
  /* Neumorphic shadow */
}
.task-mail #aj-sidebar .compose-item > a::before,
.task-addressbook #aj-sidebar .compose-item > a::before,
.task-settings #aj-sidebar .compose-item > a::before,
.task-mail #aj-sidebar .compose-item > span > a::before,
.task-addressbook #aj-sidebar .compose-item > span > a::before,
.task-settings #aj-sidebar .compose-item > span > a::before {
  font-family: 'Icons' !important;
  font-style: normal !important;
  font-weight: 700 !important;
  /* Less bold icon */
  content: "\f067" !important;
  font-size: 1rem !important;
  /* Smaller icon */
  margin-right: 8px !important;
  /* Less margin */
  color: var(--accent-color) !important;
  /* Accent color for icon */
  display: inline-block !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
.task-mail #aj-sidebar .compose-item > a .inner,
.task-addressbook #aj-sidebar .compose-item > a .inner,
.task-settings #aj-sidebar .compose-item > a .inner,
.task-mail #aj-sidebar .compose-item > span > a .inner,
.task-addressbook #aj-sidebar .compose-item > span > a .inner,
.task-settings #aj-sidebar .compose-item > span > a .inner {
  display: inline-block !important;
  color: var(--text-main) !important;
  /* Theme text color */
  font-weight: 600 !important;
  /* Less bold */
}
.task-mail #aj-sidebar .compose-item > a:hover,
.task-addressbook #aj-sidebar .compose-item > a:hover,
.task-settings #aj-sidebar .compose-item > a:hover,
.task-mail #aj-sidebar .compose-item > span > a:hover,
.task-addressbook #aj-sidebar .compose-item > span > a:hover,
.task-settings #aj-sidebar .compose-item > span > a:hover {
  transform: scale(0.98) !important;
  /* Pressed in effect */
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  /* Inset shadow on hover */
  background: var(--pressed-bg-color) !important;
  /* Pressed background */
}
.task-mail #aj-sidebar .compose-item > a:hover::before,
.task-addressbook #aj-sidebar .compose-item > a:hover::before,
.task-settings #aj-sidebar .compose-item > a:hover::before,
.task-mail #aj-sidebar .compose-item > span > a:hover::before,
.task-addressbook #aj-sidebar .compose-item > span > a:hover::before,
.task-settings #aj-sidebar .compose-item > span > a:hover::before {
  color: var(--accent-color) !important;
  /* Keep accent color */
  transform: scale(1.1) !important;
  /* Slight icon scale */
}
.task-mail #aj-sidebar .compose-item > a:active,
.task-addressbook #aj-sidebar .compose-item > a:active,
.task-settings #aj-sidebar .compose-item > a:active,
.task-mail #aj-sidebar .compose-item > span > a:active,
.task-addressbook #aj-sidebar .compose-item > span > a:active,
.task-settings #aj-sidebar .compose-item > span > a:active {
  transform: scale(0.96) !important;
  /* Deeper press */
  box-shadow: inset 5px 5px 10px var(--shadow-dark), inset -5px -5px 10px var(--shadow-light) !important;
  /* Deeper inset */
}
.task-mail #aj-sidebar .aj-sidebar-footer,
.task-addressbook #aj-sidebar .aj-sidebar-footer,
.task-settings #aj-sidebar .aj-sidebar-footer {
  padding: 10px;
  margin-top: auto;
  border-top: 1px solid var(--shadow-dark);
  align-items: stretch;
  gap: 10px;
  width: 100%;
  box-sizing: border-box;
  position: relative !important;
  /* CRITICAL: Must be relative for absolute positioning of toggle */
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  overflow: visible;
  /* Footer Toggle Button - Positioned next to Logout button */
  /* Position toggle button next to logout button */
  /* Since toggle comes first in DOM, position it absolutely at bottom right aligned with logout */
  /* Adjust logout button margin to make room for toggle */
  /* Collapsed state - hide footer content, show chevron down */
  /* Expanded state (default) - show all content, chevron up */
  /* Hide voice labels */
  /* Footer Menu Items - Mail, Contacts, and Settings (Rectangular buttons) */
  /* Force Settings icon to show - Target rectangular Settings button (like Mail/Contacts) */
  /* Footer Separator */
  /* All Footer Buttons - Circular Icon-Only (Settings, Theme, About, Logout) */
  /* Circular buttons container - Group them horizontally */
  /* Use flexbox to create a horizontal row for circular buttons */
  /* Settings appears before separator, others after - use order to group them */
  /* Reorder items: Mail/Contacts first, then separator, then all circular buttons together */
  /* Quota Widget - Move to very end, after circular buttons */
  /* Create a flex row container for circular buttons */
  /* Use a wrapper approach: after separator, create horizontal flow */
  flex-direction: column;
  /* Mail and Contacts - Full width, stack vertically */
  /* Circular buttons - Group them horizontally after separator */
  /* Settings appears before separator, so use order to group all circular buttons together */
  /* Change footer to use flex-wrap so circular buttons can flow horizontally */
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  /* Mail and Contacts - Full width (stack vertically) */
  /* Circular buttons - Auto width (appear side by side) */
  /* Center the circular buttons group */
  /* Use margin auto on first and last to center the group */
  /* Better approach: Use a flex container wrapper effect */
  /* Create a horizontal flex row for circular buttons using CSS Grid or flex */
  /* Since we can't modify HTML, use order + flex-wrap trick */
  /* Actually, simplest: Make footer use flex-wrap, and circular buttons will naturally group */
  /* But we need them to appear on same line - use inline-flex with proper spacing */
  /* Final solution: Use display: inline-flex on circular buttons and center them */
  /* Center the circular buttons group */
  /* After separator, create a centered horizontal group */
  text-align: center;
  /* But Mail/Contacts should be left-aligned */
  /* Footer Button - Circular Utility Buttons (for any additional buttons) */
  /* Quota Widget - Full width with improved neumorphic UI */
}
.task-mail #aj-sidebar .aj-sidebar-footer .aj-footer-toggle,
.task-addressbook #aj-sidebar .aj-sidebar-footer .aj-footer-toggle,
.task-settings #aj-sidebar .aj-sidebar-footer .aj-footer-toggle {
  position: absolute !important;
  top: 50% !important;
  right: 8px !important;
  /* Position to the right of logout button */
  transform: translateY(-50%) !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  /* Round button */
  background: transparent !important;
  /* Transparent background */
  box-shadow: none !important;
  /* No shadow by default */
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  z-index: 10 !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  outline: none !important;
  /* Override Bootstrap styles */
  box-sizing: border-box !important;
  text-align: center !important;
  vertical-align: middle !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  /* Override Bootstrap button classes if present */
  /* Ensure button text is hidden if icon shows */
  font-size: 0 !important;
  overflow: visible !important;
}
.task-mail #aj-sidebar .aj-sidebar-footer .aj-footer-toggle.btn,
.task-addressbook #aj-sidebar .aj-sidebar-footer .aj-footer-toggle.btn,
.task-settings #aj-sidebar .aj-sidebar-footer .aj-footer-toggle.btn,
.task-mail #aj-sidebar .aj-sidebar-footer .aj-footer-toggle.btn-secondary,
.task-addressbook #aj-sidebar .aj-sidebar-footer .aj-footer-toggle.btn-secondary,
.task-settings #aj-sidebar .aj-sidebar-footer .aj-footer-toggle.btn-secondary {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  color: transparent !important;
  text-shadow: none !important;
  box-shadow: none !important;
  border-radius: 50% !important;
  /* Round button */
}
.task-mail #aj-sidebar .aj-sidebar-footer .aj-footer-toggle::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .aj-footer-toggle::before,
.task-settings #aj-sidebar .aj-sidebar-footer .aj-footer-toggle::before {
  content: "\f077" !important;
  /* chevron-up */
  font-family: 'Icons' !important;
  font-style: normal !important;
  font-weight: 700 !important;
  /* Lighter weight */
  font-size: 0.85rem !important;
  /* Smaller icon */
  color: var(--text-light) !important;
  /* Subtle color */
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  transition: transform 0.3s ease, color 0.3s ease !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  line-height: 1 !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 10 !important;
  width: 1em !important;
  height: 1em !important;
  margin: 0 !important;
  text-rendering: auto !important;
  pointer-events: none !important;
}
.task-mail #aj-sidebar .aj-sidebar-footer .aj-footer-toggle:hover,
.task-addressbook #aj-sidebar .aj-sidebar-footer .aj-footer-toggle:hover,
.task-settings #aj-sidebar .aj-sidebar-footer .aj-footer-toggle:hover {
  background: rgba(0, 0, 0, 0.05) !important;
  /* Subtle background on hover */
  transform: scale(1.1) !important;
}
.task-mail #aj-sidebar .aj-sidebar-footer .aj-footer-toggle:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .aj-footer-toggle:hover::before,
.task-settings #aj-sidebar .aj-sidebar-footer .aj-footer-toggle:hover::before {
  color: var(--accent-color) !important;
  transform: translate(-50%, -50%) scale(1.2) !important;
}
.task-mail #aj-sidebar .aj-sidebar-footer .aj-footer-toggle:active,
.task-addressbook #aj-sidebar .aj-sidebar-footer .aj-footer-toggle:active,
.task-settings #aj-sidebar .aj-sidebar-footer .aj-footer-toggle:active {
  transform: scale(0.95) !important;
  background: rgba(0, 0, 0, 0.1) !important;
}
.task-mail #aj-sidebar .aj-sidebar-footer .aj-footer-toggle,
.task-addressbook #aj-sidebar .aj-sidebar-footer .aj-footer-toggle,
.task-settings #aj-sidebar .aj-sidebar-footer .aj-footer-toggle {
  position: absolute !important;
  bottom: 10px !important;
  /* Align with bottom row of circular buttons (logout row) */
  right: 8px !important;
  /* Position to the right of logout */
  top: auto !important;
  /* Override any top positioning */
  transform: none !important;
  /* Reset transform */
  z-index: 10 !important;
  margin: 0 !important;
}
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.logout,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.logout,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.logout {
  margin-right: 40px !important;
  /* Add space for toggle button */
}
.task-mail #aj-sidebar .aj-sidebar-footer.collapsed,
.task-addressbook #aj-sidebar .aj-sidebar-footer.collapsed,
.task-settings #aj-sidebar .aj-sidebar-footer.collapsed {
  /* Hide all footer content except toggle button */
}
.task-mail #aj-sidebar .aj-sidebar-footer.collapsed .aj-footer-toggle,
.task-addressbook #aj-sidebar .aj-sidebar-footer.collapsed .aj-footer-toggle,
.task-settings #aj-sidebar .aj-sidebar-footer.collapsed .aj-footer-toggle {
  visibility: visible !important;
  opacity: 1 !important;
  display: flex !important;
}
.task-mail #aj-sidebar .aj-sidebar-footer.collapsed .aj-footer-toggle::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer.collapsed .aj-footer-toggle::before,
.task-settings #aj-sidebar .aj-sidebar-footer.collapsed .aj-footer-toggle::before {
  content: "\f078" !important;
  /* chevron-down */
  font-weight: 900 !important;
  /* Use 900 for solid icons */
}
.task-mail #aj-sidebar .aj-sidebar-footer.collapsed > .menu-item,
.task-addressbook #aj-sidebar .aj-sidebar-footer.collapsed > .menu-item,
.task-settings #aj-sidebar .aj-sidebar-footer.collapsed > .menu-item,
.task-mail #aj-sidebar .aj-sidebar-footer.collapsed > .aj-footer-separator,
.task-addressbook #aj-sidebar .aj-sidebar-footer.collapsed > .aj-footer-separator,
.task-settings #aj-sidebar .aj-sidebar-footer.collapsed > .aj-footer-separator,
.task-mail #aj-sidebar .aj-sidebar-footer.collapsed > .quota-widget,
.task-addressbook #aj-sidebar .aj-sidebar-footer.collapsed > .quota-widget,
.task-settings #aj-sidebar .aj-sidebar-footer.collapsed > .quota-widget {
  opacity: 0;
  visibility: hidden;
  max-height: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
  transition: opacity 0.3s ease, visibility 0.3s ease, max-height 0.3s ease, margin 0.3s ease, padding 0.3s ease;
}
.task-mail #aj-sidebar .aj-sidebar-footer:not(.collapsed) > .menu-item,
.task-addressbook #aj-sidebar .aj-sidebar-footer:not(.collapsed) > .menu-item,
.task-settings #aj-sidebar .aj-sidebar-footer:not(.collapsed) > .menu-item,
.task-mail #aj-sidebar .aj-sidebar-footer:not(.collapsed) > .aj-footer-separator,
.task-addressbook #aj-sidebar .aj-sidebar-footer:not(.collapsed) > .aj-footer-separator,
.task-settings #aj-sidebar .aj-sidebar-footer:not(.collapsed) > .aj-footer-separator,
.task-mail #aj-sidebar .aj-sidebar-footer:not(.collapsed) > .quota-widget,
.task-addressbook #aj-sidebar .aj-sidebar-footer:not(.collapsed) > .quota-widget,
.task-settings #aj-sidebar .aj-sidebar-footer:not(.collapsed) > .quota-widget {
  opacity: 1;
  visibility: visible;
  max-height: 500px;
  transition: opacity 0.3s ease, visibility 0.3s ease, max-height 0.3s ease;
}
.task-mail #aj-sidebar .aj-sidebar-footer .voice,
.task-addressbook #aj-sidebar .aj-sidebar-footer .voice,
.task-settings #aj-sidebar .aj-sidebar-footer .voice {
  display: none !important;
}
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item),
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item),
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) {
  margin: 0 0 8px 0;
  width: 100%;
  flex-basis: 100%;
  position: relative !important;
  /* For footer toggle positioning */
}
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 10px 14px;
  padding-right: 48px !important;
  /* Add right padding for toggle button */
  border-radius: 5px;
  text-decoration: none;
  font-size: 0.9rem;
  font-weight: 600;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  box-shadow: 4px 4px 8px var(--shadow-dark), -4px -4px 8px var(--shadow-light);
  background: var(--bg-color);
  color: var(--text-main);
  width: 100%;
  min-height: 40px;
  height: 40px;
  box-sizing: border-box;
  position: relative;
  overflow: visible !important;
  /* Allow toggle button to be visible */
  /* Settings button - Purple color and animation (rectangular like Mail/Contacts) */
  /* Mail button - Blue color and animation */
  /* Footer toggle button positioned inside Mail button */
  /* Selected Mail button - Light blue background, white text and icon */
  /* Contacts button - Green color and animation */
}
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a::before {
  font-family: 'Icons' !important;
  font-style: normal;
  font-weight: 600 !important;
  font-size: 1rem;
  width: 18px;
  min-width: 18px;
  max-width: 18px;
  text-align: center;
  margin-right: 10px;
  transition: transform 0.3s ease, color 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-font-smoothing: antialiased;
  position: relative;
  z-index: 1;
  -moz-osx-font-smoothing: grayscale;
  color: var(--text-main);
  flex-shrink: 0;
}
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.mail::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.mail::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.mail::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.mail::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.mail::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.mail::before {
  content: "\f0e0" !important;
}
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.contacts::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.contacts::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.contacts::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.contacts::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.contacts::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.contacts::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.addressbook::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.addressbook::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.addressbook::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.addressbook::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.addressbook::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.addressbook::before {
  content: "\f0c0" !important;
}
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.settings::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.settings::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.settings::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.settings::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.settings::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.settings::before {
  content: "\f013" !important;
  color: #8b5cf6 !important;
  /* Purple icon */
}
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.settings:hover,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.settings:hover,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.settings:hover,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.settings:hover,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.settings:hover,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.settings:hover {
  color: var(--text-main);
  background: #d1d9e6;
  transform: translateX(3px) scale(1.02);
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light);
}
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.settings:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.settings:hover::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.settings:hover::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.settings:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.settings:hover::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.settings:hover::before {
  transform: translateY(-2px) scale(1.15) rotate(90deg);
  color: #8b5cf6 !important;
  /* Bright purple on hover */
  animation: rotate-settings 1s ease-in-out infinite;
}
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a .inner,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a .inner,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a .inner,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a .inner,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a .inner,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a .inner {
  display: flex;
  align-items: center;
  color: inherit;
  text-align: left;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.mail::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.mail::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.mail::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.mail::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.mail::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.mail::before {
  color: #00BFFF !important;
  /* Blue icon */
}
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.mail:hover,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.mail:hover,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.mail:hover,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.mail:hover,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.mail:hover,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.mail:hover {
  color: var(--text-main);
  background: #d1d9e6;
  transform: translateX(3px) scale(1.02);
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light);
}
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.mail:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.mail:hover::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.mail:hover::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.mail:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.mail:hover::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.mail:hover::before {
  transform: translateY(-2px) scale(1.15) rotate(5deg);
  color: #00BFFF !important;
  /* Bright blue on hover */
  animation: pulse-blue-btn 1.5s ease-in-out infinite;
}
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a + .aj-footer-toggle,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a + .aj-footer-toggle,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a + .aj-footer-toggle,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a + .aj-footer-toggle,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a + .aj-footer-toggle,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a + .aj-footer-toggle {
  position: absolute !important;
  top: 50% !important;
  right: 8px !important;
  transform: translateY(-50%) !important;
}
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.selected,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.selected,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.selected,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.selected,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.selected,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.selected,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.mail.selected,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.mail.selected,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.mail.selected,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.mail.selected,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.mail.selected,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.mail.selected {
  color: #ffffff !important;
  background: #00BFFF !important;
  /* Light blue */
  box-shadow: 5px 5px 10px var(--shadow-dark), -5px -5px 10px var(--shadow-light) !important;
}
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.selected::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.selected::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.selected::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.selected::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.selected::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.selected::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.mail.selected::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.mail.selected::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.mail.selected::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.mail.selected::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.mail.selected::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.mail.selected::before {
  color: #ffffff !important;
  /* White icon */
}
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.selected .inner,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.selected .inner,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.selected .inner,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.selected .inner,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.selected .inner,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.selected .inner,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.mail.selected .inner,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.mail.selected .inner,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.mail.selected .inner,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.mail.selected .inner,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.mail.selected .inner,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.mail.selected .inner {
  color: #ffffff !important;
  /* White text */
}
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.selected:hover,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.selected:hover,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.selected:hover,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.selected:hover,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.selected:hover,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.selected:hover,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.mail.selected:hover,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.mail.selected:hover,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.mail.selected:hover,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.mail.selected:hover,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.mail.selected:hover,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.mail.selected:hover {
  background: #00a4e7 !important;
  box-shadow: inset 4px 4px 8px rgba(0, 0, 0, 0.2), inset -4px -4px 8px rgba(255, 255, 255, 0.3) !important;
}
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.selected:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.selected:hover::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.selected:hover::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.selected:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.selected:hover::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.selected:hover::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.mail.selected:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.mail.selected:hover::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.mail.selected:hover::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.mail.selected:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.mail.selected:hover::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.mail.selected:hover::before {
  transform: translateY(-2px) scale(1.1) rotate(5deg);
  animation: pulse-blue-btn 1.5s ease-in-out infinite;
}
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.contacts,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.contacts,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.contacts,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.contacts,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.contacts,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.contacts,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.addressbook,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.addressbook,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.addressbook,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.addressbook,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.addressbook,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.addressbook {
  color: var(--text-main) !important;
  background: var(--bg-color) !important;
}
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.contacts::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.contacts::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.contacts::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.contacts::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.contacts::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.contacts::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.addressbook::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.addressbook::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.addressbook::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.addressbook::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.addressbook::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.addressbook::before {
  color: #2ed573 !important;
  /* Green icon */
}
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.contacts .inner,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.contacts .inner,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.contacts .inner,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.contacts .inner,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.contacts .inner,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.contacts .inner,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.addressbook .inner,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.addressbook .inner,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.addressbook .inner,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.addressbook .inner,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.addressbook .inner,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.addressbook .inner {
  color: var(--text-main) !important;
}
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.contacts:hover,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.contacts:hover,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.contacts:hover,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.contacts:hover,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.contacts:hover,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.contacts:hover,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.addressbook:hover,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.addressbook:hover,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.addressbook:hover,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.addressbook:hover,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.addressbook:hover,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.addressbook:hover {
  background: #d1d9e6 !important;
  transform: translateX(3px) scale(1.02);
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
}
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.contacts:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.contacts:hover::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.contacts:hover::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.contacts:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.contacts:hover::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.contacts:hover::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.addressbook:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.addressbook:hover::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > a.addressbook:hover::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.addressbook:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.addressbook:hover::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.logout):not(.theme-item):not(.about-item) > span > a.addressbook:hover::before {
  transform: translateY(-2px) scale(1.15) rotate(-5deg);
  color: #2ed573 !important;
  /* Bright green on hover */
  animation: pulse-green-btn 1.5s ease-in-out infinite;
}
.task-mail #aj-sidebar .aj-sidebar-footer .task-mail .aj-sidebar-footer .menu-item > a.settings::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .task-mail .aj-sidebar-footer .menu-item > a.settings::before,
.task-settings #aj-sidebar .aj-sidebar-footer .task-mail .aj-sidebar-footer .menu-item > a.settings::before,
.task-mail #aj-sidebar .aj-sidebar-footer .task-mail .aj-sidebar-footer .menu-item > span > a.settings::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .task-mail .aj-sidebar-footer .menu-item > span > a.settings::before,
.task-settings #aj-sidebar .aj-sidebar-footer .task-mail .aj-sidebar-footer .menu-item > span > a.settings::before,
.task-mail #aj-sidebar .aj-sidebar-footer .aj-sidebar-footer .menu-item > a.settings::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .aj-sidebar-footer .menu-item > a.settings::before,
.task-settings #aj-sidebar .aj-sidebar-footer .aj-sidebar-footer .menu-item > a.settings::before,
.task-mail #aj-sidebar .aj-sidebar-footer .aj-sidebar-footer .menu-item > span > a.settings::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .aj-sidebar-footer .menu-item > span > a.settings::before,
.task-settings #aj-sidebar .aj-sidebar-footer .aj-sidebar-footer .menu-item > span > a.settings::before,
.task-mail #aj-sidebar .aj-sidebar-footer .aj-sidebar-footer .menu-item > a[class*="settings"]::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .aj-sidebar-footer .menu-item > a[class*="settings"]::before,
.task-settings #aj-sidebar .aj-sidebar-footer .aj-sidebar-footer .menu-item > a[class*="settings"]::before,
.task-mail #aj-sidebar .aj-sidebar-footer .aj-sidebar-footer .menu-item > span > a[class*="settings"]::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .aj-sidebar-footer .menu-item > span > a[class*="settings"]::before,
.task-settings #aj-sidebar .aj-sidebar-footer .aj-sidebar-footer .menu-item > span > a[class*="settings"]::before {
  content: "\f013" !important;
  font-family: 'Icons' !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
  color: #8b5cf6 !important;
  /* Purple icon */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  margin-right: 10px !important;
}
.task-mail #aj-sidebar .aj-sidebar-footer .aj-footer-separator,
.task-addressbook #aj-sidebar .aj-sidebar-footer .aj-footer-separator,
.task-settings #aj-sidebar .aj-sidebar-footer .aj-footer-separator {
  height: 1px;
  background: var(--shadow-dark);
  margin: 10px 0;
  width: 100%;
  flex-basis: 100%;
}
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.settings,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.settings,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.settings,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.theme-item,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.theme-item,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.theme-item,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.about-item,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.about-item,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.about-item,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.logout,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.logout,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.logout {
  margin: 0 6px !important;
  display: inline-flex !important;
  /* Logout button needs extra right margin for toggle button */
  width: 46px;
  height: 46px;
  flex-shrink: 0;
  flex-basis: auto !important;
}
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.settings.logout,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.settings.logout,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.settings.logout,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.theme-item.logout,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.theme-item.logout,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.theme-item.logout,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.about-item.logout,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.about-item.logout,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.about-item.logout,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.logout.logout,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.logout.logout,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.logout.logout {
  margin-right: 40px !important;
}
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.settings > a,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.settings > a,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.settings > a,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > a,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > a,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > a,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.about-item > a,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.about-item > a,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.about-item > a,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.logout > a,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.logout > a,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.logout > a,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.settings > span > a,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.settings > span > a,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.settings > span > a,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > span > a,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > span > a,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > span > a,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.about-item > span > a,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.about-item > span > a,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.about-item > span > a,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.logout > span > a,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.logout > span > a,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.logout > span > a {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  min-height: 46px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background: var(--bg-color) !important;
  color: var(--text-light) !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
  box-shadow: 5px 5px 10px var(--shadow-dark), -5px -5px 10px var(--shadow-light) !important;
  border: none !important;
  text-decoration: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  /* Hide text, show only icon */
  /* Settings icon - More specific selector to ensure it shows */
  /* Theme icons */
  /* About icon - Use info-circle for lowercase "i" look */
  /* Logout icon - Red color */
  /* Settings button - Purple color and animation */
  /* Theme, About hover - accent color */
  /* Logout hover - keep red color */
}
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.settings > a .inner,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.settings > a .inner,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.settings > a .inner,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > a .inner,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > a .inner,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > a .inner,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.about-item > a .inner,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.about-item > a .inner,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.about-item > a .inner,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.logout > a .inner,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.logout > a .inner,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.logout > a .inner,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.settings > span > a .inner,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.settings > span > a .inner,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.settings > span > a .inner,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > span > a .inner,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > span > a .inner,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > span > a .inner,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.about-item > span > a .inner,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.about-item > span > a .inner,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.about-item > span > a .inner,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.logout > span > a .inner,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.logout > span > a .inner,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.logout > span > a .inner {
  display: none !important;
}
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.settings > a::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.settings > a::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.settings > a::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > a::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > a::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > a::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.about-item > a::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.about-item > a::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.about-item > a::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.logout > a::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.logout > a::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.logout > a::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.settings > span > a::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.settings > span > a::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.settings > span > a::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > span > a::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > span > a::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > span > a::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.about-item > span > a::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.about-item > span > a::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.about-item > span > a::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.logout > span > a::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.logout > span > a::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.logout > span > a::before {
  font-family: 'Icons' !important;
  font-style: normal;
  font-weight: 600 !important;
  font-size: 1.1rem !important;
  color: var(--text-light) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block !important;
  margin: 0 !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: '' !important;
  /* Default empty content */
}
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.settings > a.settings::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.settings > a.settings::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.settings > a.settings::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > a.settings::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > a.settings::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > a.settings::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.about-item > a.settings::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.about-item > a.settings::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.about-item > a.settings::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.logout > a.settings::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.logout > a.settings::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.logout > a.settings::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.settings > span > a.settings::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.settings > span > a.settings::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.settings > span > a.settings::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > span > a.settings::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > span > a.settings::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > span > a.settings::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.about-item > span > a.settings::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.about-item > span > a.settings::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.about-item > span > a.settings::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.logout > span > a.settings::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.logout > span > a.settings::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.logout > span > a.settings::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.settings > a[class*="settings"]::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.settings > a[class*="settings"]::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.settings > a[class*="settings"]::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > a[class*="settings"]::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > a[class*="settings"]::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > a[class*="settings"]::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.about-item > a[class*="settings"]::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.about-item > a[class*="settings"]::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.about-item > a[class*="settings"]::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.logout > a[class*="settings"]::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.logout > a[class*="settings"]::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.logout > a[class*="settings"]::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.settings > span > a[class*="settings"]::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.settings > span > a[class*="settings"]::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.settings > span > a[class*="settings"]::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > span > a[class*="settings"]::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > span > a[class*="settings"]::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > span > a[class*="settings"]::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.about-item > span > a[class*="settings"]::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.about-item > span > a[class*="settings"]::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.about-item > span > a[class*="settings"]::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.logout > span > a[class*="settings"]::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.logout > span > a[class*="settings"]::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.logout > span > a[class*="settings"]::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.settings > a[class~="settings"]::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.settings > a[class~="settings"]::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.settings > a[class~="settings"]::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > a[class~="settings"]::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > a[class~="settings"]::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > a[class~="settings"]::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.about-item > a[class~="settings"]::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.about-item > a[class~="settings"]::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.about-item > a[class~="settings"]::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.logout > a[class~="settings"]::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.logout > a[class~="settings"]::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.logout > a[class~="settings"]::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.settings > span > a[class~="settings"]::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.settings > span > a[class~="settings"]::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.settings > span > a[class~="settings"]::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > span > a[class~="settings"]::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > span > a[class~="settings"]::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > span > a[class~="settings"]::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.about-item > span > a[class~="settings"]::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.about-item > span > a[class~="settings"]::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.about-item > span > a[class~="settings"]::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.logout > span > a[class~="settings"]::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.logout > span > a[class~="settings"]::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.logout > span > a[class~="settings"]::before {
  content: "\f013" !important;
  color: #8b5cf6 !important;
  /* Purple icon */
}
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.settings > a.theme.dark::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.settings > a.theme.dark::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.settings > a.theme.dark::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > a.theme.dark::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > a.theme.dark::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > a.theme.dark::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.about-item > a.theme.dark::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.about-item > a.theme.dark::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.about-item > a.theme.dark::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.logout > a.theme.dark::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.logout > a.theme.dark::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.logout > a.theme.dark::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.settings > span > a.theme.dark::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.settings > span > a.theme.dark::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.settings > span > a.theme.dark::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > span > a.theme.dark::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > span > a.theme.dark::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > span > a.theme.dark::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.about-item > span > a.theme.dark::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.about-item > span > a.theme.dark::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.about-item > span > a.theme.dark::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.logout > span > a.theme.dark::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.logout > span > a.theme.dark::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.logout > span > a.theme.dark::before {
  content: "\f186" !important;
}
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.settings > a.theme.light::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.settings > a.theme.light::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.settings > a.theme.light::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > a.theme.light::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > a.theme.light::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > a.theme.light::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.about-item > a.theme.light::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.about-item > a.theme.light::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.about-item > a.theme.light::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.logout > a.theme.light::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.logout > a.theme.light::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.logout > a.theme.light::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.settings > span > a.theme.light::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.settings > span > a.theme.light::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.settings > span > a.theme.light::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > span > a.theme.light::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > span > a.theme.light::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > span > a.theme.light::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.about-item > span > a.theme.light::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.about-item > span > a.theme.light::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.about-item > span > a.theme.light::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.logout > span > a.theme.light::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.logout > span > a.theme.light::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.logout > span > a.theme.light::before {
  content: "\f185" !important;
}
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.settings > a.about::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.settings > a.about::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.settings > a.about::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > a.about::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > a.about::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > a.about::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.about-item > a.about::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.about-item > a.about::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.about-item > a.about::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.logout > a.about::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.logout > a.about::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.logout > a.about::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.settings > span > a.about::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.settings > span > a.about::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.settings > span > a.about::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > span > a.about::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > span > a.about::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > span > a.about::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.about-item > span > a.about::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.about-item > span > a.about::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.about-item > span > a.about::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.logout > span > a.about::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.logout > span > a.about::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.logout > span > a.about::before {
  content: "\f05a" !important;
}
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.settings > a.logout::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.settings > a.logout::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.settings > a.logout::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > a.logout::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > a.logout::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > a.logout::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.about-item > a.logout::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.about-item > a.logout::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.about-item > a.logout::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.logout > a.logout::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.logout > a.logout::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.logout > a.logout::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.settings > span > a.logout::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.settings > span > a.logout::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.settings > span > a.logout::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > span > a.logout::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > span > a.logout::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > span > a.logout::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.about-item > span > a.logout::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.about-item > span > a.logout::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.about-item > span > a.logout::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.logout > span > a.logout::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.logout > span > a.logout::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.logout > span > a.logout::before {
  content: "\f2f5" !important;
  color: var(--danger-color) !important;
}
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.settings > a:hover,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.settings > a:hover,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.settings > a:hover,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > a:hover,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > a:hover,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > a:hover,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.about-item > a:hover,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.about-item > a:hover,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.about-item > a:hover,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.logout > a:hover,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.logout > a:hover,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.logout > a:hover,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.settings > span > a:hover,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.settings > span > a:hover,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.settings > span > a:hover,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > span > a:hover,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > span > a:hover,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > span > a:hover,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.about-item > span > a:hover,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.about-item > span > a:hover,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.about-item > span > a:hover,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.logout > span > a:hover,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.logout > span > a:hover,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.logout > span > a:hover {
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  transform: scale(1.05) rotate(5deg) !important;
}
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.settings > a:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.settings > a:hover::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.settings > a:hover::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > a:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > a:hover::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > a:hover::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.about-item > a:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.about-item > a:hover::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.about-item > a:hover::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.logout > a:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.logout > a:hover::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.logout > a:hover::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.settings > span > a:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.settings > span > a:hover::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.settings > span > a:hover::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > span > a:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > span > a:hover::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > span > a:hover::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.about-item > span > a:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.about-item > span > a:hover::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.about-item > span > a:hover::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.logout > span > a:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.logout > span > a:hover::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.logout > span > a:hover::before {
  transform: translate(-50%, -50%) scale(1.1);
}
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.settings > a.settings::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.settings > a.settings::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.settings > a.settings::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > a.settings::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > a.settings::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > a.settings::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.about-item > a.settings::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.about-item > a.settings::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.about-item > a.settings::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.logout > a.settings::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.logout > a.settings::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.logout > a.settings::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.settings > span > a.settings::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.settings > span > a.settings::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.settings > span > a.settings::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > span > a.settings::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > span > a.settings::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > span > a.settings::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.about-item > span > a.settings::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.about-item > span > a.settings::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.about-item > span > a.settings::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.logout > span > a.settings::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.logout > span > a.settings::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.logout > span > a.settings::before {
  color: #8b5cf6 !important;
  /* Purple icon */
}
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.settings > a.settings:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.settings > a.settings:hover::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.settings > a.settings:hover::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > a.settings:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > a.settings:hover::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > a.settings:hover::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.about-item > a.settings:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.about-item > a.settings:hover::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.about-item > a.settings:hover::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.logout > a.settings:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.logout > a.settings:hover::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.logout > a.settings:hover::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.settings > span > a.settings:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.settings > span > a.settings:hover::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.settings > span > a.settings:hover::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > span > a.settings:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > span > a.settings:hover::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > span > a.settings:hover::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.about-item > span > a.settings:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.about-item > span > a.settings:hover::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.about-item > span > a.settings:hover::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.logout > span > a.settings:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.logout > span > a.settings:hover::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.logout > span > a.settings:hover::before {
  color: #8b5cf6 !important;
  /* Bright purple on hover */
  transform: translate(-50%, -50%) scale(1.15) rotate(90deg);
  animation: rotate-settings 1s ease-in-out infinite;
}
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.settings > a.theme:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.settings > a.theme:hover::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.settings > a.theme:hover::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > a.theme:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > a.theme:hover::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > a.theme:hover::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.about-item > a.theme:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.about-item > a.theme:hover::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.about-item > a.theme:hover::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.logout > a.theme:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.logout > a.theme:hover::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.logout > a.theme:hover::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.settings > span > a.theme:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.settings > span > a.theme:hover::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.settings > span > a.theme:hover::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > span > a.theme:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > span > a.theme:hover::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > span > a.theme:hover::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.about-item > span > a.theme:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.about-item > span > a.theme:hover::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.about-item > span > a.theme:hover::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.logout > span > a.theme:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.logout > span > a.theme:hover::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.logout > span > a.theme:hover::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.settings > a.about:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.settings > a.about:hover::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.settings > a.about:hover::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > a.about:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > a.about:hover::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > a.about:hover::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.about-item > a.about:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.about-item > a.about:hover::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.about-item > a.about:hover::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.logout > a.about:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.logout > a.about:hover::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.logout > a.about:hover::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.settings > span > a.about:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.settings > span > a.about:hover::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.settings > span > a.about:hover::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > span > a.about:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > span > a.about:hover::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > span > a.about:hover::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.about-item > span > a.about:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.about-item > span > a.about:hover::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.about-item > span > a.about:hover::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.logout > span > a.about:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.logout > span > a.about:hover::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.logout > span > a.about:hover::before {
  color: var(--accent-color) !important;
}
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.settings > a.logout:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.settings > a.logout:hover::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.settings > a.logout:hover::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > a.logout:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > a.logout:hover::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > a.logout:hover::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.about-item > a.logout:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.about-item > a.logout:hover::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.about-item > a.logout:hover::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.logout > a.logout:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.logout > a.logout:hover::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.logout > a.logout:hover::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.settings > span > a.logout:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.settings > span > a.logout:hover::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.settings > span > a.logout:hover::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > span > a.logout:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > span > a.logout:hover::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.theme-item > span > a.logout:hover::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.about-item > span > a.logout:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.about-item > span > a.logout:hover::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.about-item > span > a.logout:hover::before,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.logout > span > a.logout:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.logout > span > a.logout:hover::before,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.logout > span > a.logout:hover::before {
  color: var(--danger-color) !important;
}
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.settings,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.settings,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.settings {
  order: 10;
  /* Move Settings after separator */
}
.task-mail #aj-sidebar .aj-sidebar-footer .aj-footer-separator,
.task-addressbook #aj-sidebar .aj-sidebar-footer .aj-footer-separator,
.task-settings #aj-sidebar .aj-sidebar-footer .aj-footer-separator {
  order: 9;
  width: 100%;
  flex-basis: 100%;
}
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.theme-item,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.theme-item,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.theme-item {
  order: 11;
}
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.about-item,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.about-item,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.about-item {
  order: 12;
}
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.logout,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.logout,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.logout {
  order: 13;
}
.task-mail #aj-sidebar .aj-sidebar-footer .quota-widget,
.task-addressbook #aj-sidebar .aj-sidebar-footer .quota-widget,
.task-settings #aj-sidebar .aj-sidebar-footer .quota-widget,
.task-mail #aj-sidebar .aj-sidebar-footer #quotadisplay,
.task-addressbook #aj-sidebar .aj-sidebar-footer #quotadisplay,
.task-settings #aj-sidebar .aj-sidebar-footer #quotadisplay {
  order: 20 !important;
  flex-basis: 100% !important;
  width: 100% !important;
  margin-top: 10px !important;
}
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.settings):not(.theme-item):not(.about-item):not(.logout),
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.settings):not(.theme-item):not(.about-item):not(.logout),
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.settings):not(.theme-item):not(.about-item):not(.logout) {
  order: 1;
  flex-basis: 100%;
  width: 100%;
}
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.settings,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.settings,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.settings {
  order: 10;
  /* Move after separator */
}
.task-mail #aj-sidebar .aj-sidebar-footer .aj-footer-separator,
.task-addressbook #aj-sidebar .aj-sidebar-footer .aj-footer-separator,
.task-settings #aj-sidebar .aj-sidebar-footer .aj-footer-separator {
  order: 9;
}
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.theme-item,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.theme-item,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.theme-item {
  order: 11;
}
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.about-item,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.about-item,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.about-item {
  order: 12;
}
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.logout,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.logout,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.logout {
  order: 13;
}
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.settings):not(.theme-item):not(.about-item):not(.logout),
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.settings):not(.theme-item):not(.about-item):not(.logout),
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.settings):not(.theme-item):not(.about-item):not(.logout) {
  order: 1;
  flex-basis: 100%;
  width: 100%;
}
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.settings,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.settings,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.settings,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.theme-item,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.theme-item,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.theme-item,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.about-item,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.about-item,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.about-item,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.logout,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.logout,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.logout {
  order: 10;
  flex-basis: auto;
  width: auto;
  margin: 0 8px !important;
}
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.settings,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.settings,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.settings {
  margin-left: auto;
}
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.logout,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.logout,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.logout {
  margin-right: auto;
}
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.settings,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.settings,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.settings,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.theme-item,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.theme-item,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.theme-item,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.about-item,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.about-item,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.about-item,
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item.logout,
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item.logout,
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item.logout {
  display: inline-flex !important;
  margin: 0 8px !important;
  vertical-align: middle;
  width: auto !important;
  flex-basis: auto !important;
}
.task-mail #aj-sidebar .aj-sidebar-footer .menu-item:not(.settings):not(.theme-item):not(.about-item):not(.logout),
.task-addressbook #aj-sidebar .aj-sidebar-footer .menu-item:not(.settings):not(.theme-item):not(.about-item):not(.logout),
.task-settings #aj-sidebar .aj-sidebar-footer .menu-item:not(.settings):not(.theme-item):not(.about-item):not(.logout) {
  text-align: left;
}
.task-mail #aj-sidebar .aj-sidebar-footer .footer-button,
.task-addressbook #aj-sidebar .aj-sidebar-footer .footer-button,
.task-settings #aj-sidebar .aj-sidebar-footer .footer-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: var(--bg-color);
  color: var(--text-light);
  transition: all 0.3s ease;
  cursor: pointer;
  box-shadow: 6px 6px 12px var(--shadow-dark), -6px -6px 12px var(--shadow-light);
  border: none;
  text-decoration: none;
}
.task-mail #aj-sidebar .aj-sidebar-footer .footer-button::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .footer-button::before,
.task-settings #aj-sidebar .aj-sidebar-footer .footer-button::before {
  font-family: 'Icons' !important;
  font-style: normal;
  font-weight: 600 !important;
  font-size: 1.2rem;
  color: var(--text-light);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.task-mail #aj-sidebar .aj-sidebar-footer .footer-button:hover,
.task-addressbook #aj-sidebar .aj-sidebar-footer .footer-button:hover,
.task-settings #aj-sidebar .aj-sidebar-footer .footer-button:hover {
  color: var(--accent-color);
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light);
  transform: scale(1.05) rotate(5deg);
}
.task-mail #aj-sidebar .aj-sidebar-footer .footer-button:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .footer-button:hover::before,
.task-settings #aj-sidebar .aj-sidebar-footer .footer-button:hover::before {
  color: var(--accent-color);
}
.task-mail #aj-sidebar .aj-sidebar-footer .quota-widget,
.task-addressbook #aj-sidebar .aj-sidebar-footer .quota-widget,
.task-settings #aj-sidebar .aj-sidebar-footer .quota-widget,
.task-mail #aj-sidebar .aj-sidebar-footer #quotadisplay,
.task-addressbook #aj-sidebar .aj-sidebar-footer #quotadisplay,
.task-settings #aj-sidebar .aj-sidebar-footer #quotadisplay {
  order: 20 !important;
  flex-basis: 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
  margin-top: 15px !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 18px 20px !important;
  background: var(--bg-color) !important;
  border-radius: 18px !important;
  font-size: 0.8rem !important;
  color: var(--text-main) !important;
  text-align: left !important;
  box-sizing: border-box !important;
  box-shadow: 8px 8px 16px var(--shadow-dark), -8px -8px 16px var(--shadow-light) !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 16px !important;
  clear: both !important;
  overflow: visible !important;
  position: relative !important;
  transition: all 0.3s ease !important;
  /* Icon - Neumorphic hard drive icon container */
}
.task-mail #aj-sidebar .aj-sidebar-footer .quota-widget::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .quota-widget::before,
.task-settings #aj-sidebar .aj-sidebar-footer .quota-widget::before,
.task-mail #aj-sidebar .aj-sidebar-footer #quotadisplay::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer #quotadisplay::before,
.task-settings #aj-sidebar .aj-sidebar-footer #quotadisplay::before {
  content: "\f0a0" !important;
  /* hdd icon */
  font-family: 'Icons' !important;
  font-style: normal !important;
  font-weight: 900 !important;
  /* Solid icon */
  font-size: 1.5rem !important;
  color: #00BFFF !important;
  /* Blue color for icon */
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  border-radius: 12px !important;
  background: var(--bg-color) !important;
  box-shadow: 4px 4px 8px var(--shadow-dark), -4px -4px 8px var(--shadow-light) !important;
  line-height: 1 !important;
  margin: 0 !important;
  transition: all 0.3s ease !important;
}
.task-mail #aj-sidebar .aj-sidebar-footer .quota-widget:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer .quota-widget:hover::before,
.task-settings #aj-sidebar .aj-sidebar-footer .quota-widget:hover::before,
.task-mail #aj-sidebar .aj-sidebar-footer #quotadisplay:hover::before,
.task-addressbook #aj-sidebar .aj-sidebar-footer #quotadisplay:hover::before,
.task-settings #aj-sidebar .aj-sidebar-footer #quotadisplay:hover::before {
  box-shadow: inset 3px 3px 6px var(--shadow-dark), inset -3px -3px 6px var(--shadow-light) !important;
  transform: scale(0.95) !important;
}
.task-mail #aj-sidebar .aj-sidebar-footer .quota-widget .voice,
.task-addressbook #aj-sidebar .aj-sidebar-footer .quota-widget .voice,
.task-settings #aj-sidebar .aj-sidebar-footer .quota-widget .voice,
.task-mail #aj-sidebar .aj-sidebar-footer #quotadisplay .voice,
.task-addressbook #aj-sidebar .aj-sidebar-footer #quotadisplay .voice,
.task-settings #aj-sidebar .aj-sidebar-footer #quotadisplay .voice {
  display: none !important;
  /* Hide voice label */
}
.task-mail #aj-sidebar .aj-sidebar-footer .quota-widget .count,
.task-addressbook #aj-sidebar .aj-sidebar-footer .quota-widget .count,
.task-settings #aj-sidebar .aj-sidebar-footer .quota-widget .count,
.task-mail #aj-sidebar .aj-sidebar-footer #quotadisplay .count,
.task-addressbook #aj-sidebar .aj-sidebar-footer #quotadisplay .count,
.task-settings #aj-sidebar .aj-sidebar-footer #quotadisplay .count {
  display: flex !important;
  align-items: center !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  color: var(--text-main) !important;
  margin: 0 !important;
  padding: 0 !important;
  flex-shrink: 0 !important;
  min-width: 40px !important;
  text-align: right !important;
}
.task-mail #aj-sidebar .aj-sidebar-footer .quota-widget .bar,
.task-addressbook #aj-sidebar .aj-sidebar-footer .quota-widget .bar,
.task-settings #aj-sidebar .aj-sidebar-footer .quota-widget .bar,
.task-mail #aj-sidebar .aj-sidebar-footer #quotadisplay .bar,
.task-addressbook #aj-sidebar .aj-sidebar-footer #quotadisplay .bar,
.task-settings #aj-sidebar .aj-sidebar-footer #quotadisplay .bar {
  flex: 1 !important;
  height: 10px !important;
  background: var(--shadow-dark) !important;
  border-radius: 8px !important;
  margin: 0 !important;
  overflow: hidden !important;
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  position: relative !important;
}
.task-mail #aj-sidebar .aj-sidebar-footer .quota-widget .bar .value,
.task-addressbook #aj-sidebar .aj-sidebar-footer .quota-widget .bar .value,
.task-settings #aj-sidebar .aj-sidebar-footer .quota-widget .bar .value,
.task-mail #aj-sidebar .aj-sidebar-footer #quotadisplay .bar .value,
.task-addressbook #aj-sidebar .aj-sidebar-footer #quotadisplay .bar .value,
.task-settings #aj-sidebar .aj-sidebar-footer #quotadisplay .bar .value {
  display: block !important;
  height: 100% !important;
  background: linear-gradient(90deg, #00BFFF 0%, #007bb6 100%) !important;
  border-radius: 8px !important;
  transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-shadow: 0 2px 8px rgba(0, 191, 255, 0.5), inset 0 2px 4px rgba(255, 255, 255, 0.4), inset 0 -2px 4px rgba(0, 0, 0, 0.2) !important;
  position: relative !important;
  /* Add a subtle shine effect */
  /* Warning state - orange/red when high usage */
}
.task-mail #aj-sidebar .aj-sidebar-footer .quota-widget .bar .value::after,
.task-addressbook #aj-sidebar .aj-sidebar-footer .quota-widget .bar .value::after,
.task-settings #aj-sidebar .aj-sidebar-footer .quota-widget .bar .value::after,
.task-mail #aj-sidebar .aj-sidebar-footer #quotadisplay .bar .value::after,
.task-addressbook #aj-sidebar .aj-sidebar-footer #quotadisplay .bar .value::after,
.task-settings #aj-sidebar .aj-sidebar-footer #quotadisplay .bar .value::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 50% !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, transparent 100%) !important;
  border-radius: 8px 8px 0 0 !important;
  pointer-events: none !important;
}
.task-mail #aj-sidebar .aj-sidebar-footer .quota-widget .bar .value.warning,
.task-addressbook #aj-sidebar .aj-sidebar-footer .quota-widget .bar .value.warning,
.task-settings #aj-sidebar .aj-sidebar-footer .quota-widget .bar .value.warning,
.task-mail #aj-sidebar .aj-sidebar-footer #quotadisplay .bar .value.warning,
.task-addressbook #aj-sidebar .aj-sidebar-footer #quotadisplay .bar .value.warning,
.task-settings #aj-sidebar .aj-sidebar-footer #quotadisplay .bar .value.warning,
.task-mail #aj-sidebar .aj-sidebar-footer .quota-widget .bar .value[style*="width: 8"]:not([style*="width: 8%"]),
.task-addressbook #aj-sidebar .aj-sidebar-footer .quota-widget .bar .value[style*="width: 8"]:not([style*="width: 8%"]),
.task-settings #aj-sidebar .aj-sidebar-footer .quota-widget .bar .value[style*="width: 8"]:not([style*="width: 8%"]),
.task-mail #aj-sidebar .aj-sidebar-footer #quotadisplay .bar .value[style*="width: 8"]:not([style*="width: 8%"]),
.task-addressbook #aj-sidebar .aj-sidebar-footer #quotadisplay .bar .value[style*="width: 8"]:not([style*="width: 8%"]),
.task-settings #aj-sidebar .aj-sidebar-footer #quotadisplay .bar .value[style*="width: 8"]:not([style*="width: 8%"]),
.task-mail #aj-sidebar .aj-sidebar-footer .quota-widget .bar .value[style*="width: 9"],
.task-addressbook #aj-sidebar .aj-sidebar-footer .quota-widget .bar .value[style*="width: 9"],
.task-settings #aj-sidebar .aj-sidebar-footer .quota-widget .bar .value[style*="width: 9"],
.task-mail #aj-sidebar .aj-sidebar-footer #quotadisplay .bar .value[style*="width: 9"],
.task-addressbook #aj-sidebar .aj-sidebar-footer #quotadisplay .bar .value[style*="width: 9"],
.task-settings #aj-sidebar .aj-sidebar-footer #quotadisplay .bar .value[style*="width: 9"],
.task-mail #aj-sidebar .aj-sidebar-footer .quota-widget .bar .value[style*="width: 10"],
.task-addressbook #aj-sidebar .aj-sidebar-footer .quota-widget .bar .value[style*="width: 10"],
.task-settings #aj-sidebar .aj-sidebar-footer .quota-widget .bar .value[style*="width: 10"],
.task-mail #aj-sidebar .aj-sidebar-footer #quotadisplay .bar .value[style*="width: 10"],
.task-addressbook #aj-sidebar .aj-sidebar-footer #quotadisplay .bar .value[style*="width: 10"],
.task-settings #aj-sidebar .aj-sidebar-footer #quotadisplay .bar .value[style*="width: 10"] {
  background: linear-gradient(90deg, #ff9f43 0%, #ff4757 100%) !important;
  box-shadow: 0 2px 8px rgba(255, 79, 87, 0.5), inset 0 2px 4px rgba(255, 255, 255, 0.4), inset 0 -2px 4px rgba(0, 0, 0, 0.2) !important;
}
/* Hide the original layout-sidebar when aj-sidebar is active */
.task-mail #layout-sidebar.aj-hidden-sidebar,
.task-addressbook #layout-sidebar {
  display: none !important;
}
/* Settings page needs layout-sidebar visible (settings tabs menu) - REMOVED, handled below */
/* Addressbook Layout List - Neumorphic styling */
.task-addressbook #layout-list {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  width: 600px !important;
  /* Reduced width for addressbook only */
  max-width: 600px !important;
  /* Limit maximum width */
  flex: 0 0 600px !important;
  /* Fixed width, don't grow or shrink */
  flex-shrink: 0 !important;
  flex-grow: 0 !important;
  flex-basis: 600px !important;
  min-width: 600px !important;
  margin-left: 0 !important;
  padding-right: 0 !important;
  overflow: visible !important;
  box-sizing: border-box !important;
  transition: none !important;
  /* Searchbar - Match inbox styling */
  /* Contact table rows - Neumorphic hover effect */
}
.task-addressbook #layout-list[listbox],
.task-addressbook #layout-list.listbox {
  width: 600px !important;
  /* Match fixed width for addressbook */
}
.task-addressbook #layout-list .header {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 24px !important;
  background: var(--bg-color) !important;
  min-height: 70px !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  border-left: 1px solid #d4dbde !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin-bottom: 0 !important;
  /* Hide unwanted buttons - BUT NOT ON SETTINGS PAGE */
  /* DO NOT hide back-sidebar-button on settings page */
  /* Header title styling */
  /* Menu/Toolbar buttons - circular neumorphic (icon only) */
  /* Specific icon content for buttons */
  /* Toolbar menu list - positioned on the left */
  /* Toolbar list button (three dots menu) */
  /* Hide scrollbar for header */
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}
.task-addressbook #layout-list .header .task-menu-button,
.task-addressbook #layout-list .header .back-list-button,
.task-addressbook #layout-list .header .toolbar-menu-button,
.task-addressbook #layout-list .header .toolbar-list-button {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.task-settings .task-addressbook #layout-list .header .back-sidebar-button {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.task-addressbook #layout-list .header .header-title {
  color: var(--text-main) !important;
  font-weight: 700 !important;
  font-size: 1.25rem !important;
  margin: 0 24px 0 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap !important;
  order: 1 !important;
}
.task-addressbook #layout-list .header .button.icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background: var(--bg-color) !important;
  box-shadow: 6px 6px 12px var(--shadow-dark), -6px -6px 12px var(--shadow-light) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  cursor: pointer !important;
  border: none !important;
  margin: 0 !important;
  text-decoration: none !important;
  position: relative !important;
  flex-shrink: 0 !important;
}
.task-addressbook #layout-list .header .button.icon .inner {
  display: none !important;
  /* Hide text for circular buttons */
}
.task-addressbook #layout-list .header .button.icon::before {
  font-family: 'Icons' !important;
  font-style: normal !important;
  font-weight: 900 !important;
  font-size: 17px !important;
  color: var(--text-main) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  line-height: 1 !important;
  text-align: center !important;
  margin: 0 !important;
  padding: 0 !important;
}
.task-addressbook #layout-list .header .button.icon:hover:not(.disabled) {
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  transform: scale(0.98) !important;
}
.task-addressbook #layout-list .header .button.icon:active:not(.disabled) {
  box-shadow: inset 5px 5px 10px var(--shadow-dark), inset -5px -5px 10px var(--shadow-light) !important;
  transform: scale(0.96) !important;
}
.task-addressbook #layout-list .header .button.icon.disabled {
  opacity: 0.4 !important;
  cursor: not-allowed !important;
}
.task-addressbook #layout-list .header .button.icon.active {
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
}
.task-addressbook #layout-list .header .task-menu-button::before {
  content: "\f0c9" !important;
}
.task-addressbook #layout-list .header .back-sidebar-button::before {
  content: "\f07b" !important;
}
.task-addressbook #layout-list .header .toolbar-menu-button::before {
  content: "\f142" !important;
}
.task-addressbook #layout-list .header .menu.toolbar {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  list-style: none !important;
  margin: 0 0 0 -8px !important;
  /* Move buttons more to the left */
  padding: 0 !important;
  flex: 0 1 auto !important;
  flex-shrink: 0 !important;
  order: 2 !important;
  /* Ensure list items containing delete button have no background/shadow */
  /* Menu items - rounded rectangular buttons with icons and text */
  /* Exclude delete button and dropdown buttons from this rule */
  /* Export button inside dropbutton - override to remove individual shadow */
  /* Delete button - red hover effect (applied to circular button) */
  /* Options button - neon blue hover effect */
  /* Circular buttons in toolbar (Delete) - icon only, no text */
  /* Specific button icons */
  /* Dropdown arrow - only for standalone dropdown buttons (not in dropbutton) */
  /* Dropbutton container - Input Group Style */
}
.task-addressbook #layout-list .header .menu.toolbar > li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: flex !important;
  align-items: center !important;
  position: relative !important;
  flex-shrink: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.task-addressbook #layout-list .header .menu.toolbar > li:has(> a.delete) {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.task-addressbook #layout-list .header .menu.toolbar > li > a:not(.delete):not(.dropdown),
.task-addressbook #layout-list .header .menu.toolbar > li > span > a:not(.delete):not(.dropdown) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  /* Center content horizontally */
  gap: 8px !important;
  /* Optimized gap for better icon-text spacing */
  padding: 10px 20px !important;
  /* Balanced horizontal padding */
  background: var(--bg-color) !important;
  border-radius: 12px !important;
  /* Slightly reduced for cleaner look */
  box-shadow: 6px 6px 12px var(--shadow-dark), -6px -6px 12px var(--shadow-light) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  text-decoration: none !important;
  color: var(--text-main) !important;
  font-weight: 600 !important;
  font-size: 0.875rem !important;
  /* Slightly smaller for better fit */
  cursor: pointer !important;
  border: none !important;
  white-space: nowrap !important;
  min-height: 40px !important;
  /* Consistent height */
  height: 40px !important;
  /* Fixed height for consistency */
  flex-shrink: 0 !important;
  line-height: 1 !important;
  /* Better text alignment */
  position: relative !important;
  z-index: 1 !important;
}
.task-addressbook #layout-list .header .menu.toolbar > li > a:not(.delete):not(.dropdown) .inner,
.task-addressbook #layout-list .header .menu.toolbar > li > span > a:not(.delete):not(.dropdown) .inner {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  /* Center inner content */
  gap: 10px !important;
  /* Match parent gap */
  color: var(--text-main) !important;
}
.task-addressbook #layout-list .header .menu.toolbar > li > a:not(.delete):not(.dropdown)::before,
.task-addressbook #layout-list .header .menu.toolbar > li > span > a:not(.delete):not(.dropdown)::before {
  font-family: 'Icons' !important;
  font-style: normal !important;
  font-weight: 900 !important;
  font-size: 14px !important;
  color: var(--text-main) !important;
  display: inline-block !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  flex-shrink: 0 !important;
  line-height: 1.8em !important;
}
.task-addressbook #layout-list .header .menu.toolbar > li > a:not(.delete):not(.dropdown):hover:not(.disabled),
.task-addressbook #layout-list .header .menu.toolbar > li > span > a:not(.delete):not(.dropdown):hover:not(.disabled) {
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  transform: translateY(-1px) !important;
}
.task-addressbook #layout-list .header .menu.toolbar > li > a:not(.delete):not(.dropdown):active:not(.disabled),
.task-addressbook #layout-list .header .menu.toolbar > li > span > a:not(.delete):not(.dropdown):active:not(.disabled) {
  box-shadow: inset 5px 5px 10px var(--shadow-dark), inset -5px -5px 10px var(--shadow-light) !important;
  transform: translateY(0) !important;
}
.task-addressbook #layout-list .header .menu.toolbar > li > a:not(.delete):not(.dropdown).disabled,
.task-addressbook #layout-list .header .menu.toolbar > li > span > a:not(.delete):not(.dropdown).disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
  background: var(--bg-color) !important;
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  transform: none !important;
  color: var(--text-light) !important;
}
.task-addressbook #layout-list .header .menu.toolbar > li > a:not(.delete):not(.dropdown).disabled::before,
.task-addressbook #layout-list .header .menu.toolbar > li > span > a:not(.delete):not(.dropdown).disabled::before {
  opacity: 0.5 !important;
  color: var(--text-light) !important;
}
.task-addressbook #layout-list .header .menu.toolbar > li > a:not(.delete):not(.dropdown).disabled .inner,
.task-addressbook #layout-list .header .menu.toolbar > li > span > a:not(.delete):not(.dropdown).disabled .inner {
  color: var(--text-light) !important;
  opacity: 0.5 !important;
}
.task-addressbook #layout-list .header .menu.toolbar > li > a:not(.delete):not(.dropdown).active,
.task-addressbook #layout-list .header .menu.toolbar > li > span > a:not(.delete):not(.dropdown).active {
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  transform: translateY(0) !important;
}
.task-addressbook #layout-list .header .menu.toolbar > li .dropbutton > a:first-child {
  box-shadow: none !important;
  /* No shadow, parent dropbutton has it */
}
.task-addressbook #layout-list .header .menu.toolbar > li > span > a:not(.delete):not(.dropdown) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  /* Center content horizontally */
  gap: 8px !important;
  /* Optimized gap for better icon-text spacing */
  padding: 10px 20px !important;
  /* Balanced horizontal padding */
  background: var(--bg-color) !important;
  border-radius: 12px !important;
  /* Slightly reduced for cleaner look */
  box-shadow: 6px 6px 12px var(--shadow-dark), -6px -6px 12px var(--shadow-light) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  text-decoration: none !important;
  color: var(--text-main) !important;
  font-weight: 600 !important;
  font-size: 0.875rem !important;
  /* Slightly smaller for better fit */
  cursor: pointer !important;
  border: none !important;
  white-space: nowrap !important;
  min-height: 40px !important;
  /* Consistent height */
  height: 40px !important;
  /* Fixed height for consistency */
  flex-shrink: 0 !important;
  line-height: 1 !important;
  /* Better text alignment */
  position: relative !important;
  z-index: 1 !important;
}
.task-addressbook #layout-list .header .menu.toolbar > li > span > a:not(.delete):not(.dropdown) .inner {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  /* Center inner content */
  gap: 10px !important;
  /* Match parent gap */
  color: var(--text-main) !important;
}
.task-addressbook #layout-list .header .menu.toolbar > li > span > a:not(.delete):not(.dropdown)::before {
  font-family: 'Icons' !important;
  font-style: normal !important;
  font-weight: 900 !important;
  font-size: 14px !important;
  color: var(--text-main) !important;
  display: inline-block !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  flex-shrink: 0 !important;
  line-height: 1.8em !important;
}
.task-addressbook #layout-list .header .menu.toolbar > li > span > a:not(.delete):not(.dropdown):hover:not(.disabled) {
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  transform: translateY(-1px) !important;
}
.task-addressbook #layout-list .header .menu.toolbar > li > span > a:not(.delete):not(.dropdown):active:not(.disabled) {
  box-shadow: inset 5px 5px 10px var(--shadow-dark), inset -5px -5px 10px var(--shadow-light) !important;
  transform: translateY(0) !important;
}
.task-addressbook #layout-list .header .menu.toolbar > li > span > a:not(.delete):not(.dropdown).disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
  background: var(--bg-color) !important;
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  transform: none !important;
  color: var(--text-light) !important;
}
.task-addressbook #layout-list .header .menu.toolbar > li > span > a:not(.delete):not(.dropdown).disabled::before {
  opacity: 0.5 !important;
  color: var(--text-light) !important;
}
.task-addressbook #layout-list .header .menu.toolbar > li > span > a:not(.delete):not(.dropdown).disabled .inner {
  color: var(--text-light) !important;
  opacity: 0.5 !important;
}
.task-addressbook #layout-list .header .menu.toolbar > li > span > a:not(.delete):not(.dropdown).active {
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  transform: translateY(0) !important;
}
.task-addressbook #layout-list .header .menu.toolbar > li > a.delete:not(.disabled):hover::before {
  color: #e53e3e !important;
  /* Red color for delete icon */
}
.task-addressbook #layout-list .header .menu.toolbar > li > a.options:not(.disabled):hover::before {
  color: #00f2fe !important;
  /* Neon blue for options icon */
}
.task-addressbook #layout-list .header .menu.toolbar > li > a.options:not(.disabled):hover .inner {
  color: #00f2fe !important;
  /* Neon blue for options text */
}
.task-addressbook #layout-list .header .menu.toolbar > li > a.delete {
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  position: relative !important;
  flex-shrink: 0 !important;
  margin-right: 0 !important;
  /* Override any inherited rectangular button styles */
  background: var(--bg-color) !important;
  box-shadow: 6px 6px 12px var(--shadow-dark), -6px -6px 12px var(--shadow-light) !important;
  min-height: 42px !important;
  gap: 0 !important;
  /* Remove any background or shadow from pseudo-elements */
  /* Show Delete button when not disabled */
  /* Hide Delete button when disabled */
  /* Hover state - only inset shadow, no background change */
  /* Active state */
}
.task-addressbook #layout-list .header .menu.toolbar > li > a.delete .inner {
  display: none !important;
  /* Hide text for circular buttons */
}
.task-addressbook #layout-list .header .menu.toolbar > li > a.delete::before {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
.task-addressbook #layout-list .header .menu.toolbar > li > a.delete::after {
  display: none !important;
  background: none !important;
  box-shadow: none !important;
}
.task-addressbook #layout-list .header .menu.toolbar > li > a.delete:not(.disabled) {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.task-addressbook #layout-list .header .menu.toolbar > li > a.delete.disabled {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.task-addressbook #layout-list .header .menu.toolbar > li > a.delete:hover:not(.disabled) {
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  transform: scale(0.98) !important;
  background: var(--bg-color) !important;
}
.task-addressbook #layout-list .header .menu.toolbar > li > a.delete:active:not(.disabled) {
  box-shadow: inset 5px 5px 10px var(--shadow-dark), inset -5px -5px 10px var(--shadow-light) !important;
  transform: scale(0.96) !important;
  background: var(--bg-color) !important;
}
.task-addressbook #layout-list .header .menu.toolbar .delete::before {
  content: "\f2ed" !important;
}
.task-addressbook #layout-list .header .menu.toolbar .select::before {
  content: "\f14a" !important;
}
.task-addressbook #layout-list .header .menu.toolbar .options::before {
  content: "\f013" !important;
}
.task-addressbook #layout-list .header .menu.toolbar .create::before {
  content: "\f067" !important;
}
.task-addressbook #layout-list .header .menu.toolbar .search::before {
  content: "\f002" !important;
}
.task-addressbook #layout-list .header .menu.toolbar .import::before {
  content: "\f56f" !important;
}
.task-addressbook #layout-list .header .menu.toolbar .export::before {
  content: "\f56e" !important;
}
.task-addressbook #layout-list .header .menu.toolbar .print::before {
  content: "\f02f" !important;
}
.task-addressbook #layout-list .header .menu.toolbar .more::before {
  content: "\f141" !important;
}
.task-addressbook #layout-list .header .menu.toolbar > li > a.dropdown:not(.dropbutton .dropdown)::after {
  content: "\f078" !important;
  /* chevron-down */
  font-family: 'Icons' !important;
  font-style: normal !important;
  font-weight: 900 !important;
  font-size: 11px !important;
  color: var(--text-main) !important;
  margin-left: 8px !important;
  display: inline-block !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  opacity: 0.7 !important;
  transition: transform 0.2s ease !important;
}
.task-addressbook #layout-list .header .menu.toolbar > li > a.dropdown:not(.dropbutton .dropdown):hover::after {
  opacity: 1 !important;
}
.task-addressbook #layout-list .header .menu.toolbar .dropbutton {
  display: flex !important;
  align-items: stretch !important;
  gap: 0 !important;
  position: relative !important;
  flex-shrink: 0 !important;
  background: var(--bg-color) !important;
  border-radius: 12px !important;
  box-shadow: 6px 6px 12px var(--shadow-dark), -6px -6px 12px var(--shadow-light) !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  /* Ensure seamless connection */
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  /* Main button (export) - remove right border radius, no individual shadow */
  /* Dropdown button - seamlessly attached, no individual shadow */
  /* Hover state for entire input group */
  /* Active state for entire input group */
  /* Hide dropbutton when disabled */
  /* Show dropbutton when not disabled */
}
.task-addressbook #layout-list .header .menu.toolbar .dropbutton > a:first-child {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top-left-radius: 12px !important;
  border-bottom-left-radius: 12px !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  box-shadow: none !important;
  /* Remove individual shadow */
  border-right: 1px solid rgba(0, 0, 0, 0.05) !important;
  /* Subtle divider */
}
.task-addressbook #layout-list .header .menu.toolbar .dropbutton > a.dropdown {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 40px !important;
  width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  margin: 0 !important;
  margin-left: 0 !important;
  /* No overlap needed */
  background: transparent !important;
  /* Transparent to show parent background */
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
  box-shadow: none !important;
  /* No individual shadow */
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  text-decoration: none !important;
  color: var(--text-main) !important;
  font-weight: 600 !important;
  font-size: 0.875rem !important;
  cursor: pointer !important;
  border: none !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  line-height: 1 !important;
  position: relative !important;
  border-left: 1px solid rgba(0, 0, 0, 0.05) !important;
  /* Subtle divider */
}
.task-addressbook #layout-list .header .menu.toolbar .dropbutton > a.dropdown .inner {
  display: none !important;
  /* Hide text completely */
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}
.task-addressbook #layout-list .header .menu.toolbar .dropbutton > a.dropdown::before {
  display: none !important;
  /* No icon */
}
.task-addressbook #layout-list .header .menu.toolbar .dropbutton > a.dropdown::after {
  content: "\f078" !important;
  /* chevron-down */
  font-family: 'Icons' !important;
  font-style: normal !important;
  font-weight: 900 !important;
  font-size: 12px !important;
  color: var(--text-main) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  line-height: 1 !important;
  text-align: center !important;
  opacity: 0.8 !important;
  transition: opacity 0.2s ease !important;
}
.task-addressbook #layout-list .header .menu.toolbar .dropbutton > a.dropdown:hover:not(.disabled) {
  background: rgba(0, 0, 0, 0.02) !important;
  /* Subtle hover background */
}
.task-addressbook #layout-list .header .menu.toolbar .dropbutton > a.dropdown:hover:not(.disabled)::after {
  opacity: 1 !important;
}
.task-addressbook #layout-list .header .menu.toolbar .dropbutton > a.dropdown:active:not(.disabled) {
  background: rgba(0, 0, 0, 0.05) !important;
}
.task-addressbook #layout-list .header .menu.toolbar .dropbutton > a.dropdown.disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
}
.task-addressbook #layout-list .header .menu.toolbar .dropbutton:hover:not(.disabled) {
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  transform: translateY(-1px) !important;
}
.task-addressbook #layout-list .header .menu.toolbar .dropbutton:active:not(.disabled) {
  box-shadow: inset 5px 5px 10px var(--shadow-dark), inset -5px -5px 10px var(--shadow-light) !important;
  transform: translateY(0) !important;
}
.task-addressbook #layout-list .header .menu.toolbar .dropbutton.disabled {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.task-addressbook #layout-list .header .menu.toolbar .dropbutton:not(.disabled) {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.task-addressbook #layout-list .header .toolbar-list-button::before {
  content: "\f141" !important;
}
.task-addressbook #layout-list .header::-webkit-scrollbar {
  display: none !important;
}
.task-addressbook #layout-list .searchbar.menu {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px 20px !important;
  background: var(--bg-color) !important;
  box-shadow: 8px 8px 20px var(--shadow-dark), -8px -8px 20px var(--shadow-light), inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
  border: none !important;
  min-height: 60px !important;
  height: auto !important;
  position: relative !important;
  overflow: visible !important;
  /* Hide voice labels */
  /* Search Form Container */
  /* Search Input Field - Inset Neumorphic Effect */
  /* Buttons Container */
  /* Circular Button - Reset */
  /* Circular Buttons - Options and Search (Icon Only) */
  /* Options Button - Purple Hover Color */
  /* Search Button - Magnifying Glass Icon - Cyan/Blue Hover */
  /* Disabled State */
  /* Active/Open State */
  /* Responsive Design - Icon Only on Smaller Screens */
}
.task-addressbook #layout-list .searchbar.menu h2.voice,
.task-addressbook #layout-list .searchbar.menu label.voice {
  display: none !important;
  visibility: hidden !important;
}
.task-addressbook #layout-list .searchbar.menu form {
  flex: 1 !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
  /* Search Icon - positioned inside input */
}
.task-addressbook #layout-list .searchbar.menu form::before {
  content: "\f002" !important;
  font-family: 'Icons' !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  color: var(--text-main) !important;
  opacity: 0.6 !important;
  position: absolute !important;
  left: 18px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 2 !important;
  pointer-events: none !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
.task-addressbook #layout-list .searchbar.menu #searchform,
.task-addressbook #layout-list .searchbar.menu input[name="_q"],
.task-addressbook #layout-list .searchbar.menu input[type="text"] {
  width: 100% !important;
  flex: 1 !important;
  min-width: 0 !important;
  padding: 14px 18px 14px 48px !important;
  /* Left padding for icon */
  background: var(--bg-color) !important;
  border: none !important;
  border-radius: 16px !important;
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  color: var(--text-main) !important;
  font-size: 0.95rem !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  outline: none !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-sizing: border-box !important;
  margin: 0 !important;
}
.task-addressbook #layout-list .searchbar.menu #searchform::placeholder,
.task-addressbook #layout-list .searchbar.menu input[name="_q"]::placeholder,
.task-addressbook #layout-list .searchbar.menu input[type="text"]::placeholder {
  color: var(--text-light) !important;
  opacity: 0.7 !important;
}
.task-addressbook #layout-list .searchbar.menu #searchform:focus,
.task-addressbook #layout-list .searchbar.menu input[name="_q"]:focus,
.task-addressbook #layout-list .searchbar.menu input[type="text"]:focus {
  box-shadow: inset 5px 5px 10px var(--shadow-dark), inset -5px -5px 10px var(--shadow-light), 0 0 0 2px rgba(102, 126, 234, 0.2) !important;
  background: var(--bg-color) !important;
}
.task-addressbook #layout-list .searchbar.menu > a.button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  flex-shrink: 0 !important;
  position: relative !important;
  /* Hide inner span text by default (icons only) */
  /* Icon styling */
}
.task-addressbook #layout-list .searchbar.menu > a.button .inner {
  display: none !important;
}
.task-addressbook #layout-list .searchbar.menu > a.button::before {
  font-family: 'Icons' !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  color: var(--text-main) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
.task-addressbook #layout-list .searchbar.menu > a.button.reset {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  border-radius: 50% !important;
  background: var(--bg-color) !important;
  box-shadow: 4px 4px 8px var(--shadow-dark), -4px -4px 8px var(--shadow-light) !important;
}
.task-addressbook #layout-list .searchbar.menu > a.button.reset::before {
  content: "\f2f1" !important;
  /* Refresh icon */
}
.task-addressbook #layout-list .searchbar.menu > a.button.reset:hover:not([aria-disabled="true"]) {
  box-shadow: inset 3px 3px 6px var(--shadow-dark), inset -3px -3px 6px var(--shadow-light) !important;
  transform: scale(0.96) !important;
}
.task-addressbook #layout-list .searchbar.menu > a.button.reset:hover:not([aria-disabled="true"])::before {
  color: #f59e0b !important;
  /* Amber/Orange color */
}
.task-addressbook #layout-list .searchbar.menu > a.button.reset:active:not([aria-disabled="true"]) {
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  transform: scale(0.94) !important;
}
.task-addressbook #layout-list .searchbar.menu > a.button.options,
.task-addressbook #layout-list .searchbar.menu > a.button.search {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background: var(--bg-color) !important;
  box-shadow: 4px 4px 8px var(--shadow-dark), -4px -4px 8px var(--shadow-light) !important;
  color: var(--text-main) !important;
  font-weight: 600 !important;
  font-size: 0.9rem !important;
  /* Hide inner text - icon only */
}
.task-addressbook #layout-list .searchbar.menu > a.button.options .inner,
.task-addressbook #layout-list .searchbar.menu > a.button.search .inner {
  display: none !important;
}
.task-addressbook #layout-list .searchbar.menu > a.button.options:hover:not([aria-disabled="true"]),
.task-addressbook #layout-list .searchbar.menu > a.button.search:hover:not([aria-disabled="true"]) {
  box-shadow: inset 3px 3px 6px var(--shadow-dark), inset -3px -3px 6px var(--shadow-light) !important;
  transform: translateY(-1px) !important;
}
.task-addressbook #layout-list .searchbar.menu > a.button.options:active:not([aria-disabled="true"]),
.task-addressbook #layout-list .searchbar.menu > a.button.search:active:not([aria-disabled="true"]) {
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  transform: translateY(0) !important;
}
.task-addressbook #layout-list .searchbar.menu > a.button.options::before {
  content: "\f0b0" !important;
  /* Filter icon */
  margin-right: 0 !important;
}
.task-addressbook #layout-list .searchbar.menu > a.button.options:hover:not([aria-disabled="true"]) {
  box-shadow: inset 3px 3px 6px var(--shadow-dark), inset -3px -3px 6px var(--shadow-light) !important;
  transform: scale(0.96) !important;
}
.task-addressbook #layout-list .searchbar.menu > a.button.options:hover:not([aria-disabled="true"])::before {
  color: #8b5cf6 !important;
  /* Purple color */
}
.task-addressbook #layout-list .searchbar.menu > a.button.options:active:not([aria-disabled="true"]) {
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  transform: scale(0.94) !important;
}
.task-addressbook #layout-list .searchbar.menu > a.button.search::before {
  content: "\f002" !important;
  /* Magnifying glass icon */
  color: #00f2fe !important;
  /* Light blue/cyan color */
  margin-right: 0 !important;
}
.task-addressbook #layout-list .searchbar.menu > a.button.search:hover:not([aria-disabled="true"]) {
  box-shadow: inset 3px 3px 6px var(--shadow-dark), inset -3px -3px 6px var(--shadow-light) !important;
  transform: scale(0.96) !important;
}
.task-addressbook #layout-list .searchbar.menu > a.button.search:hover:not([aria-disabled="true"])::before {
  color: #00f2fe !important;
  /* Bright cyan on hover */
}
.task-addressbook #layout-list .searchbar.menu > a.button.search:active:not([aria-disabled="true"]) {
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  transform: scale(0.94) !important;
}
.task-addressbook #layout-list .searchbar.menu > a.button[aria-disabled="true"],
.task-addressbook #layout-list .searchbar.menu > a.button.disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
}
.task-addressbook #layout-list .searchbar.menu.active > a.button.reset {
  display: flex !important;
  /* Show reset when active */
}
@media (max-width: 768px) {
  .task-addressbook #layout-list .searchbar.menu {
    /* Make rectangular buttons icon-only on smaller screens */
    /* Reduce gap between buttons on mobile */
    gap: 8px !important;
    padding: 10px 16px !important;
  }
  .task-addressbook #layout-list .searchbar.menu > a.button.options,
  .task-addressbook #layout-list .searchbar.menu > a.button.search {
    padding: 12px !important;
    /* Reduced padding for icon-only */
    min-width: 44px !important;
    width: 44px !important;
    border-radius: 50% !important;
    /* Make circular like other buttons */
    /* Hide text on smaller screens */
  }
  .task-addressbook #layout-list .searchbar.menu > a.button.options .inner,
  .task-addressbook #layout-list .searchbar.menu > a.button.search .inner {
    display: none !important;
  }
}
@media (max-width: 480px) {
  .task-addressbook #layout-list .searchbar.menu {
    /* Further reduce spacing on very small screens */
    gap: 6px !important;
    padding: 8px 12px !important;
    margin: 15px 15px 0 15px !important;
    /* Make all buttons same size on very small screens */
  }
  .task-addressbook #layout-list .searchbar.menu > a.button.reset,
  .task-addressbook #layout-list .searchbar.menu > a.button.options,
  .task-addressbook #layout-list .searchbar.menu > a.button.search {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
  }
}
.task-addressbook #layout-list .scroller {
  background: var(--bg-color) !important;
  padding: 20px !important;
}
.task-addressbook #layout-list table,
.task-addressbook #layout-list .listing {
  width: 100% !important;
  border-radius: 16px !important;
  background: var(--bg-color) !important;
}
.task-addressbook #layout-list table#contacts-table,
.task-addressbook #layout-list table.contactlist {
  border-collapse: separate !important;
  border-spacing: 0 8px !important;
  /* Spacing between rows */
}
.task-addressbook #layout-list table#contacts-table tbody tr.contact,
.task-addressbook #layout-list table.contactlist tbody tr.contact,
.task-addressbook #layout-list table#contacts-table tbody tr.contact.person,
.task-addressbook #layout-list table.contactlist tbody tr.contact.person,
.task-addressbook #layout-list table#contacts-table tbody tr[id^="rcmrow"],
.task-addressbook #layout-list table.contactlist tbody tr[id^="rcmrow"],
.task-addressbook #layout-list table#contacts-table tbody tr[role="option"],
.task-addressbook #layout-list table.contactlist tbody tr[role="option"] {
  background: var(--bg-color) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  /* No shadow by default */
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  cursor: pointer !important;
  margin: 0 !important;
  position: relative !important;
  will-change: transform, box-shadow !important;
  /* Neumorphic hover effect - similar to recipient dialog */
  /* Selected/focused state */
}
.task-addressbook #layout-list table#contacts-table tbody tr.contact td,
.task-addressbook #layout-list table.contactlist tbody tr.contact td,
.task-addressbook #layout-list table#contacts-table tbody tr.contact.person td,
.task-addressbook #layout-list table.contactlist tbody tr.contact.person td,
.task-addressbook #layout-list table#contacts-table tbody tr[id^="rcmrow"] td,
.task-addressbook #layout-list table.contactlist tbody tr[id^="rcmrow"] td,
.task-addressbook #layout-list table#contacts-table tbody tr[role="option"] td,
.task-addressbook #layout-list table.contactlist tbody tr[role="option"] td {
  padding: 12px 16px !important;
  border: none !important;
  background: transparent !important;
}
.task-addressbook #layout-list table#contacts-table tbody tr.contact:hover,
.task-addressbook #layout-list table.contactlist tbody tr.contact:hover,
.task-addressbook #layout-list table#contacts-table tbody tr.contact.person:hover,
.task-addressbook #layout-list table.contactlist tbody tr.contact.person:hover,
.task-addressbook #layout-list table#contacts-table tbody tr[id^="rcmrow"]:hover,
.task-addressbook #layout-list table.contactlist tbody tr[id^="rcmrow"]:hover,
.task-addressbook #layout-list table#contacts-table tbody tr[role="option"]:hover,
.task-addressbook #layout-list table.contactlist tbody tr[role="option"]:hover {
  background: var(--pressed-bg-color) !important;
  box-shadow: 5px 5px 10px var(--shadow-dark), -5px -5px 10px var(--shadow-light) !important;
  transform: translateY(-2px) !important;
}
.task-addressbook #layout-list table#contacts-table tbody tr.contact:hover td.name,
.task-addressbook #layout-list table.contactlist tbody tr.contact:hover td.name,
.task-addressbook #layout-list table#contacts-table tbody tr.contact.person:hover td.name,
.task-addressbook #layout-list table.contactlist tbody tr.contact.person:hover td.name,
.task-addressbook #layout-list table#contacts-table tbody tr[id^="rcmrow"]:hover td.name,
.task-addressbook #layout-list table.contactlist tbody tr[id^="rcmrow"]:hover td.name,
.task-addressbook #layout-list table#contacts-table tbody tr[role="option"]:hover td.name,
.task-addressbook #layout-list table.contactlist tbody tr[role="option"]:hover td.name {
  color: var(--text-main) !important;
}
.task-addressbook #layout-list table#contacts-table tbody tr.contact.selected,
.task-addressbook #layout-list table.contactlist tbody tr.contact.selected,
.task-addressbook #layout-list table#contacts-table tbody tr.contact.person.selected,
.task-addressbook #layout-list table.contactlist tbody tr.contact.person.selected,
.task-addressbook #layout-list table#contacts-table tbody tr[id^="rcmrow"].selected,
.task-addressbook #layout-list table.contactlist tbody tr[id^="rcmrow"].selected,
.task-addressbook #layout-list table#contacts-table tbody tr[role="option"].selected,
.task-addressbook #layout-list table.contactlist tbody tr[role="option"].selected,
.task-addressbook #layout-list table#contacts-table tbody tr.contact.focused,
.task-addressbook #layout-list table.contactlist tbody tr.contact.focused,
.task-addressbook #layout-list table#contacts-table tbody tr.contact.person.focused,
.task-addressbook #layout-list table.contactlist tbody tr.contact.person.focused,
.task-addressbook #layout-list table#contacts-table tbody tr[id^="rcmrow"].focused,
.task-addressbook #layout-list table.contactlist tbody tr[id^="rcmrow"].focused,
.task-addressbook #layout-list table#contacts-table tbody tr[role="option"].focused,
.task-addressbook #layout-list table.contactlist tbody tr[role="option"].focused,
.task-addressbook #layout-list table#contacts-table tbody tr.contact[aria-selected="true"],
.task-addressbook #layout-list table.contactlist tbody tr.contact[aria-selected="true"],
.task-addressbook #layout-list table#contacts-table tbody tr.contact.person[aria-selected="true"],
.task-addressbook #layout-list table.contactlist tbody tr.contact.person[aria-selected="true"],
.task-addressbook #layout-list table#contacts-table tbody tr[id^="rcmrow"][aria-selected="true"],
.task-addressbook #layout-list table.contactlist tbody tr[id^="rcmrow"][aria-selected="true"],
.task-addressbook #layout-list table#contacts-table tbody tr[role="option"][aria-selected="true"],
.task-addressbook #layout-list table.contactlist tbody tr[role="option"][aria-selected="true"] {
  background: var(--pressed-bg-color) !important;
  box-shadow: 4px 4px 8px var(--shadow-dark), -4px -4px 8px var(--shadow-light), inset 0 0 0 2px var(--accent-color) !important;
  transform: translateY(-1px) !important;
}
.task-addressbook #layout-list table#contacts-table tbody tr.contact.selected td.name,
.task-addressbook #layout-list table.contactlist tbody tr.contact.selected td.name,
.task-addressbook #layout-list table#contacts-table tbody tr.contact.person.selected td.name,
.task-addressbook #layout-list table.contactlist tbody tr.contact.person.selected td.name,
.task-addressbook #layout-list table#contacts-table tbody tr[id^="rcmrow"].selected td.name,
.task-addressbook #layout-list table.contactlist tbody tr[id^="rcmrow"].selected td.name,
.task-addressbook #layout-list table#contacts-table tbody tr[role="option"].selected td.name,
.task-addressbook #layout-list table.contactlist tbody tr[role="option"].selected td.name,
.task-addressbook #layout-list table#contacts-table tbody tr.contact.focused td.name,
.task-addressbook #layout-list table.contactlist tbody tr.contact.focused td.name,
.task-addressbook #layout-list table#contacts-table tbody tr.contact.person.focused td.name,
.task-addressbook #layout-list table.contactlist tbody tr.contact.person.focused td.name,
.task-addressbook #layout-list table#contacts-table tbody tr[id^="rcmrow"].focused td.name,
.task-addressbook #layout-list table.contactlist tbody tr[id^="rcmrow"].focused td.name,
.task-addressbook #layout-list table#contacts-table tbody tr[role="option"].focused td.name,
.task-addressbook #layout-list table.contactlist tbody tr[role="option"].focused td.name,
.task-addressbook #layout-list table#contacts-table tbody tr.contact[aria-selected="true"] td.name,
.task-addressbook #layout-list table.contactlist tbody tr.contact[aria-selected="true"] td.name,
.task-addressbook #layout-list table#contacts-table tbody tr.contact.person[aria-selected="true"] td.name,
.task-addressbook #layout-list table.contactlist tbody tr.contact.person[aria-selected="true"] td.name,
.task-addressbook #layout-list table#contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td.name,
.task-addressbook #layout-list table.contactlist tbody tr[id^="rcmrow"][aria-selected="true"] td.name,
.task-addressbook #layout-list table#contacts-table tbody tr[role="option"][aria-selected="true"] td.name,
.task-addressbook #layout-list table.contactlist tbody tr[role="option"][aria-selected="true"] td.name {
  color: var(--accent-color) !important;
  font-weight: 600 !important;
}
.task-addressbook #layout-list .listing li {
  background: var(--bg-color) !important;
  border-radius: 12px !important;
  margin-bottom: 8px !important;
  box-shadow: 6px 6px 12px var(--shadow-dark), -6px -6px 12px var(--shadow-light) !important;
  transition: all 0.3s ease !important;
  padding: 12px 16px !important;
}
.task-addressbook #layout-list .listing li:hover {
  background: var(--pressed-bg-color) !important;
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  transform: translateY(1px) !important;
}
.task-addressbook #layout-list .listing li.selected {
  background: var(--pressed-bg-color) !important;
  box-shadow: inset 6px 6px 12px var(--shadow-dark), inset -6px -6px 12px var(--shadow-light) !important;
  color: var(--accent-color) !important;
}
/* Addressbook Pagination Navigation - Match inbox styling */
.task-addressbook .pagenav.menu.footer,
.task-addressbook .pagenav.menu.small,
.task-addressbook .listbox .pagenav.menu.footer,
.task-addressbook .listbox .pagenav.menu.small,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  padding: 14px 20px !important;
  margin: 20px auto !important;
  max-width: 100% !important;
  background: var(--bg-color) !important;
  border-radius: 20px !important;
  box-shadow: 8px 8px 16px var(--shadow-dark), -8px -8px 16px var(--shadow-light) !important;
  font-size: 0.875rem !important;
  flex-wrap: wrap !important;
  min-height: 60px !important;
  height: auto !important;
  line-height: normal !important;
  /* Navigation Buttons - Neumorphic Circular Buttons */
  /* Page Navigation Text - Neumorphic badge style */
  /* Page Jumper Input - Strong neumorphic inset input */
}
.task-addressbook .pagenav.menu.footer a.firstpage,
.task-addressbook .pagenav.menu.small a.firstpage,
.task-addressbook .listbox .pagenav.menu.footer a.firstpage,
.task-addressbook .listbox .pagenav.menu.small a.firstpage,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.firstpage,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.firstpage,
.task-addressbook .pagenav.menu.footer a.prevpage,
.task-addressbook .pagenav.menu.small a.prevpage,
.task-addressbook .listbox .pagenav.menu.footer a.prevpage,
.task-addressbook .listbox .pagenav.menu.small a.prevpage,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.prevpage,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.prevpage,
.task-addressbook .pagenav.menu.footer a.nextpage,
.task-addressbook .pagenav.menu.small a.nextpage,
.task-addressbook .listbox .pagenav.menu.footer a.nextpage,
.task-addressbook .listbox .pagenav.menu.small a.nextpage,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.nextpage,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.nextpage,
.task-addressbook .pagenav.menu.footer a.lastpage,
.task-addressbook .pagenav.menu.small a.lastpage,
.task-addressbook .listbox .pagenav.menu.footer a.lastpage,
.task-addressbook .listbox .pagenav.menu.small a.lastpage,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.lastpage,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.lastpage {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  max-width: 44px !important;
  max-height: 44px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 50% !important;
  background: var(--bg-color) !important;
  color: var(--text-main) !important;
  text-decoration: none !important;
  /* Strong raised neumorphic effect for enabled buttons */
  box-shadow: 6px 6px 12px var(--shadow-dark), -6px -6px 12px var(--shadow-light) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  cursor: pointer !important;
  border: none !important;
  position: relative !important;
  flex-shrink: 0 !important;
  line-height: 1 !important;
  vertical-align: middle !important;
  box-sizing: border-box !important;
  /* Hide text, show only icon */
  /* Icons using ::before */
  /* First page icon - double chevron left */
  /* Previous page icon - chevron left */
  /* Next page icon - chevron right */
  /* Last page icon - double chevron right */
  /* Hover state - Strong inset neumorphic effect with accent color */
  /* Active state - Deeper inset with accent color */
  /* Disabled state - Embedded neumorphic effect (pressed in appearance) */
}
.task-addressbook .pagenav.menu.footer a.firstpage .inner,
.task-addressbook .pagenav.menu.small a.firstpage .inner,
.task-addressbook .listbox .pagenav.menu.footer a.firstpage .inner,
.task-addressbook .listbox .pagenav.menu.small a.firstpage .inner,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.firstpage .inner,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.firstpage .inner,
.task-addressbook .pagenav.menu.footer a.prevpage .inner,
.task-addressbook .pagenav.menu.small a.prevpage .inner,
.task-addressbook .listbox .pagenav.menu.footer a.prevpage .inner,
.task-addressbook .listbox .pagenav.menu.small a.prevpage .inner,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.prevpage .inner,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.prevpage .inner,
.task-addressbook .pagenav.menu.footer a.nextpage .inner,
.task-addressbook .pagenav.menu.small a.nextpage .inner,
.task-addressbook .listbox .pagenav.menu.footer a.nextpage .inner,
.task-addressbook .listbox .pagenav.menu.small a.nextpage .inner,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.nextpage .inner,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.nextpage .inner,
.task-addressbook .pagenav.menu.footer a.lastpage .inner,
.task-addressbook .pagenav.menu.small a.lastpage .inner,
.task-addressbook .listbox .pagenav.menu.footer a.lastpage .inner,
.task-addressbook .listbox .pagenav.menu.small a.lastpage .inner,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.lastpage .inner,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.lastpage .inner {
  display: none !important;
}
.task-addressbook .pagenav.menu.footer a.firstpage::before,
.task-addressbook .pagenav.menu.small a.firstpage::before,
.task-addressbook .listbox .pagenav.menu.footer a.firstpage::before,
.task-addressbook .listbox .pagenav.menu.small a.firstpage::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.firstpage::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.firstpage::before,
.task-addressbook .pagenav.menu.footer a.prevpage::before,
.task-addressbook .pagenav.menu.small a.prevpage::before,
.task-addressbook .listbox .pagenav.menu.footer a.prevpage::before,
.task-addressbook .listbox .pagenav.menu.small a.prevpage::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.prevpage::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.prevpage::before,
.task-addressbook .pagenav.menu.footer a.nextpage::before,
.task-addressbook .pagenav.menu.small a.nextpage::before,
.task-addressbook .listbox .pagenav.menu.footer a.nextpage::before,
.task-addressbook .listbox .pagenav.menu.small a.nextpage::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.nextpage::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.nextpage::before,
.task-addressbook .pagenav.menu.footer a.lastpage::before,
.task-addressbook .pagenav.menu.small a.lastpage::before,
.task-addressbook .listbox .pagenav.menu.footer a.lastpage::before,
.task-addressbook .listbox .pagenav.menu.small a.lastpage::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.lastpage::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.lastpage::before {
  font-family: 'Icons' !important;
  font-style: normal !important;
  font-weight: 900 !important;
  font-size: 1.2rem !important;
  color: var(--text-main) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: all 0.3s ease !important;
  width: 100% !important;
  height: 100% !important;
}
.task-addressbook .pagenav.menu.footer a.firstpage.firstpage::before,
.task-addressbook .pagenav.menu.small a.firstpage.firstpage::before,
.task-addressbook .listbox .pagenav.menu.footer a.firstpage.firstpage::before,
.task-addressbook .listbox .pagenav.menu.small a.firstpage.firstpage::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.firstpage.firstpage::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.firstpage.firstpage::before,
.task-addressbook .pagenav.menu.footer a.prevpage.firstpage::before,
.task-addressbook .pagenav.menu.small a.prevpage.firstpage::before,
.task-addressbook .listbox .pagenav.menu.footer a.prevpage.firstpage::before,
.task-addressbook .listbox .pagenav.menu.small a.prevpage.firstpage::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.prevpage.firstpage::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.prevpage.firstpage::before,
.task-addressbook .pagenav.menu.footer a.nextpage.firstpage::before,
.task-addressbook .pagenav.menu.small a.nextpage.firstpage::before,
.task-addressbook .listbox .pagenav.menu.footer a.nextpage.firstpage::before,
.task-addressbook .listbox .pagenav.menu.small a.nextpage.firstpage::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.nextpage.firstpage::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.nextpage.firstpage::before,
.task-addressbook .pagenav.menu.footer a.lastpage.firstpage::before,
.task-addressbook .pagenav.menu.small a.lastpage.firstpage::before,
.task-addressbook .listbox .pagenav.menu.footer a.lastpage.firstpage::before,
.task-addressbook .listbox .pagenav.menu.small a.lastpage.firstpage::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.lastpage.firstpage::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.lastpage.firstpage::before {
  content: "\f100" !important;
  /* angle-double-left */
}
.task-addressbook .pagenav.menu.footer a.firstpage.prevpage::before,
.task-addressbook .pagenav.menu.small a.firstpage.prevpage::before,
.task-addressbook .listbox .pagenav.menu.footer a.firstpage.prevpage::before,
.task-addressbook .listbox .pagenav.menu.small a.firstpage.prevpage::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.firstpage.prevpage::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.firstpage.prevpage::before,
.task-addressbook .pagenav.menu.footer a.prevpage.prevpage::before,
.task-addressbook .pagenav.menu.small a.prevpage.prevpage::before,
.task-addressbook .listbox .pagenav.menu.footer a.prevpage.prevpage::before,
.task-addressbook .listbox .pagenav.menu.small a.prevpage.prevpage::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.prevpage.prevpage::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.prevpage.prevpage::before,
.task-addressbook .pagenav.menu.footer a.nextpage.prevpage::before,
.task-addressbook .pagenav.menu.small a.nextpage.prevpage::before,
.task-addressbook .listbox .pagenav.menu.footer a.nextpage.prevpage::before,
.task-addressbook .listbox .pagenav.menu.small a.nextpage.prevpage::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.nextpage.prevpage::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.nextpage.prevpage::before,
.task-addressbook .pagenav.menu.footer a.lastpage.prevpage::before,
.task-addressbook .pagenav.menu.small a.lastpage.prevpage::before,
.task-addressbook .listbox .pagenav.menu.footer a.lastpage.prevpage::before,
.task-addressbook .listbox .pagenav.menu.small a.lastpage.prevpage::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.lastpage.prevpage::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.lastpage.prevpage::before {
  content: "\f104" !important;
  /* angle-left */
}
.task-addressbook .pagenav.menu.footer a.firstpage.nextpage::before,
.task-addressbook .pagenav.menu.small a.firstpage.nextpage::before,
.task-addressbook .listbox .pagenav.menu.footer a.firstpage.nextpage::before,
.task-addressbook .listbox .pagenav.menu.small a.firstpage.nextpage::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.firstpage.nextpage::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.firstpage.nextpage::before,
.task-addressbook .pagenav.menu.footer a.prevpage.nextpage::before,
.task-addressbook .pagenav.menu.small a.prevpage.nextpage::before,
.task-addressbook .listbox .pagenav.menu.footer a.prevpage.nextpage::before,
.task-addressbook .listbox .pagenav.menu.small a.prevpage.nextpage::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.prevpage.nextpage::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.prevpage.nextpage::before,
.task-addressbook .pagenav.menu.footer a.nextpage.nextpage::before,
.task-addressbook .pagenav.menu.small a.nextpage.nextpage::before,
.task-addressbook .listbox .pagenav.menu.footer a.nextpage.nextpage::before,
.task-addressbook .listbox .pagenav.menu.small a.nextpage.nextpage::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.nextpage.nextpage::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.nextpage.nextpage::before,
.task-addressbook .pagenav.menu.footer a.lastpage.nextpage::before,
.task-addressbook .pagenav.menu.small a.lastpage.nextpage::before,
.task-addressbook .listbox .pagenav.menu.footer a.lastpage.nextpage::before,
.task-addressbook .listbox .pagenav.menu.small a.lastpage.nextpage::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.lastpage.nextpage::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.lastpage.nextpage::before {
  content: "\f105" !important;
  /* angle-right */
}
.task-addressbook .pagenav.menu.footer a.firstpage.lastpage::before,
.task-addressbook .pagenav.menu.small a.firstpage.lastpage::before,
.task-addressbook .listbox .pagenav.menu.footer a.firstpage.lastpage::before,
.task-addressbook .listbox .pagenav.menu.small a.firstpage.lastpage::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.firstpage.lastpage::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.firstpage.lastpage::before,
.task-addressbook .pagenav.menu.footer a.prevpage.lastpage::before,
.task-addressbook .pagenav.menu.small a.prevpage.lastpage::before,
.task-addressbook .listbox .pagenav.menu.footer a.prevpage.lastpage::before,
.task-addressbook .listbox .pagenav.menu.small a.prevpage.lastpage::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.prevpage.lastpage::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.prevpage.lastpage::before,
.task-addressbook .pagenav.menu.footer a.nextpage.lastpage::before,
.task-addressbook .pagenav.menu.small a.nextpage.lastpage::before,
.task-addressbook .listbox .pagenav.menu.footer a.nextpage.lastpage::before,
.task-addressbook .listbox .pagenav.menu.small a.nextpage.lastpage::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.nextpage.lastpage::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.nextpage.lastpage::before,
.task-addressbook .pagenav.menu.footer a.lastpage.lastpage::before,
.task-addressbook .pagenav.menu.small a.lastpage.lastpage::before,
.task-addressbook .listbox .pagenav.menu.footer a.lastpage.lastpage::before,
.task-addressbook .listbox .pagenav.menu.small a.lastpage.lastpage::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.lastpage.lastpage::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.lastpage.lastpage::before {
  content: "\f101" !important;
  /* angle-double-right */
}
.task-addressbook .pagenav.menu.footer a.firstpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .pagenav.menu.small a.firstpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .listbox .pagenav.menu.footer a.firstpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .listbox .pagenav.menu.small a.firstpage:hover:not(.disabled):not([aria-disabled="true"]),
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.firstpage:hover:not(.disabled):not([aria-disabled="true"]),
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.firstpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .pagenav.menu.footer a.prevpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .pagenav.menu.small a.prevpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .listbox .pagenav.menu.footer a.prevpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .listbox .pagenav.menu.small a.prevpage:hover:not(.disabled):not([aria-disabled="true"]),
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.prevpage:hover:not(.disabled):not([aria-disabled="true"]),
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.prevpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .pagenav.menu.footer a.nextpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .pagenav.menu.small a.nextpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .listbox .pagenav.menu.footer a.nextpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .listbox .pagenav.menu.small a.nextpage:hover:not(.disabled):not([aria-disabled="true"]),
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.nextpage:hover:not(.disabled):not([aria-disabled="true"]),
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.nextpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .pagenav.menu.footer a.lastpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .pagenav.menu.small a.lastpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .listbox .pagenav.menu.footer a.lastpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .listbox .pagenav.menu.small a.lastpage:hover:not(.disabled):not([aria-disabled="true"]),
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.lastpage:hover:not(.disabled):not([aria-disabled="true"]),
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.lastpage:hover:not(.disabled):not([aria-disabled="true"]) {
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  transform: scale(0.98) !important;
  background: var(--pressed-bg-color) !important;
}
.task-addressbook .pagenav.menu.footer a.firstpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .pagenav.menu.small a.firstpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .listbox .pagenav.menu.footer a.firstpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .listbox .pagenav.menu.small a.firstpage:hover:not(.disabled):not([aria-disabled="true"])::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.firstpage:hover:not(.disabled):not([aria-disabled="true"])::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.firstpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .pagenav.menu.footer a.prevpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .pagenav.menu.small a.prevpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .listbox .pagenav.menu.footer a.prevpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .listbox .pagenav.menu.small a.prevpage:hover:not(.disabled):not([aria-disabled="true"])::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.prevpage:hover:not(.disabled):not([aria-disabled="true"])::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.prevpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .pagenav.menu.footer a.nextpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .pagenav.menu.small a.nextpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .listbox .pagenav.menu.footer a.nextpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .listbox .pagenav.menu.small a.nextpage:hover:not(.disabled):not([aria-disabled="true"])::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.nextpage:hover:not(.disabled):not([aria-disabled="true"])::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.nextpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .pagenav.menu.footer a.lastpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .pagenav.menu.small a.lastpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .listbox .pagenav.menu.footer a.lastpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .listbox .pagenav.menu.small a.lastpage:hover:not(.disabled):not([aria-disabled="true"])::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.lastpage:hover:not(.disabled):not([aria-disabled="true"])::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.lastpage:hover:not(.disabled):not([aria-disabled="true"])::before {
  color: var(--accent-color) !important;
  transform: scale(1.15) !important;
}
.task-addressbook .pagenav.menu.footer a.firstpage:active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .pagenav.menu.small a.firstpage:active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .listbox .pagenav.menu.footer a.firstpage:active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .listbox .pagenav.menu.small a.firstpage:active:not(.disabled):not([aria-disabled="true"]),
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.firstpage:active:not(.disabled):not([aria-disabled="true"]),
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.firstpage:active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .pagenav.menu.footer a.prevpage:active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .pagenav.menu.small a.prevpage:active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .listbox .pagenav.menu.footer a.prevpage:active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .listbox .pagenav.menu.small a.prevpage:active:not(.disabled):not([aria-disabled="true"]),
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.prevpage:active:not(.disabled):not([aria-disabled="true"]),
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.prevpage:active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .pagenav.menu.footer a.nextpage:active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .pagenav.menu.small a.nextpage:active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .listbox .pagenav.menu.footer a.nextpage:active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .listbox .pagenav.menu.small a.nextpage:active:not(.disabled):not([aria-disabled="true"]),
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.nextpage:active:not(.disabled):not([aria-disabled="true"]),
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.nextpage:active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .pagenav.menu.footer a.lastpage:active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .pagenav.menu.small a.lastpage:active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .listbox .pagenav.menu.footer a.lastpage:active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .listbox .pagenav.menu.small a.lastpage:active:not(.disabled):not([aria-disabled="true"]),
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.lastpage:active:not(.disabled):not([aria-disabled="true"]),
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.lastpage:active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .pagenav.menu.footer a.firstpage.active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .pagenav.menu.small a.firstpage.active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .listbox .pagenav.menu.footer a.firstpage.active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .listbox .pagenav.menu.small a.firstpage.active:not(.disabled):not([aria-disabled="true"]),
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.firstpage.active:not(.disabled):not([aria-disabled="true"]),
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.firstpage.active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .pagenav.menu.footer a.prevpage.active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .pagenav.menu.small a.prevpage.active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .listbox .pagenav.menu.footer a.prevpage.active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .listbox .pagenav.menu.small a.prevpage.active:not(.disabled):not([aria-disabled="true"]),
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.prevpage.active:not(.disabled):not([aria-disabled="true"]),
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.prevpage.active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .pagenav.menu.footer a.nextpage.active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .pagenav.menu.small a.nextpage.active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .listbox .pagenav.menu.footer a.nextpage.active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .listbox .pagenav.menu.small a.nextpage.active:not(.disabled):not([aria-disabled="true"]),
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.nextpage.active:not(.disabled):not([aria-disabled="true"]),
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.nextpage.active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .pagenav.menu.footer a.lastpage.active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .pagenav.menu.small a.lastpage.active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .listbox .pagenav.menu.footer a.lastpage.active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .listbox .pagenav.menu.small a.lastpage.active:not(.disabled):not([aria-disabled="true"]),
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.lastpage.active:not(.disabled):not([aria-disabled="true"]),
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.lastpage.active:not(.disabled):not([aria-disabled="true"]) {
  box-shadow: inset 5px 5px 10px var(--shadow-dark), inset -5px -5px 10px var(--shadow-light) !important;
  transform: scale(0.96) !important;
  background: var(--pressed-bg-color) !important;
  /* Hover on active button - keep accent color */
}
.task-addressbook .pagenav.menu.footer a.firstpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .pagenav.menu.small a.firstpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .listbox .pagenav.menu.footer a.firstpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .listbox .pagenav.menu.small a.firstpage:active:not(.disabled):not([aria-disabled="true"])::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.firstpage:active:not(.disabled):not([aria-disabled="true"])::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.firstpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .pagenav.menu.footer a.prevpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .pagenav.menu.small a.prevpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .listbox .pagenav.menu.footer a.prevpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .listbox .pagenav.menu.small a.prevpage:active:not(.disabled):not([aria-disabled="true"])::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.prevpage:active:not(.disabled):not([aria-disabled="true"])::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.prevpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .pagenav.menu.footer a.nextpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .pagenav.menu.small a.nextpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .listbox .pagenav.menu.footer a.nextpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .listbox .pagenav.menu.small a.nextpage:active:not(.disabled):not([aria-disabled="true"])::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.nextpage:active:not(.disabled):not([aria-disabled="true"])::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.nextpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .pagenav.menu.footer a.lastpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .pagenav.menu.small a.lastpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .listbox .pagenav.menu.footer a.lastpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .listbox .pagenav.menu.small a.lastpage:active:not(.disabled):not([aria-disabled="true"])::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.lastpage:active:not(.disabled):not([aria-disabled="true"])::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.lastpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .pagenav.menu.footer a.firstpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .pagenav.menu.small a.firstpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .listbox .pagenav.menu.footer a.firstpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .listbox .pagenav.menu.small a.firstpage.active:not(.disabled):not([aria-disabled="true"])::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.firstpage.active:not(.disabled):not([aria-disabled="true"])::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.firstpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .pagenav.menu.footer a.prevpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .pagenav.menu.small a.prevpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .listbox .pagenav.menu.footer a.prevpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .listbox .pagenav.menu.small a.prevpage.active:not(.disabled):not([aria-disabled="true"])::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.prevpage.active:not(.disabled):not([aria-disabled="true"])::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.prevpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .pagenav.menu.footer a.nextpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .pagenav.menu.small a.nextpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .listbox .pagenav.menu.footer a.nextpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .listbox .pagenav.menu.small a.nextpage.active:not(.disabled):not([aria-disabled="true"])::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.nextpage.active:not(.disabled):not([aria-disabled="true"])::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.nextpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .pagenav.menu.footer a.lastpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .pagenav.menu.small a.lastpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .listbox .pagenav.menu.footer a.lastpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .listbox .pagenav.menu.small a.lastpage.active:not(.disabled):not([aria-disabled="true"])::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.lastpage.active:not(.disabled):not([aria-disabled="true"])::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.lastpage.active:not(.disabled):not([aria-disabled="true"])::before {
  color: var(--accent-color) !important;
}
.task-addressbook .pagenav.menu.footer a.firstpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook .pagenav.menu.small a.firstpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook .listbox .pagenav.menu.footer a.firstpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook .listbox .pagenav.menu.small a.firstpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.firstpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.firstpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook .pagenav.menu.footer a.prevpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook .pagenav.menu.small a.prevpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook .listbox .pagenav.menu.footer a.prevpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook .listbox .pagenav.menu.small a.prevpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.prevpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.prevpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook .pagenav.menu.footer a.nextpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook .pagenav.menu.small a.nextpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook .listbox .pagenav.menu.footer a.nextpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook .listbox .pagenav.menu.small a.nextpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.nextpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.nextpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook .pagenav.menu.footer a.lastpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook .pagenav.menu.small a.lastpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook .listbox .pagenav.menu.footer a.lastpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook .listbox .pagenav.menu.small a.lastpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.lastpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.lastpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook .pagenav.menu.footer a.firstpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook .pagenav.menu.small a.firstpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook .listbox .pagenav.menu.footer a.firstpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook .listbox .pagenav.menu.small a.firstpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.firstpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.firstpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook .pagenav.menu.footer a.prevpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook .pagenav.menu.small a.prevpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook .listbox .pagenav.menu.footer a.prevpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook .listbox .pagenav.menu.small a.prevpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.prevpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.prevpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook .pagenav.menu.footer a.nextpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook .pagenav.menu.small a.nextpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook .listbox .pagenav.menu.footer a.nextpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook .listbox .pagenav.menu.small a.nextpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.nextpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.nextpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook .pagenav.menu.footer a.lastpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook .pagenav.menu.small a.lastpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook .listbox .pagenav.menu.footer a.lastpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook .listbox .pagenav.menu.small a.lastpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.lastpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.lastpage.active:not(.disabled):not([aria-disabled="true"]):hover::before {
  color: var(--accent-color) !important;
  transform: scale(1.1) !important;
}
.task-addressbook .pagenav.menu.footer a.firstpage.disabled,
.task-addressbook .pagenav.menu.small a.firstpage.disabled,
.task-addressbook .listbox .pagenav.menu.footer a.firstpage.disabled,
.task-addressbook .listbox .pagenav.menu.small a.firstpage.disabled,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.firstpage.disabled,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.firstpage.disabled,
.task-addressbook .pagenav.menu.footer a.prevpage.disabled,
.task-addressbook .pagenav.menu.small a.prevpage.disabled,
.task-addressbook .listbox .pagenav.menu.footer a.prevpage.disabled,
.task-addressbook .listbox .pagenav.menu.small a.prevpage.disabled,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.prevpage.disabled,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.prevpage.disabled,
.task-addressbook .pagenav.menu.footer a.nextpage.disabled,
.task-addressbook .pagenav.menu.small a.nextpage.disabled,
.task-addressbook .listbox .pagenav.menu.footer a.nextpage.disabled,
.task-addressbook .listbox .pagenav.menu.small a.nextpage.disabled,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.nextpage.disabled,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.nextpage.disabled,
.task-addressbook .pagenav.menu.footer a.lastpage.disabled,
.task-addressbook .pagenav.menu.small a.lastpage.disabled,
.task-addressbook .listbox .pagenav.menu.footer a.lastpage.disabled,
.task-addressbook .listbox .pagenav.menu.small a.lastpage.disabled,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.lastpage.disabled,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.lastpage.disabled,
.task-addressbook .pagenav.menu.footer a.firstpage[aria-disabled="true"],
.task-addressbook .pagenav.menu.small a.firstpage[aria-disabled="true"],
.task-addressbook .listbox .pagenav.menu.footer a.firstpage[aria-disabled="true"],
.task-addressbook .listbox .pagenav.menu.small a.firstpage[aria-disabled="true"],
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.firstpage[aria-disabled="true"],
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.firstpage[aria-disabled="true"],
.task-addressbook .pagenav.menu.footer a.prevpage[aria-disabled="true"],
.task-addressbook .pagenav.menu.small a.prevpage[aria-disabled="true"],
.task-addressbook .listbox .pagenav.menu.footer a.prevpage[aria-disabled="true"],
.task-addressbook .listbox .pagenav.menu.small a.prevpage[aria-disabled="true"],
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.prevpage[aria-disabled="true"],
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.prevpage[aria-disabled="true"],
.task-addressbook .pagenav.menu.footer a.nextpage[aria-disabled="true"],
.task-addressbook .pagenav.menu.small a.nextpage[aria-disabled="true"],
.task-addressbook .listbox .pagenav.menu.footer a.nextpage[aria-disabled="true"],
.task-addressbook .listbox .pagenav.menu.small a.nextpage[aria-disabled="true"],
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.nextpage[aria-disabled="true"],
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.nextpage[aria-disabled="true"],
.task-addressbook .pagenav.menu.footer a.lastpage[aria-disabled="true"],
.task-addressbook .pagenav.menu.small a.lastpage[aria-disabled="true"],
.task-addressbook .listbox .pagenav.menu.footer a.lastpage[aria-disabled="true"],
.task-addressbook .listbox .pagenav.menu.small a.lastpage[aria-disabled="true"],
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.lastpage[aria-disabled="true"],
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.lastpage[aria-disabled="true"] {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
  /* Strong embedded/pressed appearance for disabled */
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  background: var(--pressed-bg-color) !important;
  transform: none !important;
}
.task-addressbook .pagenav.menu.footer a.firstpage.disabled::before,
.task-addressbook .pagenav.menu.small a.firstpage.disabled::before,
.task-addressbook .listbox .pagenav.menu.footer a.firstpage.disabled::before,
.task-addressbook .listbox .pagenav.menu.small a.firstpage.disabled::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.firstpage.disabled::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.firstpage.disabled::before,
.task-addressbook .pagenav.menu.footer a.prevpage.disabled::before,
.task-addressbook .pagenav.menu.small a.prevpage.disabled::before,
.task-addressbook .listbox .pagenav.menu.footer a.prevpage.disabled::before,
.task-addressbook .listbox .pagenav.menu.small a.prevpage.disabled::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.prevpage.disabled::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.prevpage.disabled::before,
.task-addressbook .pagenav.menu.footer a.nextpage.disabled::before,
.task-addressbook .pagenav.menu.small a.nextpage.disabled::before,
.task-addressbook .listbox .pagenav.menu.footer a.nextpage.disabled::before,
.task-addressbook .listbox .pagenav.menu.small a.nextpage.disabled::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.nextpage.disabled::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.nextpage.disabled::before,
.task-addressbook .pagenav.menu.footer a.lastpage.disabled::before,
.task-addressbook .pagenav.menu.small a.lastpage.disabled::before,
.task-addressbook .listbox .pagenav.menu.footer a.lastpage.disabled::before,
.task-addressbook .listbox .pagenav.menu.small a.lastpage.disabled::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.lastpage.disabled::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.lastpage.disabled::before,
.task-addressbook .pagenav.menu.footer a.firstpage[aria-disabled="true"]::before,
.task-addressbook .pagenav.menu.small a.firstpage[aria-disabled="true"]::before,
.task-addressbook .listbox .pagenav.menu.footer a.firstpage[aria-disabled="true"]::before,
.task-addressbook .listbox .pagenav.menu.small a.firstpage[aria-disabled="true"]::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.firstpage[aria-disabled="true"]::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.firstpage[aria-disabled="true"]::before,
.task-addressbook .pagenav.menu.footer a.prevpage[aria-disabled="true"]::before,
.task-addressbook .pagenav.menu.small a.prevpage[aria-disabled="true"]::before,
.task-addressbook .listbox .pagenav.menu.footer a.prevpage[aria-disabled="true"]::before,
.task-addressbook .listbox .pagenav.menu.small a.prevpage[aria-disabled="true"]::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.prevpage[aria-disabled="true"]::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.prevpage[aria-disabled="true"]::before,
.task-addressbook .pagenav.menu.footer a.nextpage[aria-disabled="true"]::before,
.task-addressbook .pagenav.menu.small a.nextpage[aria-disabled="true"]::before,
.task-addressbook .listbox .pagenav.menu.footer a.nextpage[aria-disabled="true"]::before,
.task-addressbook .listbox .pagenav.menu.small a.nextpage[aria-disabled="true"]::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.nextpage[aria-disabled="true"]::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.nextpage[aria-disabled="true"]::before,
.task-addressbook .pagenav.menu.footer a.lastpage[aria-disabled="true"]::before,
.task-addressbook .pagenav.menu.small a.lastpage[aria-disabled="true"]::before,
.task-addressbook .listbox .pagenav.menu.footer a.lastpage[aria-disabled="true"]::before,
.task-addressbook .listbox .pagenav.menu.small a.lastpage[aria-disabled="true"]::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer a.lastpage[aria-disabled="true"]::before,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small a.lastpage[aria-disabled="true"]::before {
  color: var(--text-light) !important;
  opacity: 0.5 !important;
}
.task-addressbook .pagenav.menu.footer .pagenav-text,
.task-addressbook .pagenav.menu.small .pagenav-text,
.task-addressbook .listbox .pagenav.menu.footer .pagenav-text,
.task-addressbook .listbox .pagenav.menu.small .pagenav-text,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer .pagenav-text,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small .pagenav-text {
  flex: 0 1 auto !important;
  text-align: center !important;
  color: var(--text-main) !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  padding: 8px 16px !important;
  margin: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  min-width: 140px !important;
  max-width: 300px !important;
  background: var(--bg-color) !important;
  border-radius: 12px !important;
  box-shadow: inset 3px 3px 6px var(--shadow-dark), inset -3px -3px 6px var(--shadow-light) !important;
  line-height: 1.5 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: auto !important;
  vertical-align: middle !important;
  box-sizing: border-box !important;
}
.task-addressbook .pagenav.menu.footer input.form-control.rcpagejumper,
.task-addressbook .pagenav.menu.small input.form-control.rcpagejumper,
.task-addressbook .listbox .pagenav.menu.footer input.form-control.rcpagejumper,
.task-addressbook .listbox .pagenav.menu.small input.form-control.rcpagejumper,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer input.form-control.rcpagejumper,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small input.form-control.rcpagejumper {
  width: 50px !important;
  min-width: 50px !important;
  max-width: 50px !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  padding: 8px !important;
  margin: 0 6px !important;
  background: var(--bg-color) !important;
  border: none !important;
  border-radius: 12px !important;
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  color: var(--text-main) !important;
  font-size: 0.875rem !important;
  font-weight: 700 !important;
  text-align: center !important;
  transition: all 0.3s ease !important;
  outline: none !important;
  flex-shrink: 0 !important;
  line-height: 1.5 !important;
  vertical-align: middle !important;
  box-sizing: border-box !important;
  display: inline-block !important;
}
.task-addressbook .pagenav.menu.footer input.form-control.rcpagejumper::placeholder,
.task-addressbook .pagenav.menu.small input.form-control.rcpagejumper::placeholder,
.task-addressbook .listbox .pagenav.menu.footer input.form-control.rcpagejumper::placeholder,
.task-addressbook .listbox .pagenav.menu.small input.form-control.rcpagejumper::placeholder,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer input.form-control.rcpagejumper::placeholder,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small input.form-control.rcpagejumper::placeholder {
  color: var(--text-light) !important;
  opacity: 0.6 !important;
}
.task-addressbook .pagenav.menu.footer input.form-control.rcpagejumper:focus:not(:disabled),
.task-addressbook .pagenav.menu.small input.form-control.rcpagejumper:focus:not(:disabled),
.task-addressbook .listbox .pagenav.menu.footer input.form-control.rcpagejumper:focus:not(:disabled),
.task-addressbook .listbox .pagenav.menu.small input.form-control.rcpagejumper:focus:not(:disabled),
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer input.form-control.rcpagejumper:focus:not(:disabled),
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small input.form-control.rcpagejumper:focus:not(:disabled) {
  box-shadow: inset 5px 5px 10px var(--shadow-dark), inset -5px -5px 10px var(--shadow-light), 0 0 0 2px rgba(0, 191, 255, 0.4) !important;
  background: var(--bg-color) !important;
}
.task-addressbook .pagenav.menu.footer input.form-control.rcpagejumper:disabled,
.task-addressbook .pagenav.menu.small input.form-control.rcpagejumper:disabled,
.task-addressbook .listbox .pagenav.menu.footer input.form-control.rcpagejumper:disabled,
.task-addressbook .listbox .pagenav.menu.small input.form-control.rcpagejumper:disabled,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.footer input.form-control.rcpagejumper:disabled,
body:not(.ui-dialog) .task-addressbook .pagenav.menu.small input.form-control.rcpagejumper:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
  box-shadow: inset 3px 3px 6px var(--shadow-dark), inset -3px -3px 6px var(--shadow-light) !important;
}
/* Addressbook Content Frame */
.task-addressbook #layout-content {
  background: var(--bg-color) !important;
  border-radius: 20px !important;
  box-shadow: 20px 20px 60px var(--shadow-dark), -20px -20px 60px var(--shadow-light) !important;
  margin-left: 20px !important;
  padding: 20px !important;
  /* Content Frame Footer Navigation - Neumorphic Design */
  /* Contact Form Elements - Neumorphic Styling */
  /* Target form elements in contact form (iframe content) */
}
.task-addressbook #layout-content .header {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 24px !important;
  background: var(--bg-color) !important;
  min-height: 70px !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  border-left: 1px solid #d4dbde !important;
  border-radius: 16px !important;
  box-shadow: 8px 8px 16px var(--shadow-dark), -8px -8px 16px var(--shadow-light) !important;
  margin-bottom: 20px !important;
  margin-top: 0 !important;
  /* Hide unwanted buttons - BUT NOT ON SETTINGS PAGE */
  /* DO NOT hide back-sidebar-button on settings page */
  /* Header title styling */
  /* Menu/Toolbar buttons - circular neumorphic (icon only) */
  /* Specific icon content for buttons */
  /* Toolbar menu list - positioned on the left */
  /* Toolbar list button (three dots menu) */
  /* Hide scrollbar for header */
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}
.task-addressbook #layout-content .header .task-menu-button,
.task-addressbook #layout-content .header .back-list-button,
.task-addressbook #layout-content .header .toolbar-menu-button,
.task-addressbook #layout-content .header .toolbar-list-button {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.task-settings .task-addressbook #layout-content .header .back-sidebar-button {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.task-addressbook #layout-content .header .header-title {
  color: var(--text-main) !important;
  font-weight: 700 !important;
  font-size: 1.25rem !important;
  margin: 0 24px 0 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap !important;
  order: 1 !important;
}
.task-addressbook #layout-content .header .button.icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background: var(--bg-color) !important;
  box-shadow: 6px 6px 12px var(--shadow-dark), -6px -6px 12px var(--shadow-light) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  cursor: pointer !important;
  border: none !important;
  margin: 0 !important;
  text-decoration: none !important;
  position: relative !important;
  flex-shrink: 0 !important;
}
.task-addressbook #layout-content .header .button.icon .inner {
  display: none !important;
  /* Hide text for circular buttons */
}
.task-addressbook #layout-content .header .button.icon::before {
  font-family: 'Icons' !important;
  font-style: normal !important;
  font-weight: 900 !important;
  font-size: 17px !important;
  color: var(--text-main) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  line-height: 1 !important;
  text-align: center !important;
  margin: 0 !important;
  padding: 0 !important;
}
.task-addressbook #layout-content .header .button.icon:hover:not(.disabled) {
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  transform: scale(0.98) !important;
}
.task-addressbook #layout-content .header .button.icon:active:not(.disabled) {
  box-shadow: inset 5px 5px 10px var(--shadow-dark), inset -5px -5px 10px var(--shadow-light) !important;
  transform: scale(0.96) !important;
}
.task-addressbook #layout-content .header .button.icon.disabled {
  opacity: 0.4 !important;
  cursor: not-allowed !important;
}
.task-addressbook #layout-content .header .button.icon.active {
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
}
.task-addressbook #layout-content .header .task-menu-button::before {
  content: "\f0c9" !important;
}
.task-addressbook #layout-content .header .back-list-button::before {
  content: "\f060" !important;
}
.task-addressbook #layout-content .header .toolbar-menu-button::before {
  content: "\f142" !important;
}
.task-addressbook #layout-content .header .menu.toolbar {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  /* Increased gap for better spacing */
  list-style: none !important;
  margin: 0 !important;
  /* Removed negative margin for better alignment */
  padding: 0 !important;
  flex: 0 1 auto !important;
  flex-shrink: 0 !important;
  order: 2 !important;
  justify-content: flex-start !important;
  /* Align buttons from left */
  /* Hide spacer items */
  /* Ensure list items containing delete button have no background/shadow */
  /* Menu items - rounded rectangular buttons with icons and text */
  /* Exclude delete button and dropdown buttons from this rule */
  /* Export button inside dropbutton - override to remove individual shadow */
  /* Delete button - red hover effect (applied to circular button) */
  /* Options button - neon blue hover effect */
  /* Circular buttons in toolbar (Delete) - icon only, no text */
  /* Specific button icons */
  /* Dropdown arrow - only for standalone dropdown buttons (not in dropbutton) */
  /* Dropbutton container - Input Group Style */
}
.task-addressbook #layout-content .header .menu.toolbar > li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: flex !important;
  align-items: center !important;
  position: relative !important;
  flex-shrink: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.task-addressbook #layout-content .header .menu.toolbar > li.spacer {
  display: none !important;
}
.task-addressbook #layout-content .header .menu.toolbar > li:has(> a.delete) {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.task-addressbook #layout-content .header .menu.toolbar > li > a:not(.delete):not(.dropdown),
.task-addressbook #layout-content .header .menu.toolbar > li > span > a:not(.delete):not(.dropdown) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  /* Center content horizontally */
  gap: 8px !important;
  /* Optimized gap for better icon-text spacing */
  padding: 10px 20px !important;
  /* Balanced horizontal padding */
  background: var(--bg-color) !important;
  border-radius: 12px !important;
  /* Slightly reduced for cleaner look */
  box-shadow: 6px 6px 12px var(--shadow-dark), -6px -6px 12px var(--shadow-light) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  text-decoration: none !important;
  color: var(--text-main) !important;
  font-weight: 600 !important;
  font-size: 0.875rem !important;
  /* Slightly smaller for better fit */
  cursor: pointer !important;
  border: none !important;
  white-space: nowrap !important;
  min-height: 40px !important;
  /* Consistent height */
  height: 40px !important;
  /* Fixed height for consistency */
  flex-shrink: 0 !important;
  line-height: 1 !important;
  /* Better text alignment */
  position: relative !important;
  z-index: 1 !important;
}
.task-addressbook #layout-content .header .menu.toolbar > li > a:not(.delete):not(.dropdown) .inner,
.task-addressbook #layout-content .header .menu.toolbar > li > span > a:not(.delete):not(.dropdown) .inner {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  /* Center inner content */
  gap: 10px !important;
  /* Match parent gap */
  color: var(--text-main) !important;
}
.task-addressbook #layout-content .header .menu.toolbar > li > a:not(.delete):not(.dropdown)::before,
.task-addressbook #layout-content .header .menu.toolbar > li > span > a:not(.delete):not(.dropdown)::before {
  font-family: 'Icons' !important;
  font-style: normal !important;
  font-weight: 900 !important;
  font-size: 14px !important;
  color: var(--text-main) !important;
  display: inline-block !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  flex-shrink: 0 !important;
  line-height: 1.8em !important;
}
.task-addressbook #layout-content .header .menu.toolbar > li > a:not(.delete):not(.dropdown):hover:not(.disabled),
.task-addressbook #layout-content .header .menu.toolbar > li > span > a:not(.delete):not(.dropdown):hover:not(.disabled) {
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  transform: translateY(-1px) !important;
}
.task-addressbook #layout-content .header .menu.toolbar > li > a:not(.delete):not(.dropdown):active:not(.disabled),
.task-addressbook #layout-content .header .menu.toolbar > li > span > a:not(.delete):not(.dropdown):active:not(.disabled) {
  box-shadow: inset 5px 5px 10px var(--shadow-dark), inset -5px -5px 10px var(--shadow-light) !important;
  transform: translateY(0) !important;
}
.task-addressbook #layout-content .header .menu.toolbar > li > a:not(.delete):not(.dropdown).disabled,
.task-addressbook #layout-content .header .menu.toolbar > li > span > a:not(.delete):not(.dropdown).disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
  background: var(--bg-color) !important;
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  transform: none !important;
  color: var(--text-light) !important;
}
.task-addressbook #layout-content .header .menu.toolbar > li > a:not(.delete):not(.dropdown).disabled::before,
.task-addressbook #layout-content .header .menu.toolbar > li > span > a:not(.delete):not(.dropdown).disabled::before {
  opacity: 0.5 !important;
  color: var(--text-light) !important;
}
.task-addressbook #layout-content .header .menu.toolbar > li > a:not(.delete):not(.dropdown).disabled .inner,
.task-addressbook #layout-content .header .menu.toolbar > li > span > a:not(.delete):not(.dropdown).disabled .inner {
  color: var(--text-light) !important;
  opacity: 0.5 !important;
}
.task-addressbook #layout-content .header .menu.toolbar > li > a:not(.delete):not(.dropdown).active,
.task-addressbook #layout-content .header .menu.toolbar > li > span > a:not(.delete):not(.dropdown).active {
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  transform: translateY(0) !important;
}
.task-addressbook #layout-content .header .menu.toolbar > li .dropbutton > a:first-child {
  box-shadow: none !important;
  /* No shadow, parent dropbutton has it */
}
.task-addressbook #layout-content .header .menu.toolbar > li > span > a:not(.delete):not(.dropdown) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  /* Center content horizontally */
  gap: 8px !important;
  /* Optimized gap for better icon-text spacing */
  padding: 10px 20px !important;
  /* Balanced horizontal padding */
  background: var(--bg-color) !important;
  border-radius: 12px !important;
  /* Slightly reduced for cleaner look */
  box-shadow: 6px 6px 12px var(--shadow-dark), -6px -6px 12px var(--shadow-light) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  text-decoration: none !important;
  color: var(--text-main) !important;
  font-weight: 600 !important;
  font-size: 0.875rem !important;
  /* Slightly smaller for better fit */
  cursor: pointer !important;
  border: none !important;
  white-space: nowrap !important;
  min-height: 40px !important;
  /* Consistent height */
  height: 40px !important;
  /* Fixed height for consistency */
  flex-shrink: 0 !important;
  line-height: 1 !important;
  /* Better text alignment */
  position: relative !important;
  z-index: 1 !important;
}
.task-addressbook #layout-content .header .menu.toolbar > li > span > a:not(.delete):not(.dropdown) .inner {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  /* Center inner content */
  gap: 10px !important;
  /* Match parent gap */
  color: var(--text-main) !important;
}
.task-addressbook #layout-content .header .menu.toolbar > li > span > a:not(.delete):not(.dropdown)::before {
  font-family: 'Icons' !important;
  font-style: normal !important;
  font-weight: 900 !important;
  font-size: 14px !important;
  color: var(--text-main) !important;
  display: inline-block !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  flex-shrink: 0 !important;
  line-height: 1.8em !important;
}
.task-addressbook #layout-content .header .menu.toolbar > li > span > a:not(.delete):not(.dropdown):hover:not(.disabled) {
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  transform: translateY(-1px) !important;
}
.task-addressbook #layout-content .header .menu.toolbar > li > span > a:not(.delete):not(.dropdown):active:not(.disabled) {
  box-shadow: inset 5px 5px 10px var(--shadow-dark), inset -5px -5px 10px var(--shadow-light) !important;
  transform: translateY(0) !important;
}
.task-addressbook #layout-content .header .menu.toolbar > li > span > a:not(.delete):not(.dropdown).disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
  background: var(--bg-color) !important;
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  transform: none !important;
  color: var(--text-light) !important;
}
.task-addressbook #layout-content .header .menu.toolbar > li > span > a:not(.delete):not(.dropdown).disabled::before {
  opacity: 0.5 !important;
  color: var(--text-light) !important;
}
.task-addressbook #layout-content .header .menu.toolbar > li > span > a:not(.delete):not(.dropdown).disabled .inner {
  color: var(--text-light) !important;
  opacity: 0.5 !important;
}
.task-addressbook #layout-content .header .menu.toolbar > li > span > a:not(.delete):not(.dropdown).active {
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  transform: translateY(0) !important;
}
.task-addressbook #layout-content .header .menu.toolbar > li > a.delete:not(.disabled):hover::before {
  color: #e53e3e !important;
  /* Red color for delete icon */
}
.task-addressbook #layout-content .header .menu.toolbar > li > a.options:not(.disabled):hover::before {
  color: #00f2fe !important;
  /* Neon blue for options icon */
}
.task-addressbook #layout-content .header .menu.toolbar > li > a.options:not(.disabled):hover .inner {
  color: #00f2fe !important;
  /* Neon blue for options text */
}
.task-addressbook #layout-content .header .menu.toolbar > li > a.delete {
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  position: relative !important;
  flex-shrink: 0 !important;
  margin-right: 0 !important;
  /* Override any inherited rectangular button styles */
  background: var(--bg-color) !important;
  box-shadow: 6px 6px 12px var(--shadow-dark), -6px -6px 12px var(--shadow-light) !important;
  min-height: 42px !important;
  gap: 0 !important;
  /* Remove any background or shadow from pseudo-elements */
  /* Show Delete button when not disabled */
  /* Hide Delete button when disabled */
  /* Hover state - only inset shadow, no background change */
  /* Active state */
}
.task-addressbook #layout-content .header .menu.toolbar > li > a.delete .inner {
  display: none !important;
  /* Hide text for circular buttons */
}
.task-addressbook #layout-content .header .menu.toolbar > li > a.delete::before {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
.task-addressbook #layout-content .header .menu.toolbar > li > a.delete::after {
  display: none !important;
  background: none !important;
  box-shadow: none !important;
}
.task-addressbook #layout-content .header .menu.toolbar > li > a.delete:not(.disabled) {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.task-addressbook #layout-content .header .menu.toolbar > li > a.delete.disabled {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.task-addressbook #layout-content .header .menu.toolbar > li > a.delete:hover:not(.disabled) {
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  transform: scale(0.98) !important;
  background: var(--bg-color) !important;
}
.task-addressbook #layout-content .header .menu.toolbar > li > a.delete:active:not(.disabled) {
  box-shadow: inset 5px 5px 10px var(--shadow-dark), inset -5px -5px 10px var(--shadow-light) !important;
  transform: scale(0.96) !important;
  background: var(--bg-color) !important;
}
.task-addressbook #layout-content .header .menu.toolbar .delete::before {
  content: "\f2ed" !important;
}
.task-addressbook #layout-content .header .menu.toolbar .select::before {
  content: "\f14a" !important;
}
.task-addressbook #layout-content .header .menu.toolbar .options::before {
  content: "\f013" !important;
}
.task-addressbook #layout-content .header .menu.toolbar .create::before {
  content: "\f067" !important;
}
.task-addressbook #layout-content .header .menu.toolbar .search::before {
  content: "\f002" !important;
}
.task-addressbook #layout-content .header .menu.toolbar .import::before {
  content: "\f56f" !important;
}
.task-addressbook #layout-content .header .menu.toolbar .export::before {
  content: "\f56e" !important;
}
.task-addressbook #layout-content .header .menu.toolbar .print::before {
  content: "\f02f" !important;
}
.task-addressbook #layout-content .header .menu.toolbar .more::before {
  content: "\f141" !important;
}
.task-addressbook #layout-content .header .menu.toolbar > li > a.dropdown:not(.dropbutton .dropdown)::after {
  content: "\f078" !important;
  /* chevron-down */
  font-family: 'Icons' !important;
  font-style: normal !important;
  font-weight: 900 !important;
  font-size: 11px !important;
  color: var(--text-main) !important;
  margin-left: 8px !important;
  display: inline-block !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  opacity: 0.7 !important;
  transition: transform 0.2s ease !important;
}
.task-addressbook #layout-content .header .menu.toolbar > li > a.dropdown:not(.dropbutton .dropdown):hover::after {
  opacity: 1 !important;
}
.task-addressbook #layout-content .header .menu.toolbar .dropbutton {
  display: flex !important;
  align-items: stretch !important;
  gap: 0 !important;
  position: relative !important;
  flex-shrink: 0 !important;
  background: var(--bg-color) !important;
  border-radius: 12px !important;
  box-shadow: 6px 6px 12px var(--shadow-dark), -6px -6px 12px var(--shadow-light) !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  /* Ensure seamless connection */
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  /* Main button (export) - remove right border radius, no individual shadow */
  /* Dropdown button - seamlessly attached, no individual shadow */
  /* Hover state for entire input group */
  /* Active state for entire input group */
  /* Hide dropbutton when disabled */
  /* Show dropbutton when not disabled */
}
.task-addressbook #layout-content .header .menu.toolbar .dropbutton > a:first-child {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top-left-radius: 12px !important;
  border-bottom-left-radius: 12px !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  box-shadow: none !important;
  /* Remove individual shadow */
  border-right: 1px solid rgba(0, 0, 0, 0.05) !important;
  /* Subtle divider */
}
.task-addressbook #layout-content .header .menu.toolbar .dropbutton > a.dropdown {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 40px !important;
  width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  margin: 0 !important;
  margin-left: 0 !important;
  /* No overlap needed */
  background: transparent !important;
  /* Transparent to show parent background */
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
  box-shadow: none !important;
  /* No individual shadow */
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  text-decoration: none !important;
  color: var(--text-main) !important;
  font-weight: 600 !important;
  font-size: 0.875rem !important;
  cursor: pointer !important;
  border: none !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  line-height: 1 !important;
  position: relative !important;
  border-left: 1px solid rgba(0, 0, 0, 0.05) !important;
  /* Subtle divider */
}
.task-addressbook #layout-content .header .menu.toolbar .dropbutton > a.dropdown .inner {
  display: none !important;
  /* Hide text completely */
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}
.task-addressbook #layout-content .header .menu.toolbar .dropbutton > a.dropdown::before {
  display: none !important;
  /* No icon */
}
.task-addressbook #layout-content .header .menu.toolbar .dropbutton > a.dropdown::after {
  content: "\f078" !important;
  /* chevron-down */
  font-family: 'Icons' !important;
  font-style: normal !important;
  font-weight: 900 !important;
  font-size: 12px !important;
  color: var(--text-main) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  line-height: 1 !important;
  text-align: center !important;
  opacity: 0.8 !important;
  transition: opacity 0.2s ease !important;
}
.task-addressbook #layout-content .header .menu.toolbar .dropbutton > a.dropdown:hover:not(.disabled) {
  background: rgba(0, 0, 0, 0.02) !important;
  /* Subtle hover background */
}
.task-addressbook #layout-content .header .menu.toolbar .dropbutton > a.dropdown:hover:not(.disabled)::after {
  opacity: 1 !important;
}
.task-addressbook #layout-content .header .menu.toolbar .dropbutton > a.dropdown:active:not(.disabled) {
  background: rgba(0, 0, 0, 0.05) !important;
}
.task-addressbook #layout-content .header .menu.toolbar .dropbutton > a.dropdown.disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
}
.task-addressbook #layout-content .header .menu.toolbar .dropbutton:hover:not(.disabled) {
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  transform: translateY(-1px) !important;
}
.task-addressbook #layout-content .header .menu.toolbar .dropbutton:active:not(.disabled) {
  box-shadow: inset 5px 5px 10px var(--shadow-dark), inset -5px -5px 10px var(--shadow-light) !important;
  transform: translateY(0) !important;
}
.task-addressbook #layout-content .header .menu.toolbar .dropbutton.disabled {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.task-addressbook #layout-content .header .menu.toolbar .dropbutton:not(.disabled) {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.task-addressbook #layout-content .header .toolbar-list-button::before {
  content: "\f141" !important;
}
.task-addressbook #layout-content .header::-webkit-scrollbar {
  display: none !important;
}
.task-addressbook #layout-content .iframe-wrapper {
  background: var(--bg-color) !important;
  border-radius: 16px !important;
  padding: 24px !important;
  margin-top: 0 !important;
  box-shadow: 8px 8px 16px var(--shadow-dark), -8px -8px 16px var(--shadow-light) !important;
  min-height: 400px !important;
}
.task-addressbook #layout-content .iframe-wrapper iframe {
  border-radius: 12px !important;
  background: var(--bg-color) !important;
}
.task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 14px 20px !important;
  margin: 20px 0 0 0 !important;
  background: var(--bg-color) !important;
  border-radius: 16px !important;
  box-shadow: 8px 8px 16px var(--shadow-dark), -8px -8px 16px var(--shadow-light) !important;
  min-height: 60px !important;
  /* Previous and Next buttons - Circular neumorphic */
  /* Previous button icon */
  /* Next button icon */
  /* Buttons container (for Save button) */
}
.task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation a.button.prev,
.task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation a.button.next {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background: var(--bg-color) !important;
  box-shadow: 6px 6px 12px var(--shadow-dark), -6px -6px 12px var(--shadow-light) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  cursor: pointer !important;
  border: none !important;
  text-decoration: none !important;
  position: relative !important;
  flex-shrink: 0 !important;
}
.task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation a.button.prev .inner,
.task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation a.button.next .inner {
  display: none !important;
  /* Hide text for circular buttons */
}
.task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation a.button.prev::before,
.task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation a.button.next::before {
  font-family: 'Icons' !important;
  font-style: normal !important;
  font-weight: 900 !important;
  font-size: 17px !important;
  color: var(--text-main) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  line-height: 1 !important;
  text-align: center !important;
  margin: 0 !important;
  padding: 0 !important;
}
.task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation a.button.prev:hover:not(.disabled),
.task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation a.button.next:hover:not(.disabled) {
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  transform: scale(0.98) !important;
}
.task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation a.button.prev:active:not(.disabled),
.task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation a.button.next:active:not(.disabled) {
  box-shadow: inset 5px 5px 10px var(--shadow-dark), inset -5px -5px 10px var(--shadow-light) !important;
  transform: scale(0.96) !important;
}
.task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation a.button.prev.disabled,
.task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation a.button.next.disabled {
  opacity: 0.4 !important;
  cursor: not-allowed !important;
}
.task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation a.button.prev::before {
  content: "\f053" !important;
}
.task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation a.button.next::before {
  content: "\f054" !important;
}
.task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation .buttons {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex: 1 !important;
  justify-content: center !important;
  /* Save button - Rounded rectangular neumorphic */
}
.task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation .buttons a.button.submit,
.task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation .buttons button.submit,
.task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation .buttons .button.primary {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 10px 24px !important;
  background: var(--bg-color) !important;
  border-radius: 12px !important;
  box-shadow: 6px 6px 12px var(--shadow-dark), -6px -6px 12px var(--shadow-light) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  text-decoration: none !important;
  color: var(--text-main) !important;
  font-weight: 600 !important;
  font-size: 0.875rem !important;
  cursor: pointer !important;
  border: none !important;
  white-space: nowrap !important;
  min-height: 40px !important;
  height: 40px !important;
  flex-shrink: 0 !important;
  line-height: 1 !important;
  position: relative !important;
  /* Icon centering fix */
  /* Remove duplicate icon - only show one */
  /* Ensure icon inside .inner is properly centered */
}
.task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation .buttons a.button.submit::before,
.task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation .buttons button.submit::before,
.task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation .buttons .button.primary::before {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  vertical-align: middle !important;
  font-size: 14px !important;
}
.task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation .buttons a.button.submit .inner,
.task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation .buttons button.submit .inner,
.task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation .buttons .button.primary .inner {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  color: var(--text-main) !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  /* Ensure icon inside inner is centered */
}
.task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation .buttons a.button.submit .inner::before,
.task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation .buttons button.submit .inner::before,
.task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation .buttons .button.primary .inner::before {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  vertical-align: middle !important;
  font-size: 14px !important;
}
.task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation .buttons a.button.submit.submit::before,
.task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation .buttons button.submit.submit::before,
.task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation .buttons .button.primary.submit::before,
.task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation .buttons a.button.submit.primary::before,
.task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation .buttons button.submit.primary::before,
.task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation .buttons .button.primary.primary::before {
  display: none !important;
  /* Hide duplicate icon from ::before */
}
.task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation .buttons a.button.submit .inner::before,
.task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation .buttons button.submit .inner::before,
.task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation .buttons .button.primary .inner::before {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-right: 6px !important;
  margin-left: 0 !important;
  line-height: 1 !important;
  vertical-align: middle !important;
  font-size: 14px !important;
}
.task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation .buttons a.button.submit:hover:not(.disabled),
.task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation .buttons button.submit:hover:not(.disabled),
.task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation .buttons .button.primary:hover:not(.disabled) {
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  transform: translateY(-1px) !important;
}
.task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation .buttons a.button.submit:active:not(.disabled),
.task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation .buttons button.submit:active:not(.disabled),
.task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation .buttons .button.primary:active:not(.disabled) {
  box-shadow: inset 5px 5px 10px var(--shadow-dark), inset -5px -5px 10px var(--shadow-light) !important;
  transform: translateY(0) !important;
}
.task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation .buttons a.button.submit.disabled,
.task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation .buttons button.submit.disabled,
.task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation .buttons .button.primary.disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
  background: var(--bg-color) !important;
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  transform: none !important;
  color: var(--text-light) !important;
}
.task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation .buttons a.button.submit.disabled .inner,
.task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation .buttons button.submit.disabled .inner,
.task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation .buttons .button.primary.disabled .inner {
  color: var(--text-light) !important;
  opacity: 0.5 !important;
}
.task-addressbook #layout-content #contact-frame body,
.task-addressbook #layout-content iframe[name="contact-frame"] body,
.task-addressbook #layout-content iframe#contact-frame body {
  background: var(--bg-color) !important;
}
/* Global Neumorphic Styles for Contact Form (Highest Priority) */
/* These will apply to iframe content if same-origin */
input[type="text"].form-control,
input[type="email"].form-control,
input[type="tel"].form-control,
input[type="url"].form-control,
textarea.form-control,
select.form-control,
.propform input[type="text"],
.propform input[type="email"],
.propform input[type="tel"],
.propform input[type="url"],
.propform textarea,
.propform select,
.formcontent input[type="text"],
.formcontent input[type="email"],
.formcontent input[type="tel"],
.formcontent input[type="url"],
.formcontent textarea,
.formcontent select,
#contact-details input[type="text"],
#contact-details input[type="email"],
#contact-details input[type="tel"],
#contact-details input[type="url"],
#contact-details textarea,
#contact-details select {
  background: var(--bg-color) !important;
  border: none !important;
  border-radius: 12px !important;
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  padding: 10px 14px !important;
  color: var(--text-main) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  font-size: 0.875rem !important;
  min-height: 40px !important;
}
input[type="text"].form-control:focus,
input[type="email"].form-control:focus,
input[type="tel"].form-control:focus,
input[type="url"].form-control:focus,
textarea.form-control:focus,
select.form-control:focus,
.propform input[type="text"]:focus,
.propform input[type="email"]:focus,
.propform input[type="tel"]:focus,
.propform input[type="url"]:focus,
.propform textarea:focus,
.propform select:focus,
.formcontent input[type="text"]:focus,
.formcontent input[type="email"]:focus,
.formcontent input[type="tel"]:focus,
.formcontent input[type="url"]:focus,
.formcontent textarea:focus,
.formcontent select:focus,
#contact-details input[type="text"]:focus,
#contact-details input[type="email"]:focus,
#contact-details input[type="tel"]:focus,
#contact-details input[type="url"]:focus,
#contact-details textarea:focus,
#contact-details select:focus {
  box-shadow: inset 5px 5px 10px var(--shadow-dark), inset -5px -5px 10px var(--shadow-light), 0 0 0 2px rgba(102, 126, 234, 0.2) !important;
  outline: none !important;
}
input[type="text"].form-control::placeholder,
input[type="email"].form-control::placeholder,
input[type="tel"].form-control::placeholder,
input[type="url"].form-control::placeholder,
textarea.form-control::placeholder,
select.form-control::placeholder,
.propform input[type="text"]::placeholder,
.propform input[type="email"]::placeholder,
.propform input[type="tel"]::placeholder,
.propform input[type="url"]::placeholder,
.propform textarea::placeholder,
.propform select::placeholder,
.formcontent input[type="text"]::placeholder,
.formcontent input[type="email"]::placeholder,
.formcontent input[type="tel"]::placeholder,
.formcontent input[type="url"]::placeholder,
.formcontent textarea::placeholder,
.formcontent select::placeholder,
#contact-details input[type="text"]::placeholder,
#contact-details input[type="email"]::placeholder,
#contact-details input[type="tel"]::placeholder,
#contact-details input[type="url"]::placeholder,
#contact-details textarea::placeholder,
#contact-details select::placeholder {
  color: var(--text-light) !important;
  opacity: 0.7 !important;
}
.propform select.form-control,
.propform select,
.formcontent select.form-control,
.formcontent select,
#contact-details select.form-control,
#contact-details select {
  background: var(--bg-color) !important;
  box-shadow: 6px 6px 12px var(--shadow-dark), -6px -6px 12px var(--shadow-light) !important;
  cursor: pointer !important;
}
.propform select.form-control:hover:not(:disabled),
.propform select:hover:not(:disabled),
.formcontent select.form-control:hover:not(:disabled),
.formcontent select:hover:not(:disabled),
#contact-details select.form-control:hover:not(:disabled),
#contact-details select:hover:not(:disabled) {
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
}
.propform button,
.propform .btn,
.propform input[type="submit"],
.propform input[type="button"],
.formcontent button,
.formcontent .btn,
.formcontent input[type="submit"],
.formcontent input[type="button"],
#contact-details button,
#contact-details .btn,
#contact-details input[type="submit"],
#contact-details input[type="button"],
.formbuttons button,
.formbuttons .btn,
.formbuttons input[type="submit"],
.propform td.rowbuttons a,
.propform td.rowbuttons button {
  background: var(--bg-color) !important;
  border: none !important;
  border-radius: 12px !important;
  box-shadow: 6px 6px 12px var(--shadow-dark), -6px -6px 12px var(--shadow-light) !important;
  padding: 10px 20px !important;
  color: var(--text-main) !important;
  font-weight: 600 !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  cursor: pointer !important;
  min-height: 40px !important;
}
.propform button:hover:not(:disabled):not(.disabled),
.propform .btn:hover:not(:disabled):not(.disabled),
.propform input[type="submit"]:hover:not(:disabled):not(.disabled),
.propform input[type="button"]:hover:not(:disabled):not(.disabled),
.formcontent button:hover:not(:disabled):not(.disabled),
.formcontent .btn:hover:not(:disabled):not(.disabled),
.formcontent input[type="submit"]:hover:not(:disabled):not(.disabled),
.formcontent input[type="button"]:hover:not(:disabled):not(.disabled),
#contact-details button:hover:not(:disabled):not(.disabled),
#contact-details .btn:hover:not(:disabled):not(.disabled),
#contact-details input[type="submit"]:hover:not(:disabled):not(.disabled),
#contact-details input[type="button"]:hover:not(:disabled):not(.disabled),
.formbuttons button:hover:not(:disabled):not(.disabled),
.formbuttons .btn:hover:not(:disabled):not(.disabled),
.formbuttons input[type="submit"]:hover:not(:disabled):not(.disabled),
.propform td.rowbuttons a:hover:not(:disabled):not(.disabled),
.propform td.rowbuttons button:hover:not(:disabled):not(.disabled) {
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  transform: translateY(-1px) !important;
}
.propform button:active:not(:disabled):not(.disabled),
.propform .btn:active:not(:disabled):not(.disabled),
.propform input[type="submit"]:active:not(:disabled):not(.disabled),
.propform input[type="button"]:active:not(:disabled):not(.disabled),
.formcontent button:active:not(:disabled):not(.disabled),
.formcontent .btn:active:not(:disabled):not(.disabled),
.formcontent input[type="submit"]:active:not(:disabled):not(.disabled),
.formcontent input[type="button"]:active:not(:disabled):not(.disabled),
#contact-details button:active:not(:disabled):not(.disabled),
#contact-details .btn:active:not(:disabled):not(.disabled),
#contact-details input[type="submit"]:active:not(:disabled):not(.disabled),
#contact-details input[type="button"]:active:not(:disabled):not(.disabled),
.formbuttons button:active:not(:disabled):not(.disabled),
.formbuttons .btn:active:not(:disabled):not(.disabled),
.formbuttons input[type="submit"]:active:not(:disabled):not(.disabled),
.propform td.rowbuttons a:active:not(:disabled):not(.disabled),
.propform td.rowbuttons button:active:not(:disabled):not(.disabled) {
  box-shadow: inset 5px 5px 10px var(--shadow-dark), inset -5px -5px 10px var(--shadow-light) !important;
  transform: translateY(0) !important;
}
/* Row buttons (delete, add, etc.) - Circular neumorphic */
.propform td.rowbuttons a,
.propform td.rowbuttons button,
.propform td.rowbuttons a.delete,
.propform td.rowbuttons a.advanced,
.propform td.rowbuttons a.reset {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background: var(--bg-color) !important;
  box-shadow: 6px 6px 12px var(--shadow-dark), -6px -6px 12px var(--shadow-light) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}
.propform td.rowbuttons a::before,
.propform td.rowbuttons button::before,
.propform td.rowbuttons a.delete::before,
.propform td.rowbuttons a.advanced::before,
.propform td.rowbuttons a.reset::before {
  margin: 0 !important;
  font-size: 16px !important;
}
.propform td.rowbuttons a:hover:not(:disabled):not(.disabled),
.propform td.rowbuttons button:hover:not(:disabled):not(.disabled),
.propform td.rowbuttons a.delete:hover:not(:disabled):not(.disabled),
.propform td.rowbuttons a.advanced:hover:not(:disabled):not(.disabled),
.propform td.rowbuttons a.reset:hover:not(:disabled):not(.disabled) {
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  transform: scale(0.98) !important;
}
.propform td.rowbuttons a:active:not(:disabled):not(.disabled),
.propform td.rowbuttons button:active:not(:disabled):not(.disabled),
.propform td.rowbuttons a.delete:active:not(:disabled):not(.disabled),
.propform td.rowbuttons a.advanced:active:not(:disabled):not(.disabled),
.propform td.rowbuttons a.reset:active:not(:disabled):not(.disabled) {
  box-shadow: inset 5px 5px 10px var(--shadow-dark), inset -5px -5px 10px var(--shadow-light) !important;
  transform: scale(0.96) !important;
}
.propform td.rowbuttons a.delete:hover,
.propform td.rowbuttons button.delete:hover,
.propform td.rowbuttons a.delete.delete:hover,
.propform td.rowbuttons a.advanced.delete:hover,
.propform td.rowbuttons a.reset.delete:hover {
  color: #ff4757 !important;
}
/* Contact Form Elements - Neumorphic Styling (Global for addressbook) */
/* High priority selectors to target iframe content */
.task-addressbook #layout-content input[type="text"],
.task-addressbook #layout-content input[type="email"],
.task-addressbook #layout-content input[type="tel"],
.task-addressbook #layout-content input[type="url"],
.task-addressbook #layout-content textarea,
.task-addressbook #layout-content select.form-control,
.task-addressbook #layout-content select,
.task-addressbook .propform input[type="text"],
.task-addressbook .propform input[type="email"],
.task-addressbook .propform input[type="tel"],
.task-addressbook .propform input[type="url"],
.task-addressbook .propform textarea,
.task-addressbook .propform select.form-control,
.task-addressbook .propform select,
.task-addressbook .formcontent input[type="text"],
.task-addressbook .formcontent input[type="email"],
.task-addressbook .formcontent input[type="tel"],
.task-addressbook .formcontent input[type="url"],
.task-addressbook .formcontent textarea,
.task-addressbook .formcontent select.form-control,
.task-addressbook .formcontent select,
.task-addressbook #contact-details input[type="text"],
.task-addressbook #contact-details input[type="email"],
.task-addressbook #contact-details input[type="tel"],
.task-addressbook #contact-details input[type="url"],
.task-addressbook #contact-details textarea,
.task-addressbook #contact-details select.form-control,
.task-addressbook #contact-details select,
body.task-addressbook input[type="text"],
body.task-addressbook input[type="email"],
body.task-addressbook input[type="tel"],
body.task-addressbook input[type="url"],
body.task-addressbook textarea,
body.task-addressbook select.form-control,
body.task-addressbook select {
  background: var(--bg-color) !important;
  border: none !important;
  border-radius: 12px !important;
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  padding: 10px 14px !important;
  color: var(--text-main) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  font-size: 0.875rem !important;
  min-height: 40px !important;
}
.task-addressbook #layout-content input[type="text"]:focus,
.task-addressbook #layout-content input[type="email"]:focus,
.task-addressbook #layout-content input[type="tel"]:focus,
.task-addressbook #layout-content input[type="url"]:focus,
.task-addressbook #layout-content textarea:focus,
.task-addressbook #layout-content select.form-control:focus,
.task-addressbook #layout-content select:focus,
.task-addressbook .propform input[type="text"]:focus,
.task-addressbook .propform input[type="email"]:focus,
.task-addressbook .propform input[type="tel"]:focus,
.task-addressbook .propform input[type="url"]:focus,
.task-addressbook .propform textarea:focus,
.task-addressbook .propform select.form-control:focus,
.task-addressbook .propform select:focus,
.task-addressbook .formcontent input[type="text"]:focus,
.task-addressbook .formcontent input[type="email"]:focus,
.task-addressbook .formcontent input[type="tel"]:focus,
.task-addressbook .formcontent input[type="url"]:focus,
.task-addressbook .formcontent textarea:focus,
.task-addressbook .formcontent select.form-control:focus,
.task-addressbook .formcontent select:focus,
.task-addressbook #contact-details input[type="text"]:focus,
.task-addressbook #contact-details input[type="email"]:focus,
.task-addressbook #contact-details input[type="tel"]:focus,
.task-addressbook #contact-details input[type="url"]:focus,
.task-addressbook #contact-details textarea:focus,
.task-addressbook #contact-details select.form-control:focus,
.task-addressbook #contact-details select:focus,
body.task-addressbook input[type="text"]:focus,
body.task-addressbook input[type="email"]:focus,
body.task-addressbook input[type="tel"]:focus,
body.task-addressbook input[type="url"]:focus,
body.task-addressbook textarea:focus,
body.task-addressbook select.form-control:focus,
body.task-addressbook select:focus {
  box-shadow: inset 5px 5px 10px var(--shadow-dark), inset -5px -5px 10px var(--shadow-light), 0 0 0 2px rgba(102, 126, 234, 0.2) !important;
  outline: none !important;
}
.task-addressbook #layout-content input[type="text"]::placeholder,
.task-addressbook #layout-content input[type="email"]::placeholder,
.task-addressbook #layout-content input[type="tel"]::placeholder,
.task-addressbook #layout-content input[type="url"]::placeholder,
.task-addressbook #layout-content textarea::placeholder,
.task-addressbook #layout-content select.form-control::placeholder,
.task-addressbook #layout-content select::placeholder,
.task-addressbook .propform input[type="text"]::placeholder,
.task-addressbook .propform input[type="email"]::placeholder,
.task-addressbook .propform input[type="tel"]::placeholder,
.task-addressbook .propform input[type="url"]::placeholder,
.task-addressbook .propform textarea::placeholder,
.task-addressbook .propform select.form-control::placeholder,
.task-addressbook .propform select::placeholder,
.task-addressbook .formcontent input[type="text"]::placeholder,
.task-addressbook .formcontent input[type="email"]::placeholder,
.task-addressbook .formcontent input[type="tel"]::placeholder,
.task-addressbook .formcontent input[type="url"]::placeholder,
.task-addressbook .formcontent textarea::placeholder,
.task-addressbook .formcontent select.form-control::placeholder,
.task-addressbook .formcontent select::placeholder,
.task-addressbook #contact-details input[type="text"]::placeholder,
.task-addressbook #contact-details input[type="email"]::placeholder,
.task-addressbook #contact-details input[type="tel"]::placeholder,
.task-addressbook #contact-details input[type="url"]::placeholder,
.task-addressbook #contact-details textarea::placeholder,
.task-addressbook #contact-details select.form-control::placeholder,
.task-addressbook #contact-details select::placeholder,
body.task-addressbook input[type="text"]::placeholder,
body.task-addressbook input[type="email"]::placeholder,
body.task-addressbook input[type="tel"]::placeholder,
body.task-addressbook input[type="url"]::placeholder,
body.task-addressbook textarea::placeholder,
body.task-addressbook select.form-control::placeholder,
body.task-addressbook select::placeholder {
  color: var(--text-light) !important;
  opacity: 0.7 !important;
}
/* Select dropdowns - raised neumorphic */
.task-addressbook #layout-content select.form-control,
.task-addressbook #layout-content select,
.task-addressbook .propform select.form-control,
.task-addressbook .propform select,
.task-addressbook .formcontent select.form-control,
.task-addressbook .formcontent select,
.task-addressbook #contact-details select.form-control,
.task-addressbook #contact-details select,
body.task-addressbook select.form-control,
body.task-addressbook select {
  background: var(--bg-color) !important;
  box-shadow: 6px 6px 12px var(--shadow-dark), -6px -6px 12px var(--shadow-light) !important;
  cursor: pointer !important;
}
.task-addressbook #layout-content select.form-control:hover:not(:disabled),
.task-addressbook #layout-content select:hover:not(:disabled),
.task-addressbook .propform select.form-control:hover:not(:disabled),
.task-addressbook .propform select:hover:not(:disabled),
.task-addressbook .formcontent select.form-control:hover:not(:disabled),
.task-addressbook .formcontent select:hover:not(:disabled),
.task-addressbook #contact-details select.form-control:hover:not(:disabled),
.task-addressbook #contact-details select:hover:not(:disabled),
body.task-addressbook select.form-control:hover:not(:disabled),
body.task-addressbook select:hover:not(:disabled) {
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
}
.task-addressbook #layout-content select.form-control:focus,
.task-addressbook #layout-content select:focus,
.task-addressbook .propform select.form-control:focus,
.task-addressbook .propform select:focus,
.task-addressbook .formcontent select.form-control:focus,
.task-addressbook .formcontent select:focus,
.task-addressbook #contact-details select.form-control:focus,
.task-addressbook #contact-details select:focus,
body.task-addressbook select.form-control:focus,
body.task-addressbook select:focus {
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light), 0 0 0 2px rgba(102, 126, 234, 0.2) !important;
}
/* Buttons - raised neumorphic */
.task-addressbook #layout-content button,
.task-addressbook #layout-content .btn,
.task-addressbook #layout-content input[type="submit"],
.task-addressbook #layout-content input[type="button"],
.task-addressbook #layout-content a.button:not(.icon),
.task-addressbook .propform button,
.task-addressbook .propform .btn,
.task-addressbook .propform input[type="submit"],
.task-addressbook .propform input[type="button"],
.task-addressbook .formcontent button,
.task-addressbook .formcontent .btn,
.task-addressbook .formcontent input[type="submit"],
.task-addressbook .formcontent input[type="button"],
.task-addressbook #contact-details button,
.task-addressbook #contact-details .btn,
.task-addressbook #contact-details input[type="submit"],
.task-addressbook #contact-details input[type="button"],
body.task-addressbook button:not(.icon),
body.task-addressbook .btn:not(.icon),
body.task-addressbook input[type="submit"],
body.task-addressbook input[type="button"] {
  background: var(--bg-color) !important;
  border: none !important;
  border-radius: 12px !important;
  box-shadow: 6px 6px 12px var(--shadow-dark), -6px -6px 12px var(--shadow-light) !important;
  padding: 10px 20px !important;
  color: var(--text-main) !important;
  font-weight: 600 !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  cursor: pointer !important;
  min-height: 40px !important;
}
.task-addressbook #layout-content button:hover:not(:disabled):not(.disabled),
.task-addressbook #layout-content .btn:hover:not(:disabled):not(.disabled),
.task-addressbook #layout-content input[type="submit"]:hover:not(:disabled):not(.disabled),
.task-addressbook #layout-content input[type="button"]:hover:not(:disabled):not(.disabled),
.task-addressbook #layout-content a.button:not(.icon):hover:not(:disabled):not(.disabled),
.task-addressbook .propform button:hover:not(:disabled):not(.disabled),
.task-addressbook .propform .btn:hover:not(:disabled):not(.disabled),
.task-addressbook .propform input[type="submit"]:hover:not(:disabled):not(.disabled),
.task-addressbook .propform input[type="button"]:hover:not(:disabled):not(.disabled),
.task-addressbook .formcontent button:hover:not(:disabled):not(.disabled),
.task-addressbook .formcontent .btn:hover:not(:disabled):not(.disabled),
.task-addressbook .formcontent input[type="submit"]:hover:not(:disabled):not(.disabled),
.task-addressbook .formcontent input[type="button"]:hover:not(:disabled):not(.disabled),
.task-addressbook #contact-details button:hover:not(:disabled):not(.disabled),
.task-addressbook #contact-details .btn:hover:not(:disabled):not(.disabled),
.task-addressbook #contact-details input[type="submit"]:hover:not(:disabled):not(.disabled),
.task-addressbook #contact-details input[type="button"]:hover:not(:disabled):not(.disabled),
body.task-addressbook button:not(.icon):hover:not(:disabled):not(.disabled),
body.task-addressbook .btn:not(.icon):hover:not(:disabled):not(.disabled),
body.task-addressbook input[type="submit"]:hover:not(:disabled):not(.disabled),
body.task-addressbook input[type="button"]:hover:not(:disabled):not(.disabled) {
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  transform: translateY(-1px) !important;
}
.task-addressbook #layout-content button:active:not(:disabled):not(.disabled),
.task-addressbook #layout-content .btn:active:not(:disabled):not(.disabled),
.task-addressbook #layout-content input[type="submit"]:active:not(:disabled):not(.disabled),
.task-addressbook #layout-content input[type="button"]:active:not(:disabled):not(.disabled),
.task-addressbook #layout-content a.button:not(.icon):active:not(:disabled):not(.disabled),
.task-addressbook .propform button:active:not(:disabled):not(.disabled),
.task-addressbook .propform .btn:active:not(:disabled):not(.disabled),
.task-addressbook .propform input[type="submit"]:active:not(:disabled):not(.disabled),
.task-addressbook .propform input[type="button"]:active:not(:disabled):not(.disabled),
.task-addressbook .formcontent button:active:not(:disabled):not(.disabled),
.task-addressbook .formcontent .btn:active:not(:disabled):not(.disabled),
.task-addressbook .formcontent input[type="submit"]:active:not(:disabled):not(.disabled),
.task-addressbook .formcontent input[type="button"]:active:not(:disabled):not(.disabled),
.task-addressbook #contact-details button:active:not(:disabled):not(.disabled),
.task-addressbook #contact-details .btn:active:not(:disabled):not(.disabled),
.task-addressbook #contact-details input[type="submit"]:active:not(:disabled):not(.disabled),
.task-addressbook #contact-details input[type="button"]:active:not(:disabled):not(.disabled),
body.task-addressbook button:not(.icon):active:not(:disabled):not(.disabled),
body.task-addressbook .btn:not(.icon):active:not(:disabled):not(.disabled),
body.task-addressbook input[type="submit"]:active:not(:disabled):not(.disabled),
body.task-addressbook input[type="button"]:active:not(:disabled):not(.disabled) {
  box-shadow: inset 5px 5px 10px var(--shadow-dark), inset -5px -5px 10px var(--shadow-light) !important;
  transform: translateY(0) !important;
}
.task-addressbook #layout-content button:disabled,
.task-addressbook #layout-content .btn:disabled,
.task-addressbook #layout-content input[type="submit"]:disabled,
.task-addressbook #layout-content input[type="button"]:disabled,
.task-addressbook #layout-content a.button:not(.icon):disabled,
.task-addressbook .propform button:disabled,
.task-addressbook .propform .btn:disabled,
.task-addressbook .propform input[type="submit"]:disabled,
.task-addressbook .propform input[type="button"]:disabled,
.task-addressbook .formcontent button:disabled,
.task-addressbook .formcontent .btn:disabled,
.task-addressbook .formcontent input[type="submit"]:disabled,
.task-addressbook .formcontent input[type="button"]:disabled,
.task-addressbook #contact-details button:disabled,
.task-addressbook #contact-details .btn:disabled,
.task-addressbook #contact-details input[type="submit"]:disabled,
.task-addressbook #contact-details input[type="button"]:disabled,
body.task-addressbook button:not(.icon):disabled,
body.task-addressbook .btn:not(.icon):disabled,
body.task-addressbook input[type="submit"]:disabled,
body.task-addressbook input[type="button"]:disabled,
.task-addressbook #layout-content button.disabled,
.task-addressbook #layout-content .btn.disabled,
.task-addressbook #layout-content input[type="submit"].disabled,
.task-addressbook #layout-content input[type="button"].disabled,
.task-addressbook #layout-content a.button:not(.icon).disabled,
.task-addressbook .propform button.disabled,
.task-addressbook .propform .btn.disabled,
.task-addressbook .propform input[type="submit"].disabled,
.task-addressbook .propform input[type="button"].disabled,
.task-addressbook .formcontent button.disabled,
.task-addressbook .formcontent .btn.disabled,
.task-addressbook .formcontent input[type="submit"].disabled,
.task-addressbook .formcontent input[type="button"].disabled,
.task-addressbook #contact-details button.disabled,
.task-addressbook #contact-details .btn.disabled,
.task-addressbook #contact-details input[type="submit"].disabled,
.task-addressbook #contact-details input[type="button"].disabled,
body.task-addressbook button:not(.icon).disabled,
body.task-addressbook .btn:not(.icon).disabled,
body.task-addressbook input[type="submit"].disabled,
body.task-addressbook input[type="button"].disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
}
/* Delete/Trash icon buttons - circular neumorphic */
.task-addressbook #layout-content a.icon.delete,
.task-addressbook #layout-content button.delete,
.task-addressbook #layout-content .icon.delete,
.task-addressbook .propform a.icon.delete,
.task-addressbook .propform button.delete,
.task-addressbook .propform .icon.delete,
.task-addressbook .formcontent a.icon.delete,
.task-addressbook .formcontent button.delete,
.task-addressbook .formcontent .icon.delete,
.task-addressbook #contact-details a.icon.delete,
.task-addressbook #contact-details button.delete,
.task-addressbook #contact-details .icon.delete,
body.task-addressbook a.icon.delete,
body.task-addressbook button.delete,
body.task-addressbook .icon.delete {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background: var(--bg-color) !important;
  box-shadow: 6px 6px 12px var(--shadow-dark), -6px -6px 12px var(--shadow-light) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.task-addressbook #layout-content a.icon.delete:hover:not(:disabled):not(.disabled),
.task-addressbook #layout-content button.delete:hover:not(:disabled):not(.disabled),
.task-addressbook #layout-content .icon.delete:hover:not(:disabled):not(.disabled),
.task-addressbook .propform a.icon.delete:hover:not(:disabled):not(.disabled),
.task-addressbook .propform button.delete:hover:not(:disabled):not(.disabled),
.task-addressbook .propform .icon.delete:hover:not(:disabled):not(.disabled),
.task-addressbook .formcontent a.icon.delete:hover:not(:disabled):not(.disabled),
.task-addressbook .formcontent button.delete:hover:not(:disabled):not(.disabled),
.task-addressbook .formcontent .icon.delete:hover:not(:disabled):not(.disabled),
.task-addressbook #contact-details a.icon.delete:hover:not(:disabled):not(.disabled),
.task-addressbook #contact-details button.delete:hover:not(:disabled):not(.disabled),
.task-addressbook #contact-details .icon.delete:hover:not(:disabled):not(.disabled),
body.task-addressbook a.icon.delete:hover:not(:disabled):not(.disabled),
body.task-addressbook button.delete:hover:not(:disabled):not(.disabled),
body.task-addressbook .icon.delete:hover:not(:disabled):not(.disabled) {
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  transform: scale(0.98) !important;
}
.task-addressbook #layout-content a.icon.delete:active:not(:disabled):not(.disabled),
.task-addressbook #layout-content button.delete:active:not(:disabled):not(.disabled),
.task-addressbook #layout-content .icon.delete:active:not(:disabled):not(.disabled),
.task-addressbook .propform a.icon.delete:active:not(:disabled):not(.disabled),
.task-addressbook .propform button.delete:active:not(:disabled):not(.disabled),
.task-addressbook .propform .icon.delete:active:not(:disabled):not(.disabled),
.task-addressbook .formcontent a.icon.delete:active:not(:disabled):not(.disabled),
.task-addressbook .formcontent button.delete:active:not(:disabled):not(.disabled),
.task-addressbook .formcontent .icon.delete:active:not(:disabled):not(.disabled),
.task-addressbook #contact-details a.icon.delete:active:not(:disabled):not(.disabled),
.task-addressbook #contact-details button.delete:active:not(:disabled):not(.disabled),
.task-addressbook #contact-details .icon.delete:active:not(:disabled):not(.disabled),
body.task-addressbook a.icon.delete:active:not(:disabled):not(.disabled),
body.task-addressbook button.delete:active:not(:disabled):not(.disabled),
body.task-addressbook .icon.delete:active:not(:disabled):not(.disabled) {
  box-shadow: inset 5px 5px 10px var(--shadow-dark), inset -5px -5px 10px var(--shadow-light) !important;
  transform: scale(0.96) !important;
}
/* Add field buttons - Enhanced Neumorphic Design */
.task-addressbook #layout-content .addfield,
.task-addressbook #layout-content button.addfield,
.task-addressbook #layout-content a.addfield,
.task-addressbook .propform .addfield,
.task-addressbook .propform button.addfield,
.task-addressbook .propform a.addfield,
.task-addressbook .formcontent .addfield,
.task-addressbook .formcontent button.addfield,
.task-addressbook .formcontent a.addfield,
.task-addressbook #contact-details .addfield,
.task-addressbook #contact-details button.addfield,
.task-addressbook #contact-details a.addfield,
body.task-addressbook .addfield,
body.task-addressbook button.addfield,
body.task-addressbook a.addfield,
.propform .addfield,
.propform button.addfield,
.propform a.addfield,
.formcontent .addfield,
.formcontent button.addfield,
.formcontent a.addfield,
#contact-details .addfield,
#contact-details button.addfield,
#contact-details a.addfield {
  background: var(--bg-color) !important;
  border: none !important;
  border-radius: 12px !important;
  box-shadow: 6px 6px 12px var(--shadow-dark), -6px -6px 12px var(--shadow-light) !important;
  padding: 10px 20px !important;
  color: var(--text-main) !important;
  font-weight: 600 !important;
  font-size: 0.875rem !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 40px !important;
  text-decoration: none !important;
}
.task-addressbook #layout-content .addfield::before,
.task-addressbook #layout-content button.addfield::before,
.task-addressbook #layout-content a.addfield::before,
.task-addressbook .propform .addfield::before,
.task-addressbook .propform button.addfield::before,
.task-addressbook .propform a.addfield::before,
.task-addressbook .formcontent .addfield::before,
.task-addressbook .formcontent button.addfield::before,
.task-addressbook .formcontent a.addfield::before,
.task-addressbook #contact-details .addfield::before,
.task-addressbook #contact-details button.addfield::before,
.task-addressbook #contact-details a.addfield::before,
body.task-addressbook .addfield::before,
body.task-addressbook button.addfield::before,
body.task-addressbook a.addfield::before,
.propform .addfield::before,
.propform button.addfield::before,
.propform a.addfield::before,
.formcontent .addfield::before,
.formcontent button.addfield::before,
.formcontent a.addfield::before,
#contact-details .addfield::before,
#contact-details button.addfield::before,
#contact-details a.addfield::before {
  font-family: 'Icons' !important;
  content: "\f067" !important;
  font-weight: 900 !important;
  font-size: 14px !important;
  margin-right: 4px !important;
}
.task-addressbook #layout-content .addfield:hover:not(:disabled):not(.disabled),
.task-addressbook #layout-content button.addfield:hover:not(:disabled):not(.disabled),
.task-addressbook #layout-content a.addfield:hover:not(:disabled):not(.disabled),
.task-addressbook .propform .addfield:hover:not(:disabled):not(.disabled),
.task-addressbook .propform button.addfield:hover:not(:disabled):not(.disabled),
.task-addressbook .propform a.addfield:hover:not(:disabled):not(.disabled),
.task-addressbook .formcontent .addfield:hover:not(:disabled):not(.disabled),
.task-addressbook .formcontent button.addfield:hover:not(:disabled):not(.disabled),
.task-addressbook .formcontent a.addfield:hover:not(:disabled):not(.disabled),
.task-addressbook #contact-details .addfield:hover:not(:disabled):not(.disabled),
.task-addressbook #contact-details button.addfield:hover:not(:disabled):not(.disabled),
.task-addressbook #contact-details a.addfield:hover:not(:disabled):not(.disabled),
body.task-addressbook .addfield:hover:not(:disabled):not(.disabled),
body.task-addressbook button.addfield:hover:not(:disabled):not(.disabled),
body.task-addressbook a.addfield:hover:not(:disabled):not(.disabled),
.propform .addfield:hover:not(:disabled):not(.disabled),
.propform button.addfield:hover:not(:disabled):not(.disabled),
.propform a.addfield:hover:not(:disabled):not(.disabled),
.formcontent .addfield:hover:not(:disabled):not(.disabled),
.formcontent button.addfield:hover:not(:disabled):not(.disabled),
.formcontent a.addfield:hover:not(:disabled):not(.disabled),
#contact-details .addfield:hover:not(:disabled):not(.disabled),
#contact-details button.addfield:hover:not(:disabled):not(.disabled),
#contact-details a.addfield:hover:not(:disabled):not(.disabled) {
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  transform: translateY(-1px) scale(1.02) !important;
  color: var(--accent-color) !important;
}
.task-addressbook #layout-content .addfield:active:not(:disabled):not(.disabled),
.task-addressbook #layout-content button.addfield:active:not(:disabled):not(.disabled),
.task-addressbook #layout-content a.addfield:active:not(:disabled):not(.disabled),
.task-addressbook .propform .addfield:active:not(:disabled):not(.disabled),
.task-addressbook .propform button.addfield:active:not(:disabled):not(.disabled),
.task-addressbook .propform a.addfield:active:not(:disabled):not(.disabled),
.task-addressbook .formcontent .addfield:active:not(:disabled):not(.disabled),
.task-addressbook .formcontent button.addfield:active:not(:disabled):not(.disabled),
.task-addressbook .formcontent a.addfield:active:not(:disabled):not(.disabled),
.task-addressbook #contact-details .addfield:active:not(:disabled):not(.disabled),
.task-addressbook #contact-details button.addfield:active:not(:disabled):not(.disabled),
.task-addressbook #contact-details a.addfield:active:not(:disabled):not(.disabled),
body.task-addressbook .addfield:active:not(:disabled):not(.disabled),
body.task-addressbook button.addfield:active:not(:disabled):not(.disabled),
body.task-addressbook a.addfield:active:not(:disabled):not(.disabled),
.propform .addfield:active:not(:disabled):not(.disabled),
.propform button.addfield:active:not(:disabled):not(.disabled),
.propform a.addfield:active:not(:disabled):not(.disabled),
.formcontent .addfield:active:not(:disabled):not(.disabled),
.formcontent button.addfield:active:not(:disabled):not(.disabled),
.formcontent a.addfield:active:not(:disabled):not(.disabled),
#contact-details .addfield:active:not(:disabled):not(.disabled),
#contact-details button.addfield:active:not(:disabled):not(.disabled),
#contact-details a.addfield:active:not(:disabled):not(.disabled) {
  box-shadow: inset 5px 5px 10px var(--shadow-dark), inset -5px -5px 10px var(--shadow-light) !important;
  transform: translateY(0) scale(0.98) !important;
}
.task-addressbook #layout-content .addfield:focus,
.task-addressbook #layout-content button.addfield:focus,
.task-addressbook #layout-content a.addfield:focus,
.task-addressbook .propform .addfield:focus,
.task-addressbook .propform button.addfield:focus,
.task-addressbook .propform a.addfield:focus,
.task-addressbook .formcontent .addfield:focus,
.task-addressbook .formcontent button.addfield:focus,
.task-addressbook .formcontent a.addfield:focus,
.task-addressbook #contact-details .addfield:focus,
.task-addressbook #contact-details button.addfield:focus,
.task-addressbook #contact-details a.addfield:focus,
body.task-addressbook .addfield:focus,
body.task-addressbook button.addfield:focus,
body.task-addressbook a.addfield:focus,
.propform .addfield:focus,
.propform button.addfield:focus,
.propform a.addfield:focus,
.formcontent .addfield:focus,
.formcontent button.addfield:focus,
.formcontent a.addfield:focus,
#contact-details .addfield:focus,
#contact-details button.addfield:focus,
#contact-details a.addfield:focus {
  outline: none !important;
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light), 0 0 0 2px rgba(102, 126, 234, 0.3) !important;
}
/* Tabs - neumorphic */
.task-addressbook #layout-content .tabbed > ul > li > a,
.task-addressbook #layout-content .tabs > li > a,
.task-addressbook .propform .tabbed > ul > li > a,
.task-addressbook .propform .tabs > li > a,
.task-addressbook .formcontent .tabbed > ul > li > a,
.task-addressbook .formcontent .tabs > li > a,
.task-addressbook #contact-details .tabbed > ul > li > a,
.task-addressbook #contact-details .tabs > li > a,
body.task-addressbook .tabbed > ul > li > a,
body.task-addressbook .tabs > li > a,
.tabbed > ul > li > a,
.tabs > li > a,
#contacttabs > ul > li > a {
  background: var(--bg-color) !important;
  border: none !important;
  border-radius: 12px 12px 0 0 !important;
  box-shadow: 4px 4px 8px var(--shadow-dark), -4px -4px 8px var(--shadow-light) !important;
  padding: 12px 24px !important;
  color: var(--text-main) !important;
  font-weight: 600 !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  margin-right: 4px !important;
  text-decoration: none !important;
}
.task-addressbook #layout-content .tabbed > ul > li > a:hover:not(.active),
.task-addressbook #layout-content .tabs > li > a:hover:not(.active),
.task-addressbook .propform .tabbed > ul > li > a:hover:not(.active),
.task-addressbook .propform .tabs > li > a:hover:not(.active),
.task-addressbook .formcontent .tabbed > ul > li > a:hover:not(.active),
.task-addressbook .formcontent .tabs > li > a:hover:not(.active),
.task-addressbook #contact-details .tabbed > ul > li > a:hover:not(.active),
.task-addressbook #contact-details .tabs > li > a:hover:not(.active),
body.task-addressbook .tabbed > ul > li > a:hover:not(.active),
body.task-addressbook .tabs > li > a:hover:not(.active),
.tabbed > ul > li > a:hover:not(.active),
.tabs > li > a:hover:not(.active),
#contacttabs > ul > li > a:hover:not(.active) {
  box-shadow: 6px 6px 12px var(--shadow-dark), -6px -6px 12px var(--shadow-light) !important;
  transform: translateY(-2px) !important;
}
.task-addressbook #layout-content .tabbed > ul > li > a.active,
.task-addressbook #layout-content .tabs > li > a.active,
.task-addressbook .propform .tabbed > ul > li > a.active,
.task-addressbook .propform .tabs > li > a.active,
.task-addressbook .formcontent .tabbed > ul > li > a.active,
.task-addressbook .formcontent .tabs > li > a.active,
.task-addressbook #contact-details .tabbed > ul > li > a.active,
.task-addressbook #contact-details .tabs > li > a.active,
body.task-addressbook .tabbed > ul > li > a.active,
body.task-addressbook .tabs > li > a.active,
.tabbed > ul > li > a.active,
.tabs > li > a.active,
#contacttabs > ul > li > a.active,
.task-addressbook #layout-content .tabbed > ul > li > a:active,
.task-addressbook #layout-content .tabs > li > a:active,
.task-addressbook .propform .tabbed > ul > li > a:active,
.task-addressbook .propform .tabs > li > a:active,
.task-addressbook .formcontent .tabbed > ul > li > a:active,
.task-addressbook .formcontent .tabs > li > a:active,
.task-addressbook #contact-details .tabbed > ul > li > a:active,
.task-addressbook #contact-details .tabs > li > a:active,
body.task-addressbook .tabbed > ul > li > a:active,
body.task-addressbook .tabs > li > a:active,
.tabbed > ul > li > a:active,
.tabs > li > a:active,
#contacttabs > ul > li > a:active {
  background: var(--pressed-bg-color) !important;
  box-shadow: inset 3px 3px 6px var(--shadow-dark), inset -3px -3px 6px var(--shadow-light) !important;
  color: var(--text-main) !important;
  font-weight: 700 !important;
}
/* Input Group Styling */
.propform .input-group,
.propform .row.input-group,
.formcontent .input-group,
.formcontent .row.input-group,
#contact-details .input-group,
#contact-details .row.input-group {
  margin-bottom: 12px !important;
}
.propform .input-group .form-control,
.propform .row.input-group .form-control,
.formcontent .input-group .form-control,
.formcontent .row.input-group .form-control,
#contact-details .input-group .form-control,
#contact-details .row.input-group .form-control,
.propform .input-group input,
.propform .row.input-group input,
.formcontent .input-group input,
.formcontent .row.input-group input,
#contact-details .input-group input,
#contact-details .row.input-group input,
.propform .input-group select,
.propform .row.input-group select,
.formcontent .input-group select,
.formcontent .row.input-group select,
#contact-details .input-group select,
#contact-details .row.input-group select,
.propform .input-group textarea,
.propform .row.input-group textarea,
.formcontent .input-group textarea,
.formcontent .row.input-group textarea,
#contact-details .input-group textarea,
#contact-details .row.input-group textarea {
  background: var(--bg-color) !important;
  border: none !important;
  border-radius: 12px !important;
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  padding: 10px 14px !important;
  color: var(--text-main) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  font-size: 0.875rem !important;
  min-height: 40px !important;
}
.propform .input-group .form-control:focus,
.propform .row.input-group .form-control:focus,
.formcontent .input-group .form-control:focus,
.formcontent .row.input-group .form-control:focus,
#contact-details .input-group .form-control:focus,
#contact-details .row.input-group .form-control:focus,
.propform .input-group input:focus,
.propform .row.input-group input:focus,
.formcontent .input-group input:focus,
.formcontent .row.input-group input:focus,
#contact-details .input-group input:focus,
#contact-details .row.input-group input:focus,
.propform .input-group select:focus,
.propform .row.input-group select:focus,
.formcontent .input-group select:focus,
.formcontent .row.input-group select:focus,
#contact-details .input-group select:focus,
#contact-details .row.input-group select:focus,
.propform .input-group textarea:focus,
.propform .row.input-group textarea:focus,
.formcontent .input-group textarea:focus,
.formcontent .row.input-group textarea:focus,
#contact-details .input-group textarea:focus,
#contact-details .row.input-group textarea:focus {
  box-shadow: inset 5px 5px 10px var(--shadow-dark), inset -5px -5px 10px var(--shadow-light), 0 0 0 2px rgba(102, 126, 234, 0.2) !important;
  outline: none !important;
}
.propform .input-group select,
.propform .row.input-group select,
.formcontent .input-group select,
.formcontent .row.input-group select,
#contact-details .input-group select,
#contact-details .row.input-group select {
  box-shadow: 6px 6px 12px var(--shadow-dark), -6px -6px 12px var(--shadow-light) !important;
}
.propform .input-group select:hover:not(:disabled),
.propform .row.input-group select:hover:not(:disabled),
.formcontent .input-group select:hover:not(:disabled),
.formcontent .row.input-group select:hover:not(:disabled),
#contact-details .input-group select:hover:not(:disabled),
#contact-details .row.input-group select:hover:not(:disabled) {
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
}
/* Composite field inputs */
.propform .composite input,
.propform .composite .content input,
.propform .composite .ff_street,
.propform .composite .ff_locality,
.propform .composite .ff_zipcode,
.propform .composite .ff_country,
.propform .composite .ff_region {
  background: var(--bg-color) !important;
  border: none !important;
  border-radius: 12px !important;
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  padding: 10px 14px !important;
  color: var(--text-main) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  font-size: 0.875rem !important;
  min-height: 40px !important;
}
.propform .composite input:focus,
.propform .composite .content input:focus,
.propform .composite .ff_street:focus,
.propform .composite .ff_locality:focus,
.propform .composite .ff_zipcode:focus,
.propform .composite .ff_country:focus,
.propform .composite .ff_region:focus {
  box-shadow: inset 5px 5px 10px var(--shadow-dark), inset -5px -5px 10px var(--shadow-light), 0 0 0 2px rgba(102, 126, 234, 0.2) !important;
  outline: none !important;
}
/* Dark Mode - Addressbook Sidebar Background (shared with mail) - DARK SHADOWS ONLY */
.task-addressbook .dark-mode #aj-sidebar,
.task-addressbook html.dark-mode #aj-sidebar,
.task-addressbook body.dark-mode #aj-sidebar,
.dark-mode .task-addressbook #aj-sidebar {
  background: #1a202c !important;
  box-shadow: 18px 18px 36px rgba(0, 0, 0, 0.8), -8px -8px 16px rgba(0, 0, 0, 0.3) !important;
}
.task-addressbook .dark-mode #layout-list,
.task-addressbook html.dark-mode #layout-list,
.task-addressbook body.dark-mode #layout-list,
.dark-mode .task-addressbook #layout-list {
  background: transparent !important;
}
/* Dark Mode - Addressbook Layout List Header */
.task-addressbook .dark-mode #layout-list .header,
.task-addressbook html.dark-mode #layout-list .header,
.task-addressbook body.dark-mode #layout-list .header,
.dark-mode .task-addressbook #layout-list .header {
  background: #1a202c !important;
  border-left: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.task-addressbook .dark-mode #layout-list .header .header-title,
.task-addressbook html.dark-mode #layout-list .header .header-title,
.task-addressbook body.dark-mode #layout-list .header .header-title,
.dark-mode .task-addressbook #layout-list .header .header-title {
  color: #e2e8f0 !important;
}
.task-addressbook .dark-mode #layout-list .header .button.icon,
.task-addressbook html.dark-mode #layout-list .header .button.icon,
.task-addressbook body.dark-mode #layout-list .header .button.icon,
.dark-mode .task-addressbook #layout-list .header .button.icon {
  background: #1a202c !important;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.8), -3px -3px 6px rgba(0, 0, 0, 0.3) !important;
}
.task-addressbook .dark-mode #layout-list .header .button.icon::before,
.task-addressbook html.dark-mode #layout-list .header .button.icon::before,
.task-addressbook body.dark-mode #layout-list .header .button.icon::before,
.dark-mode .task-addressbook #layout-list .header .button.icon::before {
  color: #e2e8f0 !important;
}
.task-addressbook .dark-mode #layout-list .header .button.icon:hover:not(.disabled),
.task-addressbook html.dark-mode #layout-list .header .button.icon:hover:not(.disabled),
.task-addressbook body.dark-mode #layout-list .header .button.icon:hover:not(.disabled),
.dark-mode .task-addressbook #layout-list .header .button.icon:hover:not(.disabled) {
  box-shadow: inset 4px 4px 8px rgba(0, 0, 0, 0.9), inset -2px -2px 4px rgba(0, 0, 0, 0.4) !important;
}
.task-addressbook .dark-mode #layout-list .header .menu.toolbar > li > a:not(.delete),
.task-addressbook html.dark-mode #layout-list .header .menu.toolbar > li > a:not(.delete),
.task-addressbook body.dark-mode #layout-list .header .menu.toolbar > li > a:not(.delete),
.dark-mode .task-addressbook #layout-list .header .menu.toolbar > li > a:not(.delete) {
  background: #1a202c !important;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.8), -3px -3px 6px rgba(0, 0, 0, 0.3) !important;
}
.task-addressbook .dark-mode #layout-list .header .menu.toolbar > li > a:not(.delete)::before,
.task-addressbook html.dark-mode #layout-list .header .menu.toolbar > li > a:not(.delete)::before,
.task-addressbook body.dark-mode #layout-list .header .menu.toolbar > li > a:not(.delete)::before,
.dark-mode .task-addressbook #layout-list .header .menu.toolbar > li > a:not(.delete)::before {
  color: #e2e8f0 !important;
}
.task-addressbook .dark-mode #layout-list .header .menu.toolbar > li > a:not(.delete) .inner,
.task-addressbook html.dark-mode #layout-list .header .menu.toolbar > li > a:not(.delete) .inner,
.task-addressbook body.dark-mode #layout-list .header .menu.toolbar > li > a:not(.delete) .inner,
.dark-mode .task-addressbook #layout-list .header .menu.toolbar > li > a:not(.delete) .inner {
  color: #e2e8f0 !important;
}
.task-addressbook .dark-mode #layout-list .header .menu.toolbar > li > a:not(.delete):hover:not(.disabled),
.task-addressbook html.dark-mode #layout-list .header .menu.toolbar > li > a:not(.delete):hover:not(.disabled),
.task-addressbook body.dark-mode #layout-list .header .menu.toolbar > li > a:not(.delete):hover:not(.disabled),
.dark-mode .task-addressbook #layout-list .header .menu.toolbar > li > a:not(.delete):hover:not(.disabled) {
  box-shadow: inset 4px 4px 8px rgba(0, 0, 0, 0.9), inset -2px -2px 4px rgba(0, 0, 0, 0.4) !important;
}
.task-addressbook .dark-mode #layout-list .header .menu.toolbar > li > a.delete,
.task-addressbook html.dark-mode #layout-list .header .menu.toolbar > li > a.delete,
.task-addressbook body.dark-mode #layout-list .header .menu.toolbar > li > a.delete,
.dark-mode .task-addressbook #layout-list .header .menu.toolbar > li > a.delete {
  background: #1a202c !important;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.8), -3px -3px 6px rgba(0, 0, 0, 0.3) !important;
}
.task-addressbook .dark-mode #layout-list .header .menu.toolbar > li > a.delete::before,
.task-addressbook html.dark-mode #layout-list .header .menu.toolbar > li > a.delete::before,
.task-addressbook body.dark-mode #layout-list .header .menu.toolbar > li > a.delete::before,
.dark-mode .task-addressbook #layout-list .header .menu.toolbar > li > a.delete::before {
  color: #e2e8f0 !important;
}
.task-addressbook .dark-mode #layout-list .header .menu.toolbar > li > a.delete:hover:not(.disabled),
.task-addressbook html.dark-mode #layout-list .header .menu.toolbar > li > a.delete:hover:not(.disabled),
.task-addressbook body.dark-mode #layout-list .header .menu.toolbar > li > a.delete:hover:not(.disabled),
.dark-mode .task-addressbook #layout-list .header .menu.toolbar > li > a.delete:hover:not(.disabled) {
  box-shadow: inset 4px 4px 8px rgba(0, 0, 0, 0.9), inset -2px -2px 4px rgba(0, 0, 0, 0.4) !important;
}
/* Dark Mode - Addressbook Content Header */
.task-addressbook .dark-mode #layout-content .header,
.task-addressbook html.dark-mode #layout-content .header,
.task-addressbook body.dark-mode #layout-content .header,
.dark-mode .task-addressbook #layout-content .header {
  background: #1a202c !important;
  border-left: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.8), -4px -4px 8px rgba(0, 0, 0, 0.3) !important;
}
.task-addressbook .dark-mode #layout-content .header .header-title,
.task-addressbook html.dark-mode #layout-content .header .header-title,
.task-addressbook body.dark-mode #layout-content .header .header-title,
.dark-mode .task-addressbook #layout-content .header .header-title {
  color: #e2e8f0 !important;
}
.task-addressbook .dark-mode #layout-content .header .button.icon,
.task-addressbook html.dark-mode #layout-content .header .button.icon,
.task-addressbook body.dark-mode #layout-content .header .button.icon,
.dark-mode .task-addressbook #layout-content .header .button.icon {
  background: #1a202c !important;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.8), -3px -3px 6px rgba(0, 0, 0, 0.3) !important;
}
.task-addressbook .dark-mode #layout-content .header .button.icon::before,
.task-addressbook html.dark-mode #layout-content .header .button.icon::before,
.task-addressbook body.dark-mode #layout-content .header .button.icon::before,
.dark-mode .task-addressbook #layout-content .header .button.icon::before {
  color: #e2e8f0 !important;
}
.task-addressbook .dark-mode #layout-content .header .button.icon:hover:not(.disabled),
.task-addressbook html.dark-mode #layout-content .header .button.icon:hover:not(.disabled),
.task-addressbook body.dark-mode #layout-content .header .button.icon:hover:not(.disabled),
.dark-mode .task-addressbook #layout-content .header .button.icon:hover:not(.disabled) {
  box-shadow: inset 4px 4px 8px rgba(0, 0, 0, 0.9), inset -2px -2px 4px rgba(0, 0, 0, 0.4) !important;
}
.task-addressbook .dark-mode #layout-content .header .menu.toolbar > li > a:not(.delete),
.task-addressbook html.dark-mode #layout-content .header .menu.toolbar > li > a:not(.delete),
.task-addressbook body.dark-mode #layout-content .header .menu.toolbar > li > a:not(.delete),
.dark-mode .task-addressbook #layout-content .header .menu.toolbar > li > a:not(.delete) {
  background: #1a202c !important;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.8), -3px -3px 6px rgba(0, 0, 0, 0.3) !important;
}
.task-addressbook .dark-mode #layout-content .header .menu.toolbar > li > a:not(.delete)::before,
.task-addressbook html.dark-mode #layout-content .header .menu.toolbar > li > a:not(.delete)::before,
.task-addressbook body.dark-mode #layout-content .header .menu.toolbar > li > a:not(.delete)::before,
.dark-mode .task-addressbook #layout-content .header .menu.toolbar > li > a:not(.delete)::before {
  color: #e2e8f0 !important;
}
.task-addressbook .dark-mode #layout-content .header .menu.toolbar > li > a:not(.delete) .inner,
.task-addressbook html.dark-mode #layout-content .header .menu.toolbar > li > a:not(.delete) .inner,
.task-addressbook body.dark-mode #layout-content .header .menu.toolbar > li > a:not(.delete) .inner,
.dark-mode .task-addressbook #layout-content .header .menu.toolbar > li > a:not(.delete) .inner {
  color: #e2e8f0 !important;
}
.task-addressbook .dark-mode #layout-content .header .menu.toolbar > li > a:not(.delete):hover:not(.disabled),
.task-addressbook html.dark-mode #layout-content .header .menu.toolbar > li > a:not(.delete):hover:not(.disabled),
.task-addressbook body.dark-mode #layout-content .header .menu.toolbar > li > a:not(.delete):hover:not(.disabled),
.dark-mode .task-addressbook #layout-content .header .menu.toolbar > li > a:not(.delete):hover:not(.disabled) {
  box-shadow: inset 4px 4px 8px rgba(0, 0, 0, 0.9), inset -2px -2px 4px rgba(0, 0, 0, 0.4) !important;
}
.task-addressbook .dark-mode #layout-content .header .menu.toolbar > li > a.delete,
.task-addressbook html.dark-mode #layout-content .header .menu.toolbar > li > a.delete,
.task-addressbook body.dark-mode #layout-content .header .menu.toolbar > li > a.delete,
.dark-mode .task-addressbook #layout-content .header .menu.toolbar > li > a.delete {
  background: #1a202c !important;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.8), -3px -3px 6px rgba(0, 0, 0, 0.3) !important;
}
.task-addressbook .dark-mode #layout-content .header .menu.toolbar > li > a.delete::before,
.task-addressbook html.dark-mode #layout-content .header .menu.toolbar > li > a.delete::before,
.task-addressbook body.dark-mode #layout-content .header .menu.toolbar > li > a.delete::before,
.dark-mode .task-addressbook #layout-content .header .menu.toolbar > li > a.delete::before {
  color: #e2e8f0 !important;
}
.task-addressbook .dark-mode #layout-content .header .menu.toolbar > li > a.delete:hover:not(.disabled),
.task-addressbook html.dark-mode #layout-content .header .menu.toolbar > li > a.delete:hover:not(.disabled),
.task-addressbook body.dark-mode #layout-content .header .menu.toolbar > li > a.delete:hover:not(.disabled),
.dark-mode .task-addressbook #layout-content .header .menu.toolbar > li > a.delete:hover:not(.disabled) {
  box-shadow: inset 4px 4px 8px rgba(0, 0, 0, 0.9), inset -2px -2px 4px rgba(0, 0, 0, 0.4) !important;
}
/* Dark Mode - Addressbook Content Frame Footer Navigation */
.task-addressbook .dark-mode #layout-content .footer.menu.toolbar.content-frame-navigation,
.task-addressbook html.dark-mode #layout-content .footer.menu.toolbar.content-frame-navigation,
.task-addressbook body.dark-mode #layout-content .footer.menu.toolbar.content-frame-navigation,
.dark-mode .task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation {
  background: #1a202c !important;
  box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.8), -4px -4px 8px rgba(0, 0, 0, 0.3) !important;
}
.task-addressbook .dark-mode #layout-content .footer.menu.toolbar.content-frame-navigation a.button.prev,
.task-addressbook html.dark-mode #layout-content .footer.menu.toolbar.content-frame-navigation a.button.prev,
.task-addressbook body.dark-mode #layout-content .footer.menu.toolbar.content-frame-navigation a.button.prev,
.dark-mode .task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation a.button.prev,
.task-addressbook .dark-mode #layout-content .footer.menu.toolbar.content-frame-navigation a.button.next,
.task-addressbook html.dark-mode #layout-content .footer.menu.toolbar.content-frame-navigation a.button.next,
.task-addressbook body.dark-mode #layout-content .footer.menu.toolbar.content-frame-navigation a.button.next,
.dark-mode .task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation a.button.next {
  background: #1a202c !important;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.8), -3px -3px 6px rgba(0, 0, 0, 0.3) !important;
}
.task-addressbook .dark-mode #layout-content .footer.menu.toolbar.content-frame-navigation a.button.prev::before,
.task-addressbook html.dark-mode #layout-content .footer.menu.toolbar.content-frame-navigation a.button.prev::before,
.task-addressbook body.dark-mode #layout-content .footer.menu.toolbar.content-frame-navigation a.button.prev::before,
.dark-mode .task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation a.button.prev::before,
.task-addressbook .dark-mode #layout-content .footer.menu.toolbar.content-frame-navigation a.button.next::before,
.task-addressbook html.dark-mode #layout-content .footer.menu.toolbar.content-frame-navigation a.button.next::before,
.task-addressbook body.dark-mode #layout-content .footer.menu.toolbar.content-frame-navigation a.button.next::before,
.dark-mode .task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation a.button.next::before {
  color: #e2e8f0 !important;
}
.task-addressbook .dark-mode #layout-content .footer.menu.toolbar.content-frame-navigation a.button.prev:hover:not(.disabled),
.task-addressbook html.dark-mode #layout-content .footer.menu.toolbar.content-frame-navigation a.button.prev:hover:not(.disabled),
.task-addressbook body.dark-mode #layout-content .footer.menu.toolbar.content-frame-navigation a.button.prev:hover:not(.disabled),
.dark-mode .task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation a.button.prev:hover:not(.disabled),
.task-addressbook .dark-mode #layout-content .footer.menu.toolbar.content-frame-navigation a.button.next:hover:not(.disabled),
.task-addressbook html.dark-mode #layout-content .footer.menu.toolbar.content-frame-navigation a.button.next:hover:not(.disabled),
.task-addressbook body.dark-mode #layout-content .footer.menu.toolbar.content-frame-navigation a.button.next:hover:not(.disabled),
.dark-mode .task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation a.button.next:hover:not(.disabled) {
  box-shadow: inset 4px 4px 8px rgba(0, 0, 0, 0.9), inset -2px -2px 4px rgba(0, 0, 0, 0.4) !important;
}
.task-addressbook .dark-mode #layout-content .footer.menu.toolbar.content-frame-navigation .buttons a.button.submit,
.task-addressbook html.dark-mode #layout-content .footer.menu.toolbar.content-frame-navigation .buttons a.button.submit,
.task-addressbook body.dark-mode #layout-content .footer.menu.toolbar.content-frame-navigation .buttons a.button.submit,
.dark-mode .task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation .buttons a.button.submit,
.task-addressbook .dark-mode #layout-content .footer.menu.toolbar.content-frame-navigation .buttons button.submit,
.task-addressbook html.dark-mode #layout-content .footer.menu.toolbar.content-frame-navigation .buttons button.submit,
.task-addressbook body.dark-mode #layout-content .footer.menu.toolbar.content-frame-navigation .buttons button.submit,
.dark-mode .task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation .buttons button.submit,
.task-addressbook .dark-mode #layout-content .footer.menu.toolbar.content-frame-navigation .buttons .button.primary,
.task-addressbook html.dark-mode #layout-content .footer.menu.toolbar.content-frame-navigation .buttons .button.primary,
.task-addressbook body.dark-mode #layout-content .footer.menu.toolbar.content-frame-navigation .buttons .button.primary,
.dark-mode .task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation .buttons .button.primary {
  background: #1a202c !important;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.8), -3px -3px 6px rgba(0, 0, 0, 0.3) !important;
}
.task-addressbook .dark-mode #layout-content .footer.menu.toolbar.content-frame-navigation .buttons a.button.submit .inner,
.task-addressbook html.dark-mode #layout-content .footer.menu.toolbar.content-frame-navigation .buttons a.button.submit .inner,
.task-addressbook body.dark-mode #layout-content .footer.menu.toolbar.content-frame-navigation .buttons a.button.submit .inner,
.dark-mode .task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation .buttons a.button.submit .inner,
.task-addressbook .dark-mode #layout-content .footer.menu.toolbar.content-frame-navigation .buttons button.submit .inner,
.task-addressbook html.dark-mode #layout-content .footer.menu.toolbar.content-frame-navigation .buttons button.submit .inner,
.task-addressbook body.dark-mode #layout-content .footer.menu.toolbar.content-frame-navigation .buttons button.submit .inner,
.dark-mode .task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation .buttons button.submit .inner,
.task-addressbook .dark-mode #layout-content .footer.menu.toolbar.content-frame-navigation .buttons .button.primary .inner,
.task-addressbook html.dark-mode #layout-content .footer.menu.toolbar.content-frame-navigation .buttons .button.primary .inner,
.task-addressbook body.dark-mode #layout-content .footer.menu.toolbar.content-frame-navigation .buttons .button.primary .inner,
.dark-mode .task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation .buttons .button.primary .inner {
  color: #e2e8f0 !important;
}
.task-addressbook .dark-mode #layout-content .footer.menu.toolbar.content-frame-navigation .buttons a.button.submit:hover:not(.disabled),
.task-addressbook html.dark-mode #layout-content .footer.menu.toolbar.content-frame-navigation .buttons a.button.submit:hover:not(.disabled),
.task-addressbook body.dark-mode #layout-content .footer.menu.toolbar.content-frame-navigation .buttons a.button.submit:hover:not(.disabled),
.dark-mode .task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation .buttons a.button.submit:hover:not(.disabled),
.task-addressbook .dark-mode #layout-content .footer.menu.toolbar.content-frame-navigation .buttons button.submit:hover:not(.disabled),
.task-addressbook html.dark-mode #layout-content .footer.menu.toolbar.content-frame-navigation .buttons button.submit:hover:not(.disabled),
.task-addressbook body.dark-mode #layout-content .footer.menu.toolbar.content-frame-navigation .buttons button.submit:hover:not(.disabled),
.dark-mode .task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation .buttons button.submit:hover:not(.disabled),
.task-addressbook .dark-mode #layout-content .footer.menu.toolbar.content-frame-navigation .buttons .button.primary:hover:not(.disabled),
.task-addressbook html.dark-mode #layout-content .footer.menu.toolbar.content-frame-navigation .buttons .button.primary:hover:not(.disabled),
.task-addressbook body.dark-mode #layout-content .footer.menu.toolbar.content-frame-navigation .buttons .button.primary:hover:not(.disabled),
.dark-mode .task-addressbook #layout-content .footer.menu.toolbar.content-frame-navigation .buttons .button.primary:hover:not(.disabled) {
  box-shadow: inset 4px 4px 8px rgba(0, 0, 0, 0.5), inset -2px -2px 4px rgba(0, 0, 0, 0.4) !important;
}
/* Addressbook toolbar fixes - Hide Select button from contact details toolbar */
.task-addressbook #addressbooktoolbar > li > a.select,
.task-addressbook #addressbooktoolbar > li > a.button.select,
.task-addressbook #layout-content #addressbooktoolbar > li > a.select,
.task-addressbook #layout-content #addressbooktoolbar > li > a.button.select {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
}
/* Ensure Delete button is visible in addressbook toolbar even when disabled */
/* Override the global rule that hides disabled delete buttons */
.task-addressbook #addressbooktoolbar > li > a.delete,
.task-addressbook #layout-content #addressbooktoolbar > li > a.delete,
.task-addressbook #layout-content .toolbar.menu#addressbooktoolbar > li > a.delete {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
}
.task-addressbook #addressbooktoolbar > li > a.delete.disabled,
.task-addressbook #layout-content #addressbooktoolbar > li > a.delete.disabled,
.task-addressbook #layout-content .toolbar.menu#addressbooktoolbar > li > a.delete.disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
  display: flex !important;
  /* Still show, just dimmed */
  visibility: visible !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* Addressbook toolbar buttons - refined professional shadows */
.task-addressbook #addressbooktoolbar > li > a:not(.delete):not(.dropdown),
.task-addressbook #layout-content #addressbooktoolbar > li > a:not(.delete):not(.dropdown),
.task-addressbook #layout-content .toolbar.menu#addressbooktoolbar > li > a:not(.delete):not(.dropdown) {
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.08), -2px -2px 4px rgba(255, 255, 255, 0.9) !important;
}
.task-addressbook #addressbooktoolbar > li > a:not(.delete):not(.dropdown):hover:not(.disabled),
.task-addressbook #layout-content #addressbooktoolbar > li > a:not(.delete):not(.dropdown):hover:not(.disabled),
.task-addressbook #layout-content .toolbar.menu#addressbooktoolbar > li > a:not(.delete):not(.dropdown):hover:not(.disabled) {
  box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.08), inset -2px -2px 4px rgba(255, 255, 255, 0.9) !important;
  transform: translateY(0) !important;
}
.task-addressbook #addressbooktoolbar > li > a:not(.delete):not(.dropdown):active:not(.disabled),
.task-addressbook #layout-content #addressbooktoolbar > li > a:not(.delete):not(.dropdown):active:not(.disabled),
.task-addressbook #layout-content .toolbar.menu#addressbooktoolbar > li > a:not(.delete):not(.dropdown):active:not(.disabled) {
  box-shadow: inset 3px 3px 6px rgba(0, 0, 0, 0.1), inset -3px -3px 6px rgba(255, 255, 255, 0.9) !important;
}
.task-addressbook #addressbooktoolbar > li > a:not(.delete):not(.dropdown).disabled,
.task-addressbook #layout-content #addressbooktoolbar > li > a:not(.delete):not(.dropdown).disabled,
.task-addressbook #layout-content .toolbar.menu#addressbooktoolbar > li > a:not(.delete):not(.dropdown).disabled {
  box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.05), inset -2px -2px 4px rgba(255, 255, 255, 0.7) !important;
}
.task-addressbook #addressbooktoolbar > li > a:not(.delete):not(.dropdown).active,
.task-addressbook #layout-content #addressbooktoolbar > li > a:not(.delete):not(.dropdown).active,
.task-addressbook #layout-content .toolbar.menu#addressbooktoolbar > li > a:not(.delete):not(.dropdown).active {
  box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.08), inset -2px -2px 4px rgba(255, 255, 255, 0.9) !important;
}
/* Addressbook listselect-menu - Professional styling */
.task-addressbook .popover:has(#listselect-menu),
.task-addressbook .popover #listselect-menu {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  z-index: 10000 !important;
}
.task-addressbook .popover:has(#listselect-menu).show,
.task-addressbook .popover #listselect-menu.show,
.task-addressbook .popover:has(#listselect-menu)[aria-hidden="false"],
.task-addressbook .popover #listselect-menu[aria-hidden="false"],
.task-addressbook .popover:has(#listselect-menu):not([aria-hidden="true"]),
.task-addressbook .popover #listselect-menu:not([aria-hidden="true"]) {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.task-addressbook .popover:has(#listselect-menu) .popover-body,
.task-addressbook .popover #listselect-menu .popover-body {
  padding: 8px !important;
  background: transparent !important;
}
.task-addressbook #listselect-menu {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  z-index: 10000 !important;
}
.task-addressbook #listselect-menu.show,
.task-addressbook #listselect-menu[aria-hidden="false"],
.task-addressbook #listselect-menu:not([aria-hidden="true"]) {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.task-addressbook #listselect-menu .menu.listing[role="menu"][aria-labelledby*="listselect-menu"],
.task-addressbook #listselect-menu ul.menu.listing[role="menu"][aria-labelledby*="listselect-menu"] {
  background: var(--bg-color) !important;
  border-radius: 12px !important;
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.1), -3px -3px 8px rgba(255, 255, 255, 0.95) !important;
  padding: 8px !important;
  margin: 0 !important;
  border: none !important;
  list-style: none !important;
  min-width: 220px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  overflow: hidden !important;
  z-index: 10001 !important;
}
.task-addressbook #listselect-menu .menu.listing[role="menu"][aria-labelledby*="listselect-menu"] > li,
.task-addressbook #listselect-menu ul.menu.listing[role="menu"][aria-labelledby*="listselect-menu"] > li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: block !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  width: 100% !important;
}
.task-addressbook #listselect-menu .menu.listing[role="menu"][aria-labelledby*="listselect-menu"] > li > a,
.task-addressbook #listselect-menu ul.menu.listing[role="menu"][aria-labelledby*="listselect-menu"] > li > a {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px 16px !important;
  background: var(--bg-color) !important;
  border-radius: 8px !important;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08), -1px -1px 3px rgba(255, 255, 255, 0.9) !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  text-decoration: none !important;
  color: var(--text-main) !important;
  font-weight: 500 !important;
  font-size: 0.9rem !important;
  cursor: pointer !important;
  border: none !important;
  white-space: nowrap !important;
  position: relative !important;
  margin: 0 !important;
  min-height: 42px !important;
  height: auto !important;
  line-height: 1.4 !important;
}
.task-addressbook #listselect-menu .menu.listing[role="menu"][aria-labelledby*="listselect-menu"] > li > a::before,
.task-addressbook #listselect-menu ul.menu.listing[role="menu"][aria-labelledby*="listselect-menu"] > li > a::before {
  font-family: 'Icons' !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  color: var(--text-main) !important;
  opacity: 0.7 !important;
  flex-shrink: 0 !important;
  width: 18px !important;
  text-align: center !important;
}
.task-addressbook #listselect-menu .menu.listing[role="menu"][aria-labelledby*="listselect-menu"] > li > a:hover,
.task-addressbook #listselect-menu ul.menu.listing[role="menu"][aria-labelledby*="listselect-menu"] > li > a:hover {
  box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.1), inset -2px -2px 4px rgba(255, 255, 255, 0.95) !important;
  color: var(--text-main) !important;
  transform: translateY(-1px) !important;
}
.task-addressbook #listselect-menu .menu.listing[role="menu"][aria-labelledby*="listselect-menu"] > li > a:hover::before,
.task-addressbook #listselect-menu ul.menu.listing[role="menu"][aria-labelledby*="listselect-menu"] > li > a:hover::before {
  opacity: 1 !important;
}
.task-addressbook #listselect-menu .menu.listing[role="menu"][aria-labelledby*="listselect-menu"] > li > a:active,
.task-addressbook #listselect-menu ul.menu.listing[role="menu"][aria-labelledby*="listselect-menu"] > li > a:active,
.task-addressbook #listselect-menu .menu.listing[role="menu"][aria-labelledby*="listselect-menu"] > li > a.active,
.task-addressbook #listselect-menu ul.menu.listing[role="menu"][aria-labelledby*="listselect-menu"] > li > a.active {
  box-shadow: inset 3px 3px 6px rgba(0, 0, 0, 0.12), inset -3px -3px 6px rgba(255, 255, 255, 0.95) !important;
  transform: translateY(0) !important;
}
.task-addressbook #listselect-menu .menu.listing[role="menu"][aria-labelledby*="listselect-menu"] > li > a.disabled,
.task-addressbook #listselect-menu ul.menu.listing[role="menu"][aria-labelledby*="listselect-menu"] > li > a.disabled,
.task-addressbook #listselect-menu .menu.listing[role="menu"][aria-labelledby*="listselect-menu"] > li > a[aria-disabled="true"],
.task-addressbook #listselect-menu ul.menu.listing[role="menu"][aria-labelledby*="listselect-menu"] > li > a[aria-disabled="true"] {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
  box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.05), inset -2px -2px 4px rgba(255, 255, 255, 0.7) !important;
}
/* Ensure popover containing listselect-menu stays visible and styled */
.task-addressbook .popover[aria-describedby*="listselect-menu"],
.task-addressbook .popover:has(#listselect-menu),
.task-addressbook .bs-popover:has(#listselect-menu),
.task-addressbook .popover[data-popup="listselect-menu"],
.task-addressbook .bs-popover[data-popup="listselect-menu"] {
  z-index: 10000 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  max-width: none !important;
}
.task-addressbook .popover[aria-describedby*="listselect-menu"].show,
.task-addressbook .popover:has(#listselect-menu).show,
.task-addressbook .bs-popover:has(#listselect-menu).show,
.task-addressbook .popover[data-popup="listselect-menu"].show,
.task-addressbook .bs-popover[data-popup="listselect-menu"].show,
.task-addressbook .popover[aria-describedby*="listselect-menu"][aria-hidden="false"],
.task-addressbook .popover:has(#listselect-menu)[aria-hidden="false"],
.task-addressbook .bs-popover:has(#listselect-menu)[aria-hidden="false"],
.task-addressbook .popover[data-popup="listselect-menu"][aria-hidden="false"],
.task-addressbook .bs-popover[data-popup="listselect-menu"][aria-hidden="false"],
.task-addressbook .popover[aria-describedby*="listselect-menu"]:not([aria-hidden="true"]),
.task-addressbook .popover:has(#listselect-menu):not([aria-hidden="true"]),
.task-addressbook .bs-popover:has(#listselect-menu):not([aria-hidden="true"]),
.task-addressbook .popover[data-popup="listselect-menu"]:not([aria-hidden="true"]),
.task-addressbook .bs-popover[data-popup="listselect-menu"]:not([aria-hidden="true"]),
.task-addressbook .popover[aria-describedby*="listselect-menu"]:not(.hidden),
.task-addressbook .popover:has(#listselect-menu):not(.hidden),
.task-addressbook .bs-popover:has(#listselect-menu):not(.hidden),
.task-addressbook .popover[data-popup="listselect-menu"]:not(.hidden),
.task-addressbook .bs-popover[data-popup="listselect-menu"]:not(.hidden) {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
.task-addressbook .popover[aria-describedby*="listselect-menu"] .popover-body,
.task-addressbook .popover:has(#listselect-menu) .popover-body,
.task-addressbook .bs-popover:has(#listselect-menu) .popover-body,
.task-addressbook .popover[data-popup="listselect-menu"] .popover-body,
.task-addressbook .bs-popover[data-popup="listselect-menu"] .popover-body {
  padding: 8px !important;
  z-index: 10001 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: transparent !important;
  border: none !important;
}
.task-addressbook .popover[aria-describedby*="listselect-menu"] .arrow,
.task-addressbook .popover:has(#listselect-menu) .arrow,
.task-addressbook .bs-popover:has(#listselect-menu) .arrow,
.task-addressbook .popover[data-popup="listselect-menu"] .arrow,
.task-addressbook .bs-popover[data-popup="listselect-menu"] .arrow {
  display: none !important;
}
/* Keep menu visible when Select button is active */
.task-addressbook .button.select.active + .popover,
.task-addressbook .button.select[aria-expanded="true"] + .popover,
.task-addressbook a.button.select.active ~ .popover,
.task-addressbook a.button.select[aria-expanded="true"] ~ .popover,
.task-addressbook .button.select.active ~ .popover,
.task-addressbook .button.select[aria-expanded="true"] ~ .popover {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 10000 !important;
}
.task-addressbook .button.select.active + .popover #listselect-menu,
.task-addressbook .button.select[aria-expanded="true"] + .popover #listselect-menu,
.task-addressbook a.button.select.active ~ .popover #listselect-menu,
.task-addressbook a.button.select[aria-expanded="true"] ~ .popover #listselect-menu,
.task-addressbook .button.select.active ~ .popover #listselect-menu,
.task-addressbook .button.select[aria-expanded="true"] ~ .popover #listselect-menu {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
/* Ensure listselect-menu is visible in popover body */
.task-addressbook .popover-body #listselect-menu,
.task-addressbook .popover .popover-body #listselect-menu {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 10001 !important;
}
.task-addressbook .popover-body #listselect-menu.show,
.task-addressbook .popover .popover-body #listselect-menu.show,
.task-addressbook .popover-body #listselect-menu[aria-hidden="false"],
.task-addressbook .popover .popover-body #listselect-menu[aria-hidden="false"],
.task-addressbook .popover-body #listselect-menu:not([aria-hidden="true"]),
.task-addressbook .popover .popover-body #listselect-menu:not([aria-hidden="true"]),
.task-addressbook .popover-body #listselect-menu:not(.hidden),
.task-addressbook .popover .popover-body #listselect-menu:not(.hidden) {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
/* Force popover to stay visible when Select button is clicked - override Bootstrap hiding */
.task-addressbook .popover:has(#listselect-menu):not(.bs-popover-auto),
.task-addressbook .bs-popover:has(#listselect-menu):not(.bs-popover-auto),
.task-addressbook .popover[data-popup="listselect-menu"]:not(.bs-popover-auto),
.task-addressbook .bs-popover[data-popup="listselect-menu"]:not(.bs-popover-auto) {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  /* Override Bootstrap's hidden class */
}
.task-addressbook .popover:has(#listselect-menu):not(.bs-popover-auto):not(.bs-popover-auto),
.task-addressbook .bs-popover:has(#listselect-menu):not(.bs-popover-auto):not(.bs-popover-auto),
.task-addressbook .popover[data-popup="listselect-menu"]:not(.bs-popover-auto):not(.bs-popover-auto),
.task-addressbook .bs-popover[data-popup="listselect-menu"]:not(.bs-popover-auto):not(.bs-popover-auto) {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
/* When Select button has data-popup attribute and is clicked, keep popover open */
.task-addressbook a[data-popup="listselect-menu"]:active ~ .popover,
.task-addressbook a[data-popup="listselect-menu"].active ~ .popover,
.task-addressbook a[data-popup="listselect-menu"][aria-expanded="true"] ~ .popover,
.task-addressbook a[data-popup="listselect-menu"]:active + .popover,
.task-addressbook a[data-popup="listselect-menu"].active + .popover,
.task-addressbook a[data-popup="listselect-menu"][aria-expanded="true"] + .popover {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 10000 !important;
}
/* Global rule: Any popover containing listselect-menu should stay visible */
.task-addressbook body .popover:has(#listselect-menu),
.task-addressbook body .bs-popover:has(#listselect-menu),
.task-addressbook body .popover #listselect-menu,
.task-addressbook body .bs-popover #listselect-menu {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 10000 !important;
  pointer-events: auto !important;
  /* Override any hiding classes */
}
.task-addressbook body .popover:has(#listselect-menu).hidden,
.task-addressbook body .bs-popover:has(#listselect-menu).hidden,
.task-addressbook body .popover #listselect-menu.hidden,
.task-addressbook body .bs-popover #listselect-menu.hidden,
.task-addressbook body .popover:has(#listselect-menu)[style*="display: none"],
.task-addressbook body .bs-popover:has(#listselect-menu)[style*="display: none"],
.task-addressbook body .popover #listselect-menu[style*="display: none"],
.task-addressbook body .bs-popover #listselect-menu[style*="display: none"],
.task-addressbook body .popover:has(#listselect-menu)[style*="display:none"],
.task-addressbook body .bs-popover:has(#listselect-menu)[style*="display:none"],
.task-addressbook body .popover #listselect-menu[style*="display:none"],
.task-addressbook body .bs-popover #listselect-menu[style*="display:none"] {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
/* Addressbook list header toolbar buttons - refined professional shadows */
.task-addressbook #layout-list .header .toolbar.menu > a.button,
.task-addressbook #layout-list .header .toolbar.menu > li > a.button {
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.08), -2px -2px 4px rgba(255, 255, 255, 0.9) !important;
}
.task-addressbook #layout-list .header .toolbar.menu > a.button:hover:not(.disabled),
.task-addressbook #layout-list .header .toolbar.menu > li > a.button:hover:not(.disabled) {
  box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.08), inset -2px -2px 4px rgba(255, 255, 255, 0.9) !important;
  transform: translateY(0) !important;
}
.task-addressbook #layout-list .header .toolbar.menu > a.button:active:not(.disabled),
.task-addressbook #layout-list .header .toolbar.menu > li > a.button:active:not(.disabled) {
  box-shadow: inset 3px 3px 6px rgba(0, 0, 0, 0.1), inset -3px -3px 6px rgba(255, 255, 255, 0.9) !important;
}
.task-addressbook #layout-list .header .toolbar.menu > a.button.disabled,
.task-addressbook #layout-list .header .toolbar.menu > li > a.button.disabled {
  box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.05), inset -2px -2px 4px rgba(255, 255, 255, 0.7) !important;
}
.task-addressbook #layout-list .header .toolbar.menu > a.button.active,
.task-addressbook #layout-list .header .toolbar.menu > li > a.button.active {
  box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.08), inset -2px -2px 4px rgba(255, 255, 255, 0.9) !important;
}
/* Select button - ensure it shows menu when active */
.task-addressbook .button.select.active,
.task-addressbook a.button.select.active,
.task-addressbook #layout-list .button.select.active,
.task-addressbook #layout-list a.button.select.active,
.task-addressbook .button.select[aria-expanded="true"],
.task-addressbook a.button.select[aria-expanded="true"],
.task-addressbook #layout-list .button.select[aria-expanded="true"],
.task-addressbook #layout-list a.button.select[aria-expanded="true"] {
  box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.08), inset -2px -2px 4px rgba(255, 255, 255, 0.9) !important;
}
.task-addressbook .button.select.active + .popover,
.task-addressbook a.button.select.active + .popover,
.task-addressbook #layout-list .button.select.active + .popover,
.task-addressbook #layout-list a.button.select.active + .popover,
.task-addressbook .button.select[aria-expanded="true"] + .popover,
.task-addressbook a.button.select[aria-expanded="true"] + .popover,
.task-addressbook #layout-list .button.select[aria-expanded="true"] + .popover,
.task-addressbook #layout-list a.button.select[aria-expanded="true"] + .popover,
.task-addressbook .button.select.active ~ .popover,
.task-addressbook a.button.select.active ~ .popover,
.task-addressbook #layout-list .button.select.active ~ .popover,
.task-addressbook #layout-list a.button.select.active ~ .popover,
.task-addressbook .button.select[aria-expanded="true"] ~ .popover,
.task-addressbook a.button.select[aria-expanded="true"] ~ .popover,
.task-addressbook #layout-list .button.select[aria-expanded="true"] ~ .popover,
.task-addressbook #layout-list a.button.select[aria-expanded="true"] ~ .popover {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 10000 !important;
}
/* ===========================================================
   SETTINGS PAGE - Neumorphic Design Matching Inbox/Contacts
   =========================================================== */
/* Settings Layout Sidebar - Match inbox aj-sidebar exactly */
.task-settings #layout-sidebar {
  position: relative !important;
  width: 280px !important;
  min-width: 280px !important;
  max-width: 280px !important;
  flex: 0 0 280px !important;
  height: 100% !important;
  padding: 24px 12px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  font-family: 'Poppins', system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
  background: var(--bg-color) !important;
  background-color: var(--bg-color) !important;
  box-shadow: 15px 15px 30px var(--shadow-dark), -15px -15px 30px var(--shadow-light) !important;
  min-height: calc(100vh - 60px) !important;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  z-index: 100 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  border: none !important;
  border-right: none !important;
  margin-right: 0 !important;
  /* Settings Sidebar Header - Match inbox sidebar header */
}
.task-settings #layout-sidebar .header {
  display: none;
}
.task-settings #layout-sidebar .aj-sidebar-header {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  margin-bottom: 24px !important;
  padding: 0 !important;
  /* Logo - Circular Neumorphic */
  /* User Profile Card */
  /* Section Title */
}
.task-settings #layout-sidebar .aj-sidebar-header #logo,
.task-settings #layout-sidebar .aj-sidebar-header #aj-logo {
  width: 65px !important;
  height: 65px !important;
  border-radius: 50% !important;
  background-color: var(--bg-color) !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  color: var(--text-main) !important;
  font-size: 1.6rem !important;
  font-weight: 900 !important;
  box-shadow: 10px 10px 20px var(--shadow-dark), -10px -10px 20px var(--shadow-light) !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
  object-fit: contain !important;
  padding: 8px !important;
  box-sizing: border-box !important;
  filter: brightness(1) contrast(1) saturate(1.1) !important;
  background: var(--bg-color) !important;
  border: 2px solid rgba(255, 255, 255, 0.1) !important;
}
.task-settings #layout-sidebar .aj-sidebar-header #logo:hover,
.task-settings #layout-sidebar .aj-sidebar-header #aj-logo:hover {
  box-shadow: 15px 15px 30px var(--shadow-dark), -15px -15px 30px var(--shadow-light) !important;
  filter: brightness(1.15) contrast(1.15) saturate(1.2) !important;
}
.task-settings #layout-sidebar .aj-sidebar-header #logo:active,
.task-settings #layout-sidebar .aj-sidebar-header #aj-logo:active {
  box-shadow: inset 8px 8px 16px var(--shadow-dark), inset -8px -8px 16px var(--shadow-light) !important;
}
.task-settings #layout-sidebar .aj-sidebar-header .aj-username-row {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}
.task-settings #layout-sidebar .aj-sidebar-header .aj-username-row .aj-username {
  color: var(--text-main) !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  text-align: center !important;
  margin: 2px 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 100% !important;
}
.task-settings #layout-sidebar .aj-sidebar-header .aj-section-title {
  color: var(--text-light) !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  margin-top: 8px !important;
  margin-bottom: 0 !important;
}
.task-settings #layout-sidebar .scroller {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  /* Scrollbar Styling - Match inbox */
}
.task-settings #layout-sidebar .scroller::-webkit-scrollbar {
  width: 6px;
}
.task-settings #layout-sidebar .scroller::-webkit-scrollbar-thumb {
  background: var(--shadow-dark);
  border-radius: 6px;
}
.task-settings #layout-sidebar .scroller #settings-menu,
.task-settings #layout-sidebar .scroller .listing {
  list-style: none;
  margin: 0;
  padding: 0.75rem !important;
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 0 0 auto;
}
.task-settings #layout-sidebar .scroller #settings-menu > li,
.task-settings #layout-sidebar .scroller .listing > li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  overflow: visible !important;
  border: none !important;
  background: transparent !important;
}
.task-settings #layout-sidebar .scroller #settings-menu > li > a,
.task-settings #layout-sidebar .scroller .listing > li > a {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 14px 18px !important;
  border-radius: 12px !important;
  text-decoration: none !important;
  color: var(--text-main) !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  letter-spacing: 0.01em !important;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  box-shadow: 6px 6px 12px var(--shadow-dark), -6px -6px 12px var(--shadow-light) !important;
  background: var(--bg-color) !important;
  background-color: var(--bg-color) !important;
  position: relative !important;
  min-height: 48px !important;
  height: auto !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  width: 100% !important;
  /* Enhanced Icon Container for sidebar menu */
}
.task-settings #layout-sidebar .scroller #settings-menu > li > a::before,
.task-settings #layout-sidebar .scroller .listing > li > a::before {
  font-family: 'Icons' !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  max-width: 38px !important;
  max-height: 38px !important;
  text-align: center !important;
  line-height: 38px !important;
  margin-right: 14px !important;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  border-radius: 12px !important;
  background: #8b5cf6 !important;
  /* Purple background for settings */
  color: #ffffff !important;
  /* White icon */
  flex-shrink: 0 !important;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2), -2px -2px 4px rgba(0, 0, 0, 0.1) !important;
}
.task-settings #layout-sidebar .scroller #settings-menu > li > a:hover,
.task-settings #layout-sidebar .scroller .listing > li > a:hover {
  color: var(--accent-color) !important;
  box-shadow: inset 5px 5px 10px var(--shadow-dark), inset -5px -5px 10px var(--shadow-light) !important;
  transform: translateY(-1px) scale(0.99) !important;
  background: var(--bg-color) !important;
}
.task-settings #layout-sidebar .scroller #settings-menu > li > a:hover::before,
.task-settings #layout-sidebar .scroller .listing > li > a:hover::before {
  transform: scale(1.08) !important;
  filter: brightness(1.12) !important;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4), -2px -2px 4px rgba(0, 0, 0, 0.2) !important;
}
.task-settings #layout-sidebar .scroller #settings-menu > li > a.selected,
.task-settings #layout-sidebar .scroller .listing > li > a.selected,
.task-settings #layout-sidebar .scroller #settings-menu > li > a.active,
.task-settings #layout-sidebar .scroller .listing > li > a.active,
li.selected > .task-settings #layout-sidebar .scroller #settings-menu > li > a,
li.selected > .task-settings #layout-sidebar .scroller .listing > li > a {
  color: var(--accent-color) !important;
  background: #c4cbd8 !important;
  /* Darker pressed background */
  transform: scale(0.97) !important;
  /* Pressed in effect */
  box-shadow: inset 8px 8px 16px var(--shadow-dark), inset -8px -8px 16px var(--shadow-light) !important;
  /* Deeper inset shadow */
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
}
.task-settings #layout-sidebar .scroller #settings-menu > li > a.selected::before,
.task-settings #layout-sidebar .scroller .listing > li > a.selected::before,
.task-settings #layout-sidebar .scroller #settings-menu > li > a.active::before,
.task-settings #layout-sidebar .scroller .listing > li > a.active::before,
li.selected > .task-settings #layout-sidebar .scroller #settings-menu > li > a::before,
li.selected > .task-settings #layout-sidebar .scroller .listing > li > a::before {
  transform: scale(0.92) !important;
  /* Icon slightly pressed in */
  filter: brightness(0.88) !important;
  /* Darker icon */
  box-shadow: inset 3px 3px 6px rgba(0, 0, 0, 0.25) !important;
  /* Inset shadow on icon */
  color: #ffffff !important;
  /* Keep icon white */
}
/* Settings Layout List - Settings sections list - Enhanced with better spacing and shadows */
.task-settings #layout-list {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  width: 340px !important;
  max-width: 340px !important;
  flex: 0 0 340px !important;
  background: var(--bg-color) !important;
  background-color: var(--bg-color) !important;
  background-image: none !important;
  box-shadow: 18px 18px 36px var(--shadow-dark), -18px -18px 36px var(--shadow-light) !important;
  padding: 28px 20px !important;
  overflow: hidden !important;
  min-height: calc(100vh - 60px) !important;
  border: none !important;
  border-right: none !important;
  gap: 20px !important;
  /* Remove any decorative elements */
}
.task-settings #layout-list::before,
.task-settings #layout-list::after {
  display: none !important;
  content: none !important;
}
.task-settings #layout-list .scroller {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  flex: 1 !important;
  min-height: 0 !important;
  padding: 8px 4px !important;
  margin: 0 !important;
  /* Make sure content is visible */
  /* Scrollbar Styling - Enhanced */
}
.task-settings #layout-list .scroller .listing {
  visibility: visible !important;
  opacity: 1 !important;
  display: block !important;
}
.task-settings #layout-list .scroller::-webkit-scrollbar {
  width: 8px;
}
.task-settings #layout-list .scroller::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 10px;
}
.task-settings #layout-list .scroller::-webkit-scrollbar-thumb {
  background: var(--shadow-dark);
  border-radius: 10px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.task-settings #layout-list .scroller::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.3);
}
.task-settings #layout-list .scroller .listing {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.task-settings #layout-list .scroller .listing > li {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: visible;
  border: none;
  background: transparent;
}
.task-settings #layout-list .scroller .listing > li > a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 16px 20px;
  border-radius: 14px;
  text-decoration: none;
  color: var(--text-main);
  font-size: 0.98rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.01em;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  box-shadow: 6px 6px 12px var(--shadow-dark), -6px -6px 12px var(--shadow-light);
  background: var(--bg-color);
  background-color: var(--bg-color);
  position: relative;
  min-height: 52px;
  height: auto;
  box-sizing: border-box;
  cursor: pointer;
  width: 100%;
  /* Icon Container - Enhanced with better sizing and shadows */
  /* Folder-specific icon colors - Different colors for each folder type */
  /* Inbox - Green */
  /* Drafts - Yellow/Amber */
  /* Sent - Light Blue */
  /* Spam/Junk - Orange */
  /* Trash/Deleted - Red */
  /* Archive - Dark Gray */
  /* Custom folders - Purple (default) */
}
.task-settings #layout-list .scroller .listing > li > a::before {
  font-family: 'Icons';
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  text-align: center;
  line-height: 40px;
  margin-right: 16px;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-radius: 12px;
  background: #8b5cf6;
  /* Default Purple background */
  color: #ffffff;
  /* White icon */
  flex-shrink: 0;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.15), -3px -3px 6px rgba(255, 255, 255, 0.12);
}
.task-settings #layout-list .scroller .listing > li > a[class*="inbox"]::before,
.task-settings #layout-list .scroller .listing > li > a[data-folder="inbox"]::before,
.task-settings #layout-list .scroller .listing > li > a[href*="inbox"]::before {
  content: "\f01c" !important;
  background: var(--icon-inbox) !important;
  /* Green #2ed573 */
}
.task-settings #layout-list .scroller .listing > li > a[class*="draft"]::before,
.task-settings #layout-list .scroller .listing > li > a[data-folder="draft"]::before,
.task-settings #layout-list .scroller .listing > li > a[href*="draft"]::before {
  content: "\f303" !important;
  background: #fbbf24 !important;
  /* Yellow/Amber */
}
.task-settings #layout-list .scroller .listing > li > a[class*="sent"]::before,
.task-settings #layout-list .scroller .listing > li > a[data-folder="sent"]::before,
.task-settings #layout-list .scroller .listing > li > a[href*="sent"]::before {
  content: "\f1d8" !important;
  background: var(--icon-sent) !important;
  /* Light blue #00BFFF */
}
.task-settings #layout-list .scroller .listing > li > a[class*="spam"]::before,
.task-settings #layout-list .scroller .listing > li > a[class*="junk"]::before,
.task-settings #layout-list .scroller .listing > li > a[data-folder="spam"]::before,
.task-settings #layout-list .scroller .listing > li > a[data-folder="junk"]::before,
.task-settings #layout-list .scroller .listing > li > a[href*="spam"]::before,
.task-settings #layout-list .scroller .listing > li > a[href*="junk"]::before {
  content: "\f7e4" !important;
  background: #ff9f43 !important;
  /* Orange */
}
.task-settings #layout-list .scroller .listing > li > a[class*="trash"]::before,
.task-settings #layout-list .scroller .listing > li > a[class*="deleted"]::before,
.task-settings #layout-list .scroller .listing > li > a[data-folder="trash"]::before,
.task-settings #layout-list .scroller .listing > li > a[data-folder="deleted"]::before,
.task-settings #layout-list .scroller .listing > li > a[href*="trash"]::before,
.task-settings #layout-list .scroller .listing > li > a[href*="deleted"]::before {
  content: "\f2ed" !important;
  background: #ff4757 !important;
  /* Red */
}
.task-settings #layout-list .scroller .listing > li > a[class*="archive"]::before,
.task-settings #layout-list .scroller .listing > li > a[data-folder="archive"]::before,
.task-settings #layout-list .scroller .listing > li > a[href*="archive"]::before {
  content: "\f187" !important;
  background: #6d7685 !important;
  /* Dark Gray */
}
.task-settings #layout-list .scroller .listing > li > a[class*="folder"]::before:not([class*="inbox"]):not([class*="draft"]):not([class*="sent"]):not([class*="spam"]):not([class*="junk"]):not([class*="trash"]):not([class*="deleted"]):not([class*="archive"]) {
  content: "\f07b" !important;
  background: #8b5cf6 !important;
  /* Purple */
}
.task-settings #layout-list .scroller .listing > li > a:hover {
  color: var(--accent-color) !important;
  box-shadow: inset 5px 5px 10px var(--shadow-dark), inset -5px -5px 10px var(--shadow-light);
  transform: translateY(-2px) scale(0.99);
  background: var(--bg-color);
  background-color: var(--bg-color);
}
.task-settings #layout-list .scroller .listing > li > a:hover::before {
  transform: scale(1.08);
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2), -4px -4px 8px rgba(255, 255, 255, 0.15);
}
.task-settings #layout-list .scroller .listing > li > a.selected,
.task-settings #layout-list .scroller .listing > li > a.active {
  color: var(--accent-color) !important;
  background: #c4cbd8 !important;
  background-color: #c4cbd8 !important;
  box-shadow: inset 8px 8px 16px var(--shadow-dark), inset -8px -8px 16px var(--shadow-light);
  font-weight: 700;
  transform: scale(0.97);
  letter-spacing: 0.02em;
}
.task-settings #layout-list .scroller .listing > li > a.selected::before,
.task-settings #layout-list .scroller .listing > li > a.active::before {
  transform: scale(1.12);
  background: #8b5cf6;
  box-shadow: inset 3px 3px 6px rgba(0, 0, 0, 0.25), inset -2px -2px 4px rgba(255, 255, 255, 0.1);
}
/* Table listing styling - Match sidebar style - For identities and responses */
.task-settings #layout-list table.listing {
  width: 100% !important;
  border-spacing: 0 !important;
  border-collapse: separate !important;
}
.task-settings #layout-list table.listing tbody {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}
.task-settings #layout-list table.listing tr {
  display: flex !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  /* Identity rows - Different colored icons for each */
  /* Different colors for each identity (based on nth-child) */
  /* Response rows - Different colored icons */
}
.task-settings #layout-list table.listing tr td.section {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 18px 22px 18px 68px !important;
  border-radius: 14px !important;
  text-decoration: none !important;
  color: var(--text-main) !important;
  font-size: 0.98rem !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  letter-spacing: 0.01em !important;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  box-shadow: 8px 8px 16px var(--shadow-dark), -8px -8px 16px var(--shadow-light) !important;
  background: var(--bg-color) !important;
  background-color: var(--bg-color) !important;
  position: relative !important;
  min-height: 56px !important;
  height: auto !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  width: 100% !important;
  border: none !important;
  /* Dark mode - force dark shadows */
  /* Enhanced Icon Container with better sizing and shadows */
}
html.dark-mode .task-settings #layout-list table.listing tr td.section,
body.dark-mode .task-settings #layout-list table.listing tr td.section,
.dark-mode .task-settings #layout-list table.listing tr td.section {
  box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.8), -4px -4px 8px rgba(0, 0, 0, 0.3) !important;
}
.task-settings #layout-list table.listing tr td.section::before {
  font-family: 'Icons' !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 1.05rem !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  max-width: 42px !important;
  max-height: 42px !important;
  text-align: center !important;
  line-height: 42px !important;
  margin-right: 0 !important;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  border-radius: 12px !important;
  background: #8b5cf6 !important;
  /* Default Purple */
  color: #ffffff !important;
  flex-shrink: 0 !important;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.18), -3px -3px 6px rgba(0, 0, 0, 0.1) !important;
  position: absolute !important;
  left: 18px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 1 !important;
}
.task-settings #layout-list table.listing tr[id^="rcmrow"] td.section::before,
.task-settings #layout-list table.listing tr[class*="identity"] td.section::before,
.task-settings #layout-list table.listing tr[data-type="identity"] td.section::before {
  content: "\f2c2" !important;
}
.task-settings #layout-list table.listing tr:nth-child(1) td.section::before {
  background: #3b82f6 !important;
  /* Blue */
}
.task-settings #layout-list table.listing tr:nth-child(2) td.section::before {
  background: #8b5cf6 !important;
  /* Purple */
}
.task-settings #layout-list table.listing tr:nth-child(3) td.section::before {
  background: #10b981 !important;
  /* Green */
}
.task-settings #layout-list table.listing tr:nth-child(4) td.section::before {
  background: #f59e0b !important;
  /* Orange */
}
.task-settings #layout-list table.listing tr:nth-child(5) td.section::before {
  background: #ef4444 !important;
  /* Red */
}
.task-settings #layout-list table.listing tr:nth-child(6) td.section::before {
  background: #06b6d4 !important;
  /* Cyan */
}
.task-settings #layout-list table.listing tr:nth-child(7) td.section::before {
  background: #6366f1 !important;
  /* Indigo */
}
.task-settings #layout-list table.listing tr:nth-child(8) td.section::before {
  background: #ec4899 !important;
  /* Pink */
}
.task-settings #layout-list table.listing tr[class*="response"] td.section::before,
.task-settings #layout-list table.listing tr[data-type="response"] td.section::before {
  content: "\f4ad" !important;
}
.task-settings #layout-list table.listing tr:hover td.section {
  color: var(--text-main) !important;
  box-shadow: 12px 12px 24px var(--shadow-dark), -12px -12px 24px var(--shadow-light) !important;
  /* Dark mode override - force dark shadows */
  transform: translateY(-2px) scale(1.01) !important;
  background: var(--bg-color) !important;
}
html.dark-mode .task-settings #layout-list table.listing tr:hover td.section,
body.dark-mode .task-settings #layout-list table.listing tr:hover td.section,
.dark-mode .task-settings #layout-list table.listing tr:hover td.section {
  box-shadow: 12px 12px 24px rgba(0, 0, 0, 0.9), -6px -6px 12px rgba(0, 0, 0, 0.4) !important;
}
.task-settings #layout-list table.listing tr:hover td.section::before {
  transform: translateY(-50%) scale(1.1) !important;
  filter: brightness(1.12) !important;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.22), -4px -4px 8px rgba(0, 0, 0, 0.12) !important;
}
.task-settings #layout-list table.listing tr.focused td.section,
.task-settings #layout-list table.listing tr.selected td.section {
  color: var(--text-main) !important;
  background: #c4cbd8 !important;
  background-color: #c4cbd8 !important;
  box-shadow: inset 10px 10px 20px var(--shadow-dark), inset -10px -10px 20px var(--shadow-light) !important;
  /* Dark mode override - force dark shadows */
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  transform: scale(0.98) !important;
}
html.dark-mode .task-settings #layout-list table.listing tr.focused td.section,
html.dark-mode .task-settings #layout-list table.listing tr.selected td.section,
body.dark-mode .task-settings #layout-list table.listing tr.focused td.section,
body.dark-mode .task-settings #layout-list table.listing tr.selected td.section,
.dark-mode .task-settings #layout-list table.listing tr.focused td.section,
.dark-mode .task-settings #layout-list table.listing tr.selected td.section {
  box-shadow: inset 10px 10px 20px rgba(0, 0, 0, 0.9), inset -5px -5px 10px rgba(0, 0, 0, 0.4) !important;
}
.task-settings #layout-list table.listing tr.focused td.section::before,
.task-settings #layout-list table.listing tr.selected td.section::before {
  transform: translateY(-50%) scale(0.92) !important;
  filter: brightness(0.88) !important;
  box-shadow: inset 4px 4px 8px rgba(0, 0, 0, 0.32) !important;
}
/* Settings Layout Content - Enhanced with better spacing and shadows */
.task-settings #layout-content {
  background: var(--bg-color) !important;
  background-color: var(--bg-color) !important;
  background-image: none !important;
  border-radius: 24px !important;
  box-shadow: 24px 24px 48px var(--shadow-dark), -24px -24px 48px var(--shadow-light) !important;
  margin-left: 24px !important;
  margin-right: 24px !important;
  padding: 32px !important;
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  overflow: hidden !important;
  min-width: 0 !important;
  position: relative !important;
  gap: 24px !important;
  /* Remove any decorative elements from login page */
  /* Hide any background circles or decorative elements */
  /* Enhanced Header/Toolbar with better spacing and typography */
  /* Enhanced button icon styling */
  /* Enhanced iframe-wrapper with better spacing and shadows */
}
.task-settings #layout-content::before,
.task-settings #layout-content::after {
  display: none !important;
  content: none !important;
}
.task-settings #layout-content .background-circles {
  display: none !important;
}
.task-settings #layout-content .header {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: var(--bg-color) !important;
  background-color: var(--bg-color) !important;
  border-radius: 18px !important;
  padding: 20px 24px !important;
  margin-bottom: 0 !important;
  box-shadow: 10px 10px 20px var(--shadow-dark), -10px -10px 20px var(--shadow-light) !important;
  align-items: center !important;
  gap: 20px !important;
  flex-wrap: wrap !important;
  min-height: 72px !important;
  height: auto !important;
  /* Toolbar menu - Make sure buttons are visible */
}
.task-settings #layout-content .header .header-title {
  color: var(--text-main) !important;
  font-weight: 700 !important;
  font-size: 1.35rem !important;
  line-height: 1.5 !important;
  letter-spacing: 0.02em !important;
  margin: 0 !important;
  flex: 1 !important;
}
.task-settings #layout-content .header .menu.toolbar,
.task-settings #layout-content .header .toolbar {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  align-items: center !important;
  gap: 10px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  flex-shrink: 0 !important;
}
.task-settings #layout-content .header .menu.toolbar li,
.task-settings #layout-content .header .toolbar li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: flex !important;
  align-items: center !important;
}
.task-settings #layout-content .header .menu.toolbar li a.button,
.task-settings #layout-content .header .toolbar li a.button,
.task-settings #layout-content .header .menu.toolbar li a.create,
.task-settings #layout-content .header .toolbar li a.create,
.task-settings #layout-content .header .menu.toolbar li button.create,
.task-settings #layout-content .header .toolbar li button.create,
.task-settings #layout-content .header .menu.toolbar li .button.create,
.task-settings #layout-content .header .toolbar li .button.create,
.task-settings #layout-content .header .menu.toolbar li a.delete,
.task-settings #layout-content .header .toolbar li a.delete,
.task-settings #layout-content .header .menu.toolbar li button.delete,
.task-settings #layout-content .header .toolbar li button.delete,
.task-settings #layout-content .header .menu.toolbar li .button.delete,
.task-settings #layout-content .header .toolbar li .button.delete {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px 20px !important;
  border-radius: 14px !important;
  background: var(--bg-color) !important;
  box-shadow: 8px 8px 16px var(--shadow-dark), -8px -8px 16px var(--shadow-light) !important;
  color: var(--text-main) !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  cursor: pointer !important;
  border: none !important;
  min-height: 44px !important;
  gap: 10px !important;
  white-space: nowrap !important;
}
.task-settings #layout-content .header .menu.toolbar li a.button::before,
.task-settings #layout-content .header .toolbar li a.button::before,
.task-settings #layout-content .header .menu.toolbar li a.create::before,
.task-settings #layout-content .header .toolbar li a.create::before,
.task-settings #layout-content .header .menu.toolbar li button.create::before,
.task-settings #layout-content .header .toolbar li button.create::before,
.task-settings #layout-content .header .menu.toolbar li .button.create::before,
.task-settings #layout-content .header .toolbar li .button.create::before,
.task-settings #layout-content .header .menu.toolbar li a.delete::before,
.task-settings #layout-content .header .toolbar li a.delete::before,
.task-settings #layout-content .header .menu.toolbar li button.delete::before,
.task-settings #layout-content .header .toolbar li button.delete::before,
.task-settings #layout-content .header .menu.toolbar li .button.delete::before,
.task-settings #layout-content .header .toolbar li .button.delete::before {
  font-family: 'Icons' !important;
  font-size: 1.05rem !important;
  margin-right: 0 !important;
}
.task-settings #layout-content .header .menu.toolbar li a.button.create::before,
.task-settings #layout-content .header .toolbar li a.button.create::before,
.task-settings #layout-content .header .menu.toolbar li a.create.create::before,
.task-settings #layout-content .header .toolbar li a.create.create::before,
.task-settings #layout-content .header .menu.toolbar li button.create.create::before,
.task-settings #layout-content .header .toolbar li button.create.create::before,
.task-settings #layout-content .header .menu.toolbar li .button.create.create::before,
.task-settings #layout-content .header .toolbar li .button.create.create::before,
.task-settings #layout-content .header .menu.toolbar li a.delete.create::before,
.task-settings #layout-content .header .toolbar li a.delete.create::before,
.task-settings #layout-content .header .menu.toolbar li button.delete.create::before,
.task-settings #layout-content .header .toolbar li button.delete.create::before,
.task-settings #layout-content .header .menu.toolbar li .button.delete.create::before,
.task-settings #layout-content .header .toolbar li .button.delete.create::before {
  content: "\f067" !important;
}
.task-settings #layout-content .header .menu.toolbar li a.button.delete::before,
.task-settings #layout-content .header .toolbar li a.button.delete::before,
.task-settings #layout-content .header .menu.toolbar li a.create.delete::before,
.task-settings #layout-content .header .toolbar li a.create.delete::before,
.task-settings #layout-content .header .menu.toolbar li button.create.delete::before,
.task-settings #layout-content .header .toolbar li button.create.delete::before,
.task-settings #layout-content .header .menu.toolbar li .button.create.delete::before,
.task-settings #layout-content .header .toolbar li .button.create.delete::before,
.task-settings #layout-content .header .menu.toolbar li a.delete.delete::before,
.task-settings #layout-content .header .toolbar li a.delete.delete::before,
.task-settings #layout-content .header .menu.toolbar li button.delete.delete::before,
.task-settings #layout-content .header .toolbar li button.delete.delete::before,
.task-settings #layout-content .header .menu.toolbar li .button.delete.delete::before,
.task-settings #layout-content .header .toolbar li .button.delete.delete::before {
  content: "\f2ed" !important;
}
.task-settings #layout-content .header .menu.toolbar li a.button:hover:not(.disabled),
.task-settings #layout-content .header .toolbar li a.button:hover:not(.disabled),
.task-settings #layout-content .header .menu.toolbar li a.create:hover:not(.disabled),
.task-settings #layout-content .header .toolbar li a.create:hover:not(.disabled),
.task-settings #layout-content .header .menu.toolbar li button.create:hover:not(.disabled),
.task-settings #layout-content .header .toolbar li button.create:hover:not(.disabled),
.task-settings #layout-content .header .menu.toolbar li .button.create:hover:not(.disabled),
.task-settings #layout-content .header .toolbar li .button.create:hover:not(.disabled),
.task-settings #layout-content .header .menu.toolbar li a.delete:hover:not(.disabled),
.task-settings #layout-content .header .toolbar li a.delete:hover:not(.disabled),
.task-settings #layout-content .header .menu.toolbar li button.delete:hover:not(.disabled),
.task-settings #layout-content .header .toolbar li button.delete:hover:not(.disabled),
.task-settings #layout-content .header .menu.toolbar li .button.delete:hover:not(.disabled),
.task-settings #layout-content .header .toolbar li .button.delete:hover:not(.disabled) {
  box-shadow: inset 6px 6px 12px var(--shadow-dark), inset -6px -6px 12px var(--shadow-light) !important;
  transform: translateY(-1px) scale(0.99) !important;
  background: var(--bg-color) !important;
}
.task-settings #layout-content .header .menu.toolbar li a.button:active:not(.disabled),
.task-settings #layout-content .header .toolbar li a.button:active:not(.disabled),
.task-settings #layout-content .header .menu.toolbar li a.create:active:not(.disabled),
.task-settings #layout-content .header .toolbar li a.create:active:not(.disabled),
.task-settings #layout-content .header .menu.toolbar li button.create:active:not(.disabled),
.task-settings #layout-content .header .toolbar li button.create:active:not(.disabled),
.task-settings #layout-content .header .menu.toolbar li .button.create:active:not(.disabled),
.task-settings #layout-content .header .toolbar li .button.create:active:not(.disabled),
.task-settings #layout-content .header .menu.toolbar li a.delete:active:not(.disabled),
.task-settings #layout-content .header .toolbar li a.delete:active:not(.disabled),
.task-settings #layout-content .header .menu.toolbar li button.delete:active:not(.disabled),
.task-settings #layout-content .header .toolbar li button.delete:active:not(.disabled),
.task-settings #layout-content .header .menu.toolbar li .button.delete:active:not(.disabled),
.task-settings #layout-content .header .toolbar li .button.delete:active:not(.disabled) {
  box-shadow: inset 8px 8px 16px var(--shadow-dark), inset -8px -8px 16px var(--shadow-light) !important;
  transform: translateY(0) scale(0.97) !important;
}
.task-settings #layout-content .header .menu.toolbar li a.button.disabled,
.task-settings #layout-content .header .toolbar li a.button.disabled,
.task-settings #layout-content .header .menu.toolbar li a.create.disabled,
.task-settings #layout-content .header .toolbar li a.create.disabled,
.task-settings #layout-content .header .menu.toolbar li button.create.disabled,
.task-settings #layout-content .header .toolbar li button.create.disabled,
.task-settings #layout-content .header .menu.toolbar li .button.create.disabled,
.task-settings #layout-content .header .toolbar li .button.create.disabled,
.task-settings #layout-content .header .menu.toolbar li a.delete.disabled,
.task-settings #layout-content .header .toolbar li a.delete.disabled,
.task-settings #layout-content .header .menu.toolbar li button.delete.disabled,
.task-settings #layout-content .header .toolbar li button.delete.disabled,
.task-settings #layout-content .header .menu.toolbar li .button.delete.disabled,
.task-settings #layout-content .header .toolbar li .button.delete.disabled {
  opacity: 0.4 !important;
  cursor: not-allowed !important;
  box-shadow: 4px 4px 8px var(--shadow-dark), -4px -4px 8px var(--shadow-light) !important;
}
.task-settings #layout-content .button.icon {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px !important;
  border-radius: 14px !important;
  background: var(--bg-color) !important;
  box-shadow: 6px 6px 12px var(--shadow-dark), -6px -6px 12px var(--shadow-light) !important;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}
.task-settings #layout-content .button.icon:hover {
  box-shadow: inset 5px 5px 10px var(--shadow-dark), inset -5px -5px 10px var(--shadow-light) !important;
  transform: scale(0.98) !important;
}
.task-settings #layout-content .iframe-wrapper {
  background: var(--bg-color) !important;
  background-color: var(--bg-color) !important;
  background-image: none !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  flex: 1 !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
  box-shadow: inset 6px 6px 12px var(--shadow-dark), inset -6px -6px 12px var(--shadow-light) !important;
  padding: 6px !important;
  z-index: 1 !important;
  /* Remove any decorative elements */
}
.task-settings #layout-content .iframe-wrapper iframe {
  background: var(--bg-color) !important;
  background-color: var(--bg-color) !important;
  background-image: none !important;
  border: none !important;
  width: 100% !important;
  height: 100% !important;
  flex: 1 !important;
  min-height: 0 !important;
  border-radius: 16px !important;
  position: relative !important;
  z-index: 1 !important;
}
.task-settings #layout-content .iframe-wrapper::before,
.task-settings #layout-content .iframe-wrapper::after {
  display: none !important;
  content: none !important;
}
/* Settings Menu Items - Icon styling for layout-sidebar (settings tabs) with colored backgrounds */
/* IMPORTANT: These should be rectangular buttons, NOT circular */
.task-settings #layout-sidebar #settings-menu li > a,
.task-settings #layout-sidebar .listing li > a {
  /* Ensure these are NOT circular buttons */
  border-radius: 6px !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  padding: 10px 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
}
.task-settings #layout-sidebar #settings-menu li > a[class*="general"]::before,
.task-settings #layout-sidebar .listing li > a[class*="general"]::before,
.task-settings #layout-sidebar #settings-menu li > a[data-section="general"]::before,
.task-settings #layout-sidebar .listing li > a[data-section="general"]::before,
.task-settings #layout-sidebar #settings-menu li > a[href*="general"]::before,
.task-settings #layout-sidebar .listing li > a[href*="general"]::before,
.task-settings #layout-sidebar #settings-menu li > a[class*="preferences"]::before,
.task-settings #layout-sidebar .listing li > a[class*="preferences"]::before,
.task-settings #layout-sidebar #settings-menu li > a[data-section="preferences"]::before,
.task-settings #layout-sidebar .listing li > a[data-section="preferences"]::before,
.task-settings #layout-sidebar #settings-menu li > a[href*="preferences"]::before,
.task-settings #layout-sidebar .listing li > a[href*="preferences"]::before {
  content: "\f1de" !important;
  background: #8b5cf6 !important;
  /* Purple */
  color: #ffffff !important;
  border-radius: 10px !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  max-width: 32px !important;
  max-height: 32px !important;
}
.task-settings #layout-sidebar #settings-menu li > a[class*="folders"]::before,
.task-settings #layout-sidebar .listing li > a[class*="folders"]::before,
.task-settings #layout-sidebar #settings-menu li > a[data-section="folders"]::before,
.task-settings #layout-sidebar .listing li > a[data-section="folders"]::before,
.task-settings #layout-sidebar #settings-menu li > a[href*="folders"]::before,
.task-settings #layout-sidebar .listing li > a[href*="folders"]::before {
  content: "\f07b" !important;
  background: #f59e0b !important;
  /* Orange */
  color: #ffffff !important;
  border-radius: 10px !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  max-width: 32px !important;
  max-height: 32px !important;
}
.task-settings #layout-sidebar #settings-menu li > a[class*="identities"]::before,
.task-settings #layout-sidebar .listing li > a[class*="identities"]::before,
.task-settings #layout-sidebar #settings-menu li > a[data-section="identities"]::before,
.task-settings #layout-sidebar .listing li > a[data-section="identities"]::before,
.task-settings #layout-sidebar #settings-menu li > a[href*="identities"]::before,
.task-settings #layout-sidebar .listing li > a[href*="identities"]::before {
  content: "\f2c2" !important;
  background: #3b82f6 !important;
  /* Blue */
  color: #ffffff !important;
  border-radius: 10px !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  max-width: 32px !important;
  max-height: 32px !important;
}
.task-settings #layout-sidebar #settings-menu li > a[class*="responses"]::before,
.task-settings #layout-sidebar .listing li > a[class*="responses"]::before,
.task-settings #layout-sidebar #settings-menu li > a[data-section="responses"]::before,
.task-settings #layout-sidebar .listing li > a[data-section="responses"]::before,
.task-settings #layout-sidebar #settings-menu li > a[href*="responses"]::before,
.task-settings #layout-sidebar .listing li > a[href*="responses"]::before {
  content: "\f4ad" !important;
  background: #10b981 !important;
  /* Green */
  color: #ffffff !important;
  border-radius: 10px !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  max-width: 32px !important;
  max-height: 32px !important;
}
/* Settings Menu Items - Icon styling for layout-list (settings sections) with colored backgrounds */
.task-settings #layout-list .listing li > a[class*="ui"]::before,
.task-settings #layout-list table.listing tbody tr td.section[class*="ui"]::before,
.task-settings #layout-list .listing li > a[data-section="ui"]::before,
.task-settings #layout-list table.listing tbody tr td.section[data-section="ui"]::before,
.task-settings #layout-list .listing li > a[href*="ui"]::before,
.task-settings #layout-list table.listing tbody tr td.section[href*="ui"]::before,
.task-settings #layout-list .listing li > a[class*="user.*interface"]::before,
.task-settings #layout-list table.listing tbody tr td.section[class*="user.*interface"]::before {
  content: "\f108" !important;
  background: #6366f1 !important;
  /* Indigo */
  color: #ffffff !important;
  border-radius: 10px !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  max-width: 32px !important;
  max-height: 32px !important;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1), -1px -1px 2px rgba(255, 255, 255, 0.1);
}
/* Table row icon colors - Different colors for each section */
.task-settings #layout-list table.listing tbody tr.general td.section::before {
  content: "\f108" !important;
  background: #6366f1 !important;
  /* Indigo */
  color: #ffffff !important;
  border-radius: 10px !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  max-width: 32px !important;
  max-height: 32px !important;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1), -1px -1px 2px rgba(255, 255, 255, 0.1) !important;
}
.task-settings #layout-list table.listing tbody tr.mailbox td.section::before {
  content: "\f01c" !important;
  background: var(--icon-inbox) !important;
  /* Green */
  color: #ffffff !important;
  border-radius: 10px !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  max-width: 32px !important;
  max-height: 32px !important;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1), -1px -1px 2px rgba(255, 255, 255, 0.1) !important;
}
.task-settings #layout-list table.listing tbody tr.mailview td.section::before {
  content: "\f15c" !important;
  background: #8b5cf6 !important;
  /* Purple */
  color: #ffffff !important;
  border-radius: 10px !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  max-width: 32px !important;
  max-height: 32px !important;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1), -1px -1px 2px rgba(255, 255, 255, 0.1) !important;
}
.task-settings #layout-list table.listing tbody tr.compose td.section::before {
  content: "\f044" !important;
  background: #f59e0b !important;
  /* Orange */
  color: #ffffff !important;
  border-radius: 10px !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  max-width: 32px !important;
  max-height: 32px !important;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1), -1px -1px 2px rgba(255, 255, 255, 0.1) !important;
}
.task-settings #layout-list table.listing tbody tr.addressbook td.section::before {
  content: "\f2b9" !important;
  background: #4a90e2 !important;
  /* Blue */
  color: #ffffff !important;
  border-radius: 10px !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  max-width: 32px !important;
  max-height: 32px !important;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1), -1px -1px 2px rgba(255, 255, 255, 0.1) !important;
}
.task-settings #layout-list table.listing tbody tr.folders td.section::before {
  content: "\f07b" !important;
  background: #f59e0b !important;
  /* Orange */
  color: #ffffff !important;
  border-radius: 10px !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  max-width: 32px !important;
  max-height: 32px !important;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1), -1px -1px 2px rgba(255, 255, 255, 0.1) !important;
}
.task-settings #layout-list table.listing tbody tr.server td.section::before {
  content: "\f233" !important;
  background: #6d7685 !important;
  /* Gray */
  color: #ffffff !important;
  border-radius: 10px !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  max-width: 32px !important;
  max-height: 32px !important;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1), -1px -1px 2px rgba(255, 255, 255, 0.1) !important;
}
.task-settings #layout-list table.listing tbody tr.encryption td.section::before {
  content: "\f023" !important;
  background: #ef4444 !important;
  /* Red */
  color: #ffffff !important;
  border-radius: 10px !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  max-width: 32px !important;
  max-height: 32px !important;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1), -1px -1px 2px rgba(255, 255, 255, 0.1) !important;
}
/* Identities and Responses in #layout-list - Table rows with colored icons and neumorphic effects */
.task-settings #layout-list table.listing {
  border-collapse: separate !important;
  border-spacing: 0 12px !important;
  width: 100% !important;
}
.task-settings #layout-list table.listing tbody {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}
.task-settings #layout-list table.listing tr {
  background: var(--bg-color) !important;
  border-radius: 14px !important;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  box-shadow: 6px 6px 12px var(--shadow-dark), -6px -6px 12px var(--shadow-light) !important;
  margin-bottom: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  cursor: pointer !important;
  padding: 0 !important;
  /* Identity rows - Different colored icons for each */
  /* Response rows - Different colored icons */
  /* Hover effect - Neumorphic raised */
  /* Active/Selected state - Neumorphic pressed */
}
.task-settings #layout-list table.listing tr td {
  padding: 16px 20px !important;
  border: none !important;
  background: transparent !important;
  color: var(--text-main) !important;
  font-size: 0.95rem !important;
  vertical-align: middle !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  flex: 1 !important;
  /* First cell - contains identity/response info */
}
.task-settings #layout-list table.listing tr td:first-child {
  padding-left: 60px !important;
  position: relative !important;
}
.task-settings #layout-list table.listing tr td:first-child::before {
  content: '' !important;
  font-family: 'Icons' !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 0.9rem !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  max-width: 36px !important;
  max-height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 10px !important;
  color: #ffffff !important;
  position: absolute !important;
  left: 18px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 1 !important;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.15), -2px -2px 4px rgba(255, 255, 255, 0.1) !important;
  transition: all 0.3s ease !important;
}
.task-settings #layout-list table.listing tr[id^="rcmrow"],
.task-settings #layout-list table.listing tr[class*="identity"],
.task-settings #layout-list table.listing tr[data-type="identity"] {
  /* Different colors for each identity (based on nth-child) */
}
.task-settings #layout-list table.listing tr[id^="rcmrow"] td:first-child::before,
.task-settings #layout-list table.listing tr[class*="identity"] td:first-child::before,
.task-settings #layout-list table.listing tr[data-type="identity"] td:first-child::before {
  content: "\f2c2" !important;
}
.task-settings #layout-list table.listing tr[id^="rcmrow"]:nth-child(1) td:first-child::before,
.task-settings #layout-list table.listing tr[class*="identity"]:nth-child(1) td:first-child::before,
.task-settings #layout-list table.listing tr[data-type="identity"]:nth-child(1) td:first-child::before {
  background: #3b82f6 !important;
  /* Blue */
}
.task-settings #layout-list table.listing tr[id^="rcmrow"]:nth-child(2) td:first-child::before,
.task-settings #layout-list table.listing tr[class*="identity"]:nth-child(2) td:first-child::before,
.task-settings #layout-list table.listing tr[data-type="identity"]:nth-child(2) td:first-child::before {
  background: #8b5cf6 !important;
  /* Purple */
}
.task-settings #layout-list table.listing tr[id^="rcmrow"]:nth-child(3) td:first-child::before,
.task-settings #layout-list table.listing tr[class*="identity"]:nth-child(3) td:first-child::before,
.task-settings #layout-list table.listing tr[data-type="identity"]:nth-child(3) td:first-child::before {
  background: #10b981 !important;
  /* Green */
}
.task-settings #layout-list table.listing tr[id^="rcmrow"]:nth-child(4) td:first-child::before,
.task-settings #layout-list table.listing tr[class*="identity"]:nth-child(4) td:first-child::before,
.task-settings #layout-list table.listing tr[data-type="identity"]:nth-child(4) td:first-child::before {
  background: #f59e0b !important;
  /* Orange */
}
.task-settings #layout-list table.listing tr[id^="rcmrow"]:nth-child(5) td:first-child::before,
.task-settings #layout-list table.listing tr[class*="identity"]:nth-child(5) td:first-child::before,
.task-settings #layout-list table.listing tr[data-type="identity"]:nth-child(5) td:first-child::before {
  background: #ef4444 !important;
  /* Red */
}
.task-settings #layout-list table.listing tr[id^="rcmrow"]:nth-child(6) td:first-child::before,
.task-settings #layout-list table.listing tr[class*="identity"]:nth-child(6) td:first-child::before,
.task-settings #layout-list table.listing tr[data-type="identity"]:nth-child(6) td:first-child::before {
  background: #06b6d4 !important;
  /* Cyan */
}
.task-settings #layout-list table.listing tr[id^="rcmrow"]:nth-child(7) td:first-child::before,
.task-settings #layout-list table.listing tr[class*="identity"]:nth-child(7) td:first-child::before,
.task-settings #layout-list table.listing tr[data-type="identity"]:nth-child(7) td:first-child::before {
  background: #6366f1 !important;
  /* Indigo */
}
.task-settings #layout-list table.listing tr[id^="rcmrow"]:nth-child(8) td:first-child::before,
.task-settings #layout-list table.listing tr[class*="identity"]:nth-child(8) td:first-child::before,
.task-settings #layout-list table.listing tr[data-type="identity"]:nth-child(8) td:first-child::before {
  background: #ec4899 !important;
  /* Pink */
}
.task-settings #layout-list table.listing tr[class*="response"],
.task-settings #layout-list table.listing tr[data-type="response"] {
  /* Different colors for each response */
}
.task-settings #layout-list table.listing tr[class*="response"] td:first-child::before,
.task-settings #layout-list table.listing tr[data-type="response"] td:first-child::before {
  content: "\f4ad" !important;
}
.task-settings #layout-list table.listing tr[class*="response"]:nth-child(1) td:first-child::before,
.task-settings #layout-list table.listing tr[data-type="response"]:nth-child(1) td:first-child::before {
  background: #10b981 !important;
  /* Green */
}
.task-settings #layout-list table.listing tr[class*="response"]:nth-child(2) td:first-child::before,
.task-settings #layout-list table.listing tr[data-type="response"]:nth-child(2) td:first-child::before {
  background: #3b82f6 !important;
  /* Blue */
}
.task-settings #layout-list table.listing tr[class*="response"]:nth-child(3) td:first-child::before,
.task-settings #layout-list table.listing tr[data-type="response"]:nth-child(3) td:first-child::before {
  background: #8b5cf6 !important;
  /* Purple */
}
.task-settings #layout-list table.listing tr[class*="response"]:nth-child(4) td:first-child::before,
.task-settings #layout-list table.listing tr[data-type="response"]:nth-child(4) td:first-child::before {
  background: #f59e0b !important;
  /* Orange */
}
.task-settings #layout-list table.listing tr[class*="response"]:nth-child(5) td:first-child::before,
.task-settings #layout-list table.listing tr[data-type="response"]:nth-child(5) td:first-child::before {
  background: #ef4444 !important;
  /* Red */
}
.task-settings #layout-list table.listing tr:hover {
  background: var(--bg-color) !important;
  box-shadow: 10px 10px 20px var(--shadow-dark), -10px -10px 20px var(--shadow-light) !important;
  transform: translateY(-3px) scale(1.02) !important;
}
.task-settings #layout-list table.listing tr:hover td:first-child::before {
  transform: translateY(-50%) scale(1.15) !important;
  filter: brightness(1.15) !important;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2), -3px -3px 6px rgba(255, 255, 255, 0.15) !important;
}
.task-settings #layout-list table.listing tr.selected,
.task-settings #layout-list table.listing tr.focused,
.task-settings #layout-list table.listing tr[aria-selected="true"],
.task-settings #layout-list table.listing tr[class*="selected"] {
  background: #c4cbd8 !important;
  background-color: #c4cbd8 !important;
  box-shadow: inset 8px 8px 16px var(--shadow-dark), inset -8px -8px 16px var(--shadow-light) !important;
  transform: scale(0.97) !important;
}
.task-settings #layout-list table.listing tr.selected td,
.task-settings #layout-list table.listing tr.focused td,
.task-settings #layout-list table.listing tr[aria-selected="true"] td,
.task-settings #layout-list table.listing tr[class*="selected"] td {
  color: var(--text-main) !important;
  font-weight: 600 !important;
}
.task-settings #layout-list table.listing tr.selected td:first-child::before,
.task-settings #layout-list table.listing tr.focused td:first-child::before,
.task-settings #layout-list table.listing tr[aria-selected="true"] td:first-child::before,
.task-settings #layout-list table.listing tr[class*="selected"] td:first-child::before {
  transform: translateY(-50%) scale(0.9) !important;
  filter: brightness(0.85) !important;
  box-shadow: inset 3px 3px 6px rgba(0, 0, 0, 0.3) !important;
}
/* Enhanced header in #layout-list with better spacing and typography */
.task-settings #layout-list .header {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: var(--bg-color) !important;
  background-color: var(--bg-color) !important;
  border-radius: 16px !important;
  padding: 18px 22px !important;
  margin-bottom: 20px !important;
  box-shadow: 8px 8px 16px var(--shadow-dark), -8px -8px 16px var(--shadow-light) !important;
  align-items: center !important;
  gap: 16px !important;
  flex-wrap: nowrap !important;
  justify-content: flex-start !important;
  min-height: 64px !important;
  height: auto !important;
  /* Enhanced toolbar buttons with better styling */
  /* Back sidebar button - positioned to the left, properly centered */
}
.task-settings #layout-list .header .back-sidebar-button {
  order: -1 !important;
  margin-right: 16px !important;
  margin-left: 0 !important;
  flex-shrink: 0 !important;
}
.task-settings #layout-list .header .header-title {
  color: var(--text-main) !important;
  font-weight: 700 !important;
  font-size: 1.25rem !important;
  line-height: 1.4 !important;
  letter-spacing: 0.02em !important;
  margin: 0 !important;
  flex: 0 1 auto !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  order: 1 !important;
}
.task-settings #layout-list .header .toolbar-menu-button,
.task-settings #layout-list .header a.button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px 18px !important;
  border-radius: 14px !important;
  background: var(--bg-color) !important;
  box-shadow: 6px 6px 12px var(--shadow-dark), -6px -6px 12px var(--shadow-light) !important;
  color: var(--text-main) !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  cursor: pointer !important;
  border: none !important;
  min-height: 44px !important;
  min-width: 44px !important;
}
.task-settings #layout-list .header .toolbar-menu-button:hover:not(.disabled),
.task-settings #layout-list .header a.button:hover:not(.disabled) {
  box-shadow: inset 5px 5px 10px var(--shadow-dark), inset -5px -5px 10px var(--shadow-light) !important;
  transform: scale(0.98) !important;
}
.task-settings #layout-list .header .toolbar-menu-button:active:not(.disabled),
.task-settings #layout-list .header a.button:active:not(.disabled) {
  box-shadow: inset 6px 6px 12px var(--shadow-dark), inset -6px -6px 12px var(--shadow-light) !important;
  transform: scale(0.96) !important;
}
.task-settings #layout-list .header .back-sidebar-button {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border-radius: 12px !important;
  background: var(--bg-color) !important;
  box-shadow: 5px 5px 10px var(--shadow-dark), -5px -5px 10px var(--shadow-light) !important;
  color: var(--text-main) !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  cursor: pointer !important;
  border: none !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  max-width: 44px !important;
  max-height: 44px !important;
  margin-right: 16px !important;
  order: -1 !important;
  flex-shrink: 0 !important;
  position: relative !important;
}
.task-settings #layout-list .header .back-sidebar-button::before {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  line-height: 1 !important;
  margin: 0 !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.task-settings #layout-list .header .back-sidebar-button .inner {
  display: none !important;
}
.task-settings #layout-list .header .back-sidebar-button:hover:not(.disabled) {
  box-shadow: inset 5px 5px 10px var(--shadow-dark), inset -5px -5px 10px var(--shadow-light) !important;
  transform: scale(0.98) !important;
}
.task-settings #layout-list .header .back-sidebar-button:active:not(.disabled) {
  box-shadow: inset 6px 6px 12px var(--shadow-dark), inset -6px -6px 12px var(--shadow-light) !important;
  transform: scale(0.96) !important;
}
/* Enhanced Dark Mode - Settings Layout List Table Rows */
html.dark-mode .task-settings #layout-list table.listing tbody tr td.section {
  color: #e2e8f0 !important;
  background: #1a202c !important;
  background-color: #1a202c !important;
  box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.8), -4px -4px 8px rgba(0, 0, 0, 0.3) !important;
}
html.dark-mode .task-settings #layout-list table.listing tbody tr:hover td.section {
  color: #00f2fe !important;
  background: #2d3748 !important;
  background-color: #2d3748 !important;
  box-shadow: 12px 12px 24px rgba(0, 0, 0, 0.9), -6px -6px 12px rgba(0, 0, 0, 0.4) !important;
  transform: translateY(-2px) scale(1.01) !important;
}
html.dark-mode .task-settings #layout-list table.listing tbody tr.focused td.section,
html.dark-mode .task-settings #layout-list table.listing tbody tr.selected td.section,
.task-settings .dark-mode #layout-list table.listing tbody tr.focused td.section,
.task-settings .dark-mode #layout-list table.listing tbody tr.selected td.section,
.task-settings body.dark-mode #layout-list table.listing tbody tr.focused td.section,
.task-settings body.dark-mode #layout-list table.listing tbody tr.selected td.section,
.dark-mode .task-settings #layout-list table.listing tbody tr.focused td.section,
.dark-mode .task-settings #layout-list table.listing tbody tr.selected td.section {
  color: #00f2fe !important;
  background: #2d3748 !important;
  background-color: #2d3748 !important;
  box-shadow: inset 10px 10px 20px rgba(0, 0, 0, 0.9), inset -5px -5px 10px rgba(0, 0, 0, 0.4) !important;
  transform: scale(0.98) !important;
}
/* Dark Mode - Table Rows Default State - DARK SHADOWS ONLY */
.task-settings .dark-mode #layout-list table.listing tbody tr td.section,
.task-settings body.dark-mode #layout-list table.listing tbody tr td.section,
.dark-mode .task-settings #layout-list table.listing tbody tr td.section {
  color: #e2e8f0 !important;
  background: #1a202c !important;
  background-color: #1a202c !important;
  box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.8), -4px -4px 8px rgba(0, 0, 0, 0.3) !important;
}
.task-settings .dark-mode #layout-list table.listing tbody tr:hover td.section,
.task-settings body.dark-mode #layout-list table.listing tbody tr:hover td.section,
.dark-mode .task-settings #layout-list table.listing tbody tr:hover td.section {
  color: #00f2fe !important;
  background: #2d3748 !important;
  background-color: #2d3748 !important;
  box-shadow: 12px 12px 24px rgba(0, 0, 0, 0.9), -6px -6px 12px rgba(0, 0, 0, 0.4) !important;
  transform: translateY(-2px) scale(1.01) !important;
}
/* Dark Mode - Table Rows Selected/Focused - DARK SHADOWS ONLY */
.task-settings .dark-mode #layout-list table.listing tbody tr.selected,
.task-settings .dark-mode #layout-list table.listing tbody tr.focused,
.task-settings body.dark-mode #layout-list table.listing tbody tr.selected,
.task-settings body.dark-mode #layout-list table.listing tbody tr.focused,
.dark-mode .task-settings #layout-list table.listing tbody tr.selected,
.dark-mode .task-settings #layout-list table.listing tbody tr.focused {
  background: #2d3748 !important;
  background-color: #2d3748 !important;
  box-shadow: inset 8px 8px 16px rgba(0, 0, 0, 0.9), inset -4px -4px 8px rgba(0, 0, 0, 0.4) !important;
}
.task-settings .dark-mode #layout-list table.listing tbody tr.selected td,
.task-settings .dark-mode #layout-list table.listing tbody tr.focused td,
.task-settings body.dark-mode #layout-list table.listing tbody tr.selected td,
.task-settings body.dark-mode #layout-list table.listing tbody tr.focused td,
.dark-mode .task-settings #layout-list table.listing tbody tr.selected td,
.dark-mode .task-settings #layout-list table.listing tbody tr.focused td {
  color: #00f2fe !important;
}
.task-settings .dark-mode #layout-list table.listing tbody tr.selected td:first-child::before,
.task-settings .dark-mode #layout-list table.listing tbody tr.focused td:first-child::before,
.task-settings body.dark-mode #layout-list table.listing tbody tr.selected td:first-child::before,
.task-settings body.dark-mode #layout-list table.listing tbody tr.focused td:first-child::before,
.dark-mode .task-settings #layout-list table.listing tbody tr.selected td:first-child::before,
.dark-mode .task-settings #layout-list table.listing tbody tr.focused td:first-child::before {
  box-shadow: inset 3px 3px 6px rgba(0, 0, 0, 0.5) !important;
}
/* Dark Mode - Settings Layout List Header - DARK SHADOWS ONLY */
.task-settings .dark-mode #layout-list .header,
.task-settings html.dark-mode #layout-list .header,
.task-settings body.dark-mode #layout-list .header,
.dark-mode .task-settings #layout-list .header {
  background: #1a202c !important;
  background-color: #1a202c !important;
  box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.8), -5px -5px 10px rgba(0, 0, 0, 0.3) !important;
}
.task-settings .dark-mode #layout-list .header .header-title,
.task-settings html.dark-mode #layout-list .header .header-title,
.task-settings body.dark-mode #layout-list .header .header-title,
.dark-mode .task-settings #layout-list .header .header-title {
  color: #e2e8f0 !important;
  font-weight: 700 !important;
}
.task-settings .dark-mode #layout-list .header .toolbar-menu-button,
.task-settings html.dark-mode #layout-list .header .toolbar-menu-button,
.task-settings body.dark-mode #layout-list .header .toolbar-menu-button,
.dark-mode .task-settings #layout-list .header .toolbar-menu-button,
.task-settings .dark-mode #layout-list .header .back-sidebar-button,
.task-settings html.dark-mode #layout-list .header .back-sidebar-button,
.task-settings body.dark-mode #layout-list .header .back-sidebar-button,
.dark-mode .task-settings #layout-list .header .back-sidebar-button,
.task-settings .dark-mode #layout-list .header a.button,
.task-settings html.dark-mode #layout-list .header a.button,
.task-settings body.dark-mode #layout-list .header a.button,
.dark-mode .task-settings #layout-list .header a.button {
  background: #1a202c !important;
  box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.8), -4px -4px 8px rgba(0, 0, 0, 0.3) !important;
}
.task-settings .dark-mode #layout-list .header .toolbar-menu-button:hover:not(.disabled),
.task-settings html.dark-mode #layout-list .header .toolbar-menu-button:hover:not(.disabled),
.task-settings body.dark-mode #layout-list .header .toolbar-menu-button:hover:not(.disabled),
.dark-mode .task-settings #layout-list .header .toolbar-menu-button:hover:not(.disabled),
.task-settings .dark-mode #layout-list .header .back-sidebar-button:hover:not(.disabled),
.task-settings html.dark-mode #layout-list .header .back-sidebar-button:hover:not(.disabled),
.task-settings body.dark-mode #layout-list .header .back-sidebar-button:hover:not(.disabled),
.dark-mode .task-settings #layout-list .header .back-sidebar-button:hover:not(.disabled),
.task-settings .dark-mode #layout-list .header a.button:hover:not(.disabled),
.task-settings html.dark-mode #layout-list .header a.button:hover:not(.disabled),
.task-settings body.dark-mode #layout-list .header a.button:hover:not(.disabled),
.dark-mode .task-settings #layout-list .header a.button:hover:not(.disabled) {
  box-shadow: inset 6px 6px 12px rgba(0, 0, 0, 0.9), inset -3px -3px 6px rgba(0, 0, 0, 0.4) !important;
}
.task-settings .dark-mode #layout-list .header .back-sidebar-button,
.task-settings html.dark-mode #layout-list .header .back-sidebar-button,
.task-settings body.dark-mode #layout-list .header .back-sidebar-button,
.dark-mode .task-settings #layout-list .header .back-sidebar-button {
  background: #1a202c !important;
  background-color: #1a202c !important;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.8), -2px -2px 4px rgba(0, 0, 0, 0.3) !important;
  order: -1 !important;
  margin-right: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
}
.task-settings .dark-mode #layout-list .header .back-sidebar-button::before,
.task-settings html.dark-mode #layout-list .header .back-sidebar-button::before,
.task-settings body.dark-mode #layout-list .header .back-sidebar-button::before,
.dark-mode .task-settings #layout-list .header .back-sidebar-button::before {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  line-height: 1 !important;
  margin: 0 !important;
  color: #e2e8f0 !important;
}
.task-settings .dark-mode #layout-list .header .back-sidebar-button .inner,
.task-settings html.dark-mode #layout-list .header .back-sidebar-button .inner,
.task-settings body.dark-mode #layout-list .header .back-sidebar-button .inner,
.dark-mode .task-settings #layout-list .header .back-sidebar-button .inner {
  display: none !important;
}
.task-settings .dark-mode #layout-list .header .back-sidebar-button:hover,
.task-settings html.dark-mode #layout-list .header .back-sidebar-button:hover,
.task-settings body.dark-mode #layout-list .header .back-sidebar-button:hover,
.dark-mode .task-settings #layout-list .header .back-sidebar-button:hover {
  background: #2d3748 !important;
  background-color: #2d3748 !important;
  box-shadow: inset 5px 5px 10px rgba(0, 0, 0, 0.9), inset -2px -2px 4px rgba(0, 0, 0, 0.4) !important;
}
.task-settings .dark-mode #layout-list .header .back-sidebar-button:active,
.task-settings html.dark-mode #layout-list .header .back-sidebar-button:active,
.task-settings body.dark-mode #layout-list .header .back-sidebar-button:active,
.dark-mode .task-settings #layout-list .header .back-sidebar-button:active {
  box-shadow: inset 6px 6px 12px rgba(0, 0, 0, 0.95), inset -3px -3px 6px rgba(0, 0, 0, 0.5) !important;
}
/* Settings Menu Items - Icon styling for layout-list (settings sections) with colored backgrounds */
.task-settings #layout-list .listing li > a[class*="mailbox"]::before,
.task-settings #layout-list .listing li > a[data-section="mailbox"]::before,
.task-settings #layout-list .listing li > a[href*="mailbox"]::before,
.task-settings #layout-list .listing li > a[class*="mailbox.*view"]::before {
  content: "\f01c" !important;
  background: var(--icon-inbox) !important;
  /* Green */
  color: #ffffff !important;
  border-radius: 10px !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  max-width: 32px !important;
  max-height: 32px !important;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1), -1px -1px 2px rgba(255, 255, 255, 0.1);
}
.task-settings #layout-list .listing li > a[class*="display"]::before,
.task-settings #layout-list .listing li > a[data-section="display"]::before,
.task-settings #layout-list .listing li > a[href*="display"]::before,
.task-settings #layout-list .listing li > a[class*="displaying.*messages"]::before {
  content: "\f15c" !important;
  background: #8b5cf6 !important;
  /* Purple */
  color: #ffffff !important;
  border-radius: 10px !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  max-width: 32px !important;
  max-height: 32px !important;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1), -1px -1px 2px rgba(255, 255, 255, 0.1);
}
.task-settings #layout-list .listing li > a[class*="compose"]::before,
.task-settings #layout-list .listing li > a[data-section="compose"]::before,
.task-settings #layout-list .listing li > a[href*="compose"]::before,
.task-settings #layout-list .listing li > a[class*="composing.*messages"]::before {
  content: "\f044" !important;
  background: #f59e0b !important;
  /* Orange */
  color: #ffffff !important;
  border-radius: 10px !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  max-width: 32px !important;
  max-height: 32px !important;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1), -1px -1px 2px rgba(255, 255, 255, 0.1);
}
.task-settings #layout-list .listing li > a[class*="addressbook"]::before,
.task-settings #layout-list .listing li > a[data-section="addressbook"]::before,
.task-settings #layout-list .listing li > a[href*="addressbook"]::before,
.task-settings #layout-list .listing li > a[class*="contacts"]::before {
  content: "\f2b9" !important;
  background: #4a90e2 !important;
  /* Blue */
  color: #ffffff !important;
  border-radius: 10px !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  max-width: 32px !important;
  max-height: 32px !important;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1), -1px -1px 2px rgba(255, 255, 255, 0.1);
}
.task-settings #layout-list .listing li > a[class*="folders"]::before,
.task-settings #layout-list .listing li > a[data-section="folders"]::before,
.task-settings #layout-list .listing li > a[href*="folders"]::before,
.task-settings #layout-list .listing li > a[class*="special.*folders"]::before {
  content: "\f07b" !important;
  background: #f59e0b !important;
  /* Orange */
  color: #ffffff !important;
  border-radius: 10px !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  max-width: 32px !important;
  max-height: 32px !important;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1), -1px -1px 2px rgba(255, 255, 255, 0.1);
}
.task-settings #layout-list .listing li > a[class*="server"]::before,
.task-settings #layout-list .listing li > a[data-section="server"]::before,
.task-settings #layout-list .listing li > a[href*="server"]::before,
.task-settings #layout-list .listing li > a[class*="server.*settings"]::before {
  content: "\f233" !important;
  background: #6d7685 !important;
  /* Gray */
  color: #ffffff !important;
  border-radius: 10px !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  max-width: 32px !important;
  max-height: 32px !important;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1), -1px -1px 2px rgba(255, 255, 255, 0.1);
}
.task-settings #layout-list .listing li > a[class*="encryption"]::before,
.task-settings #layout-list .listing li > a[data-section="encryption"]::before,
.task-settings #layout-list .listing li > a[href*="encryption"]::before {
  content: "\f023" !important;
  background: #ef4444 !important;
  /* Red */
  color: #ffffff !important;
  border-radius: 10px !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  max-width: 32px !important;
  max-height: 32px !important;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1), -1px -1px 2px rgba(255, 255, 255, 0.1);
}
.task-settings #layout-list .listing li > a[class*="spellcheck"]::before,
.task-settings #layout-list .listing li > a[data-section="spellcheck"]::before,
.task-settings #layout-list .listing li > a[href*="spellcheck"]::before {
  content: "\f891" !important;
  background: #10b981 !important;
  /* Green */
  color: #ffffff !important;
}
.task-settings #layout-list .listing li > a[class*="security"]::before,
.task-settings #layout-list .listing li > a[data-section="security"]::before,
.task-settings #layout-list .listing li > a[href*="security"]::before {
  content: "\f3ed" !important;
  background: #ef4444 !important;
  /* Red */
  color: #ffffff !important;
}
.task-settings #layout-list .listing li > a[class*="general"]::before,
.task-settings #layout-list .listing li > a[data-section="general"]::before {
  content: "\f013" !important;
  background: #8b5cf6 !important;
  /* Purple */
  color: #ffffff !important;
}
/* Hide main sidebar (left navigation) on settings page - but keep layout-sidebar visible */
.task-settings #aj-sidebar {
  display: none !important;
}
/* Hide layout-menu completely on settings page */
.task-settings #layout-menu {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}
/* Hide sidebar footer on settings page */
.task-settings #aj-sidebar .aj-sidebar-footer {
  display: none !important;
}
/* Settings menu items in layout-sidebar (left settings panel) - Match inbox sidebar footer styling EXACTLY */
.task-settings #layout-sidebar .settings-menu-items {
  margin-top: auto;
  padding: 12px 8px !important;
  border-top: 1px solid var(--shadow-dark);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  width: 100%;
  box-sizing: border-box;
  position: relative !important;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  overflow: visible;
  text-align: center;
  /* Mail, Contacts, Settings - Full width buttons (like inbox) */
  /* Circular buttons - Theme, About, Logout (like inbox) */
  /* Settings is now a full-width button, not circular */
  /* Mail, Contacts, Settings should be left-aligned */
  /* Footer Toggle Button - Match inbox sidebar exactly */
  /* Collapsed state - hide footer content, show chevron down */
  /* Expanded state (default) - show all content, chevron up */
  /* Dark Mode - Settings Footer Menu Items - More specific selectors */
}
.task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) {
  order: 1;
  flex-basis: 100%;
  width: 100%;
  margin: 0 !important;
  padding: 0;
  /* Mail icon */
  /* Contacts icon */
  /* Settings icon - Full width button */
}
.task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > a,
.task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > span > a {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 10px 14px !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  color: var(--text-main) !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  box-shadow: 5px 5px 10px var(--shadow-dark), -5px -5px 10px var(--shadow-light) !important;
  background: var(--bg-color) !important;
  background-color: var(--bg-color) !important;
  position: relative !important;
  min-height: 40px !important;
  height: 40px !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  width: 100% !important;
}
.task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > a::before,
.task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > span > a::before {
  font-family: 'Icons' !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 0.85rem !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  max-width: 28px !important;
  max-height: 28px !important;
  text-align: center !important;
  line-height: 28px !important;
  margin-right: 10px !important;
  transition: transform 0.3s ease, color 0.2s ease, filter 0.2s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  border-radius: 8px !important;
  flex-shrink: 0 !important;
}
.task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > a:hover,
.task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > span > a:hover {
  color: var(--accent-color) !important;
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  transform: translateY(-1px) scale(0.98) !important;
  background: var(--bg-color) !important;
  background-color: var(--bg-color) !important;
}
.task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > a:hover::before,
.task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > span > a:hover::before {
  transform: scale(1.05) !important;
  filter: brightness(1.1) !important;
}
.task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > a.selected,
.task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > span > a.selected,
.task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > a.active,
.task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > span > a.active {
  color: var(--accent-color) !important;
  background: #c4cbd8 !important;
  background-color: #c4cbd8 !important;
  box-shadow: inset 7px 7px 14px var(--shadow-dark), inset -7px -7px 14px var(--shadow-light) !important;
  font-weight: 700 !important;
  transform: scale(0.98) !important;
}
.task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > a.selected::before,
.task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > span > a.selected::before,
.task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > a.active::before,
.task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > span > a.active::before {
  transform: scale(0.95) !important;
  filter: brightness(0.9) !important;
  box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.2) !important;
}
.task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > a[class*="mail"]::before,
.task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > span > a[class*="mail"]::before {
  content: "\f0e0" !important;
  background: var(--icon-inbox) !important;
  color: #ffffff !important;
}
.task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > a[class*="contacts"]::before,
.task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > span > a[class*="contacts"]::before {
  content: "\f0c0" !important;
  background: #4a90e2 !important;
  color: #ffffff !important;
}
.task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > a[class*="settings"]::before,
.task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > span > a[class*="settings"]::before {
  content: "\f013" !important;
  background: #8b5cf6 !important;
  color: #ffffff !important;
}
.task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item,
.task-settings #layout-sidebar .settings-menu-items .menu-item.about-item,
.task-settings #layout-sidebar .settings-menu-items .menu-item.logout {
  order: 10;
  margin: 0 6px !important;
  display: inline-flex !important;
  width: 46px;
  height: 46px;
  flex-shrink: 0;
  flex-basis: auto !important;
  padding: 0;
}
.task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item > a,
.task-settings #layout-sidebar .settings-menu-items .menu-item.about-item > a,
.task-settings #layout-sidebar .settings-menu-items .menu-item.logout > a,
.task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item > span > a,
.task-settings #layout-sidebar .settings-menu-items .menu-item.about-item > span > a,
.task-settings #layout-sidebar .settings-menu-items .menu-item.logout > span > a {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  min-height: 46px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background: var(--bg-color) !important;
  color: var(--text-light) !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
  box-shadow: 5px 5px 10px var(--shadow-dark), -5px -5px 10px var(--shadow-light) !important;
  border: none !important;
  text-decoration: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  /* Hide text, show only icon */
  /* Theme icons */
  /* About icon */
  /* Logout icon */
  /* Theme, About hover - accent color */
  /* Logout hover - keep red color */
}
.task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item > a .inner,
.task-settings #layout-sidebar .settings-menu-items .menu-item.about-item > a .inner,
.task-settings #layout-sidebar .settings-menu-items .menu-item.logout > a .inner,
.task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item > span > a .inner,
.task-settings #layout-sidebar .settings-menu-items .menu-item.about-item > span > a .inner,
.task-settings #layout-sidebar .settings-menu-items .menu-item.logout > span > a .inner {
  display: none !important;
}
.task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item > a::before,
.task-settings #layout-sidebar .settings-menu-items .menu-item.about-item > a::before,
.task-settings #layout-sidebar .settings-menu-items .menu-item.logout > a::before,
.task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item > span > a::before,
.task-settings #layout-sidebar .settings-menu-items .menu-item.about-item > span > a::before,
.task-settings #layout-sidebar .settings-menu-items .menu-item.logout > span > a::before {
  font-family: 'Icons' !important;
  font-style: normal;
  font-weight: 600 !important;
  font-size: 1.1rem !important;
  color: var(--text-light) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block !important;
  margin: 0 !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  content: '' !important;
  width: auto !important;
  height: auto !important;
  line-height: 1 !important;
  transition: transform 0.3s ease, color 0.2s ease !important;
}
.task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item > a.theme.dark::before,
.task-settings #layout-sidebar .settings-menu-items .menu-item.about-item > a.theme.dark::before,
.task-settings #layout-sidebar .settings-menu-items .menu-item.logout > a.theme.dark::before,
.task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item > span > a.theme.dark::before,
.task-settings #layout-sidebar .settings-menu-items .menu-item.about-item > span > a.theme.dark::before,
.task-settings #layout-sidebar .settings-menu-items .menu-item.logout > span > a.theme.dark::before {
  content: "\f186" !important;
}
.task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item > a.theme.light::before,
.task-settings #layout-sidebar .settings-menu-items .menu-item.about-item > a.theme.light::before,
.task-settings #layout-sidebar .settings-menu-items .menu-item.logout > a.theme.light::before,
.task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item > span > a.theme.light::before,
.task-settings #layout-sidebar .settings-menu-items .menu-item.about-item > span > a.theme.light::before,
.task-settings #layout-sidebar .settings-menu-items .menu-item.logout > span > a.theme.light::before {
  content: "\f185" !important;
}
.task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item > a.about::before,
.task-settings #layout-sidebar .settings-menu-items .menu-item.about-item > a.about::before,
.task-settings #layout-sidebar .settings-menu-items .menu-item.logout > a.about::before,
.task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item > span > a.about::before,
.task-settings #layout-sidebar .settings-menu-items .menu-item.about-item > span > a.about::before,
.task-settings #layout-sidebar .settings-menu-items .menu-item.logout > span > a.about::before {
  content: "\f05a" !important;
}
.task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item > a.logout::before,
.task-settings #layout-sidebar .settings-menu-items .menu-item.about-item > a.logout::before,
.task-settings #layout-sidebar .settings-menu-items .menu-item.logout > a.logout::before,
.task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item > span > a.logout::before,
.task-settings #layout-sidebar .settings-menu-items .menu-item.about-item > span > a.logout::before,
.task-settings #layout-sidebar .settings-menu-items .menu-item.logout > span > a.logout::before {
  content: "\f2f5" !important;
  color: var(--danger-color) !important;
}
.task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item > a:hover,
.task-settings #layout-sidebar .settings-menu-items .menu-item.about-item > a:hover,
.task-settings #layout-sidebar .settings-menu-items .menu-item.logout > a:hover,
.task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item > span > a:hover,
.task-settings #layout-sidebar .settings-menu-items .menu-item.about-item > span > a:hover,
.task-settings #layout-sidebar .settings-menu-items .menu-item.logout > span > a:hover {
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  transform: scale(1.05) rotate(5deg) !important;
}
.task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item > a:hover::before,
.task-settings #layout-sidebar .settings-menu-items .menu-item.about-item > a:hover::before,
.task-settings #layout-sidebar .settings-menu-items .menu-item.logout > a:hover::before,
.task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item > span > a:hover::before,
.task-settings #layout-sidebar .settings-menu-items .menu-item.about-item > span > a:hover::before,
.task-settings #layout-sidebar .settings-menu-items .menu-item.logout > span > a:hover::before {
  transform: translate(-50%, -50%) scale(1.1) !important;
  top: 50% !important;
  left: 50% !important;
  position: absolute !important;
}
.task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item > a.theme:hover::before,
.task-settings #layout-sidebar .settings-menu-items .menu-item.about-item > a.theme:hover::before,
.task-settings #layout-sidebar .settings-menu-items .menu-item.logout > a.theme:hover::before,
.task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item > span > a.theme:hover::before,
.task-settings #layout-sidebar .settings-menu-items .menu-item.about-item > span > a.theme:hover::before,
.task-settings #layout-sidebar .settings-menu-items .menu-item.logout > span > a.theme:hover::before,
.task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item > a.about:hover::before,
.task-settings #layout-sidebar .settings-menu-items .menu-item.about-item > a.about:hover::before,
.task-settings #layout-sidebar .settings-menu-items .menu-item.logout > a.about:hover::before,
.task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item > span > a.about:hover::before,
.task-settings #layout-sidebar .settings-menu-items .menu-item.about-item > span > a.about:hover::before,
.task-settings #layout-sidebar .settings-menu-items .menu-item.logout > span > a.about:hover::before {
  color: var(--accent-color) !important;
}
.task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item > a.logout:hover::before,
.task-settings #layout-sidebar .settings-menu-items .menu-item.about-item > a.logout:hover::before,
.task-settings #layout-sidebar .settings-menu-items .menu-item.logout > a.logout:hover::before,
.task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item > span > a.logout:hover::before,
.task-settings #layout-sidebar .settings-menu-items .menu-item.about-item > span > a.logout:hover::before,
.task-settings #layout-sidebar .settings-menu-items .menu-item.logout > span > a.logout:hover::before {
  color: var(--danger-color) !important;
}
.task-settings #layout-sidebar .settings-menu-items .aj-footer-separator {
  order: 9;
  height: 1px;
  background: var(--shadow-dark);
  margin: 10px 0;
  width: 100%;
  flex-basis: 100%;
}
.task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) {
  text-align: left;
}
.task-settings #layout-sidebar .settings-menu-items .aj-footer-toggle {
  position: absolute !important;
  bottom: 10px !important;
  right: 8px !important;
  top: auto !important;
  transform: none !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: transparent !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  z-index: 10 !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  outline: none !important;
  box-sizing: border-box !important;
  text-align: center !important;
  vertical-align: middle !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
}
.task-settings #layout-sidebar .settings-menu-items .aj-footer-toggle::before {
  font-family: 'Icons' !important;
  font-style: normal !important;
  font-weight: 900 !important;
  font-size: 0.75rem !important;
  color: var(--text-light) !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  display: block !important;
  content: "\f077" !important;
  /* chevron-up */
  line-height: 1 !important;
  margin: 0 !important;
}
.task-settings #layout-sidebar .settings-menu-items .aj-footer-toggle:hover {
  background: rgba(0, 0, 0, 0.05) !important;
  transform: scale(1.1) !important;
}
.task-settings #layout-sidebar .settings-menu-items .aj-footer-toggle:hover::before {
  color: var(--accent-color) !important;
  transform: scale(1.2) !important;
}
.task-settings #layout-sidebar .settings-menu-items .aj-footer-toggle:active {
  transform: scale(0.95) !important;
}
.task-settings #layout-sidebar .settings-menu-items.collapsed {
  padding: 8px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  height: 48px !important;
  overflow: hidden !important;
  /* Hide all footer content except toggle button */
}
.task-settings #layout-sidebar .settings-menu-items.collapsed .aj-footer-toggle {
  visibility: visible !important;
  opacity: 1 !important;
  display: flex !important;
  position: absolute !important;
  bottom: 10px !important;
  right: 8px !important;
}
.task-settings #layout-sidebar .settings-menu-items.collapsed .aj-footer-toggle::before {
  content: "\f078" !important;
  /* chevron-down */
  font-weight: 900 !important;
}
.task-settings #layout-sidebar .settings-menu-items.collapsed > .menu-item,
.task-settings #layout-sidebar .settings-menu-items.collapsed > .aj-footer-separator {
  opacity: 0 !important;
  visibility: hidden !important;
  max-height: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: opacity 0.3s ease, visibility 0.3s ease, max-height 0.3s ease, margin 0.3s ease, padding 0.3s ease, height 0.3s ease !important;
}
.task-settings #layout-sidebar .settings-menu-items:not(.collapsed) .aj-footer-toggle::before {
  content: "\f077" !important;
  /* chevron-up */
  font-weight: 900 !important;
}
.task-settings #layout-sidebar .settings-menu-items:not(.collapsed) > .menu-item,
.task-settings #layout-sidebar .settings-menu-items:not(.collapsed) > .aj-footer-separator {
  opacity: 1 !important;
  visibility: visible !important;
  max-height: 500px !important;
  transition: opacity 0.3s ease, visibility 0.3s ease, max-height 0.3s ease, margin 0.3s ease, padding 0.3s ease !important;
}
.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > a,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > a,
body.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > a,
.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > span > a,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > span > a,
body.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > span > a {
  color: #e2e8f0 !important;
  background: #1a202c !important;
  background-color: #1a202c !important;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5), -5px -5px 10px rgba(255, 255, 255, 0.05) !important;
}
.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > a:hover,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > a:hover,
body.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > a:hover,
.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > span > a:hover,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > span > a:hover,
body.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > span > a:hover {
  color: #00f2fe !important;
  background: #2d3748 !important;
  background-color: #2d3748 !important;
  box-shadow: inset 2px 2px 4px #272a2f, inset -2px -2px 4px #373a40 !important;
}
.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > a.selected,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > a.selected,
body.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > a.selected,
.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > span > a.selected,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > span > a.selected,
body.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > span > a.selected,
.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > a.active,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > a.active,
body.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > a.active,
.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > span > a.active,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > span > a.active,
body.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > span > a.active {
  color: #00f2fe !important;
  background: #2d3748 !important;
  background-color: #2d3748 !important;
  box-shadow: inset 2px 2px 4px #272a2f, inset -2px -2px 4px #373a40 !important;
}
.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item > a,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item > a,
body.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item > a,
.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.about-item > a,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.about-item > a,
body.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.about-item > a,
.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.logout > a,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.logout > a,
body.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.logout > a,
.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item > span > a,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item > span > a,
body.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item > span > a,
.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.about-item > span > a,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.about-item > span > a,
body.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.about-item > span > a,
.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.logout > span > a,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.logout > span > a,
body.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.logout > span > a {
  background: #1a202c !important;
  background-color: #1a202c !important;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5), -5px -5px 10px rgba(255, 255, 255, 0.05) !important;
}
.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item > a::before,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item > a::before,
body.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item > a::before,
.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.about-item > a::before,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.about-item > a::before,
body.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.about-item > a::before,
.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.logout > a::before,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.logout > a::before,
body.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.logout > a::before,
.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item > span > a::before,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item > span > a::before,
body.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item > span > a::before,
.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.about-item > span > a::before,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.about-item > span > a::before,
body.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.about-item > span > a::before,
.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.logout > span > a::before,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.logout > span > a::before,
body.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.logout > span > a::before {
  color: #e2e8f0 !important;
}
.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item > a:hover,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item > a:hover,
body.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item > a:hover,
.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.about-item > a:hover,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.about-item > a:hover,
body.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.about-item > a:hover,
.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.logout > a:hover,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.logout > a:hover,
body.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.logout > a:hover,
.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item > span > a:hover,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item > span > a:hover,
body.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item > span > a:hover,
.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.about-item > span > a:hover,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.about-item > span > a:hover,
body.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.about-item > span > a:hover,
.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.logout > span > a:hover,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.logout > span > a:hover,
body.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.logout > span > a:hover {
  background: #2d3748 !important;
  background-color: #2d3748 !important;
  box-shadow: inset 2px 2px 4px #272a2f, inset -2px -2px 4px #373a40 !important;
}
.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item > a:hover::before,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item > a:hover::before,
body.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item > a:hover::before,
.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.about-item > a:hover::before,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.about-item > a:hover::before,
body.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.about-item > a:hover::before,
.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.logout > a:hover::before,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.logout > a:hover::before,
body.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.logout > a:hover::before,
.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item > span > a:hover::before,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item > span > a:hover::before,
body.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item > span > a:hover::before,
.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.about-item > span > a:hover::before,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.about-item > span > a:hover::before,
body.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.about-item > span > a:hover::before,
.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.logout > span > a:hover::before,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.logout > span > a:hover::before,
body.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.logout > span > a:hover::before {
  color: #00f2fe !important;
}
.dark-mode .task-settings #layout-sidebar .settings-menu-items .aj-footer-toggle::before,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .aj-footer-toggle::before,
body.dark-mode .task-settings #layout-sidebar .settings-menu-items .aj-footer-toggle::before {
  color: #e2e8f0 !important;
}
.dark-mode .task-settings #layout-sidebar .settings-menu-items .aj-footer-toggle:hover,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .aj-footer-toggle:hover,
body.dark-mode .task-settings #layout-sidebar .settings-menu-items .aj-footer-toggle:hover {
  background: rgba(255, 255, 255, 0.05) !important;
}
.dark-mode .task-settings #layout-sidebar .settings-menu-items .aj-footer-toggle:hover::before,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .aj-footer-toggle:hover::before,
body.dark-mode .task-settings #layout-sidebar .settings-menu-items .aj-footer-toggle:hover::before {
  color: #00f2fe !important;
}
/* Dark Mode - Settings Footer Circular Buttons - DEFAULT STATE */
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item > a,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.about-item > a,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.logout > a {
  background: #1a202c !important;
  background-color: #1a202c !important;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5), -5px -5px 10px rgba(255, 255, 255, 0.05) !important;
}
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item > a::before,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.about-item > a::before,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.logout > a::before {
  color: #e2e8f0 !important;
}
/* Dark Mode - Settings Footer Circular Buttons - HOVER STATE */
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item > a:hover,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.about-item > a:hover,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.logout > a:hover {
  background: #2d3748 !important;
  background-color: #2d3748 !important;
  box-shadow: inset 2px 2px 4px #272a2f, inset -2px -2px 4px #373a40 !important;
}
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item > a:hover::before,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.about-item > a:hover::before,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.logout > a:hover::before {
  color: #00f2fe !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
}
/* Dark Mode - Settings Footer Menu Items (Alternative selectors) */
.task-settings .dark-mode #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > a,
.task-settings .dark-mode #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > span > a,
.task-settings html.dark-mode #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > a,
.task-settings html.dark-mode #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > span > a,
.task-settings body.dark-mode #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > a,
.task-settings body.dark-mode #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > span > a,
.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > a,
.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > span > a,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > a,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > span > a,
body.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > a,
body.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > span > a {
  color: #e2e8f0 !important;
  background: #1a202c !important;
  background-color: #1a202c !important;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5), -5px -5px 10px rgba(255, 255, 255, 0.05) !important;
}
/* Dark Mode - Settings Footer Menu Items - HOVER STATE */
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > a:hover,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > span > a:hover {
  color: #00f2fe !important;
  background: #2d3748 !important;
  background-color: #2d3748 !important;
  box-shadow: inset 2px 2px 4px #272a2f, inset -2px -2px 4px #373a40 !important;
}
.task-settings .dark-mode #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > a.selected,
.task-settings .dark-mode #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > a.active,
.task-settings .dark-mode #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > span > a.selected,
.task-settings .dark-mode #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > span > a.active,
.task-settings html.dark-mode #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > a.selected,
.task-settings html.dark-mode #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > a.active,
.task-settings html.dark-mode #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > span > a.selected,
.task-settings html.dark-mode #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > span > a.active,
.task-settings body.dark-mode #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > a.selected,
.task-settings body.dark-mode #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > a.active,
.task-settings body.dark-mode #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > span > a.selected,
.task-settings body.dark-mode #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > span > a.active,
.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > a.selected,
.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > a.active,
.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > span > a.selected,
.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > span > a.active,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > a.selected,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > a.active,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > span > a.selected,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > span > a.active,
body.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > a.selected,
body.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > a.active,
body.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > span > a.selected,
body.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > span > a.active {
  color: #00f2fe !important;
  background: #2d3748 !important;
  background-color: #2d3748 !important;
  box-shadow: inset 2px 2px 4px #272a2f, inset -2px -2px 4px #373a40 !important;
}
/* Dark Mode - Settings Footer Menu Items - SELECTED/ACTIVE STATE */
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > a.selected,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > a.active,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > span > a.selected,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item:not(.theme-item):not(.about-item):not(.logout) > span > a.active {
  color: #00f2fe !important;
  background: #2d3748 !important;
  background-color: #2d3748 !important;
  box-shadow: inset 2px 2px 4px #272a2f, inset -2px -2px 4px #373a40 !important;
}
/* Dark Mode - Settings Footer Circular Buttons - DEFAULT STATE */
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item > a,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.about-item > a,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.logout > a {
  background: #1a202c !important;
  background-color: #1a202c !important;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5), -5px -5px 10px rgba(255, 255, 255, 0.05) !important;
}
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item > a::before,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.about-item > a::before,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.logout > a::before {
  color: #e2e8f0 !important;
}
/* Dark Mode - Settings Footer Circular Buttons - HOVER STATE */
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item > a:hover,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.about-item > a:hover,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.logout > a:hover {
  background: #2d3748 !important;
  background-color: #2d3748 !important;
  box-shadow: inset 2px 2px 4px #272a2f, inset -2px -2px 4px #373a40 !important;
}
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.theme-item > a:hover::before,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.about-item > a:hover::before,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item.logout > a:hover::before {
  color: #00f2fe !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
}
/* Settings Footer Menu Items - Adjust logout button margin to make room for toggle */
.task-settings #layout-sidebar .settings-menu-items {
  /* Footer Toggle Button - Match inbox sidebar exactly */
  /* Adjust logout button margin to make room for toggle */
  /* Collapsed state - hide footer content, show chevron down */
  /* Expanded state (default) - show all content, chevron up */
}
.task-settings #layout-sidebar .settings-menu-items .aj-footer-toggle {
  position: absolute !important;
  bottom: 10px !important;
  right: 8px !important;
  top: auto !important;
  transform: none !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: transparent !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  z-index: 10 !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  outline: none !important;
  box-sizing: border-box !important;
  text-align: center !important;
  vertical-align: middle !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
}
.task-settings #layout-sidebar .settings-menu-items .aj-footer-toggle::before {
  font-family: 'Icons' !important;
  font-style: normal !important;
  font-weight: 900 !important;
  font-size: 0.75rem !important;
  color: var(--text-light) !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  display: block !important;
  content: "\f077" !important;
  /* chevron-up */
  line-height: 1 !important;
  margin: 0 !important;
}
.task-settings #layout-sidebar .settings-menu-items .aj-footer-toggle:hover {
  background: rgba(0, 0, 0, 0.05) !important;
  transform: scale(1.1) !important;
}
.task-settings #layout-sidebar .settings-menu-items .aj-footer-toggle:hover::before {
  color: var(--accent-color) !important;
  transform: scale(1.2) !important;
}
.task-settings #layout-sidebar .settings-menu-items .aj-footer-toggle:active {
  transform: scale(0.95) !important;
}
.task-settings #layout-sidebar .settings-menu-items .menu-item.logout {
  margin-right: 40px !important;
}
.task-settings #layout-sidebar .settings-menu-items.collapsed {
  /* Hide all footer content except toggle button */
}
.task-settings #layout-sidebar .settings-menu-items.collapsed .aj-footer-toggle {
  visibility: visible !important;
  opacity: 1 !important;
  display: flex !important;
}
.task-settings #layout-sidebar .settings-menu-items.collapsed .aj-footer-toggle::before {
  content: "\f078" !important;
  /* chevron-down */
  font-weight: 900 !important;
}
.task-settings #layout-sidebar .settings-menu-items.collapsed > .menu-item,
.task-settings #layout-sidebar .settings-menu-items.collapsed > .aj-footer-separator {
  opacity: 0 !important;
  visibility: hidden !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: opacity 0.3s ease, visibility 0.3s ease, max-height 0.3s ease, margin 0.3s ease, padding 0.3s ease !important;
}
.task-settings #layout-sidebar .settings-menu-items:not(.collapsed) > .menu-item,
.task-settings #layout-sidebar .settings-menu-items:not(.collapsed) > .aj-footer-separator {
  opacity: 1 !important;
  visibility: visible !important;
  max-height: 500px !important;
  transition: opacity 0.3s ease, visibility 0.3s ease, max-height 0.3s ease !important;
}
/* Dark Mode - Settings Page Sidebars */
.task-settings .dark-mode #layout-sidebar,
.task-settings .dark-mode #layout-list,
.task-settings html.dark-mode #layout-sidebar,
.task-settings html.dark-mode #layout-list,
.task-settings body.dark-mode #layout-sidebar,
.task-settings body.dark-mode #layout-list,
.dark-mode .task-settings #layout-sidebar,
.dark-mode .task-settings #layout-list {
  background: #1a202c !important;
  box-shadow: 18px 18px 36px rgba(0, 0, 0, 0.8), -8px -8px 16px rgba(0, 0, 0, 0.3) !important;
}
/* Dark Mode - Settings Page Scrollers */
.task-settings .dark-mode #layout-sidebar .scroller,
.task-settings .dark-mode #layout-list .scroller,
.task-settings html.dark-mode #layout-sidebar .scroller,
.task-settings html.dark-mode #layout-list .scroller,
.task-settings body.dark-mode #layout-sidebar .scroller,
.task-settings body.dark-mode #layout-list .scroller,
.dark-mode .task-settings #layout-sidebar .scroller,
.dark-mode .task-settings #layout-list .scroller {
  background: transparent !important;
}
/* Dark Mode - Settings Page Content - DARK SHADOWS ONLY */
.task-settings .dark-mode #layout-content,
.task-settings html.dark-mode #layout-content,
.task-settings body.dark-mode #layout-content,
.dark-mode .task-settings #layout-content {
  background: #1a202c !important;
  box-shadow: 24px 24px 48px rgba(0, 0, 0, 0.9), -12px -12px 24px rgba(0, 0, 0, 0.4) !important;
  /* Dark Mode - Content Header - DARK SHADOWS ONLY */
}
.task-settings .dark-mode #layout-content .header,
.task-settings html.dark-mode #layout-content .header,
.task-settings body.dark-mode #layout-content .header,
.dark-mode .task-settings #layout-content .header {
  background: #1a202c !important;
  background-color: #1a202c !important;
  box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.8), -5px -5px 10px rgba(0, 0, 0, 0.3) !important;
}
.task-settings .dark-mode #layout-content .header .header-title,
.task-settings html.dark-mode #layout-content .header .header-title,
.task-settings body.dark-mode #layout-content .header .header-title,
.dark-mode .task-settings #layout-content .header .header-title {
  color: #e2e8f0 !important;
}
.task-settings .dark-mode #layout-content .header .menu.toolbar li a.button,
.task-settings html.dark-mode #layout-content .header .menu.toolbar li a.button,
.task-settings body.dark-mode #layout-content .header .menu.toolbar li a.button,
.dark-mode .task-settings #layout-content .header .menu.toolbar li a.button,
.task-settings .dark-mode #layout-content .header .toolbar li a.button,
.task-settings html.dark-mode #layout-content .header .toolbar li a.button,
.task-settings body.dark-mode #layout-content .header .toolbar li a.button,
.dark-mode .task-settings #layout-content .header .toolbar li a.button,
.task-settings .dark-mode #layout-content .header .menu.toolbar li a.create,
.task-settings html.dark-mode #layout-content .header .menu.toolbar li a.create,
.task-settings body.dark-mode #layout-content .header .menu.toolbar li a.create,
.dark-mode .task-settings #layout-content .header .menu.toolbar li a.create,
.task-settings .dark-mode #layout-content .header .toolbar li a.create,
.task-settings html.dark-mode #layout-content .header .toolbar li a.create,
.task-settings body.dark-mode #layout-content .header .toolbar li a.create,
.dark-mode .task-settings #layout-content .header .toolbar li a.create,
.task-settings .dark-mode #layout-content .header .menu.toolbar li button.create,
.task-settings html.dark-mode #layout-content .header .menu.toolbar li button.create,
.task-settings body.dark-mode #layout-content .header .menu.toolbar li button.create,
.dark-mode .task-settings #layout-content .header .menu.toolbar li button.create,
.task-settings .dark-mode #layout-content .header .toolbar li button.create,
.task-settings html.dark-mode #layout-content .header .toolbar li button.create,
.task-settings body.dark-mode #layout-content .header .toolbar li button.create,
.dark-mode .task-settings #layout-content .header .toolbar li button.create,
.task-settings .dark-mode #layout-content .header .menu.toolbar li .button.create,
.task-settings html.dark-mode #layout-content .header .menu.toolbar li .button.create,
.task-settings body.dark-mode #layout-content .header .menu.toolbar li .button.create,
.dark-mode .task-settings #layout-content .header .menu.toolbar li .button.create,
.task-settings .dark-mode #layout-content .header .toolbar li .button.create,
.task-settings html.dark-mode #layout-content .header .toolbar li .button.create,
.task-settings body.dark-mode #layout-content .header .toolbar li .button.create,
.dark-mode .task-settings #layout-content .header .toolbar li .button.create,
.task-settings .dark-mode #layout-content .header .menu.toolbar li a.delete,
.task-settings html.dark-mode #layout-content .header .menu.toolbar li a.delete,
.task-settings body.dark-mode #layout-content .header .menu.toolbar li a.delete,
.dark-mode .task-settings #layout-content .header .menu.toolbar li a.delete,
.task-settings .dark-mode #layout-content .header .toolbar li a.delete,
.task-settings html.dark-mode #layout-content .header .toolbar li a.delete,
.task-settings body.dark-mode #layout-content .header .toolbar li a.delete,
.dark-mode .task-settings #layout-content .header .toolbar li a.delete,
.task-settings .dark-mode #layout-content .header .menu.toolbar li button.delete,
.task-settings html.dark-mode #layout-content .header .menu.toolbar li button.delete,
.task-settings body.dark-mode #layout-content .header .menu.toolbar li button.delete,
.dark-mode .task-settings #layout-content .header .menu.toolbar li button.delete,
.task-settings .dark-mode #layout-content .header .toolbar li button.delete,
.task-settings html.dark-mode #layout-content .header .toolbar li button.delete,
.task-settings body.dark-mode #layout-content .header .toolbar li button.delete,
.dark-mode .task-settings #layout-content .header .toolbar li button.delete,
.task-settings .dark-mode #layout-content .header .menu.toolbar li .button.delete,
.task-settings html.dark-mode #layout-content .header .menu.toolbar li .button.delete,
.task-settings body.dark-mode #layout-content .header .menu.toolbar li .button.delete,
.dark-mode .task-settings #layout-content .header .menu.toolbar li .button.delete,
.task-settings .dark-mode #layout-content .header .toolbar li .button.delete,
.task-settings html.dark-mode #layout-content .header .toolbar li .button.delete,
.task-settings body.dark-mode #layout-content .header .toolbar li .button.delete,
.dark-mode .task-settings #layout-content .header .toolbar li .button.delete {
  background: #1a202c !important;
  box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.8), -4px -4px 8px rgba(0, 0, 0, 0.3) !important;
  color: #e2e8f0 !important;
}
.task-settings .dark-mode #layout-content .header .menu.toolbar li a.button:hover:not(.disabled),
.task-settings html.dark-mode #layout-content .header .menu.toolbar li a.button:hover:not(.disabled),
.task-settings body.dark-mode #layout-content .header .menu.toolbar li a.button:hover:not(.disabled),
.dark-mode .task-settings #layout-content .header .menu.toolbar li a.button:hover:not(.disabled),
.task-settings .dark-mode #layout-content .header .toolbar li a.button:hover:not(.disabled),
.task-settings html.dark-mode #layout-content .header .toolbar li a.button:hover:not(.disabled),
.task-settings body.dark-mode #layout-content .header .toolbar li a.button:hover:not(.disabled),
.dark-mode .task-settings #layout-content .header .toolbar li a.button:hover:not(.disabled),
.task-settings .dark-mode #layout-content .header .menu.toolbar li a.create:hover:not(.disabled),
.task-settings html.dark-mode #layout-content .header .menu.toolbar li a.create:hover:not(.disabled),
.task-settings body.dark-mode #layout-content .header .menu.toolbar li a.create:hover:not(.disabled),
.dark-mode .task-settings #layout-content .header .menu.toolbar li a.create:hover:not(.disabled),
.task-settings .dark-mode #layout-content .header .toolbar li a.create:hover:not(.disabled),
.task-settings html.dark-mode #layout-content .header .toolbar li a.create:hover:not(.disabled),
.task-settings body.dark-mode #layout-content .header .toolbar li a.create:hover:not(.disabled),
.dark-mode .task-settings #layout-content .header .toolbar li a.create:hover:not(.disabled),
.task-settings .dark-mode #layout-content .header .menu.toolbar li button.create:hover:not(.disabled),
.task-settings html.dark-mode #layout-content .header .menu.toolbar li button.create:hover:not(.disabled),
.task-settings body.dark-mode #layout-content .header .menu.toolbar li button.create:hover:not(.disabled),
.dark-mode .task-settings #layout-content .header .menu.toolbar li button.create:hover:not(.disabled),
.task-settings .dark-mode #layout-content .header .toolbar li button.create:hover:not(.disabled),
.task-settings html.dark-mode #layout-content .header .toolbar li button.create:hover:not(.disabled),
.task-settings body.dark-mode #layout-content .header .toolbar li button.create:hover:not(.disabled),
.dark-mode .task-settings #layout-content .header .toolbar li button.create:hover:not(.disabled),
.task-settings .dark-mode #layout-content .header .menu.toolbar li .button.create:hover:not(.disabled),
.task-settings html.dark-mode #layout-content .header .menu.toolbar li .button.create:hover:not(.disabled),
.task-settings body.dark-mode #layout-content .header .menu.toolbar li .button.create:hover:not(.disabled),
.dark-mode .task-settings #layout-content .header .menu.toolbar li .button.create:hover:not(.disabled),
.task-settings .dark-mode #layout-content .header .toolbar li .button.create:hover:not(.disabled),
.task-settings html.dark-mode #layout-content .header .toolbar li .button.create:hover:not(.disabled),
.task-settings body.dark-mode #layout-content .header .toolbar li .button.create:hover:not(.disabled),
.dark-mode .task-settings #layout-content .header .toolbar li .button.create:hover:not(.disabled),
.task-settings .dark-mode #layout-content .header .menu.toolbar li a.delete:hover:not(.disabled),
.task-settings html.dark-mode #layout-content .header .menu.toolbar li a.delete:hover:not(.disabled),
.task-settings body.dark-mode #layout-content .header .menu.toolbar li a.delete:hover:not(.disabled),
.dark-mode .task-settings #layout-content .header .menu.toolbar li a.delete:hover:not(.disabled),
.task-settings .dark-mode #layout-content .header .toolbar li a.delete:hover:not(.disabled),
.task-settings html.dark-mode #layout-content .header .toolbar li a.delete:hover:not(.disabled),
.task-settings body.dark-mode #layout-content .header .toolbar li a.delete:hover:not(.disabled),
.dark-mode .task-settings #layout-content .header .toolbar li a.delete:hover:not(.disabled),
.task-settings .dark-mode #layout-content .header .menu.toolbar li button.delete:hover:not(.disabled),
.task-settings html.dark-mode #layout-content .header .menu.toolbar li button.delete:hover:not(.disabled),
.task-settings body.dark-mode #layout-content .header .menu.toolbar li button.delete:hover:not(.disabled),
.dark-mode .task-settings #layout-content .header .menu.toolbar li button.delete:hover:not(.disabled),
.task-settings .dark-mode #layout-content .header .toolbar li button.delete:hover:not(.disabled),
.task-settings html.dark-mode #layout-content .header .toolbar li button.delete:hover:not(.disabled),
.task-settings body.dark-mode #layout-content .header .toolbar li button.delete:hover:not(.disabled),
.dark-mode .task-settings #layout-content .header .toolbar li button.delete:hover:not(.disabled),
.task-settings .dark-mode #layout-content .header .menu.toolbar li .button.delete:hover:not(.disabled),
.task-settings html.dark-mode #layout-content .header .menu.toolbar li .button.delete:hover:not(.disabled),
.task-settings body.dark-mode #layout-content .header .menu.toolbar li .button.delete:hover:not(.disabled),
.dark-mode .task-settings #layout-content .header .menu.toolbar li .button.delete:hover:not(.disabled),
.task-settings .dark-mode #layout-content .header .toolbar li .button.delete:hover:not(.disabled),
.task-settings html.dark-mode #layout-content .header .toolbar li .button.delete:hover:not(.disabled),
.task-settings body.dark-mode #layout-content .header .toolbar li .button.delete:hover:not(.disabled),
.dark-mode .task-settings #layout-content .header .toolbar li .button.delete:hover:not(.disabled) {
  box-shadow: inset 6px 6px 12px rgba(0, 0, 0, 0.9), inset -3px -3px 6px rgba(0, 0, 0, 0.4) !important;
  color: #00f2fe !important;
}
.task-settings .dark-mode #layout-content .header .menu.toolbar li a.button:active:not(.disabled),
.task-settings html.dark-mode #layout-content .header .menu.toolbar li a.button:active:not(.disabled),
.task-settings body.dark-mode #layout-content .header .menu.toolbar li a.button:active:not(.disabled),
.dark-mode .task-settings #layout-content .header .menu.toolbar li a.button:active:not(.disabled),
.task-settings .dark-mode #layout-content .header .toolbar li a.button:active:not(.disabled),
.task-settings html.dark-mode #layout-content .header .toolbar li a.button:active:not(.disabled),
.task-settings body.dark-mode #layout-content .header .toolbar li a.button:active:not(.disabled),
.dark-mode .task-settings #layout-content .header .toolbar li a.button:active:not(.disabled),
.task-settings .dark-mode #layout-content .header .menu.toolbar li a.create:active:not(.disabled),
.task-settings html.dark-mode #layout-content .header .menu.toolbar li a.create:active:not(.disabled),
.task-settings body.dark-mode #layout-content .header .menu.toolbar li a.create:active:not(.disabled),
.dark-mode .task-settings #layout-content .header .menu.toolbar li a.create:active:not(.disabled),
.task-settings .dark-mode #layout-content .header .toolbar li a.create:active:not(.disabled),
.task-settings html.dark-mode #layout-content .header .toolbar li a.create:active:not(.disabled),
.task-settings body.dark-mode #layout-content .header .toolbar li a.create:active:not(.disabled),
.dark-mode .task-settings #layout-content .header .toolbar li a.create:active:not(.disabled),
.task-settings .dark-mode #layout-content .header .menu.toolbar li button.create:active:not(.disabled),
.task-settings html.dark-mode #layout-content .header .menu.toolbar li button.create:active:not(.disabled),
.task-settings body.dark-mode #layout-content .header .menu.toolbar li button.create:active:not(.disabled),
.dark-mode .task-settings #layout-content .header .menu.toolbar li button.create:active:not(.disabled),
.task-settings .dark-mode #layout-content .header .toolbar li button.create:active:not(.disabled),
.task-settings html.dark-mode #layout-content .header .toolbar li button.create:active:not(.disabled),
.task-settings body.dark-mode #layout-content .header .toolbar li button.create:active:not(.disabled),
.dark-mode .task-settings #layout-content .header .toolbar li button.create:active:not(.disabled),
.task-settings .dark-mode #layout-content .header .menu.toolbar li .button.create:active:not(.disabled),
.task-settings html.dark-mode #layout-content .header .menu.toolbar li .button.create:active:not(.disabled),
.task-settings body.dark-mode #layout-content .header .menu.toolbar li .button.create:active:not(.disabled),
.dark-mode .task-settings #layout-content .header .menu.toolbar li .button.create:active:not(.disabled),
.task-settings .dark-mode #layout-content .header .toolbar li .button.create:active:not(.disabled),
.task-settings html.dark-mode #layout-content .header .toolbar li .button.create:active:not(.disabled),
.task-settings body.dark-mode #layout-content .header .toolbar li .button.create:active:not(.disabled),
.dark-mode .task-settings #layout-content .header .toolbar li .button.create:active:not(.disabled),
.task-settings .dark-mode #layout-content .header .menu.toolbar li a.delete:active:not(.disabled),
.task-settings html.dark-mode #layout-content .header .menu.toolbar li a.delete:active:not(.disabled),
.task-settings body.dark-mode #layout-content .header .menu.toolbar li a.delete:active:not(.disabled),
.dark-mode .task-settings #layout-content .header .menu.toolbar li a.delete:active:not(.disabled),
.task-settings .dark-mode #layout-content .header .toolbar li a.delete:active:not(.disabled),
.task-settings html.dark-mode #layout-content .header .toolbar li a.delete:active:not(.disabled),
.task-settings body.dark-mode #layout-content .header .toolbar li a.delete:active:not(.disabled),
.dark-mode .task-settings #layout-content .header .toolbar li a.delete:active:not(.disabled),
.task-settings .dark-mode #layout-content .header .menu.toolbar li button.delete:active:not(.disabled),
.task-settings html.dark-mode #layout-content .header .menu.toolbar li button.delete:active:not(.disabled),
.task-settings body.dark-mode #layout-content .header .menu.toolbar li button.delete:active:not(.disabled),
.dark-mode .task-settings #layout-content .header .menu.toolbar li button.delete:active:not(.disabled),
.task-settings .dark-mode #layout-content .header .toolbar li button.delete:active:not(.disabled),
.task-settings html.dark-mode #layout-content .header .toolbar li button.delete:active:not(.disabled),
.task-settings body.dark-mode #layout-content .header .toolbar li button.delete:active:not(.disabled),
.dark-mode .task-settings #layout-content .header .toolbar li button.delete:active:not(.disabled),
.task-settings .dark-mode #layout-content .header .menu.toolbar li .button.delete:active:not(.disabled),
.task-settings html.dark-mode #layout-content .header .menu.toolbar li .button.delete:active:not(.disabled),
.task-settings body.dark-mode #layout-content .header .menu.toolbar li .button.delete:active:not(.disabled),
.dark-mode .task-settings #layout-content .header .menu.toolbar li .button.delete:active:not(.disabled),
.task-settings .dark-mode #layout-content .header .toolbar li .button.delete:active:not(.disabled),
.task-settings html.dark-mode #layout-content .header .toolbar li .button.delete:active:not(.disabled),
.task-settings body.dark-mode #layout-content .header .toolbar li .button.delete:active:not(.disabled),
.dark-mode .task-settings #layout-content .header .toolbar li .button.delete:active:not(.disabled) {
  box-shadow: inset 8px 8px 16px rgba(0, 0, 0, 0.95), inset -4px -4px 8px rgba(0, 0, 0, 0.5) !important;
}
.task-settings .dark-mode #layout-content .header .button.icon,
.task-settings html.dark-mode #layout-content .header .button.icon,
.task-settings body.dark-mode #layout-content .header .button.icon,
.dark-mode .task-settings #layout-content .header .button.icon {
  background: #1a202c !important;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.8), -3px -3px 6px rgba(0, 0, 0, 0.3) !important;
}
.task-settings .dark-mode #layout-content .header .button.icon:hover,
.task-settings html.dark-mode #layout-content .header .button.icon:hover,
.task-settings body.dark-mode #layout-content .header .button.icon:hover,
.dark-mode .task-settings #layout-content .header .button.icon:hover {
  box-shadow: inset 5px 5px 10px rgba(0, 0, 0, 0.9), inset -2px -2px 4px rgba(0, 0, 0, 0.4) !important;
}
/* Dark Mode - Settings Sidebar Header Logo - DARK SHADOWS ONLY */
.task-settings .dark-mode #layout-sidebar .aj-sidebar-header #logo,
.task-settings html.dark-mode #layout-sidebar .aj-sidebar-header #logo,
.task-settings html.dark-mode #layout-sidebar .aj-sidebar-header #aj-logo,
.task-settings body.dark-mode #layout-sidebar .aj-sidebar-header #logo,
.task-settings body.dark-mode #layout-sidebar .aj-sidebar-header #aj-logo,
.dark-mode .task-settings #layout-sidebar .aj-sidebar-header #logo,
.dark-mode .task-settings #layout-sidebar .aj-sidebar-header #aj-logo {
  filter: brightness(1.3) contrast(1.2) saturate(1.3) !important;
  border: 2px solid rgba(255, 255, 255, 0.2) !important;
  background: rgba(255, 255, 255, 0.05) !important;
  box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.8), -5px -5px 10px rgba(0, 0, 0, 0.3) !important;
}
.task-settings .dark-mode #layout-sidebar .aj-sidebar-header #logo:hover,
.task-settings html.dark-mode #layout-sidebar .aj-sidebar-header #logo:hover,
.task-settings html.dark-mode #layout-sidebar .aj-sidebar-header #aj-logo:hover,
.task-settings body.dark-mode #layout-sidebar .aj-sidebar-header #logo:hover,
.task-settings body.dark-mode #layout-sidebar .aj-sidebar-header #aj-logo:hover,
.dark-mode .task-settings #layout-sidebar .aj-sidebar-header #logo:hover,
.dark-mode .task-settings #layout-sidebar .aj-sidebar-header #aj-logo:hover {
  filter: brightness(1.5) contrast(1.3) saturate(1.4) !important;
  box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.9), -8px -8px 16px rgba(0, 0, 0, 0.4) !important;
}
/* Dark Mode - Settings Menu Items Default State */
.task-settings .dark-mode #layout-sidebar #settings-menu li > a,
.task-settings .dark-mode #layout-sidebar .listing li > a,
.task-settings .dark-mode #layout-list .listing li > a,
.task-settings .dark-mode #layout-sidebar .settings-menu-items .menu-item > a,
.task-settings html.dark-mode #layout-sidebar #settings-menu li > a,
.task-settings html.dark-mode #layout-sidebar .listing li > a,
.task-settings html.dark-mode #layout-list .listing li > a,
.task-settings html.dark-mode #layout-sidebar .settings-menu-items .menu-item > a,
.task-settings body.dark-mode #layout-sidebar #settings-menu li > a,
.task-settings body.dark-mode #layout-sidebar .listing li > a,
.task-settings body.dark-mode #layout-list .listing li > a,
.task-settings body.dark-mode #layout-sidebar .settings-menu-items .menu-item > a,
.dark-mode .task-settings #layout-sidebar #settings-menu li > a,
.dark-mode .task-settings #layout-sidebar .listing li > a,
.dark-mode .task-settings #layout-list .listing li > a,
.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item > a,
html.dark-mode .task-settings #layout-sidebar #settings-menu li > a,
html.dark-mode .task-settings #layout-sidebar .listing li > a,
html.dark-mode .task-settings #layout-list .listing li > a,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item > a,
body.dark-mode .task-settings #layout-sidebar #settings-menu li > a,
body.dark-mode .task-settings #layout-sidebar .listing li > a,
body.dark-mode .task-settings #layout-list .listing li > a,
body.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item > a {
  color: #e2e8f0 !important;
  background: #1a202c !important;
  background-color: #1a202c !important;
}
/* Dark Mode - Settings Menu Items Shadows - DARK SHADOWS ONLY */
.task-settings .dark-mode #layout-sidebar #settings-menu li > a,
.task-settings .dark-mode #layout-sidebar .listing li > a,
.task-settings .dark-mode #layout-list .listing li > a,
.task-settings .dark-mode #layout-sidebar .settings-menu-items .menu-item > a,
.task-settings html.dark-mode #layout-sidebar #settings-menu li > a,
.task-settings html.dark-mode #layout-sidebar .listing li > a,
.task-settings html.dark-mode #layout-list .listing li > a,
.task-settings html.dark-mode #layout-sidebar .settings-menu-items .menu-item > a,
.task-settings body.dark-mode #layout-sidebar #settings-menu li > a,
.task-settings body.dark-mode #layout-sidebar .listing li > a,
.task-settings body.dark-mode #layout-list .listing li > a,
.task-settings body.dark-mode #layout-sidebar .settings-menu-items .menu-item > a,
.dark-mode .task-settings #layout-sidebar #settings-menu li > a,
.dark-mode .task-settings #layout-sidebar .listing li > a,
.dark-mode .task-settings #layout-list .listing li > a,
.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item > a,
html.dark-mode .task-settings #layout-sidebar #settings-menu li > a,
html.dark-mode .task-settings #layout-sidebar .listing li > a,
html.dark-mode .task-settings #layout-list .listing li > a,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item > a,
body.dark-mode .task-settings #layout-sidebar #settings-menu li > a,
body.dark-mode .task-settings #layout-sidebar .listing li > a,
body.dark-mode .task-settings #layout-list .listing li > a,
body.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item > a {
  box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.8), -4px -4px 8px rgba(0, 0, 0, 0.3) !important;
  /* Dark Mode - Icon shadows - DARK SHADOWS ONLY - OVERRIDE BASE STYLES */
  /* Dark Mode - Hover state - DARK SHADOWS ONLY */
  /* Dark Mode - Selected state - DARK SHADOWS ONLY */
}
.task-settings .dark-mode #layout-sidebar #settings-menu li > a::before,
.task-settings .dark-mode #layout-sidebar .listing li > a::before,
.task-settings .dark-mode #layout-list .listing li > a::before,
.task-settings .dark-mode #layout-sidebar .settings-menu-items .menu-item > a::before,
.task-settings html.dark-mode #layout-sidebar #settings-menu li > a::before,
.task-settings html.dark-mode #layout-sidebar .listing li > a::before,
.task-settings html.dark-mode #layout-list .listing li > a::before,
.task-settings html.dark-mode #layout-sidebar .settings-menu-items .menu-item > a::before,
.task-settings body.dark-mode #layout-sidebar #settings-menu li > a::before,
.task-settings body.dark-mode #layout-sidebar .listing li > a::before,
.task-settings body.dark-mode #layout-list .listing li > a::before,
.task-settings body.dark-mode #layout-sidebar .settings-menu-items .menu-item > a::before,
.dark-mode .task-settings #layout-sidebar #settings-menu li > a::before,
.dark-mode .task-settings #layout-sidebar .listing li > a::before,
.dark-mode .task-settings #layout-list .listing li > a::before,
.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item > a::before,
html.dark-mode .task-settings #layout-sidebar #settings-menu li > a::before,
html.dark-mode .task-settings #layout-sidebar .listing li > a::before,
html.dark-mode .task-settings #layout-list .listing li > a::before,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item > a::before,
body.dark-mode .task-settings #layout-sidebar #settings-menu li > a::before,
body.dark-mode .task-settings #layout-sidebar .listing li > a::before,
body.dark-mode .task-settings #layout-list .listing li > a::before,
body.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item > a::before {
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.6), -2px -2px 4px rgba(0, 0, 0, 0.3) !important;
}
.task-settings .dark-mode #layout-sidebar #settings-menu li > a:hover,
.task-settings .dark-mode #layout-sidebar .listing li > a:hover,
.task-settings .dark-mode #layout-list .listing li > a:hover,
.task-settings .dark-mode #layout-sidebar .settings-menu-items .menu-item > a:hover,
.task-settings html.dark-mode #layout-sidebar #settings-menu li > a:hover,
.task-settings html.dark-mode #layout-sidebar .listing li > a:hover,
.task-settings html.dark-mode #layout-list .listing li > a:hover,
.task-settings html.dark-mode #layout-sidebar .settings-menu-items .menu-item > a:hover,
.task-settings body.dark-mode #layout-sidebar #settings-menu li > a:hover,
.task-settings body.dark-mode #layout-sidebar .listing li > a:hover,
.task-settings body.dark-mode #layout-list .listing li > a:hover,
.task-settings body.dark-mode #layout-sidebar .settings-menu-items .menu-item > a:hover,
.dark-mode .task-settings #layout-sidebar #settings-menu li > a:hover,
.dark-mode .task-settings #layout-sidebar .listing li > a:hover,
.dark-mode .task-settings #layout-list .listing li > a:hover,
.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item > a:hover,
html.dark-mode .task-settings #layout-sidebar #settings-menu li > a:hover,
html.dark-mode .task-settings #layout-sidebar .listing li > a:hover,
html.dark-mode .task-settings #layout-list .listing li > a:hover,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item > a:hover,
body.dark-mode .task-settings #layout-sidebar #settings-menu li > a:hover,
body.dark-mode .task-settings #layout-sidebar .listing li > a:hover,
body.dark-mode .task-settings #layout-list .listing li > a:hover,
body.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item > a:hover {
  box-shadow: inset 6px 6px 12px rgba(0, 0, 0, 0.9), inset -3px -3px 6px rgba(0, 0, 0, 0.4) !important;
}
.task-settings .dark-mode #layout-sidebar #settings-menu li > a:hover::before,
.task-settings .dark-mode #layout-sidebar .listing li > a:hover::before,
.task-settings .dark-mode #layout-list .listing li > a:hover::before,
.task-settings .dark-mode #layout-sidebar .settings-menu-items .menu-item > a:hover::before,
.task-settings html.dark-mode #layout-sidebar #settings-menu li > a:hover::before,
.task-settings html.dark-mode #layout-sidebar .listing li > a:hover::before,
.task-settings html.dark-mode #layout-list .listing li > a:hover::before,
.task-settings html.dark-mode #layout-sidebar .settings-menu-items .menu-item > a:hover::before,
.task-settings body.dark-mode #layout-sidebar #settings-menu li > a:hover::before,
.task-settings body.dark-mode #layout-sidebar .listing li > a:hover::before,
.task-settings body.dark-mode #layout-list .listing li > a:hover::before,
.task-settings body.dark-mode #layout-sidebar .settings-menu-items .menu-item > a:hover::before,
.dark-mode .task-settings #layout-sidebar #settings-menu li > a:hover::before,
.dark-mode .task-settings #layout-sidebar .listing li > a:hover::before,
.dark-mode .task-settings #layout-list .listing li > a:hover::before,
.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item > a:hover::before,
html.dark-mode .task-settings #layout-sidebar #settings-menu li > a:hover::before,
html.dark-mode .task-settings #layout-sidebar .listing li > a:hover::before,
html.dark-mode .task-settings #layout-list .listing li > a:hover::before,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item > a:hover::before,
body.dark-mode .task-settings #layout-sidebar #settings-menu li > a:hover::before,
body.dark-mode .task-settings #layout-sidebar .listing li > a:hover::before,
body.dark-mode .task-settings #layout-list .listing li > a:hover::before,
body.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item > a:hover::before {
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.8), -2px -2px 4px rgba(0, 0, 0, 0.4) !important;
}
.task-settings .dark-mode #layout-sidebar #settings-menu li > a.selected,
.task-settings .dark-mode #layout-sidebar .listing li > a.selected,
.task-settings .dark-mode #layout-list .listing li > a.selected,
.task-settings .dark-mode #layout-sidebar .settings-menu-items .menu-item > a.selected,
.task-settings html.dark-mode #layout-sidebar #settings-menu li > a.selected,
.task-settings html.dark-mode #layout-sidebar .listing li > a.selected,
.task-settings html.dark-mode #layout-list .listing li > a.selected,
.task-settings html.dark-mode #layout-sidebar .settings-menu-items .menu-item > a.selected,
.task-settings body.dark-mode #layout-sidebar #settings-menu li > a.selected,
.task-settings body.dark-mode #layout-sidebar .listing li > a.selected,
.task-settings body.dark-mode #layout-list .listing li > a.selected,
.task-settings body.dark-mode #layout-sidebar .settings-menu-items .menu-item > a.selected,
.dark-mode .task-settings #layout-sidebar #settings-menu li > a.selected,
.dark-mode .task-settings #layout-sidebar .listing li > a.selected,
.dark-mode .task-settings #layout-list .listing li > a.selected,
.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item > a.selected,
html.dark-mode .task-settings #layout-sidebar #settings-menu li > a.selected,
html.dark-mode .task-settings #layout-sidebar .listing li > a.selected,
html.dark-mode .task-settings #layout-list .listing li > a.selected,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item > a.selected,
body.dark-mode .task-settings #layout-sidebar #settings-menu li > a.selected,
body.dark-mode .task-settings #layout-sidebar .listing li > a.selected,
body.dark-mode .task-settings #layout-list .listing li > a.selected,
body.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item > a.selected,
.task-settings .dark-mode #layout-sidebar #settings-menu li > a.active,
.task-settings .dark-mode #layout-sidebar .listing li > a.active,
.task-settings .dark-mode #layout-list .listing li > a.active,
.task-settings .dark-mode #layout-sidebar .settings-menu-items .menu-item > a.active,
.task-settings html.dark-mode #layout-sidebar #settings-menu li > a.active,
.task-settings html.dark-mode #layout-sidebar .listing li > a.active,
.task-settings html.dark-mode #layout-list .listing li > a.active,
.task-settings html.dark-mode #layout-sidebar .settings-menu-items .menu-item > a.active,
.task-settings body.dark-mode #layout-sidebar #settings-menu li > a.active,
.task-settings body.dark-mode #layout-sidebar .listing li > a.active,
.task-settings body.dark-mode #layout-list .listing li > a.active,
.task-settings body.dark-mode #layout-sidebar .settings-menu-items .menu-item > a.active,
.dark-mode .task-settings #layout-sidebar #settings-menu li > a.active,
.dark-mode .task-settings #layout-sidebar .listing li > a.active,
.dark-mode .task-settings #layout-list .listing li > a.active,
.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item > a.active,
html.dark-mode .task-settings #layout-sidebar #settings-menu li > a.active,
html.dark-mode .task-settings #layout-sidebar .listing li > a.active,
html.dark-mode .task-settings #layout-list .listing li > a.active,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item > a.active,
body.dark-mode .task-settings #layout-sidebar #settings-menu li > a.active,
body.dark-mode .task-settings #layout-sidebar .listing li > a.active,
body.dark-mode .task-settings #layout-list .listing li > a.active,
body.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item > a.active {
  box-shadow: inset 8px 8px 16px rgba(0, 0, 0, 0.9), inset -4px -4px 8px rgba(0, 0, 0, 0.4) !important;
}
.task-settings .dark-mode #layout-sidebar #settings-menu li > a.selected::before,
.task-settings .dark-mode #layout-sidebar .listing li > a.selected::before,
.task-settings .dark-mode #layout-list .listing li > a.selected::before,
.task-settings .dark-mode #layout-sidebar .settings-menu-items .menu-item > a.selected::before,
.task-settings html.dark-mode #layout-sidebar #settings-menu li > a.selected::before,
.task-settings html.dark-mode #layout-sidebar .listing li > a.selected::before,
.task-settings html.dark-mode #layout-list .listing li > a.selected::before,
.task-settings html.dark-mode #layout-sidebar .settings-menu-items .menu-item > a.selected::before,
.task-settings body.dark-mode #layout-sidebar #settings-menu li > a.selected::before,
.task-settings body.dark-mode #layout-sidebar .listing li > a.selected::before,
.task-settings body.dark-mode #layout-list .listing li > a.selected::before,
.task-settings body.dark-mode #layout-sidebar .settings-menu-items .menu-item > a.selected::before,
.dark-mode .task-settings #layout-sidebar #settings-menu li > a.selected::before,
.dark-mode .task-settings #layout-sidebar .listing li > a.selected::before,
.dark-mode .task-settings #layout-list .listing li > a.selected::before,
.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item > a.selected::before,
html.dark-mode .task-settings #layout-sidebar #settings-menu li > a.selected::before,
html.dark-mode .task-settings #layout-sidebar .listing li > a.selected::before,
html.dark-mode .task-settings #layout-list .listing li > a.selected::before,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item > a.selected::before,
body.dark-mode .task-settings #layout-sidebar #settings-menu li > a.selected::before,
body.dark-mode .task-settings #layout-sidebar .listing li > a.selected::before,
body.dark-mode .task-settings #layout-list .listing li > a.selected::before,
body.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item > a.selected::before,
.task-settings .dark-mode #layout-sidebar #settings-menu li > a.active::before,
.task-settings .dark-mode #layout-sidebar .listing li > a.active::before,
.task-settings .dark-mode #layout-list .listing li > a.active::before,
.task-settings .dark-mode #layout-sidebar .settings-menu-items .menu-item > a.active::before,
.task-settings html.dark-mode #layout-sidebar #settings-menu li > a.active::before,
.task-settings html.dark-mode #layout-sidebar .listing li > a.active::before,
.task-settings html.dark-mode #layout-list .listing li > a.active::before,
.task-settings html.dark-mode #layout-sidebar .settings-menu-items .menu-item > a.active::before,
.task-settings body.dark-mode #layout-sidebar #settings-menu li > a.active::before,
.task-settings body.dark-mode #layout-sidebar .listing li > a.active::before,
.task-settings body.dark-mode #layout-list .listing li > a.active::before,
.task-settings body.dark-mode #layout-sidebar .settings-menu-items .menu-item > a.active::before,
.dark-mode .task-settings #layout-sidebar #settings-menu li > a.active::before,
.dark-mode .task-settings #layout-sidebar .listing li > a.active::before,
.dark-mode .task-settings #layout-list .listing li > a.active::before,
.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item > a.active::before,
html.dark-mode .task-settings #layout-sidebar #settings-menu li > a.active::before,
html.dark-mode .task-settings #layout-sidebar .listing li > a.active::before,
html.dark-mode .task-settings #layout-list .listing li > a.active::before,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item > a.active::before,
body.dark-mode .task-settings #layout-sidebar #settings-menu li > a.active::before,
body.dark-mode .task-settings #layout-sidebar .listing li > a.active::before,
body.dark-mode .task-settings #layout-list .listing li > a.active::before,
body.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item > a.active::before {
  box-shadow: inset 3px 3px 6px rgba(0, 0, 0, 0.6) !important;
}
/* Dark Mode - Settings Menu Items Hover State */
.task-settings .dark-mode #layout-sidebar #settings-menu li > a:hover,
.task-settings .dark-mode #layout-sidebar .listing li > a:hover,
.task-settings .dark-mode #layout-list .listing li > a:hover,
.task-settings .dark-mode #layout-sidebar .settings-menu-items .menu-item > a:hover,
.task-settings html.dark-mode #layout-sidebar #settings-menu li > a:hover,
.task-settings html.dark-mode #layout-sidebar .listing li > a:hover,
.task-settings html.dark-mode #layout-list .listing li > a:hover,
.task-settings html.dark-mode #layout-sidebar .settings-menu-items .menu-item > a:hover,
.task-settings body.dark-mode #layout-sidebar #settings-menu li > a:hover,
.task-settings body.dark-mode #layout-sidebar .listing li > a:hover,
.task-settings body.dark-mode #layout-list .listing li > a:hover,
.task-settings body.dark-mode #layout-sidebar .settings-menu-items .menu-item > a:hover,
.dark-mode .task-settings #layout-sidebar #settings-menu li > a:hover,
.dark-mode .task-settings #layout-sidebar .listing li > a:hover,
.dark-mode .task-settings #layout-list .listing li > a:hover,
.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item > a:hover,
html.dark-mode .task-settings #layout-sidebar #settings-menu li > a:hover,
html.dark-mode .task-settings #layout-sidebar .listing li > a:hover,
html.dark-mode .task-settings #layout-list .listing li > a:hover,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item > a:hover,
body.dark-mode .task-settings #layout-sidebar #settings-menu li > a:hover,
body.dark-mode .task-settings #layout-sidebar .listing li > a:hover,
body.dark-mode .task-settings #layout-list .listing li > a:hover,
body.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item > a:hover {
  color: #00f2fe !important;
  /* Cyan accent color for text */
  background: #2d3748 !important;
  /* Dark gray background */
  background-color: #2d3748 !important;
  transform: translateY(-2px) scale(0.99) !important;
  /* Slight lift effect */
  box-shadow: inset 6px 6px 12px rgba(0, 0, 0, 0.9), inset -3px -3px 6px rgba(0, 0, 0, 0.4) !important;
  /* DARK SHADOWS ONLY */
}
.task-settings .dark-mode #layout-sidebar #settings-menu li > a:hover::before,
.task-settings .dark-mode #layout-sidebar .listing li > a:hover::before,
.task-settings .dark-mode #layout-list .listing li > a:hover::before,
.task-settings .dark-mode #layout-sidebar .settings-menu-items .menu-item > a:hover::before,
.task-settings html.dark-mode #layout-sidebar #settings-menu li > a:hover::before,
.task-settings html.dark-mode #layout-sidebar .listing li > a:hover::before,
.task-settings html.dark-mode #layout-list .listing li > a:hover::before,
.task-settings html.dark-mode #layout-sidebar .settings-menu-items .menu-item > a:hover::before,
.task-settings body.dark-mode #layout-sidebar #settings-menu li > a:hover::before,
.task-settings body.dark-mode #layout-sidebar .listing li > a:hover::before,
.task-settings body.dark-mode #layout-list .listing li > a:hover::before,
.task-settings body.dark-mode #layout-sidebar .settings-menu-items .menu-item > a:hover::before,
.dark-mode .task-settings #layout-sidebar #settings-menu li > a:hover::before,
.dark-mode .task-settings #layout-sidebar .listing li > a:hover::before,
.dark-mode .task-settings #layout-list .listing li > a:hover::before,
.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item > a:hover::before,
html.dark-mode .task-settings #layout-sidebar #settings-menu li > a:hover::before,
html.dark-mode .task-settings #layout-sidebar .listing li > a:hover::before,
html.dark-mode .task-settings #layout-list .listing li > a:hover::before,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item > a:hover::before,
body.dark-mode .task-settings #layout-sidebar #settings-menu li > a:hover::before,
body.dark-mode .task-settings #layout-sidebar .listing li > a:hover::before,
body.dark-mode .task-settings #layout-list .listing li > a:hover::before,
body.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item > a:hover::before {
  transform: scale(1.08) !important;
  /* Icon slightly larger on hover */
  filter: brightness(1.15) !important;
  /* Brighter icon */
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.8), -2px -2px 4px rgba(0, 0, 0, 0.4) !important;
  /* DARK SHADOWS ONLY */
  color: #ffffff !important;
  /* Keep icon white */
}
/* Enhanced Dark Mode - Settings Menu Items Selected/Active State with border glow effect */
.task-settings .dark-mode #layout-sidebar #settings-menu li > a.selected,
.task-settings .dark-mode #layout-sidebar #settings-menu li > a.active,
.task-settings .dark-mode #layout-sidebar #settings-menu li.selected > a,
.task-settings .dark-mode #layout-sidebar .listing li > a.selected,
.task-settings .dark-mode #layout-sidebar .listing li > a.active,
.task-settings .dark-mode #layout-list .listing li > a.selected,
.task-settings .dark-mode #layout-list .listing li > a.active,
.task-settings .dark-mode #layout-sidebar .settings-menu-items .menu-item > a.selected,
.task-settings .dark-mode #layout-sidebar .settings-menu-items .menu-item > a.active,
.task-settings html.dark-mode #layout-sidebar #settings-menu li > a.selected,
.task-settings html.dark-mode #layout-sidebar #settings-menu li > a.active,
.task-settings html.dark-mode #layout-sidebar #settings-menu li.selected > a,
.task-settings html.dark-mode #layout-sidebar .listing li > a.selected,
.task-settings html.dark-mode #layout-sidebar .listing li > a.active,
.task-settings html.dark-mode #layout-list .listing li > a.selected,
.task-settings html.dark-mode #layout-list .listing li > a.active,
.task-settings html.dark-mode #layout-sidebar .settings-menu-items .menu-item > a.selected,
.task-settings html.dark-mode #layout-sidebar .settings-menu-items .menu-item > a.active,
.task-settings body.dark-mode #layout-sidebar #settings-menu li > a.selected,
.task-settings body.dark-mode #layout-sidebar #settings-menu li > a.active,
.task-settings body.dark-mode #layout-sidebar #settings-menu li.selected > a,
.task-settings body.dark-mode #layout-sidebar .listing li > a.selected,
.task-settings body.dark-mode #layout-sidebar .listing li > a.active,
.task-settings body.dark-mode #layout-list .listing li > a.selected,
.task-settings body.dark-mode #layout-list .listing li > a.active,
.task-settings body.dark-mode #layout-sidebar .settings-menu-items .menu-item > a.selected,
.task-settings body.dark-mode #layout-sidebar .settings-menu-items .menu-item > a.active,
.dark-mode .task-settings #layout-sidebar #settings-menu li > a.selected,
.dark-mode .task-settings #layout-sidebar #settings-menu li > a.active,
.dark-mode .task-settings #layout-sidebar #settings-menu li.selected > a,
.dark-mode .task-settings #layout-sidebar .listing li > a.selected,
.dark-mode .task-settings #layout-sidebar .listing li > a.active,
.dark-mode .task-settings #layout-list .listing li > a.selected,
.dark-mode .task-settings #layout-list .listing li > a.active,
.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item > a.selected,
.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item > a.active,
html.dark-mode .task-settings #layout-sidebar #settings-menu li > a.selected,
html.dark-mode .task-settings #layout-sidebar #settings-menu li > a.active,
html.dark-mode .task-settings #layout-sidebar #settings-menu li.selected > a,
html.dark-mode .task-settings #layout-sidebar .listing li > a.selected,
html.dark-mode .task-settings #layout-sidebar .listing li > a.active,
html.dark-mode .task-settings #layout-list .listing li > a.selected,
html.dark-mode .task-settings #layout-list .listing li > a.active,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item > a.selected,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item > a.active,
body.dark-mode .task-settings #layout-sidebar #settings-menu li > a.selected,
body.dark-mode .task-settings #layout-sidebar #settings-menu li > a.active,
body.dark-mode .task-settings #layout-sidebar #settings-menu li.selected > a,
body.dark-mode .task-settings #layout-sidebar .listing li > a.selected,
body.dark-mode .task-settings #layout-sidebar .listing li > a.active,
body.dark-mode .task-settings #layout-list .listing li > a.selected,
body.dark-mode .task-settings #layout-list .listing li > a.active,
body.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item > a.selected,
body.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item > a.active {
  color: #00f2fe !important;
  /* Cyan accent color for text */
  background: #3a4556 !important;
  /* Lighter dark gray background for better visibility */
  background-color: #3a4556 !important;
  border: 2px solid rgba(0, 242, 254, 0.3) !important;
  /* Light gray border with cyan tint */
  box-shadow: inset 8px 8px 16px rgba(0, 0, 0, 0.9), inset -4px -4px 8px rgba(0, 0, 0, 0.4), 0 0 20px rgba(0, 242, 254, 0.15) !important;
  /* DARK SHADOWS ONLY */
  transform: scale(0.98) !important;
  /* Pressed in effect */
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
}
.task-settings .dark-mode #layout-sidebar #settings-menu li > a.selected::before,
.task-settings .dark-mode #layout-sidebar #settings-menu li > a.active::before,
.task-settings .dark-mode #layout-sidebar #settings-menu li.selected > a::before,
.task-settings .dark-mode #layout-sidebar .listing li > a.selected::before,
.task-settings .dark-mode #layout-sidebar .listing li > a.active::before,
.task-settings .dark-mode #layout-list .listing li > a.selected::before,
.task-settings .dark-mode #layout-list .listing li > a.active::before,
.task-settings .dark-mode #layout-sidebar .settings-menu-items .menu-item > a.selected::before,
.task-settings .dark-mode #layout-sidebar .settings-menu-items .menu-item > a.active::before,
.task-settings html.dark-mode #layout-sidebar #settings-menu li > a.selected::before,
.task-settings html.dark-mode #layout-sidebar #settings-menu li > a.active::before,
.task-settings html.dark-mode #layout-sidebar #settings-menu li.selected > a::before,
.task-settings html.dark-mode #layout-sidebar .listing li > a.selected::before,
.task-settings html.dark-mode #layout-sidebar .listing li > a.active::before,
.task-settings html.dark-mode #layout-list .listing li > a.selected::before,
.task-settings html.dark-mode #layout-list .listing li > a.active::before,
.task-settings html.dark-mode #layout-sidebar .settings-menu-items .menu-item > a.selected::before,
.task-settings html.dark-mode #layout-sidebar .settings-menu-items .menu-item > a.active::before,
.task-settings body.dark-mode #layout-sidebar #settings-menu li > a.selected::before,
.task-settings body.dark-mode #layout-sidebar #settings-menu li > a.active::before,
.task-settings body.dark-mode #layout-sidebar #settings-menu li.selected > a::before,
.task-settings body.dark-mode #layout-sidebar .listing li > a.selected::before,
.task-settings body.dark-mode #layout-sidebar .listing li > a.active::before,
.task-settings body.dark-mode #layout-list .listing li > a.selected::before,
.task-settings body.dark-mode #layout-list .listing li > a.active::before,
.task-settings body.dark-mode #layout-sidebar .settings-menu-items .menu-item > a.selected::before,
.task-settings body.dark-mode #layout-sidebar .settings-menu-items .menu-item > a.active::before,
.dark-mode .task-settings #layout-sidebar #settings-menu li > a.selected::before,
.dark-mode .task-settings #layout-sidebar #settings-menu li > a.active::before,
.dark-mode .task-settings #layout-sidebar #settings-menu li.selected > a::before,
.dark-mode .task-settings #layout-sidebar .listing li > a.selected::before,
.dark-mode .task-settings #layout-sidebar .listing li > a.active::before,
.dark-mode .task-settings #layout-list .listing li > a.selected::before,
.dark-mode .task-settings #layout-list .listing li > a.active::before,
.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item > a.selected::before,
.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item > a.active::before,
html.dark-mode .task-settings #layout-sidebar #settings-menu li > a.selected::before,
html.dark-mode .task-settings #layout-sidebar #settings-menu li > a.active::before,
html.dark-mode .task-settings #layout-sidebar #settings-menu li.selected > a::before,
html.dark-mode .task-settings #layout-sidebar .listing li > a.selected::before,
html.dark-mode .task-settings #layout-sidebar .listing li > a.active::before,
html.dark-mode .task-settings #layout-list .listing li > a.selected::before,
html.dark-mode .task-settings #layout-list .listing li > a.active::before,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item > a.selected::before,
html.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item > a.active::before,
body.dark-mode .task-settings #layout-sidebar #settings-menu li > a.selected::before,
body.dark-mode .task-settings #layout-sidebar #settings-menu li > a.active::before,
body.dark-mode .task-settings #layout-sidebar #settings-menu li.selected > a::before,
body.dark-mode .task-settings #layout-sidebar .listing li > a.selected::before,
body.dark-mode .task-settings #layout-sidebar .listing li > a.active::before,
body.dark-mode .task-settings #layout-list .listing li > a.selected::before,
body.dark-mode .task-settings #layout-list .listing li > a.active::before,
body.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item > a.selected::before,
body.dark-mode .task-settings #layout-sidebar .settings-menu-items .menu-item > a.active::before {
  transform: scale(1.1) !important;
  /* Icon slightly larger when selected */
  filter: brightness(1.2) !important;
  /* Brighter icon for visibility */
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.7), -2px -2px 4px rgba(0, 0, 0, 0.3), 0 0 12px rgba(139, 92, 246, 0.4) !important;
  /* DARK SHADOWS ONLY */
  color: #ffffff !important;
  /* Keep icon white */
}
/* Dark Mode - Settings Separator */
.task-settings .dark-mode .aj-footer-separator,
.task-settings html.dark-mode .aj-footer-separator,
.task-settings body.dark-mode .aj-footer-separator,
.dark-mode .task-settings .aj-footer-separator {
  background: rgba(255, 255, 255, 0.1) !important;
}
.task-addressbook .dark-mode #layout-list .scroller,
.task-addressbook .dark-mode #layout-list table,
.task-addressbook .dark-mode #layout-list .listing,
.task-addressbook .dark-mode #layout-list .listing li,
.task-addressbook .dark-mode #layout-content,
.task-addressbook .dark-mode #layout-content .iframe-wrapper,
.task-addressbook html.dark-mode #layout-content .iframe-wrapper,
.task-addressbook body.dark-mode #layout-content .iframe-wrapper,
.dark-mode .task-addressbook #layout-content .iframe-wrapper {
  background: #1a202c !important;
  box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.8), -4px -4px 8px rgba(0, 0, 0, 0.3) !important;
}
.task-addressbook .dark-mode #layout-list .scroller iframe,
.task-addressbook .dark-mode #layout-list table iframe,
.task-addressbook .dark-mode #layout-list .listing iframe,
.task-addressbook .dark-mode #layout-list .listing li iframe,
.task-addressbook .dark-mode #layout-content iframe,
.task-addressbook .dark-mode #layout-content .iframe-wrapper iframe,
.task-addressbook html.dark-mode #layout-content .iframe-wrapper iframe,
.task-addressbook body.dark-mode #layout-content .iframe-wrapper iframe,
.dark-mode .task-addressbook #layout-content .iframe-wrapper iframe {
  background: #1a202c !important;
}
/* Dark Mode - Contact Form Elements */
.task-addressbook .dark-mode #layout-content input[type="text"],
.task-addressbook .dark-mode #layout-content input[type="email"],
.task-addressbook .dark-mode #layout-content input[type="tel"],
.task-addressbook .dark-mode #layout-content input[type="url"],
.task-addressbook .dark-mode #layout-content textarea,
.task-addressbook .dark-mode #layout-content select.form-control,
.task-addressbook .dark-mode #layout-content select,
.task-addressbook html.dark-mode #layout-content input[type="text"],
.task-addressbook html.dark-mode #layout-content input[type="email"],
.task-addressbook html.dark-mode #layout-content input[type="tel"],
.task-addressbook html.dark-mode #layout-content input[type="url"],
.task-addressbook html.dark-mode #layout-content textarea,
.task-addressbook html.dark-mode #layout-content select.form-control,
.task-addressbook html.dark-mode #layout-content select,
.task-addressbook body.dark-mode #layout-content input[type="text"],
.task-addressbook body.dark-mode #layout-content input[type="email"],
.task-addressbook body.dark-mode #layout-content input[type="tel"],
.task-addressbook body.dark-mode #layout-content input[type="url"],
.task-addressbook body.dark-mode #layout-content textarea,
.task-addressbook body.dark-mode #layout-content select.form-control,
.task-addressbook body.dark-mode #layout-content select,
.dark-mode .task-addressbook #layout-content input[type="text"],
.dark-mode .task-addressbook #layout-content input[type="email"],
.dark-mode .task-addressbook #layout-content input[type="tel"],
.dark-mode .task-addressbook #layout-content input[type="url"],
.dark-mode .task-addressbook #layout-content textarea,
.dark-mode .task-addressbook #layout-content select.form-control,
.dark-mode .task-addressbook #layout-content select {
  background: #1a202c !important;
  color: #e2e8f0 !important;
  box-shadow: inset 4px 4px 8px rgba(0, 0, 0, 0.5), inset -4px -4px 8px rgba(255, 255, 255, 0.05) !important;
}
.task-addressbook .dark-mode #layout-content input[type="text"]:focus,
.task-addressbook .dark-mode #layout-content input[type="email"]:focus,
.task-addressbook .dark-mode #layout-content input[type="tel"]:focus,
.task-addressbook .dark-mode #layout-content input[type="url"]:focus,
.task-addressbook .dark-mode #layout-content textarea:focus,
.task-addressbook .dark-mode #layout-content select.form-control:focus,
.task-addressbook .dark-mode #layout-content select:focus,
.task-addressbook html.dark-mode #layout-content input[type="text"]:focus,
.task-addressbook html.dark-mode #layout-content input[type="email"]:focus,
.task-addressbook html.dark-mode #layout-content input[type="tel"]:focus,
.task-addressbook html.dark-mode #layout-content input[type="url"]:focus,
.task-addressbook html.dark-mode #layout-content textarea:focus,
.task-addressbook html.dark-mode #layout-content select.form-control:focus,
.task-addressbook html.dark-mode #layout-content select:focus,
.task-addressbook body.dark-mode #layout-content input[type="text"]:focus,
.task-addressbook body.dark-mode #layout-content input[type="email"]:focus,
.task-addressbook body.dark-mode #layout-content input[type="tel"]:focus,
.task-addressbook body.dark-mode #layout-content input[type="url"]:focus,
.task-addressbook body.dark-mode #layout-content textarea:focus,
.task-addressbook body.dark-mode #layout-content select.form-control:focus,
.task-addressbook body.dark-mode #layout-content select:focus,
.dark-mode .task-addressbook #layout-content input[type="text"]:focus,
.dark-mode .task-addressbook #layout-content input[type="email"]:focus,
.dark-mode .task-addressbook #layout-content input[type="tel"]:focus,
.dark-mode .task-addressbook #layout-content input[type="url"]:focus,
.dark-mode .task-addressbook #layout-content textarea:focus,
.dark-mode .task-addressbook #layout-content select.form-control:focus,
.dark-mode .task-addressbook #layout-content select:focus {
  box-shadow: inset 5px 5px 10px rgba(0, 0, 0, 0.6), inset -5px -5px 10px rgba(255, 255, 255, 0.08), 0 0 0 2px rgba(0, 242, 254, 0.3) !important;
}
.task-addressbook .dark-mode #layout-content input[type="text"]::placeholder,
.task-addressbook .dark-mode #layout-content input[type="email"]::placeholder,
.task-addressbook .dark-mode #layout-content input[type="tel"]::placeholder,
.task-addressbook .dark-mode #layout-content input[type="url"]::placeholder,
.task-addressbook .dark-mode #layout-content textarea::placeholder,
.task-addressbook .dark-mode #layout-content select.form-control::placeholder,
.task-addressbook .dark-mode #layout-content select::placeholder,
.task-addressbook html.dark-mode #layout-content input[type="text"]::placeholder,
.task-addressbook html.dark-mode #layout-content input[type="email"]::placeholder,
.task-addressbook html.dark-mode #layout-content input[type="tel"]::placeholder,
.task-addressbook html.dark-mode #layout-content input[type="url"]::placeholder,
.task-addressbook html.dark-mode #layout-content textarea::placeholder,
.task-addressbook html.dark-mode #layout-content select.form-control::placeholder,
.task-addressbook html.dark-mode #layout-content select::placeholder,
.task-addressbook body.dark-mode #layout-content input[type="text"]::placeholder,
.task-addressbook body.dark-mode #layout-content input[type="email"]::placeholder,
.task-addressbook body.dark-mode #layout-content input[type="tel"]::placeholder,
.task-addressbook body.dark-mode #layout-content input[type="url"]::placeholder,
.task-addressbook body.dark-mode #layout-content textarea::placeholder,
.task-addressbook body.dark-mode #layout-content select.form-control::placeholder,
.task-addressbook body.dark-mode #layout-content select::placeholder,
.dark-mode .task-addressbook #layout-content input[type="text"]::placeholder,
.dark-mode .task-addressbook #layout-content input[type="email"]::placeholder,
.dark-mode .task-addressbook #layout-content input[type="tel"]::placeholder,
.dark-mode .task-addressbook #layout-content input[type="url"]::placeholder,
.dark-mode .task-addressbook #layout-content textarea::placeholder,
.dark-mode .task-addressbook #layout-content select.form-control::placeholder,
.dark-mode .task-addressbook #layout-content select::placeholder {
  color: #a0aec0 !important;
  opacity: 0.7 !important;
}
.task-addressbook .dark-mode #layout-content select.form-control,
.task-addressbook .dark-mode #layout-content select,
.task-addressbook html.dark-mode #layout-content select.form-control,
.task-addressbook html.dark-mode #layout-content select,
.task-addressbook body.dark-mode #layout-content select.form-control,
.task-addressbook body.dark-mode #layout-content select,
.dark-mode .task-addressbook #layout-content select.form-control,
.dark-mode .task-addressbook #layout-content select {
  background: #1a202c !important;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.4), -6px -6px 12px rgba(255, 255, 255, 0.05) !important;
}
.task-addressbook .dark-mode #layout-content select.form-control:hover:not(:disabled),
.task-addressbook .dark-mode #layout-content select:hover:not(:disabled),
.task-addressbook html.dark-mode #layout-content select.form-control:hover:not(:disabled),
.task-addressbook html.dark-mode #layout-content select:hover:not(:disabled),
.task-addressbook body.dark-mode #layout-content select.form-control:hover:not(:disabled),
.task-addressbook body.dark-mode #layout-content select:hover:not(:disabled),
.dark-mode .task-addressbook #layout-content select.form-control:hover:not(:disabled),
.dark-mode .task-addressbook #layout-content select:hover:not(:disabled) {
  box-shadow: inset 4px 4px 8px rgba(0, 0, 0, 0.5), inset -4px -4px 8px rgba(255, 255, 255, 0.08) !important;
}
.task-addressbook .dark-mode #layout-content button,
.task-addressbook .dark-mode #layout-content .btn,
.task-addressbook .dark-mode #layout-content input[type="submit"],
.task-addressbook .dark-mode #layout-content input[type="button"],
.task-addressbook .dark-mode #layout-content a.button:not(.icon),
.task-addressbook html.dark-mode #layout-content button,
.task-addressbook html.dark-mode #layout-content .btn,
.task-addressbook html.dark-mode #layout-content input[type="submit"],
.task-addressbook html.dark-mode #layout-content input[type="button"],
.task-addressbook html.dark-mode #layout-content a.button:not(.icon),
.task-addressbook body.dark-mode #layout-content button,
.task-addressbook body.dark-mode #layout-content .btn,
.task-addressbook body.dark-mode #layout-content input[type="submit"],
.task-addressbook body.dark-mode #layout-content input[type="button"],
.task-addressbook body.dark-mode #layout-content a.button:not(.icon),
.dark-mode .task-addressbook #layout-content button,
.dark-mode .task-addressbook #layout-content .btn,
.dark-mode .task-addressbook #layout-content input[type="submit"],
.dark-mode .task-addressbook #layout-content input[type="button"],
.dark-mode .task-addressbook #layout-content a.button:not(.icon) {
  background: #1a202c !important;
  color: #e2e8f0 !important;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.4), -6px -6px 12px rgba(255, 255, 255, 0.05) !important;
}
.task-addressbook .dark-mode #layout-content button:hover:not(:disabled):not(.disabled),
.task-addressbook .dark-mode #layout-content .btn:hover:not(:disabled):not(.disabled),
.task-addressbook .dark-mode #layout-content input[type="submit"]:hover:not(:disabled):not(.disabled),
.task-addressbook .dark-mode #layout-content input[type="button"]:hover:not(:disabled):not(.disabled),
.task-addressbook .dark-mode #layout-content a.button:not(.icon):hover:not(:disabled):not(.disabled),
.task-addressbook html.dark-mode #layout-content button:hover:not(:disabled):not(.disabled),
.task-addressbook html.dark-mode #layout-content .btn:hover:not(:disabled):not(.disabled),
.task-addressbook html.dark-mode #layout-content input[type="submit"]:hover:not(:disabled):not(.disabled),
.task-addressbook html.dark-mode #layout-content input[type="button"]:hover:not(:disabled):not(.disabled),
.task-addressbook html.dark-mode #layout-content a.button:not(.icon):hover:not(:disabled):not(.disabled),
.task-addressbook body.dark-mode #layout-content button:hover:not(:disabled):not(.disabled),
.task-addressbook body.dark-mode #layout-content .btn:hover:not(:disabled):not(.disabled),
.task-addressbook body.dark-mode #layout-content input[type="submit"]:hover:not(:disabled):not(.disabled),
.task-addressbook body.dark-mode #layout-content input[type="button"]:hover:not(:disabled):not(.disabled),
.task-addressbook body.dark-mode #layout-content a.button:not(.icon):hover:not(:disabled):not(.disabled),
.dark-mode .task-addressbook #layout-content button:hover:not(:disabled):not(.disabled),
.dark-mode .task-addressbook #layout-content .btn:hover:not(:disabled):not(.disabled),
.dark-mode .task-addressbook #layout-content input[type="submit"]:hover:not(:disabled):not(.disabled),
.dark-mode .task-addressbook #layout-content input[type="button"]:hover:not(:disabled):not(.disabled),
.dark-mode .task-addressbook #layout-content a.button:not(.icon):hover:not(:disabled):not(.disabled) {
  box-shadow: inset 4px 4px 8px rgba(0, 0, 0, 0.5), inset -4px -4px 8px rgba(255, 255, 255, 0.08) !important;
}
.task-addressbook .dark-mode #layout-content a.icon.delete,
.task-addressbook .dark-mode #layout-content button.delete,
.task-addressbook .dark-mode #layout-content .icon.delete,
.task-addressbook html.dark-mode #layout-content a.icon.delete,
.task-addressbook html.dark-mode #layout-content button.delete,
.task-addressbook html.dark-mode #layout-content .icon.delete,
.task-addressbook body.dark-mode #layout-content a.icon.delete,
.task-addressbook body.dark-mode #layout-content button.delete,
.task-addressbook body.dark-mode #layout-content .icon.delete,
.dark-mode .task-addressbook #layout-content a.icon.delete,
.dark-mode .task-addressbook #layout-content button.delete,
.dark-mode .task-addressbook #layout-content .icon.delete,
.dark-mode .propform td.rowbuttons a,
.dark-mode .propform td.rowbuttons button,
.dark-mode .propform td.rowbuttons a.delete {
  background: #1a202c !important;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.4), -6px -6px 12px rgba(255, 255, 255, 0.05) !important;
}
.task-addressbook .dark-mode #layout-content a.icon.delete:hover:not(:disabled):not(.disabled),
.task-addressbook .dark-mode #layout-content button.delete:hover:not(:disabled):not(.disabled),
.task-addressbook .dark-mode #layout-content .icon.delete:hover:not(:disabled):not(.disabled),
.task-addressbook html.dark-mode #layout-content a.icon.delete:hover:not(:disabled):not(.disabled),
.task-addressbook html.dark-mode #layout-content button.delete:hover:not(:disabled):not(.disabled),
.task-addressbook html.dark-mode #layout-content .icon.delete:hover:not(:disabled):not(.disabled),
.task-addressbook body.dark-mode #layout-content a.icon.delete:hover:not(:disabled):not(.disabled),
.task-addressbook body.dark-mode #layout-content button.delete:hover:not(:disabled):not(.disabled),
.task-addressbook body.dark-mode #layout-content .icon.delete:hover:not(:disabled):not(.disabled),
.dark-mode .task-addressbook #layout-content a.icon.delete:hover:not(:disabled):not(.disabled),
.dark-mode .task-addressbook #layout-content button.delete:hover:not(:disabled):not(.disabled),
.dark-mode .task-addressbook #layout-content .icon.delete:hover:not(:disabled):not(.disabled),
.dark-mode .propform td.rowbuttons a:hover:not(:disabled):not(.disabled),
.dark-mode .propform td.rowbuttons button:hover:not(:disabled):not(.disabled),
.dark-mode .propform td.rowbuttons a.delete:hover:not(:disabled):not(.disabled) {
  box-shadow: inset 4px 4px 8px rgba(0, 0, 0, 0.5), inset -4px -4px 8px rgba(255, 255, 255, 0.08) !important;
}
/* Dark Mode - Add Field Buttons */
.dark-mode .propform .addfield,
.dark-mode .propform button.addfield,
.dark-mode .propform a.addfield,
.dark-mode .formcontent .addfield,
.dark-mode .formcontent button.addfield,
.dark-mode .formcontent a.addfield,
.dark-mode #contact-details .addfield,
.dark-mode #contact-details button.addfield,
.dark-mode #contact-details a.addfield,
.task-addressbook .dark-mode .addfield,
.task-addressbook .dark-mode button.addfield,
.task-addressbook .dark-mode a.addfield {
  background: #1a202c !important;
  color: #e2e8f0 !important;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.4), -6px -6px 12px rgba(255, 255, 255, 0.05) !important;
}
.dark-mode .propform .addfield:hover:not(:disabled):not(.disabled),
.dark-mode .propform button.addfield:hover:not(:disabled):not(.disabled),
.dark-mode .propform a.addfield:hover:not(:disabled):not(.disabled),
.dark-mode .formcontent .addfield:hover:not(:disabled):not(.disabled),
.dark-mode .formcontent button.addfield:hover:not(:disabled):not(.disabled),
.dark-mode .formcontent a.addfield:hover:not(:disabled):not(.disabled),
.dark-mode #contact-details .addfield:hover:not(:disabled):not(.disabled),
.dark-mode #contact-details button.addfield:hover:not(:disabled):not(.disabled),
.dark-mode #contact-details a.addfield:hover:not(:disabled):not(.disabled),
.task-addressbook .dark-mode .addfield:hover:not(:disabled):not(.disabled),
.task-addressbook .dark-mode button.addfield:hover:not(:disabled):not(.disabled),
.task-addressbook .dark-mode a.addfield:hover:not(:disabled):not(.disabled) {
  box-shadow: inset 4px 4px 8px rgba(0, 0, 0, 0.5), inset -4px -4px 8px rgba(255, 255, 255, 0.08) !important;
  color: #00f2fe !important;
}
/* Dark Mode - Tabs */
.dark-mode .tabbed > ul > li > a,
.dark-mode .tabs > li > a,
.dark-mode #contacttabs > ul > li > a {
  background: #1a202c !important;
  color: #e2e8f0 !important;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.4), -4px -4px 8px rgba(255, 255, 255, 0.05) !important;
}
.dark-mode .tabbed > ul > li > a:hover:not(.active),
.dark-mode .tabs > li > a:hover:not(.active),
.dark-mode #contacttabs > ul > li > a:hover:not(.active) {
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.8), -3px -3px 6px rgba(0, 0, 0, 0.3) !important;
}
.dark-mode .tabbed > ul > li > a.active,
.dark-mode .tabs > li > a.active,
.dark-mode #contacttabs > ul > li > a.active {
  background: #252b3a !important;
  box-shadow: inset 3px 3px 6px rgba(0, 0, 0, 0.5), inset -3px -3px 6px rgba(255, 255, 255, 0.08) !important;
  color: #00f2fe !important;
}
/* Dark Mode - Input Groups */
.dark-mode .propform .input-group .form-control,
.dark-mode .propform .input-group input,
.dark-mode .propform .input-group select,
.dark-mode .propform .input-group textarea,
.dark-mode .propform .composite input,
.dark-mode .propform .composite .content input {
  background: #1a202c !important;
  color: #e2e8f0 !important;
  box-shadow: inset 4px 4px 8px rgba(0, 0, 0, 0.5), inset -4px -4px 8px rgba(255, 255, 255, 0.05) !important;
}
.dark-mode .propform .input-group .form-control:focus,
.dark-mode .propform .input-group input:focus,
.dark-mode .propform .input-group select:focus,
.dark-mode .propform .input-group textarea:focus,
.dark-mode .propform .composite input:focus,
.dark-mode .propform .composite .content input:focus {
  box-shadow: inset 5px 5px 10px rgba(0, 0, 0, 0.6), inset -5px -5px 10px rgba(255, 255, 255, 0.08), 0 0 0 2px rgba(0, 242, 254, 0.3) !important;
}
.dark-mode .propform .input-group .form-control::placeholder,
.dark-mode .propform .input-group input::placeholder,
.dark-mode .propform .input-group select::placeholder,
.dark-mode .propform .input-group textarea::placeholder,
.dark-mode .propform .composite input::placeholder,
.dark-mode .propform .composite .content input::placeholder {
  color: #a0aec0 !important;
  opacity: 0.7 !important;
}
.dark-mode .propform .input-group select,
.dark-mode .propform select {
  background: #1a202c !important;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.4), -6px -6px 12px rgba(255, 255, 255, 0.05) !important;
}
.dark-mode .propform .input-group select:hover:not(:disabled),
.dark-mode .propform select:hover:not(:disabled) {
  box-shadow: inset 4px 4px 8px rgba(0, 0, 0, 0.5), inset -4px -4px 8px rgba(255, 255, 255, 0.08) !important;
}
.task-addressbook .dark-mode #layout-list .listing li:hover {
  background: #252b3a !important;
  box-shadow: inset 4px 4px 8px rgba(0, 0, 0, 0.5), inset -4px -4px 8px rgba(255, 255, 255, 0.05) !important;
}
.task-addressbook .dark-mode #layout-list .listing li.selected {
  background: #252b3a !important;
  box-shadow: inset 6px 6px 12px rgba(0, 0, 0, 0.5), inset -6px -6px 12px rgba(255, 255, 255, 0.05) !important;
}
/* Dark Mode - Contact Table Rows */
.task-addressbook .dark-mode #layout-list table#contacts-table tbody tr.contact:hover,
.task-addressbook html.dark-mode #layout-list table#contacts-table tbody tr.contact:hover,
.task-addressbook body.dark-mode #layout-list table#contacts-table tbody tr.contact:hover,
.dark-mode .task-addressbook #layout-list table#contacts-table tbody tr.contact:hover,
.task-addressbook .dark-mode #layout-list table.contactlist tbody tr.contact:hover,
.task-addressbook html.dark-mode #layout-list table.contactlist tbody tr.contact:hover,
.task-addressbook body.dark-mode #layout-list table.contactlist tbody tr.contact:hover,
.dark-mode .task-addressbook #layout-list table.contactlist tbody tr.contact:hover {
  background: #252b3a !important;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5), -5px -5px 10px rgba(255, 255, 255, 0.05) !important;
}
.task-addressbook .dark-mode #layout-list table#contacts-table tbody tr.contact:hover td.name,
.task-addressbook html.dark-mode #layout-list table#contacts-table tbody tr.contact:hover td.name,
.task-addressbook body.dark-mode #layout-list table#contacts-table tbody tr.contact:hover td.name,
.dark-mode .task-addressbook #layout-list table#contacts-table tbody tr.contact:hover td.name,
.task-addressbook .dark-mode #layout-list table.contactlist tbody tr.contact:hover td.name,
.task-addressbook html.dark-mode #layout-list table.contactlist tbody tr.contact:hover td.name,
.task-addressbook body.dark-mode #layout-list table.contactlist tbody tr.contact:hover td.name,
.dark-mode .task-addressbook #layout-list table.contactlist tbody tr.contact:hover td.name {
  color: #e2e8f0 !important;
}
.task-addressbook .dark-mode #layout-list table#contacts-table tbody tr.contact.selected,
.task-addressbook html.dark-mode #layout-list table#contacts-table tbody tr.contact.selected,
.task-addressbook body.dark-mode #layout-list table#contacts-table tbody tr.contact.selected,
.dark-mode .task-addressbook #layout-list table#contacts-table tbody tr.contact.selected,
.task-addressbook .dark-mode #layout-list table#contacts-table tbody tr.contact.focused,
.task-addressbook html.dark-mode #layout-list table#contacts-table tbody tr.contact.focused,
.task-addressbook body.dark-mode #layout-list table#contacts-table tbody tr.contact.focused,
.dark-mode .task-addressbook #layout-list table#contacts-table tbody tr.contact.focused,
.task-addressbook .dark-mode #layout-list table.contactlist tbody tr.contact.selected,
.task-addressbook html.dark-mode #layout-list table.contactlist tbody tr.contact.selected,
.task-addressbook body.dark-mode #layout-list table.contactlist tbody tr.contact.selected,
.dark-mode .task-addressbook #layout-list table.contactlist tbody tr.contact.selected,
.task-addressbook .dark-mode #layout-list table.contactlist tbody tr.contact.focused,
.task-addressbook html.dark-mode #layout-list table.contactlist tbody tr.contact.focused,
.task-addressbook body.dark-mode #layout-list table.contactlist tbody tr.contact.focused,
.dark-mode .task-addressbook #layout-list table.contactlist tbody tr.contact.focused {
  background: #252b3a !important;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5), -4px -4px 8px rgba(255, 255, 255, 0.05), inset 0 0 0 2px #00f2fe !important;
}
.task-addressbook .dark-mode #layout-list table#contacts-table tbody tr.contact.selected td.name,
.task-addressbook html.dark-mode #layout-list table#contacts-table tbody tr.contact.selected td.name,
.task-addressbook body.dark-mode #layout-list table#contacts-table tbody tr.contact.selected td.name,
.dark-mode .task-addressbook #layout-list table#contacts-table tbody tr.contact.selected td.name,
.task-addressbook .dark-mode #layout-list table#contacts-table tbody tr.contact.focused td.name,
.task-addressbook html.dark-mode #layout-list table#contacts-table tbody tr.contact.focused td.name,
.task-addressbook body.dark-mode #layout-list table#contacts-table tbody tr.contact.focused td.name,
.dark-mode .task-addressbook #layout-list table#contacts-table tbody tr.contact.focused td.name,
.task-addressbook .dark-mode #layout-list table.contactlist tbody tr.contact.selected td.name,
.task-addressbook html.dark-mode #layout-list table.contactlist tbody tr.contact.selected td.name,
.task-addressbook body.dark-mode #layout-list table.contactlist tbody tr.contact.selected td.name,
.dark-mode .task-addressbook #layout-list table.contactlist tbody tr.contact.selected td.name,
.task-addressbook .dark-mode #layout-list table.contactlist tbody tr.contact.focused td.name,
.task-addressbook html.dark-mode #layout-list table.contactlist tbody tr.contact.focused td.name,
.task-addressbook body.dark-mode #layout-list table.contactlist tbody tr.contact.focused td.name,
.dark-mode .task-addressbook #layout-list table.contactlist tbody tr.contact.focused td.name {
  color: #00f2fe !important;
  font-weight: 600 !important;
}
/* Dark Mode - Addressbook Pagination */
.task-addressbook .dark-mode .pagenav.menu.footer,
.task-addressbook html.dark-mode .pagenav.menu.footer,
.task-addressbook body.dark-mode .pagenav.menu.footer,
.dark-mode .task-addressbook .pagenav.menu.footer,
.task-addressbook .dark-mode .pagenav.menu.small,
.task-addressbook html.dark-mode .pagenav.menu.small,
.task-addressbook body.dark-mode .pagenav.menu.small,
.dark-mode .task-addressbook .pagenav.menu.small {
  background: #2d3748 !important;
  box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.8), -4px -4px 8px rgba(0, 0, 0, 0.3) !important;
  /* Navigation Buttons - Dark Mode */
  /* Page Navigation Text - Dark Mode */
  /* Page Jumper Input - Dark Mode */
}
.task-addressbook .dark-mode .pagenav.menu.footer a.firstpage,
.task-addressbook html.dark-mode .pagenav.menu.footer a.firstpage,
.task-addressbook body.dark-mode .pagenav.menu.footer a.firstpage,
.dark-mode .task-addressbook .pagenav.menu.footer a.firstpage,
.task-addressbook .dark-mode .pagenav.menu.small a.firstpage,
.task-addressbook html.dark-mode .pagenav.menu.small a.firstpage,
.task-addressbook body.dark-mode .pagenav.menu.small a.firstpage,
.dark-mode .task-addressbook .pagenav.menu.small a.firstpage,
.task-addressbook .dark-mode .pagenav.menu.footer a.prevpage,
.task-addressbook html.dark-mode .pagenav.menu.footer a.prevpage,
.task-addressbook body.dark-mode .pagenav.menu.footer a.prevpage,
.dark-mode .task-addressbook .pagenav.menu.footer a.prevpage,
.task-addressbook .dark-mode .pagenav.menu.small a.prevpage,
.task-addressbook html.dark-mode .pagenav.menu.small a.prevpage,
.task-addressbook body.dark-mode .pagenav.menu.small a.prevpage,
.dark-mode .task-addressbook .pagenav.menu.small a.prevpage,
.task-addressbook .dark-mode .pagenav.menu.footer a.nextpage,
.task-addressbook html.dark-mode .pagenav.menu.footer a.nextpage,
.task-addressbook body.dark-mode .pagenav.menu.footer a.nextpage,
.dark-mode .task-addressbook .pagenav.menu.footer a.nextpage,
.task-addressbook .dark-mode .pagenav.menu.small a.nextpage,
.task-addressbook html.dark-mode .pagenav.menu.small a.nextpage,
.task-addressbook body.dark-mode .pagenav.menu.small a.nextpage,
.dark-mode .task-addressbook .pagenav.menu.small a.nextpage,
.task-addressbook .dark-mode .pagenav.menu.footer a.lastpage,
.task-addressbook html.dark-mode .pagenav.menu.footer a.lastpage,
.task-addressbook body.dark-mode .pagenav.menu.footer a.lastpage,
.dark-mode .task-addressbook .pagenav.menu.footer a.lastpage,
.task-addressbook .dark-mode .pagenav.menu.small a.lastpage,
.task-addressbook html.dark-mode .pagenav.menu.small a.lastpage,
.task-addressbook body.dark-mode .pagenav.menu.small a.lastpage,
.dark-mode .task-addressbook .pagenav.menu.small a.lastpage {
  background: #2d3748 !important;
  color: #e2e8f0 !important;
  /* Strong raised neumorphic effect for enabled buttons in dark mode */
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.8), -3px -3px 6px rgba(0, 0, 0, 0.3) !important;
}
.task-addressbook .dark-mode .pagenav.menu.footer a.firstpage::before,
.task-addressbook html.dark-mode .pagenav.menu.footer a.firstpage::before,
.task-addressbook body.dark-mode .pagenav.menu.footer a.firstpage::before,
.dark-mode .task-addressbook .pagenav.menu.footer a.firstpage::before,
.task-addressbook .dark-mode .pagenav.menu.small a.firstpage::before,
.task-addressbook html.dark-mode .pagenav.menu.small a.firstpage::before,
.task-addressbook body.dark-mode .pagenav.menu.small a.firstpage::before,
.dark-mode .task-addressbook .pagenav.menu.small a.firstpage::before,
.task-addressbook .dark-mode .pagenav.menu.footer a.prevpage::before,
.task-addressbook html.dark-mode .pagenav.menu.footer a.prevpage::before,
.task-addressbook body.dark-mode .pagenav.menu.footer a.prevpage::before,
.dark-mode .task-addressbook .pagenav.menu.footer a.prevpage::before,
.task-addressbook .dark-mode .pagenav.menu.small a.prevpage::before,
.task-addressbook html.dark-mode .pagenav.menu.small a.prevpage::before,
.task-addressbook body.dark-mode .pagenav.menu.small a.prevpage::before,
.dark-mode .task-addressbook .pagenav.menu.small a.prevpage::before,
.task-addressbook .dark-mode .pagenav.menu.footer a.nextpage::before,
.task-addressbook html.dark-mode .pagenav.menu.footer a.nextpage::before,
.task-addressbook body.dark-mode .pagenav.menu.footer a.nextpage::before,
.dark-mode .task-addressbook .pagenav.menu.footer a.nextpage::before,
.task-addressbook .dark-mode .pagenav.menu.small a.nextpage::before,
.task-addressbook html.dark-mode .pagenav.menu.small a.nextpage::before,
.task-addressbook body.dark-mode .pagenav.menu.small a.nextpage::before,
.dark-mode .task-addressbook .pagenav.menu.small a.nextpage::before,
.task-addressbook .dark-mode .pagenav.menu.footer a.lastpage::before,
.task-addressbook html.dark-mode .pagenav.menu.footer a.lastpage::before,
.task-addressbook body.dark-mode .pagenav.menu.footer a.lastpage::before,
.dark-mode .task-addressbook .pagenav.menu.footer a.lastpage::before,
.task-addressbook .dark-mode .pagenav.menu.small a.lastpage::before,
.task-addressbook html.dark-mode .pagenav.menu.small a.lastpage::before,
.task-addressbook body.dark-mode .pagenav.menu.small a.lastpage::before,
.dark-mode .task-addressbook .pagenav.menu.small a.lastpage::before {
  color: #e2e8f0 !important;
}
.task-addressbook .dark-mode .pagenav.menu.footer a.firstpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-addressbook html.dark-mode .pagenav.menu.footer a.firstpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-addressbook body.dark-mode .pagenav.menu.footer a.firstpage:hover:not(.disabled):not([aria-disabled="true"]),
.dark-mode .task-addressbook .pagenav.menu.footer a.firstpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .dark-mode .pagenav.menu.small a.firstpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-addressbook html.dark-mode .pagenav.menu.small a.firstpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-addressbook body.dark-mode .pagenav.menu.small a.firstpage:hover:not(.disabled):not([aria-disabled="true"]),
.dark-mode .task-addressbook .pagenav.menu.small a.firstpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .dark-mode .pagenav.menu.footer a.prevpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-addressbook html.dark-mode .pagenav.menu.footer a.prevpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-addressbook body.dark-mode .pagenav.menu.footer a.prevpage:hover:not(.disabled):not([aria-disabled="true"]),
.dark-mode .task-addressbook .pagenav.menu.footer a.prevpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .dark-mode .pagenav.menu.small a.prevpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-addressbook html.dark-mode .pagenav.menu.small a.prevpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-addressbook body.dark-mode .pagenav.menu.small a.prevpage:hover:not(.disabled):not([aria-disabled="true"]),
.dark-mode .task-addressbook .pagenav.menu.small a.prevpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .dark-mode .pagenav.menu.footer a.nextpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-addressbook html.dark-mode .pagenav.menu.footer a.nextpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-addressbook body.dark-mode .pagenav.menu.footer a.nextpage:hover:not(.disabled):not([aria-disabled="true"]),
.dark-mode .task-addressbook .pagenav.menu.footer a.nextpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .dark-mode .pagenav.menu.small a.nextpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-addressbook html.dark-mode .pagenav.menu.small a.nextpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-addressbook body.dark-mode .pagenav.menu.small a.nextpage:hover:not(.disabled):not([aria-disabled="true"]),
.dark-mode .task-addressbook .pagenav.menu.small a.nextpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .dark-mode .pagenav.menu.footer a.lastpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-addressbook html.dark-mode .pagenav.menu.footer a.lastpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-addressbook body.dark-mode .pagenav.menu.footer a.lastpage:hover:not(.disabled):not([aria-disabled="true"]),
.dark-mode .task-addressbook .pagenav.menu.footer a.lastpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .dark-mode .pagenav.menu.small a.lastpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-addressbook html.dark-mode .pagenav.menu.small a.lastpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-addressbook body.dark-mode .pagenav.menu.small a.lastpage:hover:not(.disabled):not([aria-disabled="true"]),
.dark-mode .task-addressbook .pagenav.menu.small a.lastpage:hover:not(.disabled):not([aria-disabled="true"]) {
  background: #374151 !important;
  box-shadow: inset 4px 4px 8px rgba(0, 0, 0, 0.5), inset -2px -2px 4px rgba(0, 0, 0, 0.4) !important;
}
.task-addressbook .dark-mode .pagenav.menu.footer a.firstpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook html.dark-mode .pagenav.menu.footer a.firstpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook body.dark-mode .pagenav.menu.footer a.firstpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.dark-mode .task-addressbook .pagenav.menu.footer a.firstpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .dark-mode .pagenav.menu.small a.firstpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook html.dark-mode .pagenav.menu.small a.firstpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook body.dark-mode .pagenav.menu.small a.firstpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.dark-mode .task-addressbook .pagenav.menu.small a.firstpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .dark-mode .pagenav.menu.footer a.prevpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook html.dark-mode .pagenav.menu.footer a.prevpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook body.dark-mode .pagenav.menu.footer a.prevpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.dark-mode .task-addressbook .pagenav.menu.footer a.prevpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .dark-mode .pagenav.menu.small a.prevpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook html.dark-mode .pagenav.menu.small a.prevpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook body.dark-mode .pagenav.menu.small a.prevpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.dark-mode .task-addressbook .pagenav.menu.small a.prevpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .dark-mode .pagenav.menu.footer a.nextpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook html.dark-mode .pagenav.menu.footer a.nextpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook body.dark-mode .pagenav.menu.footer a.nextpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.dark-mode .task-addressbook .pagenav.menu.footer a.nextpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .dark-mode .pagenav.menu.small a.nextpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook html.dark-mode .pagenav.menu.small a.nextpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook body.dark-mode .pagenav.menu.small a.nextpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.dark-mode .task-addressbook .pagenav.menu.small a.nextpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .dark-mode .pagenav.menu.footer a.lastpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook html.dark-mode .pagenav.menu.footer a.lastpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook body.dark-mode .pagenav.menu.footer a.lastpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.dark-mode .task-addressbook .pagenav.menu.footer a.lastpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .dark-mode .pagenav.menu.small a.lastpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook html.dark-mode .pagenav.menu.small a.lastpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook body.dark-mode .pagenav.menu.small a.lastpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.dark-mode .task-addressbook .pagenav.menu.small a.lastpage:hover:not(.disabled):not([aria-disabled="true"])::before {
  color: #00f2fe !important;
  /* Cyan accent in dark mode */
  transform: scale(1.15) !important;
}
.task-addressbook .dark-mode .pagenav.menu.footer a.firstpage:active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook html.dark-mode .pagenav.menu.footer a.firstpage:active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook body.dark-mode .pagenav.menu.footer a.firstpage:active:not(.disabled):not([aria-disabled="true"]),
.dark-mode .task-addressbook .pagenav.menu.footer a.firstpage:active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .dark-mode .pagenav.menu.small a.firstpage:active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook html.dark-mode .pagenav.menu.small a.firstpage:active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook body.dark-mode .pagenav.menu.small a.firstpage:active:not(.disabled):not([aria-disabled="true"]),
.dark-mode .task-addressbook .pagenav.menu.small a.firstpage:active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .dark-mode .pagenav.menu.footer a.prevpage:active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook html.dark-mode .pagenav.menu.footer a.prevpage:active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook body.dark-mode .pagenav.menu.footer a.prevpage:active:not(.disabled):not([aria-disabled="true"]),
.dark-mode .task-addressbook .pagenav.menu.footer a.prevpage:active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .dark-mode .pagenav.menu.small a.prevpage:active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook html.dark-mode .pagenav.menu.small a.prevpage:active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook body.dark-mode .pagenav.menu.small a.prevpage:active:not(.disabled):not([aria-disabled="true"]),
.dark-mode .task-addressbook .pagenav.menu.small a.prevpage:active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .dark-mode .pagenav.menu.footer a.nextpage:active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook html.dark-mode .pagenav.menu.footer a.nextpage:active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook body.dark-mode .pagenav.menu.footer a.nextpage:active:not(.disabled):not([aria-disabled="true"]),
.dark-mode .task-addressbook .pagenav.menu.footer a.nextpage:active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .dark-mode .pagenav.menu.small a.nextpage:active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook html.dark-mode .pagenav.menu.small a.nextpage:active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook body.dark-mode .pagenav.menu.small a.nextpage:active:not(.disabled):not([aria-disabled="true"]),
.dark-mode .task-addressbook .pagenav.menu.small a.nextpage:active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .dark-mode .pagenav.menu.footer a.lastpage:active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook html.dark-mode .pagenav.menu.footer a.lastpage:active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook body.dark-mode .pagenav.menu.footer a.lastpage:active:not(.disabled):not([aria-disabled="true"]),
.dark-mode .task-addressbook .pagenav.menu.footer a.lastpage:active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .dark-mode .pagenav.menu.small a.lastpage:active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook html.dark-mode .pagenav.menu.small a.lastpage:active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook body.dark-mode .pagenav.menu.small a.lastpage:active:not(.disabled):not([aria-disabled="true"]),
.dark-mode .task-addressbook .pagenav.menu.small a.lastpage:active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .dark-mode .pagenav.menu.footer a.firstpage.active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook html.dark-mode .pagenav.menu.footer a.firstpage.active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook body.dark-mode .pagenav.menu.footer a.firstpage.active:not(.disabled):not([aria-disabled="true"]),
.dark-mode .task-addressbook .pagenav.menu.footer a.firstpage.active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .dark-mode .pagenav.menu.small a.firstpage.active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook html.dark-mode .pagenav.menu.small a.firstpage.active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook body.dark-mode .pagenav.menu.small a.firstpage.active:not(.disabled):not([aria-disabled="true"]),
.dark-mode .task-addressbook .pagenav.menu.small a.firstpage.active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .dark-mode .pagenav.menu.footer a.prevpage.active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook html.dark-mode .pagenav.menu.footer a.prevpage.active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook body.dark-mode .pagenav.menu.footer a.prevpage.active:not(.disabled):not([aria-disabled="true"]),
.dark-mode .task-addressbook .pagenav.menu.footer a.prevpage.active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .dark-mode .pagenav.menu.small a.prevpage.active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook html.dark-mode .pagenav.menu.small a.prevpage.active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook body.dark-mode .pagenav.menu.small a.prevpage.active:not(.disabled):not([aria-disabled="true"]),
.dark-mode .task-addressbook .pagenav.menu.small a.prevpage.active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .dark-mode .pagenav.menu.footer a.nextpage.active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook html.dark-mode .pagenav.menu.footer a.nextpage.active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook body.dark-mode .pagenav.menu.footer a.nextpage.active:not(.disabled):not([aria-disabled="true"]),
.dark-mode .task-addressbook .pagenav.menu.footer a.nextpage.active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .dark-mode .pagenav.menu.small a.nextpage.active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook html.dark-mode .pagenav.menu.small a.nextpage.active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook body.dark-mode .pagenav.menu.small a.nextpage.active:not(.disabled):not([aria-disabled="true"]),
.dark-mode .task-addressbook .pagenav.menu.small a.nextpage.active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .dark-mode .pagenav.menu.footer a.lastpage.active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook html.dark-mode .pagenav.menu.footer a.lastpage.active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook body.dark-mode .pagenav.menu.footer a.lastpage.active:not(.disabled):not([aria-disabled="true"]),
.dark-mode .task-addressbook .pagenav.menu.footer a.lastpage.active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook .dark-mode .pagenav.menu.small a.lastpage.active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook html.dark-mode .pagenav.menu.small a.lastpage.active:not(.disabled):not([aria-disabled="true"]),
.task-addressbook body.dark-mode .pagenav.menu.small a.lastpage.active:not(.disabled):not([aria-disabled="true"]),
.dark-mode .task-addressbook .pagenav.menu.small a.lastpage.active:not(.disabled):not([aria-disabled="true"]) {
  box-shadow: inset 5px 5px 10px rgba(0, 0, 0, 0.6), inset -5px -5px 10px rgba(255, 255, 255, 0.1) !important;
  background: #374151 !important;
  /* Hover on active button - keep accent color */
}
.task-addressbook .dark-mode .pagenav.menu.footer a.firstpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook html.dark-mode .pagenav.menu.footer a.firstpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook body.dark-mode .pagenav.menu.footer a.firstpage:active:not(.disabled):not([aria-disabled="true"])::before,
.dark-mode .task-addressbook .pagenav.menu.footer a.firstpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .dark-mode .pagenav.menu.small a.firstpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook html.dark-mode .pagenav.menu.small a.firstpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook body.dark-mode .pagenav.menu.small a.firstpage:active:not(.disabled):not([aria-disabled="true"])::before,
.dark-mode .task-addressbook .pagenav.menu.small a.firstpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .dark-mode .pagenav.menu.footer a.prevpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook html.dark-mode .pagenav.menu.footer a.prevpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook body.dark-mode .pagenav.menu.footer a.prevpage:active:not(.disabled):not([aria-disabled="true"])::before,
.dark-mode .task-addressbook .pagenav.menu.footer a.prevpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .dark-mode .pagenav.menu.small a.prevpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook html.dark-mode .pagenav.menu.small a.prevpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook body.dark-mode .pagenav.menu.small a.prevpage:active:not(.disabled):not([aria-disabled="true"])::before,
.dark-mode .task-addressbook .pagenav.menu.small a.prevpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .dark-mode .pagenav.menu.footer a.nextpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook html.dark-mode .pagenav.menu.footer a.nextpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook body.dark-mode .pagenav.menu.footer a.nextpage:active:not(.disabled):not([aria-disabled="true"])::before,
.dark-mode .task-addressbook .pagenav.menu.footer a.nextpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .dark-mode .pagenav.menu.small a.nextpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook html.dark-mode .pagenav.menu.small a.nextpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook body.dark-mode .pagenav.menu.small a.nextpage:active:not(.disabled):not([aria-disabled="true"])::before,
.dark-mode .task-addressbook .pagenav.menu.small a.nextpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .dark-mode .pagenav.menu.footer a.lastpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook html.dark-mode .pagenav.menu.footer a.lastpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook body.dark-mode .pagenav.menu.footer a.lastpage:active:not(.disabled):not([aria-disabled="true"])::before,
.dark-mode .task-addressbook .pagenav.menu.footer a.lastpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .dark-mode .pagenav.menu.small a.lastpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook html.dark-mode .pagenav.menu.small a.lastpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook body.dark-mode .pagenav.menu.small a.lastpage:active:not(.disabled):not([aria-disabled="true"])::before,
.dark-mode .task-addressbook .pagenav.menu.small a.lastpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .dark-mode .pagenav.menu.footer a.firstpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook html.dark-mode .pagenav.menu.footer a.firstpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook body.dark-mode .pagenav.menu.footer a.firstpage.active:not(.disabled):not([aria-disabled="true"])::before,
.dark-mode .task-addressbook .pagenav.menu.footer a.firstpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .dark-mode .pagenav.menu.small a.firstpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook html.dark-mode .pagenav.menu.small a.firstpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook body.dark-mode .pagenav.menu.small a.firstpage.active:not(.disabled):not([aria-disabled="true"])::before,
.dark-mode .task-addressbook .pagenav.menu.small a.firstpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .dark-mode .pagenav.menu.footer a.prevpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook html.dark-mode .pagenav.menu.footer a.prevpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook body.dark-mode .pagenav.menu.footer a.prevpage.active:not(.disabled):not([aria-disabled="true"])::before,
.dark-mode .task-addressbook .pagenav.menu.footer a.prevpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .dark-mode .pagenav.menu.small a.prevpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook html.dark-mode .pagenav.menu.small a.prevpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook body.dark-mode .pagenav.menu.small a.prevpage.active:not(.disabled):not([aria-disabled="true"])::before,
.dark-mode .task-addressbook .pagenav.menu.small a.prevpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .dark-mode .pagenav.menu.footer a.nextpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook html.dark-mode .pagenav.menu.footer a.nextpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook body.dark-mode .pagenav.menu.footer a.nextpage.active:not(.disabled):not([aria-disabled="true"])::before,
.dark-mode .task-addressbook .pagenav.menu.footer a.nextpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .dark-mode .pagenav.menu.small a.nextpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook html.dark-mode .pagenav.menu.small a.nextpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook body.dark-mode .pagenav.menu.small a.nextpage.active:not(.disabled):not([aria-disabled="true"])::before,
.dark-mode .task-addressbook .pagenav.menu.small a.nextpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .dark-mode .pagenav.menu.footer a.lastpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook html.dark-mode .pagenav.menu.footer a.lastpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook body.dark-mode .pagenav.menu.footer a.lastpage.active:not(.disabled):not([aria-disabled="true"])::before,
.dark-mode .task-addressbook .pagenav.menu.footer a.lastpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook .dark-mode .pagenav.menu.small a.lastpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook html.dark-mode .pagenav.menu.small a.lastpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-addressbook body.dark-mode .pagenav.menu.small a.lastpage.active:not(.disabled):not([aria-disabled="true"])::before,
.dark-mode .task-addressbook .pagenav.menu.small a.lastpage.active:not(.disabled):not([aria-disabled="true"])::before {
  color: #00f2fe !important;
  /* Cyan accent in dark mode */
}
.task-addressbook .dark-mode .pagenav.menu.footer a.firstpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook html.dark-mode .pagenav.menu.footer a.firstpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook body.dark-mode .pagenav.menu.footer a.firstpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.dark-mode .task-addressbook .pagenav.menu.footer a.firstpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook .dark-mode .pagenav.menu.small a.firstpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook html.dark-mode .pagenav.menu.small a.firstpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook body.dark-mode .pagenav.menu.small a.firstpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.dark-mode .task-addressbook .pagenav.menu.small a.firstpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook .dark-mode .pagenav.menu.footer a.prevpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook html.dark-mode .pagenav.menu.footer a.prevpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook body.dark-mode .pagenav.menu.footer a.prevpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.dark-mode .task-addressbook .pagenav.menu.footer a.prevpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook .dark-mode .pagenav.menu.small a.prevpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook html.dark-mode .pagenav.menu.small a.prevpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook body.dark-mode .pagenav.menu.small a.prevpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.dark-mode .task-addressbook .pagenav.menu.small a.prevpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook .dark-mode .pagenav.menu.footer a.nextpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook html.dark-mode .pagenav.menu.footer a.nextpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook body.dark-mode .pagenav.menu.footer a.nextpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.dark-mode .task-addressbook .pagenav.menu.footer a.nextpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook .dark-mode .pagenav.menu.small a.nextpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook html.dark-mode .pagenav.menu.small a.nextpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook body.dark-mode .pagenav.menu.small a.nextpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.dark-mode .task-addressbook .pagenav.menu.small a.nextpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook .dark-mode .pagenav.menu.footer a.lastpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook html.dark-mode .pagenav.menu.footer a.lastpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook body.dark-mode .pagenav.menu.footer a.lastpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.dark-mode .task-addressbook .pagenav.menu.footer a.lastpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook .dark-mode .pagenav.menu.small a.lastpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook html.dark-mode .pagenav.menu.small a.lastpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook body.dark-mode .pagenav.menu.small a.lastpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.dark-mode .task-addressbook .pagenav.menu.small a.lastpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook .dark-mode .pagenav.menu.footer a.firstpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook html.dark-mode .pagenav.menu.footer a.firstpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook body.dark-mode .pagenav.menu.footer a.firstpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.dark-mode .task-addressbook .pagenav.menu.footer a.firstpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook .dark-mode .pagenav.menu.small a.firstpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook html.dark-mode .pagenav.menu.small a.firstpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook body.dark-mode .pagenav.menu.small a.firstpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.dark-mode .task-addressbook .pagenav.menu.small a.firstpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook .dark-mode .pagenav.menu.footer a.prevpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook html.dark-mode .pagenav.menu.footer a.prevpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook body.dark-mode .pagenav.menu.footer a.prevpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.dark-mode .task-addressbook .pagenav.menu.footer a.prevpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook .dark-mode .pagenav.menu.small a.prevpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook html.dark-mode .pagenav.menu.small a.prevpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook body.dark-mode .pagenav.menu.small a.prevpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.dark-mode .task-addressbook .pagenav.menu.small a.prevpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook .dark-mode .pagenav.menu.footer a.nextpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook html.dark-mode .pagenav.menu.footer a.nextpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook body.dark-mode .pagenav.menu.footer a.nextpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.dark-mode .task-addressbook .pagenav.menu.footer a.nextpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook .dark-mode .pagenav.menu.small a.nextpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook html.dark-mode .pagenav.menu.small a.nextpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook body.dark-mode .pagenav.menu.small a.nextpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.dark-mode .task-addressbook .pagenav.menu.small a.nextpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook .dark-mode .pagenav.menu.footer a.lastpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook html.dark-mode .pagenav.menu.footer a.lastpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook body.dark-mode .pagenav.menu.footer a.lastpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.dark-mode .task-addressbook .pagenav.menu.footer a.lastpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook .dark-mode .pagenav.menu.small a.lastpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook html.dark-mode .pagenav.menu.small a.lastpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-addressbook body.dark-mode .pagenav.menu.small a.lastpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.dark-mode .task-addressbook .pagenav.menu.small a.lastpage.active:not(.disabled):not([aria-disabled="true"]):hover::before {
  color: #00f2fe !important;
  transform: scale(1.1) !important;
}
.task-addressbook .dark-mode .pagenav.menu.footer a.firstpage.disabled,
.task-addressbook html.dark-mode .pagenav.menu.footer a.firstpage.disabled,
.task-addressbook body.dark-mode .pagenav.menu.footer a.firstpage.disabled,
.dark-mode .task-addressbook .pagenav.menu.footer a.firstpage.disabled,
.task-addressbook .dark-mode .pagenav.menu.small a.firstpage.disabled,
.task-addressbook html.dark-mode .pagenav.menu.small a.firstpage.disabled,
.task-addressbook body.dark-mode .pagenav.menu.small a.firstpage.disabled,
.dark-mode .task-addressbook .pagenav.menu.small a.firstpage.disabled,
.task-addressbook .dark-mode .pagenav.menu.footer a.prevpage.disabled,
.task-addressbook html.dark-mode .pagenav.menu.footer a.prevpage.disabled,
.task-addressbook body.dark-mode .pagenav.menu.footer a.prevpage.disabled,
.dark-mode .task-addressbook .pagenav.menu.footer a.prevpage.disabled,
.task-addressbook .dark-mode .pagenav.menu.small a.prevpage.disabled,
.task-addressbook html.dark-mode .pagenav.menu.small a.prevpage.disabled,
.task-addressbook body.dark-mode .pagenav.menu.small a.prevpage.disabled,
.dark-mode .task-addressbook .pagenav.menu.small a.prevpage.disabled,
.task-addressbook .dark-mode .pagenav.menu.footer a.nextpage.disabled,
.task-addressbook html.dark-mode .pagenav.menu.footer a.nextpage.disabled,
.task-addressbook body.dark-mode .pagenav.menu.footer a.nextpage.disabled,
.dark-mode .task-addressbook .pagenav.menu.footer a.nextpage.disabled,
.task-addressbook .dark-mode .pagenav.menu.small a.nextpage.disabled,
.task-addressbook html.dark-mode .pagenav.menu.small a.nextpage.disabled,
.task-addressbook body.dark-mode .pagenav.menu.small a.nextpage.disabled,
.dark-mode .task-addressbook .pagenav.menu.small a.nextpage.disabled,
.task-addressbook .dark-mode .pagenav.menu.footer a.lastpage.disabled,
.task-addressbook html.dark-mode .pagenav.menu.footer a.lastpage.disabled,
.task-addressbook body.dark-mode .pagenav.menu.footer a.lastpage.disabled,
.dark-mode .task-addressbook .pagenav.menu.footer a.lastpage.disabled,
.task-addressbook .dark-mode .pagenav.menu.small a.lastpage.disabled,
.task-addressbook html.dark-mode .pagenav.menu.small a.lastpage.disabled,
.task-addressbook body.dark-mode .pagenav.menu.small a.lastpage.disabled,
.dark-mode .task-addressbook .pagenav.menu.small a.lastpage.disabled,
.task-addressbook .dark-mode .pagenav.menu.footer a.firstpage[aria-disabled="true"],
.task-addressbook html.dark-mode .pagenav.menu.footer a.firstpage[aria-disabled="true"],
.task-addressbook body.dark-mode .pagenav.menu.footer a.firstpage[aria-disabled="true"],
.dark-mode .task-addressbook .pagenav.menu.footer a.firstpage[aria-disabled="true"],
.task-addressbook .dark-mode .pagenav.menu.small a.firstpage[aria-disabled="true"],
.task-addressbook html.dark-mode .pagenav.menu.small a.firstpage[aria-disabled="true"],
.task-addressbook body.dark-mode .pagenav.menu.small a.firstpage[aria-disabled="true"],
.dark-mode .task-addressbook .pagenav.menu.small a.firstpage[aria-disabled="true"],
.task-addressbook .dark-mode .pagenav.menu.footer a.prevpage[aria-disabled="true"],
.task-addressbook html.dark-mode .pagenav.menu.footer a.prevpage[aria-disabled="true"],
.task-addressbook body.dark-mode .pagenav.menu.footer a.prevpage[aria-disabled="true"],
.dark-mode .task-addressbook .pagenav.menu.footer a.prevpage[aria-disabled="true"],
.task-addressbook .dark-mode .pagenav.menu.small a.prevpage[aria-disabled="true"],
.task-addressbook html.dark-mode .pagenav.menu.small a.prevpage[aria-disabled="true"],
.task-addressbook body.dark-mode .pagenav.menu.small a.prevpage[aria-disabled="true"],
.dark-mode .task-addressbook .pagenav.menu.small a.prevpage[aria-disabled="true"],
.task-addressbook .dark-mode .pagenav.menu.footer a.nextpage[aria-disabled="true"],
.task-addressbook html.dark-mode .pagenav.menu.footer a.nextpage[aria-disabled="true"],
.task-addressbook body.dark-mode .pagenav.menu.footer a.nextpage[aria-disabled="true"],
.dark-mode .task-addressbook .pagenav.menu.footer a.nextpage[aria-disabled="true"],
.task-addressbook .dark-mode .pagenav.menu.small a.nextpage[aria-disabled="true"],
.task-addressbook html.dark-mode .pagenav.menu.small a.nextpage[aria-disabled="true"],
.task-addressbook body.dark-mode .pagenav.menu.small a.nextpage[aria-disabled="true"],
.dark-mode .task-addressbook .pagenav.menu.small a.nextpage[aria-disabled="true"],
.task-addressbook .dark-mode .pagenav.menu.footer a.lastpage[aria-disabled="true"],
.task-addressbook html.dark-mode .pagenav.menu.footer a.lastpage[aria-disabled="true"],
.task-addressbook body.dark-mode .pagenav.menu.footer a.lastpage[aria-disabled="true"],
.dark-mode .task-addressbook .pagenav.menu.footer a.lastpage[aria-disabled="true"],
.task-addressbook .dark-mode .pagenav.menu.small a.lastpage[aria-disabled="true"],
.task-addressbook html.dark-mode .pagenav.menu.small a.lastpage[aria-disabled="true"],
.task-addressbook body.dark-mode .pagenav.menu.small a.lastpage[aria-disabled="true"],
.dark-mode .task-addressbook .pagenav.menu.small a.lastpage[aria-disabled="true"] {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
  box-shadow: inset 4px 4px 8px rgba(0, 0, 0, 0.5), inset -4px -4px 8px rgba(255, 255, 255, 0.05) !important;
  background: #374151 !important;
}
.task-addressbook .dark-mode .pagenav.menu.footer a.firstpage.disabled::before,
.task-addressbook html.dark-mode .pagenav.menu.footer a.firstpage.disabled::before,
.task-addressbook body.dark-mode .pagenav.menu.footer a.firstpage.disabled::before,
.dark-mode .task-addressbook .pagenav.menu.footer a.firstpage.disabled::before,
.task-addressbook .dark-mode .pagenav.menu.small a.firstpage.disabled::before,
.task-addressbook html.dark-mode .pagenav.menu.small a.firstpage.disabled::before,
.task-addressbook body.dark-mode .pagenav.menu.small a.firstpage.disabled::before,
.dark-mode .task-addressbook .pagenav.menu.small a.firstpage.disabled::before,
.task-addressbook .dark-mode .pagenav.menu.footer a.prevpage.disabled::before,
.task-addressbook html.dark-mode .pagenav.menu.footer a.prevpage.disabled::before,
.task-addressbook body.dark-mode .pagenav.menu.footer a.prevpage.disabled::before,
.dark-mode .task-addressbook .pagenav.menu.footer a.prevpage.disabled::before,
.task-addressbook .dark-mode .pagenav.menu.small a.prevpage.disabled::before,
.task-addressbook html.dark-mode .pagenav.menu.small a.prevpage.disabled::before,
.task-addressbook body.dark-mode .pagenav.menu.small a.prevpage.disabled::before,
.dark-mode .task-addressbook .pagenav.menu.small a.prevpage.disabled::before,
.task-addressbook .dark-mode .pagenav.menu.footer a.nextpage.disabled::before,
.task-addressbook html.dark-mode .pagenav.menu.footer a.nextpage.disabled::before,
.task-addressbook body.dark-mode .pagenav.menu.footer a.nextpage.disabled::before,
.dark-mode .task-addressbook .pagenav.menu.footer a.nextpage.disabled::before,
.task-addressbook .dark-mode .pagenav.menu.small a.nextpage.disabled::before,
.task-addressbook html.dark-mode .pagenav.menu.small a.nextpage.disabled::before,
.task-addressbook body.dark-mode .pagenav.menu.small a.nextpage.disabled::before,
.dark-mode .task-addressbook .pagenav.menu.small a.nextpage.disabled::before,
.task-addressbook .dark-mode .pagenav.menu.footer a.lastpage.disabled::before,
.task-addressbook html.dark-mode .pagenav.menu.footer a.lastpage.disabled::before,
.task-addressbook body.dark-mode .pagenav.menu.footer a.lastpage.disabled::before,
.dark-mode .task-addressbook .pagenav.menu.footer a.lastpage.disabled::before,
.task-addressbook .dark-mode .pagenav.menu.small a.lastpage.disabled::before,
.task-addressbook html.dark-mode .pagenav.menu.small a.lastpage.disabled::before,
.task-addressbook body.dark-mode .pagenav.menu.small a.lastpage.disabled::before,
.dark-mode .task-addressbook .pagenav.menu.small a.lastpage.disabled::before,
.task-addressbook .dark-mode .pagenav.menu.footer a.firstpage[aria-disabled="true"]::before,
.task-addressbook html.dark-mode .pagenav.menu.footer a.firstpage[aria-disabled="true"]::before,
.task-addressbook body.dark-mode .pagenav.menu.footer a.firstpage[aria-disabled="true"]::before,
.dark-mode .task-addressbook .pagenav.menu.footer a.firstpage[aria-disabled="true"]::before,
.task-addressbook .dark-mode .pagenav.menu.small a.firstpage[aria-disabled="true"]::before,
.task-addressbook html.dark-mode .pagenav.menu.small a.firstpage[aria-disabled="true"]::before,
.task-addressbook body.dark-mode .pagenav.menu.small a.firstpage[aria-disabled="true"]::before,
.dark-mode .task-addressbook .pagenav.menu.small a.firstpage[aria-disabled="true"]::before,
.task-addressbook .dark-mode .pagenav.menu.footer a.prevpage[aria-disabled="true"]::before,
.task-addressbook html.dark-mode .pagenav.menu.footer a.prevpage[aria-disabled="true"]::before,
.task-addressbook body.dark-mode .pagenav.menu.footer a.prevpage[aria-disabled="true"]::before,
.dark-mode .task-addressbook .pagenav.menu.footer a.prevpage[aria-disabled="true"]::before,
.task-addressbook .dark-mode .pagenav.menu.small a.prevpage[aria-disabled="true"]::before,
.task-addressbook html.dark-mode .pagenav.menu.small a.prevpage[aria-disabled="true"]::before,
.task-addressbook body.dark-mode .pagenav.menu.small a.prevpage[aria-disabled="true"]::before,
.dark-mode .task-addressbook .pagenav.menu.small a.prevpage[aria-disabled="true"]::before,
.task-addressbook .dark-mode .pagenav.menu.footer a.nextpage[aria-disabled="true"]::before,
.task-addressbook html.dark-mode .pagenav.menu.footer a.nextpage[aria-disabled="true"]::before,
.task-addressbook body.dark-mode .pagenav.menu.footer a.nextpage[aria-disabled="true"]::before,
.dark-mode .task-addressbook .pagenav.menu.footer a.nextpage[aria-disabled="true"]::before,
.task-addressbook .dark-mode .pagenav.menu.small a.nextpage[aria-disabled="true"]::before,
.task-addressbook html.dark-mode .pagenav.menu.small a.nextpage[aria-disabled="true"]::before,
.task-addressbook body.dark-mode .pagenav.menu.small a.nextpage[aria-disabled="true"]::before,
.dark-mode .task-addressbook .pagenav.menu.small a.nextpage[aria-disabled="true"]::before,
.task-addressbook .dark-mode .pagenav.menu.footer a.lastpage[aria-disabled="true"]::before,
.task-addressbook html.dark-mode .pagenav.menu.footer a.lastpage[aria-disabled="true"]::before,
.task-addressbook body.dark-mode .pagenav.menu.footer a.lastpage[aria-disabled="true"]::before,
.dark-mode .task-addressbook .pagenav.menu.footer a.lastpage[aria-disabled="true"]::before,
.task-addressbook .dark-mode .pagenav.menu.small a.lastpage[aria-disabled="true"]::before,
.task-addressbook html.dark-mode .pagenav.menu.small a.lastpage[aria-disabled="true"]::before,
.task-addressbook body.dark-mode .pagenav.menu.small a.lastpage[aria-disabled="true"]::before,
.dark-mode .task-addressbook .pagenav.menu.small a.lastpage[aria-disabled="true"]::before {
  color: #a0aec0 !important;
  opacity: 0.5 !important;
}
.task-addressbook .dark-mode .pagenav.menu.footer .pagenav-text,
.task-addressbook html.dark-mode .pagenav.menu.footer .pagenav-text,
.task-addressbook body.dark-mode .pagenav.menu.footer .pagenav-text,
.dark-mode .task-addressbook .pagenav.menu.footer .pagenav-text,
.task-addressbook .dark-mode .pagenav.menu.small .pagenav-text,
.task-addressbook html.dark-mode .pagenav.menu.small .pagenav-text,
.task-addressbook body.dark-mode .pagenav.menu.small .pagenav-text,
.dark-mode .task-addressbook .pagenav.menu.small .pagenav-text {
  background: #2d3748 !important;
  color: #e2e8f0 !important;
  box-shadow: inset 3px 3px 6px rgba(0, 0, 0, 0.5), inset -3px -3px 6px rgba(255, 255, 255, 0.05) !important;
}
.task-addressbook .dark-mode .pagenav.menu.footer input.form-control.rcpagejumper,
.task-addressbook html.dark-mode .pagenav.menu.footer input.form-control.rcpagejumper,
.task-addressbook body.dark-mode .pagenav.menu.footer input.form-control.rcpagejumper,
.dark-mode .task-addressbook .pagenav.menu.footer input.form-control.rcpagejumper,
.task-addressbook .dark-mode .pagenav.menu.small input.form-control.rcpagejumper,
.task-addressbook html.dark-mode .pagenav.menu.small input.form-control.rcpagejumper,
.task-addressbook body.dark-mode .pagenav.menu.small input.form-control.rcpagejumper,
.dark-mode .task-addressbook .pagenav.menu.small input.form-control.rcpagejumper {
  background: #2d3748 !important;
  color: #e2e8f0 !important;
  box-shadow: inset 4px 4px 8px rgba(0, 0, 0, 0.5), inset -4px -4px 8px rgba(255, 255, 255, 0.05) !important;
}
.task-addressbook .dark-mode .pagenav.menu.footer input.form-control.rcpagejumper::placeholder,
.task-addressbook html.dark-mode .pagenav.menu.footer input.form-control.rcpagejumper::placeholder,
.task-addressbook body.dark-mode .pagenav.menu.footer input.form-control.rcpagejumper::placeholder,
.dark-mode .task-addressbook .pagenav.menu.footer input.form-control.rcpagejumper::placeholder,
.task-addressbook .dark-mode .pagenav.menu.small input.form-control.rcpagejumper::placeholder,
.task-addressbook html.dark-mode .pagenav.menu.small input.form-control.rcpagejumper::placeholder,
.task-addressbook body.dark-mode .pagenav.menu.small input.form-control.rcpagejumper::placeholder,
.dark-mode .task-addressbook .pagenav.menu.small input.form-control.rcpagejumper::placeholder {
  color: #a0aec0 !important;
  opacity: 0.6 !important;
}
.task-addressbook .dark-mode .pagenav.menu.footer input.form-control.rcpagejumper:focus:not(:disabled),
.task-addressbook html.dark-mode .pagenav.menu.footer input.form-control.rcpagejumper:focus:not(:disabled),
.task-addressbook body.dark-mode .pagenav.menu.footer input.form-control.rcpagejumper:focus:not(:disabled),
.dark-mode .task-addressbook .pagenav.menu.footer input.form-control.rcpagejumper:focus:not(:disabled),
.task-addressbook .dark-mode .pagenav.menu.small input.form-control.rcpagejumper:focus:not(:disabled),
.task-addressbook html.dark-mode .pagenav.menu.small input.form-control.rcpagejumper:focus:not(:disabled),
.task-addressbook body.dark-mode .pagenav.menu.small input.form-control.rcpagejumper:focus:not(:disabled),
.dark-mode .task-addressbook .pagenav.menu.small input.form-control.rcpagejumper:focus:not(:disabled) {
  box-shadow: inset 5px 5px 10px rgba(0, 0, 0, 0.6), inset -5px -5px 10px rgba(255, 255, 255, 0.08), 0 0 0 2px rgba(0, 242, 254, 0.3) !important;
  background: #2d3748 !important;
}
.task-addressbook .dark-mode .pagenav.menu.footer input.form-control.rcpagejumper:disabled,
.task-addressbook html.dark-mode .pagenav.menu.footer input.form-control.rcpagejumper:disabled,
.task-addressbook body.dark-mode .pagenav.menu.footer input.form-control.rcpagejumper:disabled,
.dark-mode .task-addressbook .pagenav.menu.footer input.form-control.rcpagejumper:disabled,
.task-addressbook .dark-mode .pagenav.menu.small input.form-control.rcpagejumper:disabled,
.task-addressbook html.dark-mode .pagenav.menu.small input.form-control.rcpagejumper:disabled,
.task-addressbook body.dark-mode .pagenav.menu.small input.form-control.rcpagejumper:disabled,
.dark-mode .task-addressbook .pagenav.menu.small input.form-control.rcpagejumper:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
  box-shadow: inset 3px 3px 6px rgba(0, 0, 0, 0.5), inset -3px -3px 6px rgba(255, 255, 255, 0.05) !important;
}
/* Dark Mode - Addressbook Searchbar */
.task-addressbook .dark-mode #layout-list .searchbar.menu,
.task-addressbook html.dark-mode #layout-list .searchbar.menu,
.task-addressbook body.dark-mode #layout-list .searchbar.menu,
.dark-mode .task-addressbook #layout-list .searchbar.menu {
  background: #2d3748 !important;
  /* Dark gray background */
  box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.4), -8px -8px 20px rgba(255, 255, 255, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
  /* Search Input Field - Dark Mode */
  /* Search Icon - Dark Mode */
  /* Circular Buttons - Dark Mode */
  /* Rectangular Buttons - Dark Mode */
  /* Options Button - Dark Mode Hover */
  /* Search Button - Dark Mode Hover */
}
.task-addressbook .dark-mode #layout-list .searchbar.menu #searchform,
.task-addressbook html.dark-mode #layout-list .searchbar.menu #searchform,
.task-addressbook body.dark-mode #layout-list .searchbar.menu #searchform,
.dark-mode .task-addressbook #layout-list .searchbar.menu #searchform,
.task-addressbook .dark-mode #layout-list .searchbar.menu input[name="_q"],
.task-addressbook html.dark-mode #layout-list .searchbar.menu input[name="_q"],
.task-addressbook body.dark-mode #layout-list .searchbar.menu input[name="_q"],
.dark-mode .task-addressbook #layout-list .searchbar.menu input[name="_q"],
.task-addressbook .dark-mode #layout-list .searchbar.menu input[type="text"],
.task-addressbook html.dark-mode #layout-list .searchbar.menu input[type="text"],
.task-addressbook body.dark-mode #layout-list .searchbar.menu input[type="text"],
.dark-mode .task-addressbook #layout-list .searchbar.menu input[type="text"] {
  background: #2d3748 !important;
  color: #e2e8f0 !important;
  /* Light gray text */
  box-shadow: inset 4px 4px 8px rgba(0, 0, 0, 0.5), inset -4px -4px 8px rgba(255, 255, 255, 0.05) !important;
}
.task-addressbook .dark-mode #layout-list .searchbar.menu #searchform::placeholder,
.task-addressbook html.dark-mode #layout-list .searchbar.menu #searchform::placeholder,
.task-addressbook body.dark-mode #layout-list .searchbar.menu #searchform::placeholder,
.dark-mode .task-addressbook #layout-list .searchbar.menu #searchform::placeholder,
.task-addressbook .dark-mode #layout-list .searchbar.menu input[name="_q"]::placeholder,
.task-addressbook html.dark-mode #layout-list .searchbar.menu input[name="_q"]::placeholder,
.task-addressbook body.dark-mode #layout-list .searchbar.menu input[name="_q"]::placeholder,
.dark-mode .task-addressbook #layout-list .searchbar.menu input[name="_q"]::placeholder,
.task-addressbook .dark-mode #layout-list .searchbar.menu input[type="text"]::placeholder,
.task-addressbook html.dark-mode #layout-list .searchbar.menu input[type="text"]::placeholder,
.task-addressbook body.dark-mode #layout-list .searchbar.menu input[type="text"]::placeholder,
.dark-mode .task-addressbook #layout-list .searchbar.menu input[type="text"]::placeholder {
  color: #a0aec0 !important;
  /* Light gray placeholder */
  opacity: 0.8 !important;
}
.task-addressbook .dark-mode #layout-list .searchbar.menu #searchform:focus,
.task-addressbook html.dark-mode #layout-list .searchbar.menu #searchform:focus,
.task-addressbook body.dark-mode #layout-list .searchbar.menu #searchform:focus,
.dark-mode .task-addressbook #layout-list .searchbar.menu #searchform:focus,
.task-addressbook .dark-mode #layout-list .searchbar.menu input[name="_q"]:focus,
.task-addressbook html.dark-mode #layout-list .searchbar.menu input[name="_q"]:focus,
.task-addressbook body.dark-mode #layout-list .searchbar.menu input[name="_q"]:focus,
.dark-mode .task-addressbook #layout-list .searchbar.menu input[name="_q"]:focus,
.task-addressbook .dark-mode #layout-list .searchbar.menu input[type="text"]:focus,
.task-addressbook html.dark-mode #layout-list .searchbar.menu input[type="text"]:focus,
.task-addressbook body.dark-mode #layout-list .searchbar.menu input[type="text"]:focus,
.dark-mode .task-addressbook #layout-list .searchbar.menu input[type="text"]:focus {
  box-shadow: inset 5px 5px 10px rgba(0, 0, 0, 0.6), inset -5px -5px 10px rgba(255, 255, 255, 0.08), 0 0 0 2px rgba(0, 242, 254, 0.3) !important;
  background: #2d3748 !important;
}
.task-addressbook .dark-mode #layout-list .searchbar.menu form::before,
.task-addressbook html.dark-mode #layout-list .searchbar.menu form::before,
.task-addressbook body.dark-mode #layout-list .searchbar.menu form::before,
.dark-mode .task-addressbook #layout-list .searchbar.menu form::before {
  color: #e2e8f0 !important;
  /* Light gray icon */
  opacity: 0.8 !important;
}
.task-addressbook .dark-mode #layout-list .searchbar.menu > a.button.reset,
.task-addressbook html.dark-mode #layout-list .searchbar.menu > a.button.reset,
.task-addressbook body.dark-mode #layout-list .searchbar.menu > a.button.reset,
.dark-mode .task-addressbook #layout-list .searchbar.menu > a.button.reset {
  background: #2d3748 !important;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.4), -4px -4px 8px rgba(255, 255, 255, 0.05) !important;
}
.task-addressbook .dark-mode #layout-list .searchbar.menu > a.button.reset::before,
.task-addressbook html.dark-mode #layout-list .searchbar.menu > a.button.reset::before,
.task-addressbook body.dark-mode #layout-list .searchbar.menu > a.button.reset::before,
.dark-mode .task-addressbook #layout-list .searchbar.menu > a.button.reset::before {
  color: #e2e8f0 !important;
  /* Light gray icon */
}
.task-addressbook .dark-mode #layout-list .searchbar.menu > a.button.reset:hover:not([aria-disabled="true"]),
.task-addressbook html.dark-mode #layout-list .searchbar.menu > a.button.reset:hover:not([aria-disabled="true"]),
.task-addressbook body.dark-mode #layout-list .searchbar.menu > a.button.reset:hover:not([aria-disabled="true"]),
.dark-mode .task-addressbook #layout-list .searchbar.menu > a.button.reset:hover:not([aria-disabled="true"]) {
  box-shadow: inset 3px 3px 6px rgba(0, 0, 0, 0.5), inset -3px -3px 6px rgba(255, 255, 255, 0.05) !important;
  background: #2d3748 !important;
}
.task-addressbook .dark-mode #layout-list .searchbar.menu > a.button.reset:active:not([aria-disabled="true"]),
.task-addressbook html.dark-mode #layout-list .searchbar.menu > a.button.reset:active:not([aria-disabled="true"]),
.task-addressbook body.dark-mode #layout-list .searchbar.menu > a.button.reset:active:not([aria-disabled="true"]),
.dark-mode .task-addressbook #layout-list .searchbar.menu > a.button.reset:active:not([aria-disabled="true"]) {
  box-shadow: inset 4px 4px 8px rgba(0, 0, 0, 0.6), inset -4px -4px 8px rgba(255, 255, 255, 0.05) !important;
}
.task-addressbook .dark-mode #layout-list .searchbar.menu > a.button.options,
.task-addressbook html.dark-mode #layout-list .searchbar.menu > a.button.options,
.task-addressbook body.dark-mode #layout-list .searchbar.menu > a.button.options,
.dark-mode .task-addressbook #layout-list .searchbar.menu > a.button.options,
.task-addressbook .dark-mode #layout-list .searchbar.menu > a.button.search,
.task-addressbook html.dark-mode #layout-list .searchbar.menu > a.button.search,
.task-addressbook body.dark-mode #layout-list .searchbar.menu > a.button.search,
.dark-mode .task-addressbook #layout-list .searchbar.menu > a.button.search {
  background: #2d3748 !important;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.4), -4px -4px 8px rgba(255, 255, 255, 0.05) !important;
  color: #e2e8f0 !important;
  /* Light text */
}
.task-addressbook .dark-mode #layout-list .searchbar.menu > a.button.options::before,
.task-addressbook html.dark-mode #layout-list .searchbar.menu > a.button.options::before,
.task-addressbook body.dark-mode #layout-list .searchbar.menu > a.button.options::before,
.dark-mode .task-addressbook #layout-list .searchbar.menu > a.button.options::before,
.task-addressbook .dark-mode #layout-list .searchbar.menu > a.button.search::before,
.task-addressbook html.dark-mode #layout-list .searchbar.menu > a.button.search::before,
.task-addressbook body.dark-mode #layout-list .searchbar.menu > a.button.search::before,
.dark-mode .task-addressbook #layout-list .searchbar.menu > a.button.search::before {
  color: #e2e8f0 !important;
  /* Light icon */
}
.task-addressbook .dark-mode #layout-list .searchbar.menu > a.button.options .inner,
.task-addressbook html.dark-mode #layout-list .searchbar.menu > a.button.options .inner,
.task-addressbook body.dark-mode #layout-list .searchbar.menu > a.button.options .inner,
.dark-mode .task-addressbook #layout-list .searchbar.menu > a.button.options .inner,
.task-addressbook .dark-mode #layout-list .searchbar.menu > a.button.search .inner,
.task-addressbook html.dark-mode #layout-list .searchbar.menu > a.button.search .inner,
.task-addressbook body.dark-mode #layout-list .searchbar.menu > a.button.search .inner,
.dark-mode .task-addressbook #layout-list .searchbar.menu > a.button.search .inner {
  color: #e2e8f0 !important;
  /* Light text */
}
.task-addressbook .dark-mode #layout-list .searchbar.menu > a.button.options:hover:not([aria-disabled="true"]),
.task-addressbook html.dark-mode #layout-list .searchbar.menu > a.button.options:hover:not([aria-disabled="true"]),
.task-addressbook body.dark-mode #layout-list .searchbar.menu > a.button.options:hover:not([aria-disabled="true"]),
.dark-mode .task-addressbook #layout-list .searchbar.menu > a.button.options:hover:not([aria-disabled="true"]),
.task-addressbook .dark-mode #layout-list .searchbar.menu > a.button.search:hover:not([aria-disabled="true"]),
.task-addressbook html.dark-mode #layout-list .searchbar.menu > a.button.search:hover:not([aria-disabled="true"]),
.task-addressbook body.dark-mode #layout-list .searchbar.menu > a.button.search:hover:not([aria-disabled="true"]),
.dark-mode .task-addressbook #layout-list .searchbar.menu > a.button.search:hover:not([aria-disabled="true"]) {
  box-shadow: inset 3px 3px 6px rgba(0, 0, 0, 0.5), inset -3px -3px 6px rgba(255, 255, 255, 0.05) !important;
  background: #2d3748 !important;
}
.task-addressbook .dark-mode #layout-list .searchbar.menu > a.button.options:active:not([aria-disabled="true"]),
.task-addressbook html.dark-mode #layout-list .searchbar.menu > a.button.options:active:not([aria-disabled="true"]),
.task-addressbook body.dark-mode #layout-list .searchbar.menu > a.button.options:active:not([aria-disabled="true"]),
.dark-mode .task-addressbook #layout-list .searchbar.menu > a.button.options:active:not([aria-disabled="true"]),
.task-addressbook .dark-mode #layout-list .searchbar.menu > a.button.search:active:not([aria-disabled="true"]),
.task-addressbook html.dark-mode #layout-list .searchbar.menu > a.button.search:active:not([aria-disabled="true"]),
.task-addressbook body.dark-mode #layout-list .searchbar.menu > a.button.search:active:not([aria-disabled="true"]),
.dark-mode .task-addressbook #layout-list .searchbar.menu > a.button.search:active:not([aria-disabled="true"]) {
  box-shadow: inset 4px 4px 8px rgba(0, 0, 0, 0.6), inset -4px -4px 8px rgba(255, 255, 255, 0.05) !important;
}
.task-addressbook .dark-mode #layout-list .searchbar.menu > a.button.options:hover:not([aria-disabled="true"])::before,
.task-addressbook html.dark-mode #layout-list .searchbar.menu > a.button.options:hover:not([aria-disabled="true"])::before,
.task-addressbook body.dark-mode #layout-list .searchbar.menu > a.button.options:hover:not([aria-disabled="true"])::before,
.dark-mode .task-addressbook #layout-list .searchbar.menu > a.button.options:hover:not([aria-disabled="true"])::before {
  color: #a78bfa !important;
  /* Lighter purple for dark mode */
}
.task-addressbook .dark-mode #layout-list .searchbar.menu > a.button.options:hover:not([aria-disabled="true"]) .inner,
.task-addressbook html.dark-mode #layout-list .searchbar.menu > a.button.options:hover:not([aria-disabled="true"]) .inner,
.task-addressbook body.dark-mode #layout-list .searchbar.menu > a.button.options:hover:not([aria-disabled="true"]) .inner,
.dark-mode .task-addressbook #layout-list .searchbar.menu > a.button.options:hover:not([aria-disabled="true"]) .inner {
  color: #a78bfa !important;
  /* Lighter purple for dark mode */
}
.task-addressbook .dark-mode #layout-list .searchbar.menu > a.button.search::before,
.task-addressbook html.dark-mode #layout-list .searchbar.menu > a.button.search::before,
.task-addressbook body.dark-mode #layout-list .searchbar.menu > a.button.search::before,
.dark-mode .task-addressbook #layout-list .searchbar.menu > a.button.search::before {
  color: #00f2fe !important;
  /* Cyan color */
}
.task-addressbook .dark-mode #layout-list .searchbar.menu > a.button.search:hover:not([aria-disabled="true"])::before,
.task-addressbook html.dark-mode #layout-list .searchbar.menu > a.button.search:hover:not([aria-disabled="true"])::before,
.task-addressbook body.dark-mode #layout-list .searchbar.menu > a.button.search:hover:not([aria-disabled="true"])::before,
.dark-mode .task-addressbook #layout-list .searchbar.menu > a.button.search:hover:not([aria-disabled="true"])::before {
  color: #00f2fe !important;
  /* Bright cyan on hover */
}
.task-addressbook .dark-mode #layout-list .searchbar.menu > a.button.search:hover:not([aria-disabled="true"]) .inner,
.task-addressbook html.dark-mode #layout-list .searchbar.menu > a.button.search:hover:not([aria-disabled="true"]) .inner,
.task-addressbook body.dark-mode #layout-list .searchbar.menu > a.button.search:hover:not([aria-disabled="true"]) .inner,
.dark-mode .task-addressbook #layout-list .searchbar.menu > a.button.search:hover:not([aria-disabled="true"]) .inner {
  color: #00f2fe !important;
  /* Bright cyan on hover */
}
/* ADDRESSBOOK TASK - Neumorphic Design Implementation Closed */
/* ANDY JUDGE CUSTOM STYLE */
:root {
  --bg-color: #e0e5ec;
  --text-main: #2c333a;
  --text-light: #6d7685;
  --shadow-light: #ffffff;
  --shadow-dark: #b8bec8;
  --pressed-bg-color: #d1d9e6;
  /* Pressed/Inset Element Base */
  --accent-color: #00BFFF;
  /* Vibrant Neon Blue */
  --accent-dark: #007bb6;
  /* Darker blue for gradient/shadow base */
  --accent-glow: rgba(102, 126, 234, 0.4);
  --danger-color: #ff4757;
  /* Red for Flagged/Urgent/Logout */
  /* Status Colors */
  --unread-color: #2ed573;
  /* Green for new message */
  --read-color: #aeb4be;
  /* Muted grey for read status */
  /* Icon Colors */
  --icon-inbox: #2ed573;
  /* Green */
  --icon-star: #ffc312;
  /* Yellow */
  --icon-sent: #00BFFF;
  /* Light blue */
  --icon-trash: #ff4757;
  /* Red */
  --icon-archive: #6d7685;
  /* Dark gray */
  --icon-tag: #ff9f43;
  /* Orange */
}
.task-mail #layout-list {
  /* Layout & Sizing */
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  flex: 1 1 auto !important;
  flex-shrink: 1 !important;
  flex-grow: 1 !important;
  flex-basis: auto !important;
  max-width: calc(100vw - 280px) !important;
  /* Account for sidebar width (280px) */
  min-width: 0 !important;
  /* Spacing & Overflow */
  margin-left: 0 !important;
  padding-right: 0 !important;
  overflow: visible !important;
  /* Box Model */
  box-sizing: border-box !important;
  transition: none !important;
  /* Prevent width changes when modal opens */
}
.task-mail #layout-list[listbox],
.task-mail #layout-list.listbox {
  width: 100% !important;
}
.task-mail #layout-list table {
  overflow-x: auto !important;
  border-radius: 30px !important;
  box-shadow: 20px 20px 60px var(--shadow-dark), -20px -20px 60px var(--shadow-light) !important;
}
.task-mail {
  /* --- TABLE CONTAINER --- */
  /* --- ROW STYLING --- */
  /* Ensure all cells maintain consistent height - override any flex display */
  /* HOVER EFFECT */
  /* --- CELL SPECIFIC --- */
  /************************************************************
       AJMAIL — FINAL PERFECT ONE-LINE MESSAGE LIST FIX
    ************************************************************/
  /* Turn the subject cell into a flex row - but maintain table-cell for height matching */
  /* Status icon FIRST */
  /* Unread = green with pulse */
  /* Flagged = yellow (no pulse - only unread pulses) */
  /* Unread + Flagged = orange/red with pulse */
  /* Hide the original tiny status icon inside the subject span */
  /* 2) FROM (sender) */
  /* 3) SUBJECT */
  /* Unread messages - Bold font weight */
  /* 4) DATE (visible by default, after subject) */
  /* 5) SIZE (hidden by default, shows on hover, overlays date position) */
  /* When size is visible, ensure it overlays date exactly */
  /* --- FLAGS & ATTACHMENTS --- */
  /* Wrapper spans - improved spacing and alignment */
  /* Hide flags/attachments if they appear in subject cell - they should only be in flags column */
  /* Flags column specific styles - Neumorphic circular buttons */
  /* Unflagged span styling - subtle neumorphic button (hidden by default, shows on hover) */
  /* Show unflagged on message row hover */
  /* Attachment span - hide when empty or only contains whitespace ( ) */
  /* Hide attachment spans that only contain whitespace (no nested span) */
  /* Attachment span with nested span (has attachment) - show icon */
  /* Fallback for browsers without :has() support - show if not empty */
}
.task-mail #messagelist,
.task-mail #messagelist-fixedcopy,
.task-mail #messagelist-content,
.task-mail #layout-list table {
  width: 100% !important;
  padding: 2rem !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
.task-mail .column-resizer {
  display: none !important;
}
.task-mail #layout-content,
.task-mail #layout-menu {
  flex-shrink: 0 !important;
}
.task-mail .listing-container {
  width: 100% !important;
  max-width: 1100px !important;
  overflow-x: auto !important;
  padding: 20px !important;
  border-radius: 30px !important;
  box-shadow: 20px 20px 60px var(--shadow-dark), -20px -20px 60px var(--shadow-light) !important;
}
.task-mail .listing-container h1 {
  color: var(--text-main) !important;
  text-align: center !important;
  font-weight: 700 !important;
  margin-bottom: 30px !important;
  font-size: 2rem !important;
}
.task-mail table.listing {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 20px !important;
}
.task-mail .messagelist tr.message {
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
  cursor: pointer !important;
}
.task-mail table.listing tr.message td {
  background: var(--bg-color) !important;
  padding: 15px 20px !important;
  border: none !important;
  display: table-cell !important;
  vertical-align: middle !important;
  height: 70px !important;
  min-height: 70px !important;
  max-height: 70px !important;
  box-shadow: 8px 8px 16px var(--shadow-dark), -8px -8px 16px var(--shadow-light), inset 0 0 0 0 transparent !important;
  background-size: 200% 100% !important;
  background-image: linear-gradient(115deg, var(--bg-color) 40%, var(--bg-color) 50%, var(--bg-color) 60%) !important;
  transition: all 0.3s ease !important;
  box-sizing: border-box !important;
}
.task-mail table.listing tr.message td.selection,
.task-mail table.listing tr.message td.subject,
.task-mail table.listing tr.message td.flags {
  height: 70px !important;
  min-height: 70px !important;
  max-height: 70px !important;
  line-height: normal !important;
  /* Changed to normal to allow inline-block children to align properly */
}
.task-mail table.listing tr.message td:first-child {
  border-top-left-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.task-mail table.listing tr.message td:last-child {
  border-top-right-radius: 20px !important;
  border-bottom-right-radius: 20px !important;
  text-align: right !important;
  padding-right: 30px !important;
}
.task-mail table.listing tr.message:hover,
.task-mail #messagelist tr.message:hover {
  transform: translateY(-4px) scale(1.01) !important;
  z-index: 10 !important;
}
.task-mail table.listing tr.message:hover td,
.task-mail #messagelist tr.message:hover td {
  box-shadow: 12px 12px 24px var(--shadow-dark), -12px -12px 24px var(--shadow-light), inset 0 0 0 2px var(--accent-color) !important;
  background-image: linear-gradient(115deg, var(--bg-color) 40%, #f0f6ff 50%, var(--bg-color) 60%) !important;
  animation: shimmer 2s infinite linear !important;
}
.task-mail table.listing tr.message:hover td.subject .date,
.task-mail #messagelist tr.message:hover td.subject .date,
.task-mail table.listing tr.message:hover td.subject span.date,
.task-mail #messagelist tr.message:hover td.subject span.date {
  opacity: 0 !important;
  visibility: hidden !important;
}
.task-mail table.listing tr.message:hover td.subject .size,
.task-mail #messagelist tr.message:hover td.subject .size,
.task-mail table.listing tr.message:hover td.subject span.size,
.task-mail #messagelist tr.message:hover td.subject span.size {
  opacity: 1 !important;
  visibility: visible !important;
}
.task-mail table.listing tr.message:hover .selection input[type="checkbox"],
.task-mail #messagelist tr.message:hover .selection input[type="checkbox"] {
  transform: scale(1.1) !important;
  box-shadow: inset 2px 2px 5px var(--shadow-dark), inset -2px -2px 5px var(--shadow-light) !important;
}
.task-mail table.listing tr.message:hover .flagged,
.task-mail #messagelist tr.message:hover .flagged,
.task-mail table.listing tr.message:hover .attachment,
.task-mail #messagelist tr.message:hover .attachment {
  transform: scale(1.1) !important;
}
.task-mail table.listing td.selection {
  width: 60px !important;
  text-align: center !important;
  height: 70px !important;
  min-height: 70px !important;
  max-height: 70px !important;
  vertical-align: middle !important;
  display: table-cell !important;
}
.task-mail table.listing td.selection input[type="checkbox"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
  background: var(--bg-color) !important;
  box-shadow: 5px 5px 10px var(--shadow-dark), -5px -5px 10px var(--shadow-light) !important;
  cursor: pointer !important;
  position: relative !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.task-mail table.listing td.selection input[type="checkbox"]:checked {
  box-shadow: inset 3px 3px 7px var(--shadow-dark), inset -3px -3px 7px var(--shadow-light) !important;
}
.task-mail table.listing td.selection input[type="checkbox"]:checked::after {
  content: '\f00c' !important;
  font-family: 'Icons' !important;
  font-weight: 900 !important;
  color: var(--accent-color) !important;
  font-size: 12px !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.task-mail table.listing td.subject,
.task-mail #messagelist td.subject {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 12px 14px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  height: 70px !important;
  min-height: 70px !important;
  max-height: 70px !important;
  box-sizing: border-box !important;
  vertical-align: middle !important;
  position: relative !important;
  line-height: normal !important;
  /* Ensure all direct children of subject cell are flex items for proper ordering */
  /* Container for date/size to enable absolute positioning */
  /* Create a NEW status dot before the sender using ::before on td.subject */
}
.task-mail table.listing td.subject > *,
.task-mail #messagelist td.subject > * {
  display: flex !important;
  align-items: center !important;
}
.task-mail table.listing td.subject .date,
.task-mail #messagelist td.subject .date,
.task-mail table.listing td.subject span.date,
.task-mail #messagelist td.subject span.date,
.task-mail table.listing td.subject .size,
.task-mail #messagelist td.subject .size,
.task-mail table.listing td.subject span.size,
.task-mail #messagelist td.subject span.size {
  position: relative !important;
}
.task-mail table.listing td.subject::before,
.task-mail #messagelist td.subject::before {
  content: "" !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #C4CDD9 !important;
  /* default gray */
  display: inline-block !important;
  position: absolute !important;
  left: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 1 !important;
}
.task-mail table.listing td.subject .msgicon.status {
  order: 1 !important;
  flex-shrink: 0 !important;
  margin-right: 6px !important;
}
.task-mail table.listing td.subject .msgicon.status::before {
  content: "" !important;
  display: inline-block !important;
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
  background: var(--read-color) !important;
}
.task-mail table.listing tr.message.unread:not(.flagged) td.subject::before,
.task-mail #messagelist tr.message.unread:not(.flagged) td.subject::before {
  background: var(--unread-color) !important;
  /* Sharp green #38a169 */
  animation: pulse-green 1.2s infinite !important;
  /* Faster, more prominent pulse */
}
.task-mail table.listing tr.message.unread:not(.flagged) td.subject .msgicon.status::before,
.task-mail #messagelist tr.message.unread:not(.flagged) td.subject .msgicon.status::before {
  background: var(--unread-color) !important;
}
.task-mail table.listing tr.message.flagged td.subject::before,
.task-mail #messagelist tr.message.flagged td.subject::before {
  background: #fbbf24 !important;
  animation: none !important;
  /* No pulse for flagged alone - only unread pulses */
}
.task-mail table.listing tr.message.flagged td.subject .msgicon.status::before,
.task-mail #messagelist tr.message.flagged td.subject .msgicon.status::before {
  background: var(--danger-color) !important;
}
.task-mail table.listing tr.message.unread.flagged td.subject::before,
.task-mail table.listing tr.message.flagged.unread td.subject::before,
.task-mail #messagelist tr.message.unread.flagged td.subject::before,
.task-mail #messagelist tr.message.flagged.unread td.subject::before {
  background: #f97316 !important;
  /* Orange-red for urgent unread */
  animation: pulse-green 1.5s infinite !important;
  /* Faster pulse for urgent */
}
.task-mail table.listing tr.message.unread.flagged td.subject .msgicon.status::before,
.task-mail table.listing tr.message.flagged.unread td.subject .msgicon.status::before,
.task-mail #messagelist tr.message.unread.flagged td.subject .msgicon.status::before,
.task-mail #messagelist tr.message.flagged.unread td.subject .msgicon.status::before {
  background: #f97316 !important;
}
.task-mail table.listing td.subject span.subject .msgicon.status {
  display: none !important;
}
.task-mail table.listing td.subject .fromto,
.task-mail #messagelist td.subject .fromto {
  order: 2 !important;
  min-width: 150px !important;
  max-width: 150px !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  font-weight: 400 !important;
  /* Normal weight for all messages */
  color: #1e293b !important;
  flex-shrink: 0 !important;
  padding-left: 20px !important;
  /* Add left padding so sender doesn't overlap the dot */
  display: flex !important;
  align-items: center !important;
  white-space: nowrap !important;
}
.task-mail table.listing td.subject .fromto .rcmContactAddress,
.task-mail #messagelist td.subject .fromto .rcmContactAddress {
  font-weight: 400 !important;
  /* Normal weight for all messages */
  font-size: 1.05rem !important;
  color: var(--text-main) !important;
  white-space: nowrap !important;
  display: inline-block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.task-mail table.listing td.subject > span.subject,
.task-mail table.listing td.subject span.subject,
.task-mail #messagelist td.subject > span.subject,
.task-mail #messagelist td.subject span.subject {
  order: 3 !important;
  flex: 1 !important;
  min-width: 0 !important;
  overflow: hidden !important;
  visibility: visible !important;
  opacity: 1 !important;
  display: flex !important;
  align-items: center !important;
}
.task-mail table.listing td.subject > span.subject a,
.task-mail table.listing td.subject span.subject a,
.task-mail #messagelist td.subject > span.subject a,
.task-mail #messagelist td.subject span.subject a {
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  color: var(--text-main) !important;
  font-weight: 400 !important;
  /* Normal weight for all messages */
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.task-mail table.listing td.subject > span.subject a:hover,
.task-mail table.listing td.subject span.subject a:hover,
.task-mail #messagelist td.subject > span.subject a:hover,
.task-mail #messagelist td.subject span.subject a:hover {
  color: var(--accent-color) !important;
}
.task-mail table.listing tr.message.unread td.subject .fromto,
.task-mail table.listing tr.message.unread td.subject .fromto .rcmContactAddress,
.task-mail #messagelist tr.message.unread td.subject .fromto,
.task-mail #messagelist tr.message.unread td.subject .fromto .rcmContactAddress {
  font-weight: 700 !important;
  /* Bold for unread messages */
}
.task-mail table.listing tr.message.unread td.subject > span.subject a,
.task-mail table.listing tr.message.unread td.subject span.subject a,
.task-mail #messagelist tr.message.unread td.subject > span.subject a,
.task-mail #messagelist tr.message.unread td.subject span.subject a {
  font-weight: 700 !important;
  /* Bold for unread messages */
}
.task-mail table.listing td.subject .date,
.task-mail table.listing td.subject span.date,
.task-mail #messagelist td.subject .date,
.task-mail #messagelist td.subject span.date {
  order: 4 !important;
  background: var(--bg-color) !important;
  padding: 5px 12px!important;
  border-radius: 12px !important;
  box-shadow: inset 3px 3px 7px var(--shadow-dark), inset -3px -3px 7px var(--shadow-light) !important;
  flex-shrink: 0 !important;
  margin-left: 10px !important;
  color: #94a3b8 !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  display: flex !important;
  align-items: center !important;
  opacity: 1 !important;
  visibility: visible !important;
  transition: opacity 0.2s ease, visibility 0.2s ease !important;
  position: relative !important;
  z-index: 1 !important;
}
.task-mail table.listing td.subject .size,
.task-mail table.listing td.subject span.size,
.task-mail #messagelist td.subject .size,
.task-mail #messagelist td.subject span.size {
  order: 4 !important;
  /* Same order as date */
  flex-shrink: 0 !important;
  margin-left: 10px !important;
  /* Same margin as date */
  color: #64748b !important;
  background: var(--bg-color) !important;
  padding: 5px 12px !important;
  border-radius: 12px !important;
  box-shadow: inset 3px 3px 7px var(--shadow-dark), inset -3px -3px 7px var(--shadow-light) !important;
  font-weight: 600 !important;
  font-size: 0.9rem !important;
  white-space: nowrap !important;
  display: flex !important;
  align-items: center !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity 0.2s ease, visibility 0.2s ease !important;
  position: relative !important;
  /* Relative - let flexbox position it naturally */
  z-index: 2 !important;
  width: auto !important;
  min-width: fit-content !important;
}
.task-mail table.listing tr.message:hover td.subject .size,
.task-mail #messagelist tr.message:hover td.subject .size {
  pointer-events: auto !important;
  /* Enable interaction when visible */
}
.task-mail table.listing td.flags,
.task-mail .messagelist td.flags,
.task-mail #messagelist td.flags {
  width: 120px !important;
  min-width: 120px !important;
  max-width: 120px !important;
  white-space: nowrap !important;
  /* CRITICAL - prevents wrapping */
  text-align: right !important;
  /* Align icons to the right */
  vertical-align: middle !important;
  padding: 0 10px !important;
  /* Reduced vertical padding for better alignment */
  visibility: visible !important;
  opacity: 1 !important;
  height: 70px !important;
  min-height: 70px !important;
  max-height: 70px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  display: table-cell !important;
  /* Keep as table cell */
  line-height: 70px !important;
  /* Match cell height for perfect vertical centering */
}
.task-mail table.listing td.flags span.flag,
.task-mail table.listing td.flags span.attachment,
.task-mail .messagelist td.flags span.flag,
.task-mail .messagelist td.flags span.attachment,
.task-mail #messagelist td.flags span.flag,
.task-mail #messagelist td.flags span.attachment {
  display: inline-block !important;
  /* inline-block for side-by-side */
  vertical-align: middle !important;
  margin: 0 8px 0 0 !important;
  /* Better spacing between icons (increased from 5px) */
  padding: 0 !important;
  width: auto !important;
  height: auto !important;
  cursor: pointer !important;
  line-height: 70px !important;
  /* Match parent cell height for perfect vertical centering */
  box-sizing: border-box !important;
}
.task-mail table.listing td.flags span.flag:last-child,
.task-mail table.listing td.flags span.attachment:last-child,
.task-mail .messagelist td.flags span.flag:last-child,
.task-mail .messagelist td.flags span.attachment:last-child,
.task-mail #messagelist td.flags span.flag:last-child,
.task-mail #messagelist td.flags span.attachment:last-child {
  margin-right: 0 !important;
}
.task-mail table.listing td.subject .flagged,
.task-mail table.listing td.subject span.flagged,
.task-mail table.listing td.subject .attachment,
.task-mail table.listing td.subject span.attachment,
.task-mail .messagelist td.subject .flagged,
.task-mail .messagelist td.subject span.flagged,
.task-mail .messagelist td.subject .attachment,
.task-mail .messagelist td.subject span.attachment,
.task-mail #messagelist td.subject .flagged,
.task-mail #messagelist td.subject span.flagged,
.task-mail #messagelist td.subject .attachment,
.task-mail #messagelist td.subject span.attachment {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}
.task-mail .messagelist td.subject span {
  line-height: 1em !important;
}
.task-mail table.listing td.flags .flagged,
.task-mail table.listing td.flags span.flagged,
.task-mail .messagelist td.flags .flagged,
.task-mail .messagelist td.flags span.flagged {
  display: flex !important;
  /* Use flex for perfect centering */
  align-items: center !important;
  justify-content: center !important;
  width: 35px !important;
  height: 35px !important;
  min-width: 35px !important;
  max-width: 35px !important;
  min-height: 35px !important;
  max-height: 35px !important;
  border-radius: 50% !important;
  background: var(--bg-color) !important;
  box-shadow: 5px 5px 10px var(--shadow-dark), -5px -5px 10px var(--shadow-light) !important;
  transition: all 0.3s ease !important;
  margin: 0 !important;
  padding: 0 !important;
  cursor: pointer !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  flex-shrink: 0 !important;
  flex-grow: 0 !important;
  vertical-align: middle !important;
  /* Ensure vertical alignment in inline-block parent */
}
.task-mail table.listing td.flags .flagged::before,
.task-mail table.listing td.flags span.flagged::before,
.task-mail .messagelist td.flags .flagged::before,
.task-mail .messagelist td.flags span.flagged::before {
  content: '\f024' !important;
  font-family: 'Icons' !important;
  font-weight: 900 !important;
  font-size: 14px !important;
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin-left: 5px !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-style: normal !important;
  text-rendering: auto !important;
  line-height: 1 !important;
}
.task-mail table.listing td.flags .flagged:hover,
.task-mail table.listing td.flags span.flagged:hover,
.task-mail .messagelist td.flags .flagged:hover,
.task-mail .messagelist td.flags span.flagged:hover,
.task-mail table.listing td.flags .flagged.active,
.task-mail table.listing td.flags span.flagged.active,
.task-mail .messagelist td.flags .flagged.active,
.task-mail .messagelist td.flags span.flagged.active {
  box-shadow: inset 3px 3px 7px var(--shadow-dark), inset -3px -3px 7px var(--shadow-light) !important;
}
.task-mail table.listing td.flags .flagged:hover::before,
.task-mail table.listing td.flags span.flagged:hover::before,
.task-mail .messagelist td.flags .flagged:hover::before,
.task-mail .messagelist td.flags span.flagged:hover::before,
.task-mail table.listing td.flags .flagged.active::before,
.task-mail table.listing td.flags span.flagged.active::before,
.task-mail .messagelist td.flags .flagged.active::before,
.task-mail .messagelist td.flags span.flagged.active::before {
  color: var(--danger-color) !important;
}
.task-mail table.listing td.flags span.unflagged,
.task-mail .messagelist td.flags span.unflagged,
.task-mail #messagelist td.flags span.unflagged {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 35px !important;
  height: 35px !important;
  min-width: 35px !important;
  max-width: 35px !important;
  min-height: 35px !important;
  max-height: 35px !important;
  border-radius: 50% !important;
  background: var(--bg-color) !important;
  box-shadow: 5px 5px 10px var(--shadow-dark), -5px -5px 10px var(--shadow-light) !important;
  transition: all 0.3s ease !important;
  margin: 0 !important;
  padding: 0 !important;
  cursor: pointer !important;
  visibility: hidden !important;
  opacity: 0 !important;
  position: relative !important;
  flex-shrink: 0 !important;
  flex-grow: 0 !important;
  vertical-align: middle !important;
}
.task-mail table.listing td.flags span.unflagged::before,
.task-mail .messagelist td.flags span.unflagged::before,
.task-mail #messagelist td.flags span.unflagged::before {
  content: '\f024' !important;
  font-family: 'Icons' !important;
  font-weight: 400 !important;
  color: var(--text-light) !important;
  font-size: 14px !important;
  display: inline-block !important;
  visibility: visible !important;
  opacity: 0.6 !important;
  margin-left: 5px !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-style: normal !important;
  text-rendering: auto !important;
  line-height: 1 !important;
}
.task-mail table.listing td.flags span.unflagged:hover,
.task-mail .messagelist td.flags span.unflagged:hover,
.task-mail #messagelist td.flags span.unflagged:hover {
  box-shadow: inset 3px 3px 7px var(--shadow-dark), inset -3px -3px 7px var(--shadow-light) !important;
}
.task-mail table.listing td.flags span.unflagged:hover::before,
.task-mail .messagelist td.flags span.unflagged:hover::before,
.task-mail #messagelist td.flags span.unflagged:hover::before {
  opacity: 0.9 !important;
  color: var(--text-main) !important;
}
.task-mail table.listing tr.message:hover td.flags span.unflagged,
.task-mail #messagelist tr.message:hover td.flags span.unflagged {
  visibility: visible !important;
  opacity: 1 !important;
}
.task-mail table.listing td.flags .attachment:empty,
.task-mail table.listing td.flags span.attachment:empty,
.task-mail .messagelist td.flags .attachment:empty,
.task-mail .messagelist td.flags span.attachment:empty {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.task-mail table.listing td.flags .attachment:not(:has(span.attachment)),
.task-mail table.listing td.flags span.attachment:not(:has(span.attachment)),
.task-mail .messagelist td.flags .attachment:not(:has(span.attachment)),
.task-mail .messagelist td.flags span.attachment:not(:has(span.attachment)) {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.task-mail table.listing td.flags .attachment:has(span.attachment),
.task-mail table.listing td.flags span.attachment:has(span.attachment),
.task-mail .messagelist td.flags .attachment:has(span.attachment),
.task-mail .messagelist td.flags span.attachment:has(span.attachment),
.task-mail .messagelist .attachment {
  display: flex !important;
  /* Use flex for perfect centering */
  align-items: center !important;
  justify-content: center !important;
  width: 35px !important;
  height: 35px !important;
  min-width: 35px !important;
  max-width: 35px !important;
  min-height: 35px !important;
  max-height: 35px !important;
  border-radius: 50% !important;
  background: var(--bg-color) !important;
  box-shadow: 5px 5px 10px var(--shadow-dark), -5px -5px 10px var(--shadow-light) !important;
  transition: all 0.3s ease !important;
  margin: 0 !important;
  padding: 0 !important;
  cursor: pointer !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  flex-shrink: 0 !important;
  flex-grow: 0 !important;
  vertical-align: middle !important;
  /* Ensure vertical alignment in inline-block parent */
}
.task-mail table.listing td.flags .attachment:has(span.attachment)::before,
.task-mail table.listing td.flags span.attachment:has(span.attachment)::before,
.task-mail .messagelist td.flags .attachment:has(span.attachment)::before,
.task-mail .messagelist td.flags span.attachment:has(span.attachment)::before,
.task-mail .messagelist .attachment::before {
  content: '\f0c6' !important;
  font-family: 'Icons' !important;
  font-weight: 900 !important;
  color: var(--text-main) !important;
  font-size: 14px !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-style: normal !important;
  text-rendering: auto !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
  line-height: 1 !important;
  width: auto !important;
  height: auto !important;
}
@supports not selector(:has(*)) {
  .task-mail table.listing td.flags .attachment:not(:empty),
  .task-mail table.listing td.flags span.attachment:not(:empty),
  .task-mail .messagelist td.flags .attachment:not(:empty),
  .task-mail .messagelist td.flags span.attachment:not(:empty) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 35px !important;
    height: 35px !important;
    min-width: 35px !important;
    min-height: 35px !important;
    border-radius: 50% !important;
    background: var(--bg-color) !important;
    box-shadow: 5px 5px 10px var(--shadow-dark), -5px -5px 10px var(--shadow-light) !important;
    transition: all 0.3s ease !important;
    margin: 0 !important;
    cursor: pointer !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    flex-shrink: 0 !important;
  }
}
/* STATUS DOT - Global styling - Scoped to task-mail only */
/* PULSATING DOT STYLING - BASE (READ/STATIC) */
.task-mail .msgicon.status {
  flex-shrink: 0 !important;
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
  background-color: var(--read-color) !important;
  /* Static Dark Grey */
  animation: none !important;
  /* No pulse by default */
  margin-right: 15px !important;
  content: none !important;
  transition: background-color 0.3s ease !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  /* Unread + Flagged combination - pulse with orange-red */
}
.task-mail .msgicon.status::before {
  content: none !important;
}
.task-mail .msgicon.status.unread {
  background-color: var(--unread-color) !important;
  animation: pulse-green 1.2s infinite !important;
  /* Faster, more prominent pulse */
}
.task-mail .msgicon.status.flagged-status {
  background-color: var(--danger-color) !important;
  animation: none !important;
  /* No pulse for flagged alone - only unread pulses */
}
.task-mail .msgicon.status.unread.flagged-status,
.task-mail .msgicon.status.flagged-status.unread {
  background-color: #f97316 !important;
  /* Orange-red for urgent unread */
  animation: pulse-green 1.2s infinite !important;
  /* Faster pulse for urgent */
}
/* Keyframe animations for pulsating status dots - Enhanced prominent pulse */
@keyframes pulse-green {
  0%,
  100% {
    opacity: 1;
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(56, 161, 105, 0.8), 0 0 0 0 rgba(56, 161, 105, 0.4);
  }
  50% {
    opacity: 1;
    transform: scale(1.3);
    box-shadow: 0 0 0 6px rgba(56, 161, 105, 0), 0 0 0 12px rgba(56, 161, 105, 0);
  }
}
@keyframes pulse-red {
  0%,
  100% {
    opacity: 1;
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(229, 62, 62, 0.7);
  }
  50% {
    opacity: 0.8;
    transform: scale(1.1);
    box-shadow: 0 0 0 4px rgba(229, 62, 62, 0);
  }
}
/* Button hover animations */
@keyframes pulse-blue-btn {
  0%,
  100% {
    opacity: 1;
    transform: translateY(-2px) scale(1.15) rotate(5deg);
  }
  50% {
    opacity: 0.85;
    transform: translateY(-3px) scale(1.2) rotate(5deg);
  }
}
@keyframes pulse-green-btn {
  0%,
  100% {
    opacity: 1;
    transform: translateY(-2px) scale(1.15) rotate(-5deg);
  }
  50% {
    opacity: 0.85;
    transform: translateY(-3px) scale(1.2) rotate(-5deg);
  }
}
/* Pulse animation for unread count badge - Sharp green pulse */
@keyframes pulse-unread-badge {
  0%,
  100% {
    box-shadow: 4px 4px 8px var(--shadow-dark), -4px -4px 8px var(--shadow-light), 0 0 0 0 rgba(46, 213, 115, 0.7) !important;
    transform: scale(1);
  }
  50% {
    box-shadow: 4px 4px 8px var(--shadow-dark), -4px -4px 8px var(--shadow-light), 0 0 0 8px rgba(46, 213, 115, 0) !important;
    transform: scale(1.05);
  }
}
@keyframes rotate-settings {
  0% {
    transform: translate(-50%, -50%) scale(1.15) rotate(90deg);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.2) rotate(95deg);
  }
  100% {
    transform: translate(-50%, -50%) scale(1.15) rotate(90deg);
  }
}
/* MOBILE */
@media (max-width: 768px) {
  .task-mail .date,
  .task-mail .size {
    display: none !important;
  }
  .task-mail .subject-flex-wrapper {
    display: block !important;
  }
  .task-mail span.subject {
    display: block !important;
    margin-top: 5px !important;
  }
}
/* --------------------------------------------
       Messagelist Header Toolbar Menu - Start
   --------------------------------------------*/
.task-mail #messagelist-header {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 24px !important;
  background: var(--bg-color) !important;
  min-height: 70px !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  border-left: 1px solid #d4dbde !important;
  /* Hide unwanted buttons */
  /* Header title styling */
  /* Menu/Toolbar buttons - circular neumorphic (icon only) */
  /* Specific icon content for buttons */
  /* Refresh button - push to the right */
  /* Toolbar menu list - positioned on the left */
  /* Toolbar list button (three dots menu) */
  /* Hide scrollbar for header */
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}
.task-mail #messagelist-header .task-menu-button,
.task-mail #messagelist-header .back-sidebar-button,
.task-mail #messagelist-header .toolbar-menu-button,
.task-mail #messagelist-header .toolbar-list-button,
.task-mail #messagelist-header .mark.read {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.task-mail #messagelist-header .header-title {
  color: var(--text-main) !important;
  font-weight: 700 !important;
  font-size: 1.25rem !important;
  margin: 0 24px 0 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap !important;
  order: 1 !important;
}
.task-mail #messagelist-header .button.icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background: var(--bg-color) !important;
  box-shadow: 6px 6px 12px var(--shadow-dark), -6px -6px 12px var(--shadow-light) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  cursor: pointer !important;
  border: none !important;
  margin: 0 !important;
  text-decoration: none !important;
  position: relative !important;
  flex-shrink: 0 !important;
}
.task-mail #messagelist-header .button.icon .inner {
  display: none !important;
  /* Hide text for circular buttons */
}
.task-mail #messagelist-header .button.icon::before {
  font-family: 'Icons' !important;
  font-style: normal !important;
  font-weight: 900 !important;
  font-size: 17px !important;
  color: var(--text-main) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  line-height: 1 !important;
  text-align: center !important;
  margin: 0 !important;
  padding: 0 !important;
}
.task-mail #messagelist-header .button.icon:hover:not(.disabled) {
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  transform: scale(0.98) !important;
}
.task-mail #messagelist-header .button.icon:active:not(.disabled) {
  box-shadow: inset 5px 5px 10px var(--shadow-dark), inset -5px -5px 10px var(--shadow-light) !important;
  transform: scale(0.96) !important;
}
.task-mail #messagelist-header .button.icon.disabled {
  opacity: 0.4 !important;
  cursor: not-allowed !important;
}
.task-mail #messagelist-header .button.icon.active {
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
}
.task-mail #messagelist-header .task-menu-button::before {
  content: "\f0c9" !important;
}
.task-mail #messagelist-header .back-sidebar-button::before {
  content: "\f07b" !important;
}
.task-mail #messagelist-header .refresh::before,
.task-mail #messagelist-header .toolbar-button.refresh::before {
  content: "\f2f1" !important;
}
.task-mail #messagelist-header .refresh,
.task-mail #messagelist-header .toolbar-button.refresh {
  margin-left: auto !important;
  order: 999 !important;
}
.task-mail #messagelist-header .toolbar-menu-button::before {
  content: "\f142" !important;
}
.task-mail #messagelist-header .menu.toolbar {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  list-style: none !important;
  margin: 0 0 0 -8px !important;
  /* Move buttons more to the left */
  padding: 0 !important;
  flex: 0 1 auto !important;
  flex-shrink: 0 !important;
  order: 2 !important;
  /* Ensure list items containing delete button have no background/shadow */
  /* Selection count - circular badge with border and dot */
  /* Show when it has text content, hide when empty */
  /* Show selection count when it has any text content */
  /* Additional fallback - show if parent li doesn't have empty class */
  /* Menu items - rounded rectangular buttons with icons and text */
  /* Exclude delete button from this rule - it has its own circular styling */
  /* Delete button - red hover effect (applied to circular button) */
  /* Options button - neon blue hover effect */
  /* Circular buttons in toolbar (Delete) - icon only, no text */
  /* Specific button icons */
  /* Mark as read/unread button (circular, inside dropbutton) */
  /* Mark dropdown (text-only, no icon) */
  /* Dropdown arrow - only for dropdown buttons, not circular buttons */
  /* Dropbutton container - show but hide the mark.read button inside */
  /* Standalone Mark dropdown button (selection-markmenulink) */
  /* Mark dropdown button - show when not disabled */
  /* Hide Mark dropdown when disabled */
  /* Text-only dropdown items (Mark, Threads) - no icon, just text and chevron */
}
.task-mail #messagelist-header .menu.toolbar > li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: flex !important;
  align-items: center !important;
  position: relative !important;
  flex-shrink: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.task-mail #messagelist-header .menu.toolbar > li:has(> a.delete) {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.task-mail #messagelist-header .menu.toolbar #selection-count,
.task-mail #messagelist-header .menu.toolbar .selection-count {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}
.task-mail #messagelist-header .menu.toolbar #selection-count:not(:empty),
.task-mail #messagelist-header .menu.toolbar .selection-count:not(:empty),
.task-mail #messagelist-header .menu.toolbar #selection-count[textContent]:not([textContent=""]),
.task-mail #messagelist-header .menu.toolbar .selection-count[textContent]:not([textContent=""]) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 26px !important;
  height: 26px !important;
  min-height: 26px !important;
  padding: 0 10px !important;
  border-radius: 13px !important;
  background: var(--bg-color) !important;
  border: 2px solid var(--text-light) !important;
  color: var(--text-main) !important;
  font-weight: 700 !important;
  font-size: 0.75rem !important;
  box-shadow: inset 3px 3px 6px var(--shadow-dark), inset -3px -3px 6px var(--shadow-light) !important;
  margin: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
  flex-shrink: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
  white-space: nowrap !important;
  overflow: visible !important;
  position: relative !important;
  text-indent: 0 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  /* Ensure all text content is visible */
  /* Hide any pseudo-elements when showing count */
}
.task-mail #messagelist-header .menu.toolbar #selection-count:not(:empty),
.task-mail #messagelist-header .menu.toolbar .selection-count:not(:empty),
.task-mail #messagelist-header .menu.toolbar #selection-count[textContent]:not([textContent=""]),
.task-mail #messagelist-header .menu.toolbar .selection-count[textContent]:not([textContent=""]),
.task-mail #messagelist-header .menu.toolbar #selection-count:not(:empty) *,
.task-mail #messagelist-header .menu.toolbar .selection-count:not(:empty) *,
.task-mail #messagelist-header .menu.toolbar #selection-count[textContent]:not([textContent=""]) *,
.task-mail #messagelist-header .menu.toolbar .selection-count[textContent]:not([textContent=""]) * {
  color: var(--text-main) !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  visibility: visible !important;
  opacity: 1 !important;
  display: inline !important;
}
.task-mail #messagelist-header .menu.toolbar #selection-count:not(:empty)::before,
.task-mail #messagelist-header .menu.toolbar .selection-count:not(:empty)::before,
.task-mail #messagelist-header .menu.toolbar #selection-count[textContent]:not([textContent=""])::before,
.task-mail #messagelist-header .menu.toolbar .selection-count[textContent]:not([textContent=""])::before,
.task-mail #messagelist-header .menu.toolbar #selection-count:not(:empty)::after,
.task-mail #messagelist-header .menu.toolbar .selection-count:not(:empty)::after,
.task-mail #messagelist-header .menu.toolbar #selection-count[textContent]:not([textContent=""])::after,
.task-mail #messagelist-header .menu.toolbar .selection-count[textContent]:not([textContent=""])::after {
  display: none !important;
}
.task-mail #messagelist-header .menu.toolbar > li:not(:has(.selection-count:empty)) #selection-count,
.task-mail #messagelist-header .menu.toolbar > li:not(:has(.selection-count:empty)) .selection-count {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.task-mail #messagelist-header .menu.toolbar > li > a:not(.delete),
.task-mail #messagelist-header .menu.toolbar > li > span > a:not(.delete) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  /* Center content horizontally */
  gap: 10px !important;
  /* Increased gap for better spacing */
  padding: 10px 28px !important;
  /* Increased horizontal padding significantly for more width */
  background: var(--bg-color) !important;
  border-radius: 14px !important;
  /* Reduced from 22px to 14px */
  box-shadow: 6px 6px 12px var(--shadow-dark), -6px -6px 12px var(--shadow-light) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  text-decoration: none !important;
  color: var(--text-main) !important;
  font-weight: 600 !important;
  font-size: 0.9rem !important;
  cursor: pointer !important;
  border: none !important;
  white-space: nowrap !important;
  min-height: 38px !important;
  /* Reduced from 44px to 38px */
  height: 38px !important;
  /* Fixed height for consistency */
  flex-shrink: 0 !important;
}
.task-mail #messagelist-header .menu.toolbar > li > a:not(.delete) .inner,
.task-mail #messagelist-header .menu.toolbar > li > span > a:not(.delete) .inner {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  /* Center inner content */
  gap: 10px !important;
  /* Match parent gap */
  color: var(--text-main) !important;
}
.task-mail #messagelist-header .menu.toolbar > li > a:not(.delete)::before,
.task-mail #messagelist-header .menu.toolbar > li > span > a:not(.delete)::before {
  font-family: 'Icons' !important;
  font-style: normal !important;
  font-weight: 900 !important;
  font-size: 14px !important;
  color: var(--text-main) !important;
  display: inline-block !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  flex-shrink: 0 !important;
  line-height: 1.8em !important;
}
.task-mail #messagelist-header .menu.toolbar > li > a:not(.delete):hover:not(.disabled),
.task-mail #messagelist-header .menu.toolbar > li > span > a:not(.delete):hover:not(.disabled) {
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  transform: translateY(-1px) !important;
}
.task-mail #messagelist-header .menu.toolbar > li > a:not(.delete):active:not(.disabled),
.task-mail #messagelist-header .menu.toolbar > li > span > a:not(.delete):active:not(.disabled) {
  box-shadow: inset 5px 5px 10px var(--shadow-dark), inset -5px -5px 10px var(--shadow-light) !important;
  transform: translateY(0) !important;
}
.task-mail #messagelist-header .menu.toolbar > li > a:not(.delete).disabled,
.task-mail #messagelist-header .menu.toolbar > li > span > a:not(.delete).disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
  background: var(--bg-color) !important;
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  transform: none !important;
  color: var(--text-light) !important;
}
.task-mail #messagelist-header .menu.toolbar > li > a:not(.delete).disabled::before,
.task-mail #messagelist-header .menu.toolbar > li > span > a:not(.delete).disabled::before {
  opacity: 0.5 !important;
  color: var(--text-light) !important;
}
.task-mail #messagelist-header .menu.toolbar > li > a:not(.delete).disabled .inner,
.task-mail #messagelist-header .menu.toolbar > li > span > a:not(.delete).disabled .inner {
  color: var(--text-light) !important;
  opacity: 0.5 !important;
}
.task-mail #messagelist-header .menu.toolbar > li > a:not(.delete).active,
.task-mail #messagelist-header .menu.toolbar > li > span > a:not(.delete).active {
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  transform: translateY(0) !important;
}
.task-mail #messagelist-header .menu.toolbar > li > a.delete:not(.disabled):hover::before {
  color: #e53e3e !important;
  /* Red color for delete icon */
}
.task-mail #messagelist-header .menu.toolbar > li > a.options:not(.disabled):hover::before {
  color: #00f2fe !important;
  /* Neon blue for options icon */
}
.task-mail #messagelist-header .menu.toolbar > li > a.options:not(.disabled):hover .inner {
  color: #00f2fe !important;
  /* Neon blue for options text */
}
.task-mail #messagelist-header .menu.toolbar > li > a.delete {
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  position: relative !important;
  flex-shrink: 0 !important;
  margin-right: 0 !important;
  /* Override any inherited rectangular button styles */
  background: var(--bg-color) !important;
  box-shadow: 6px 6px 12px var(--shadow-dark), -6px -6px 12px var(--shadow-light) !important;
  min-height: 42px !important;
  gap: 0 !important;
  /* Remove any background or shadow from pseudo-elements */
  /* Show Delete button when not disabled */
  /* Hide Delete button when disabled */
  /* Hover state - only inset shadow, no background change */
  /* Active state */
}
.task-mail #messagelist-header .menu.toolbar > li > a.delete .inner {
  display: none !important;
  /* Hide text for circular buttons */
}
.task-mail #messagelist-header .menu.toolbar > li > a.delete::before {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
.task-mail #messagelist-header .menu.toolbar > li > a.delete::after {
  display: none !important;
  background: none !important;
  box-shadow: none !important;
}
.task-mail #messagelist-header .menu.toolbar > li > a.delete:not(.disabled) {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.task-mail #messagelist-header .menu.toolbar > li > a.delete.disabled {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.task-mail #messagelist-header .menu.toolbar > li > a.delete:hover:not(.disabled) {
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  transform: scale(0.98) !important;
  background: var(--bg-color) !important;
}
.task-mail #messagelist-header .menu.toolbar > li > a.delete:active:not(.disabled) {
  box-shadow: inset 5px 5px 10px var(--shadow-dark), inset -5px -5px 10px var(--shadow-light) !important;
  transform: scale(0.96) !important;
  background: var(--bg-color) !important;
}
.task-mail #messagelist-header .menu.toolbar .delete::before {
  content: "\f2ed" !important;
}
.task-mail #messagelist-header .menu.toolbar .mark.read::before {
  content: "\f2b6" !important;
}
.task-mail #messagelist-header .menu.toolbar .mark.unread::before {
  content: "\f0e0" !important;
}
.task-mail #messagelist-header .menu.toolbar .dropbutton .dropdown::before {
  display: none !important;
  /* No icon for Mark dropdown text */
}
.task-mail #messagelist-header .menu.toolbar .select::before {
  content: "\f14a" !important;
}
.task-mail #messagelist-header .menu.toolbar .threads::before {
  display: none !important;
  /* Threads is text-only with dropdown */
}
.task-mail #messagelist-header .menu.toolbar .options::before {
  content: "\f013" !important;
}
.task-mail #messagelist-header .menu.toolbar .dropdown::after,
.task-mail #messagelist-header .menu.toolbar .dropbutton .dropdown::after {
  content: "\f078" !important;
  /* chevron-down */
  font-family: 'Icons' !important;
  font-style: normal !important;
  font-weight: 900 !important;
  font-size: 11px !important;
  color: var(--text-main) !important;
  margin-left: 8px !important;
  display: inline-block !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  opacity: 0.7 !important;
  transition: transform 0.2s ease !important;
}
.task-mail #messagelist-header .menu.toolbar .dropdown:hover::after {
  opacity: 1 !important;
}
.task-mail #messagelist-header .menu.toolbar .dropbutton {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  position: relative !important;
  flex-shrink: 0 !important;
  /* Hide dropbutton when disabled */
  /* Show dropbutton when not disabled */
}
.task-mail #messagelist-header .menu.toolbar .dropbutton > a.mark.read {
  display: none !important;
  /* Hide the mark.read button */
}
.task-mail #messagelist-header .menu.toolbar .dropbutton.disabled {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.task-mail #messagelist-header .menu.toolbar .dropbutton:not(.disabled) {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.task-mail #messagelist-header .menu.toolbar > li > a.dropdown#selection-markmenulink,
.task-mail #messagelist-header .menu.toolbar > li > a.dropdown[data-popup="selection-markmessage-menu"],
.task-mail #messagelist-header .menu.toolbar .dropbutton > a.dropdown#selection-markmenulink,
.task-mail #messagelist-header .menu.toolbar .dropbutton > a.dropdown[data-popup="selection-markmessage-menu"] {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 11px 18px !important;
  background: var(--bg-color) !important;
  border-radius: 22px !important;
  box-shadow: 6px 6px 12px var(--shadow-dark), -6px -6px 12px var(--shadow-light) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  text-decoration: none !important;
  color: var(--text-main) !important;
  font-weight: 600 !important;
  font-size: 0.9rem !important;
  cursor: pointer !important;
  border: none !important;
  white-space: nowrap !important;
  min-height: 44px !important;
  flex-shrink: 0 !important;
}
.task-mail #messagelist-header .menu.toolbar > li > a.dropdown#selection-markmenulink .inner,
.task-mail #messagelist-header .menu.toolbar > li > a.dropdown[data-popup="selection-markmessage-menu"] .inner,
.task-mail #messagelist-header .menu.toolbar .dropbutton > a.dropdown#selection-markmenulink .inner,
.task-mail #messagelist-header .menu.toolbar .dropbutton > a.dropdown[data-popup="selection-markmessage-menu"] .inner {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: var(--text-main) !important;
}
.task-mail #messagelist-header .menu.toolbar > li > a.dropdown#selection-markmenulink::before,
.task-mail #messagelist-header .menu.toolbar > li > a.dropdown[data-popup="selection-markmessage-menu"]::before,
.task-mail #messagelist-header .menu.toolbar .dropbutton > a.dropdown#selection-markmenulink::before,
.task-mail #messagelist-header .menu.toolbar .dropbutton > a.dropdown[data-popup="selection-markmessage-menu"]::before {
  display: none !important;
  /* No icon for Mark dropdown */
}
.task-mail #messagelist-header .menu.toolbar > li > a.dropdown#selection-markmenulink::after,
.task-mail #messagelist-header .menu.toolbar > li > a.dropdown[data-popup="selection-markmessage-menu"]::after,
.task-mail #messagelist-header .menu.toolbar .dropbutton > a.dropdown#selection-markmenulink::after,
.task-mail #messagelist-header .menu.toolbar .dropbutton > a.dropdown[data-popup="selection-markmessage-menu"]::after {
  content: "\f078" !important;
  /* chevron-down */
  font-family: 'Icons' !important;
  font-style: normal !important;
  font-weight: 900 !important;
  font-size: 11px !important;
  color: var(--text-main) !important;
  margin-left: 8px !important;
  display: inline-block !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  opacity: 0.7 !important;
  transition: transform 0.2s ease !important;
}
.task-mail #messagelist-header .menu.toolbar > li > a.dropdown#selection-markmenulink:hover:not(.disabled),
.task-mail #messagelist-header .menu.toolbar > li > a.dropdown[data-popup="selection-markmessage-menu"]:hover:not(.disabled),
.task-mail #messagelist-header .menu.toolbar .dropbutton > a.dropdown#selection-markmenulink:hover:not(.disabled),
.task-mail #messagelist-header .menu.toolbar .dropbutton > a.dropdown[data-popup="selection-markmessage-menu"]:hover:not(.disabled) {
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  transform: translateY(-1px) !important;
}
.task-mail #messagelist-header .menu.toolbar > li > a.dropdown#selection-markmenulink:hover:not(.disabled)::after,
.task-mail #messagelist-header .menu.toolbar > li > a.dropdown[data-popup="selection-markmessage-menu"]:hover:not(.disabled)::after,
.task-mail #messagelist-header .menu.toolbar .dropbutton > a.dropdown#selection-markmenulink:hover:not(.disabled)::after,
.task-mail #messagelist-header .menu.toolbar .dropbutton > a.dropdown[data-popup="selection-markmessage-menu"]:hover:not(.disabled)::after {
  opacity: 1 !important;
}
.task-mail #messagelist-header .menu.toolbar > li > a.dropdown#selection-markmenulink:active:not(.disabled),
.task-mail #messagelist-header .menu.toolbar > li > a.dropdown[data-popup="selection-markmessage-menu"]:active:not(.disabled),
.task-mail #messagelist-header .menu.toolbar .dropbutton > a.dropdown#selection-markmenulink:active:not(.disabled),
.task-mail #messagelist-header .menu.toolbar .dropbutton > a.dropdown[data-popup="selection-markmessage-menu"]:active:not(.disabled) {
  box-shadow: inset 5px 5px 10px var(--shadow-dark), inset -5px -5px 10px var(--shadow-light) !important;
  transform: translateY(0) !important;
}
.task-mail #messagelist-header .menu.toolbar > li > a.dropdown#selection-markmenulink.active,
.task-mail #messagelist-header .menu.toolbar > li > a.dropdown[data-popup="selection-markmessage-menu"].active,
.task-mail #messagelist-header .menu.toolbar .dropbutton > a.dropdown#selection-markmenulink.active,
.task-mail #messagelist-header .menu.toolbar .dropbutton > a.dropdown[data-popup="selection-markmessage-menu"].active {
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  transform: translateY(0) !important;
}
.task-mail #messagelist-header .menu.toolbar > li > a.dropdown#selection-markmenulink.disabled,
.task-mail #messagelist-header .menu.toolbar > li > a.dropdown[data-popup="selection-markmessage-menu"].disabled,
.task-mail #messagelist-header .menu.toolbar .dropbutton > a.dropdown#selection-markmenulink.disabled,
.task-mail #messagelist-header .menu.toolbar .dropbutton > a.dropdown[data-popup="selection-markmessage-menu"].disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
  background: var(--bg-color) !important;
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  transform: none !important;
  color: var(--text-light) !important;
}
.task-mail #messagelist-header .menu.toolbar > li > a.dropdown#selection-markmenulink.disabled::before,
.task-mail #messagelist-header .menu.toolbar > li > a.dropdown[data-popup="selection-markmessage-menu"].disabled::before,
.task-mail #messagelist-header .menu.toolbar .dropbutton > a.dropdown#selection-markmenulink.disabled::before,
.task-mail #messagelist-header .menu.toolbar .dropbutton > a.dropdown[data-popup="selection-markmessage-menu"].disabled::before {
  opacity: 0.5 !important;
  color: var(--text-light) !important;
}
.task-mail #messagelist-header .menu.toolbar > li > a.dropdown#selection-markmenulink.disabled .inner,
.task-mail #messagelist-header .menu.toolbar > li > a.dropdown[data-popup="selection-markmessage-menu"].disabled .inner,
.task-mail #messagelist-header .menu.toolbar .dropbutton > a.dropdown#selection-markmenulink.disabled .inner,
.task-mail #messagelist-header .menu.toolbar .dropbutton > a.dropdown[data-popup="selection-markmessage-menu"].disabled .inner {
  color: var(--text-light) !important;
  opacity: 0.5 !important;
}
.task-mail #messagelist-header .menu.toolbar > li > a.dropdown#selection-markmenulink:not(.disabled),
.task-mail #messagelist-header .menu.toolbar > li > a.dropdown[data-popup="selection-markmessage-menu"]:not(.disabled),
.task-mail #messagelist-header .menu.toolbar .dropbutton > a.dropdown#selection-markmenulink:not(.disabled),
.task-mail #messagelist-header .menu.toolbar .dropbutton > a.dropdown[data-popup="selection-markmessage-menu"]:not(.disabled) {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.task-mail #messagelist-header .menu.toolbar > li > a.dropdown#selection-markmenulink.disabled,
.task-mail #messagelist-header .menu.toolbar > li > a.dropdown[data-popup="selection-markmessage-menu"].disabled,
.task-mail #messagelist-header .menu.toolbar .dropbutton > a.dropdown#selection-markmenulink.disabled,
.task-mail #messagelist-header .menu.toolbar .dropbutton > a.dropdown[data-popup="selection-markmessage-menu"].disabled {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}
.task-mail #messagelist-header .menu.toolbar > li > a.dropdown:not(.mark):not(.select):not(.options):not(.threads)::before {
  display: none !important;
  /* Hide icon for text-only dropdowns */
}
.task-mail #messagelist-header .toolbar-list-button::before {
  content: "\f141" !important;
}
.task-mail #messagelist-header::-webkit-scrollbar {
  display: none !important;
}
/* ===========================================================
   MARK DROPDOWN MENU - Professional Neumorphic Styling
   Scoped specifically to selection-markmessage-menu
   =========================================================== */
.task-mail .menu.listing[role="menu"][aria-labelledby*="selection-markmessage-menu"],
.task-mail .menu.listing[role="menu"][id*="selection-markmessage-menu"] {
  background: var(--bg-color) !important;
  border-radius: 16px !important;
  box-shadow: 8px 8px 20px var(--shadow-dark), -8px -8px 20px var(--shadow-light), inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
  padding: 6px !important;
  margin: 10px 0 0 0 !important;
  border: none !important;
  list-style: none !important;
  min-width: 180px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  overflow: hidden !important;
}
.task-mail .menu.listing[role="menu"][aria-labelledby*="selection-markmessage-menu"] > li,
.task-mail .menu.listing[role="menu"][id*="selection-markmessage-menu"] > li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: block !important;
  width: 100% !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}
.task-mail .menu.listing[role="menu"][aria-labelledby*="selection-markmessage-menu"] > li > a,
.task-mail .menu.listing[role="menu"][id*="selection-markmessage-menu"] > li > a {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 10px 16px !important;
  background: var(--bg-color) !important;
  border-radius: 10px !important;
  box-shadow: 2px 2px 4px var(--shadow-dark), -2px -2px 4px var(--shadow-light), inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  text-decoration: none !important;
  color: var(--text-main) !important;
  font-weight: 500 !important;
  font-size: 0.875rem !important;
  letter-spacing: 0.01em !important;
  cursor: pointer !important;
  border: none !important;
  white-space: nowrap !important;
  position: relative !important;
  margin: 0 !important;
  min-height: 38px !important;
  height: auto !important;
  line-height: 1.4 !important;
  /* Icon for "As read" */
  /* Icon for "As unread" */
  /* Icon for "As flagged" */
  /* Icon for "As unflagged" */
  /* Hover effect - subtle and professional */
  /* Active state - pressed in */
  /* Focus state - accessibility */
  /* Disabled state */
}
.task-mail .menu.listing[role="menu"][aria-labelledby*="selection-markmessage-menu"] > li > a::before,
.task-mail .menu.listing[role="menu"][id*="selection-markmessage-menu"] > li > a::before {
  font-family: 'Icons' !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  color: var(--text-main) !important;
  opacity: 0.7 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  flex-shrink: 0 !important;
  width: 18px !important;
  height: 18px !important;
  text-align: center !important;
  line-height: 1 !important;
  transition: all 0.2s ease !important;
}
.task-mail .menu.listing[role="menu"][aria-labelledby*="selection-markmessage-menu"] > li > a.read::before,
.task-mail .menu.listing[role="menu"][id*="selection-markmessage-menu"] > li > a.read::before {
  content: "\f2b6" !important;
  color: #38a169 !important;
  /* Green for read */
}
.task-mail .menu.listing[role="menu"][aria-labelledby*="selection-markmessage-menu"] > li > a.unread::before,
.task-mail .menu.listing[role="menu"][id*="selection-markmessage-menu"] > li > a.unread::before {
  content: "\f0e0" !important;
  color: #3182ce !important;
  /* Blue for unread */
}
.task-mail .menu.listing[role="menu"][aria-labelledby*="selection-markmessage-menu"] > li > a.flag::before,
.task-mail .menu.listing[role="menu"][id*="selection-markmessage-menu"] > li > a.flag::before {
  content: "\f024" !important;
  color: #fbbf24 !important;
  /* Yellow/amber for flagged */
}
.task-mail .menu.listing[role="menu"][aria-labelledby*="selection-markmessage-menu"] > li > a.unflag::before,
.task-mail .menu.listing[role="menu"][id*="selection-markmessage-menu"] > li > a.unflag::before {
  content: "\f024" !important;
  font-weight: 400 !important;
  /* Outline style for unflagged */
  color: var(--text-light) !important;
}
.task-mail .menu.listing[role="menu"][aria-labelledby*="selection-markmessage-menu"] > li > a:hover,
.task-mail .menu.listing[role="menu"][id*="selection-markmessage-menu"] > li > a:hover {
  box-shadow: inset 3px 3px 6px var(--shadow-dark), inset -3px -3px 6px var(--shadow-light) !important;
  transform: translateY(0) !important;
  background: var(--bg-color) !important;
  /* Color accent on hover based on action type */
}
.task-mail .menu.listing[role="menu"][aria-labelledby*="selection-markmessage-menu"] > li > a:hover::before,
.task-mail .menu.listing[role="menu"][id*="selection-markmessage-menu"] > li > a:hover::before {
  opacity: 1 !important;
  transform: scale(1.05) !important;
}
.task-mail .menu.listing[role="menu"][aria-labelledby*="selection-markmessage-menu"] > li > a:hover.read,
.task-mail .menu.listing[role="menu"][id*="selection-markmessage-menu"] > li > a:hover.read {
  color: #38a169 !important;
}
.task-mail .menu.listing[role="menu"][aria-labelledby*="selection-markmessage-menu"] > li > a:hover.read::before,
.task-mail .menu.listing[role="menu"][id*="selection-markmessage-menu"] > li > a:hover.read::before {
  color: #38a169 !important;
}
.task-mail .menu.listing[role="menu"][aria-labelledby*="selection-markmessage-menu"] > li > a:hover.unread,
.task-mail .menu.listing[role="menu"][id*="selection-markmessage-menu"] > li > a:hover.unread {
  color: #3182ce !important;
}
.task-mail .menu.listing[role="menu"][aria-labelledby*="selection-markmessage-menu"] > li > a:hover.unread::before,
.task-mail .menu.listing[role="menu"][id*="selection-markmessage-menu"] > li > a:hover.unread::before {
  color: #3182ce !important;
}
.task-mail .menu.listing[role="menu"][aria-labelledby*="selection-markmessage-menu"] > li > a:hover.flag,
.task-mail .menu.listing[role="menu"][id*="selection-markmessage-menu"] > li > a:hover.flag {
  color: #fbbf24 !important;
}
.task-mail .menu.listing[role="menu"][aria-labelledby*="selection-markmessage-menu"] > li > a:hover.flag::before,
.task-mail .menu.listing[role="menu"][id*="selection-markmessage-menu"] > li > a:hover.flag::before {
  color: #fbbf24 !important;
}
.task-mail .menu.listing[role="menu"][aria-labelledby*="selection-markmessage-menu"] > li > a:hover.unflag,
.task-mail .menu.listing[role="menu"][id*="selection-markmessage-menu"] > li > a:hover.unflag {
  color: var(--text-main) !important;
}
.task-mail .menu.listing[role="menu"][aria-labelledby*="selection-markmessage-menu"] > li > a:hover.unflag::before,
.task-mail .menu.listing[role="menu"][id*="selection-markmessage-menu"] > li > a:hover.unflag::before {
  color: var(--text-main) !important;
}
.task-mail .menu.listing[role="menu"][aria-labelledby*="selection-markmessage-menu"] > li > a:active,
.task-mail .menu.listing[role="menu"][id*="selection-markmessage-menu"] > li > a:active,
.task-mail .menu.listing[role="menu"][aria-labelledby*="selection-markmessage-menu"] > li > a.active,
.task-mail .menu.listing[role="menu"][id*="selection-markmessage-menu"] > li > a.active {
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  transform: translateY(1px) !important;
  background: var(--bg-color) !important;
}
.task-mail .menu.listing[role="menu"][aria-labelledby*="selection-markmessage-menu"] > li > a:active::before,
.task-mail .menu.listing[role="menu"][id*="selection-markmessage-menu"] > li > a:active::before,
.task-mail .menu.listing[role="menu"][aria-labelledby*="selection-markmessage-menu"] > li > a.active::before,
.task-mail .menu.listing[role="menu"][id*="selection-markmessage-menu"] > li > a.active::before {
  opacity: 0.9 !important;
  transform: scale(0.98) !important;
}
.task-mail .menu.listing[role="menu"][aria-labelledby*="selection-markmessage-menu"] > li > a:focus,
.task-mail .menu.listing[role="menu"][id*="selection-markmessage-menu"] > li > a:focus {
  outline: 2px solid var(--accent-color) !important;
  outline-offset: 2px !important;
  border-radius: 10px !important;
}
.task-mail .menu.listing[role="menu"][aria-labelledby*="selection-markmessage-menu"] > li > a[aria-disabled="true"],
.task-mail .menu.listing[role="menu"][id*="selection-markmessage-menu"] > li > a[aria-disabled="true"],
.task-mail .menu.listing[role="menu"][aria-labelledby*="selection-markmessage-menu"] > li > a.disabled,
.task-mail .menu.listing[role="menu"][id*="selection-markmessage-menu"] > li > a.disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
}
/* ===========================================================
   LIST SELECT MENU (#listselect-menu) - Professional Neumorphic Styling
   Scoped specifically to avoid conflicts with other menus
   =========================================================== */
.task-mail #listselect-menu {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}
.task-mail #listselect-menu .menu.listing[role="menu"][aria-labelledby*="listselect-menu"],
.task-mail #listselect-menu ul.menu.listing[role="menu"][aria-labelledby*="listselect-menu"] {
  background: var(--bg-color) !important;
  border-radius: 16px !important;
  box-shadow: 8px 8px 20px var(--shadow-dark), -8px -8px 20px var(--shadow-light), inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
  padding: 6px !important;
  margin: 0 !important;
  border: none !important;
  list-style: none !important;
  min-width: 200px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  overflow: hidden !important;
}
.task-mail #listselect-menu .menu.listing[role="menu"][aria-labelledby*="listselect-menu"] > li,
.task-mail #listselect-menu ul.menu.listing[role="menu"][aria-labelledby*="listselect-menu"] > li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: block !important;
  border-radius: 5px !important;
  overflow: hidden !important;
  width: 100% !important;
}
.task-mail #listselect-menu .menu.listing[role="menu"][aria-labelledby*="listselect-menu"] > li > a,
.task-mail #listselect-menu ul.menu.listing[role="menu"][aria-labelledby*="listselect-menu"] > li > a {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 10px 16px !important;
  background: var(--bg-color) !important;
  border-radius: 5px !important;
  box-shadow: 2px 2px 4px var(--shadow-dark), -2px -2px 4px var(--shadow-light), inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  text-decoration: none !important;
  color: var(--text-main) !important;
  font-weight: 500 !important;
  font-size: 0.875rem !important;
  letter-spacing: 0.01em !important;
  cursor: pointer !important;
  border: none !important;
  white-space: nowrap !important;
  position: relative !important;
  margin: 0 !important;
  min-height: 38px !important;
  height: auto !important;
  line-height: 1.4 !important;
  /* Icons for select menu items */
  /* Hover effect - subtle and professional */
  /* Active state - pressed in */
  /* Focus state - accessibility */
  /* Disabled state */
}
.task-mail #listselect-menu .menu.listing[role="menu"][aria-labelledby*="listselect-menu"] > li > a::before,
.task-mail #listselect-menu ul.menu.listing[role="menu"][aria-labelledby*="listselect-menu"] > li > a::before {
  font-family: 'Icons' !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  color: var(--text-main) !important;
  opacity: 0.7 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  flex-shrink: 0 !important;
  width: 18px !important;
  height: 18px !important;
  text-align: center !important;
  line-height: 1 !important;
  transition: all 0.2s ease !important;
}
.task-mail #listselect-menu .menu.listing[role="menu"][aria-labelledby*="listselect-menu"] > li > a.selection::before,
.task-mail #listselect-menu ul.menu.listing[role="menu"][aria-labelledby*="listselect-menu"] > li > a.selection::before {
  content: "\f14a" !important;
}
.task-mail #listselect-menu .menu.listing[role="menu"][aria-labelledby*="listselect-menu"] > li > a.select.all::before,
.task-mail #listselect-menu ul.menu.listing[role="menu"][aria-labelledby*="listselect-menu"] > li > a.select.all::before {
  content: "\f560" !important;
}
.task-mail #listselect-menu .menu.listing[role="menu"][aria-labelledby*="listselect-menu"] > li > a.select.page::before,
.task-mail #listselect-menu ul.menu.listing[role="menu"][aria-labelledby*="listselect-menu"] > li > a.select.page::before {
  content: "\f15c" !important;
}
.task-mail #listselect-menu .menu.listing[role="menu"][aria-labelledby*="listselect-menu"] > li > a.select.unread::before,
.task-mail #listselect-menu ul.menu.listing[role="menu"][aria-labelledby*="listselect-menu"] > li > a.select.unread::before {
  content: "\f0e0" !important;
}
.task-mail #listselect-menu .menu.listing[role="menu"][aria-labelledby*="listselect-menu"] > li > a.select.flagged::before,
.task-mail #listselect-menu ul.menu.listing[role="menu"][aria-labelledby*="listselect-menu"] > li > a.select.flagged::before {
  content: "\f024" !important;
}
.task-mail #listselect-menu .menu.listing[role="menu"][aria-labelledby*="listselect-menu"] > li > a.select.invert::before,
.task-mail #listselect-menu ul.menu.listing[role="menu"][aria-labelledby*="listselect-menu"] > li > a.select.invert::before {
  content: "\f362" !important;
}
.task-mail #listselect-menu .menu.listing[role="menu"][aria-labelledby*="listselect-menu"] > li > a.select.none::before,
.task-mail #listselect-menu ul.menu.listing[role="menu"][aria-labelledby*="listselect-menu"] > li > a.select.none::before {
  content: "\f057" !important;
}
.task-mail #listselect-menu .menu.listing[role="menu"][aria-labelledby*="listselect-menu"] > li > a:hover,
.task-mail #listselect-menu ul.menu.listing[role="menu"][aria-labelledby*="listselect-menu"] > li > a:hover {
  box-shadow: inset 3px 3px 6px var(--shadow-dark), inset -3px -3px 6px var(--shadow-light) !important;
  transform: translateY(0) !important;
  background: var(--bg-color) !important;
  color: var(--text-main) !important;
}
.task-mail #listselect-menu .menu.listing[role="menu"][aria-labelledby*="listselect-menu"] > li > a:hover::before,
.task-mail #listselect-menu ul.menu.listing[role="menu"][aria-labelledby*="listselect-menu"] > li > a:hover::before {
  opacity: 1 !important;
  transform: scale(1.05) !important;
}
.task-mail #listselect-menu .menu.listing[role="menu"][aria-labelledby*="listselect-menu"] > li > a:active,
.task-mail #listselect-menu ul.menu.listing[role="menu"][aria-labelledby*="listselect-menu"] > li > a:active,
.task-mail #listselect-menu .menu.listing[role="menu"][aria-labelledby*="listselect-menu"] > li > a.active,
.task-mail #listselect-menu ul.menu.listing[role="menu"][aria-labelledby*="listselect-menu"] > li > a.active {
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  transform: translateY(1px) !important;
  background: var(--bg-color) !important;
  color: var(--text-main) !important;
}
.task-mail #listselect-menu .menu.listing[role="menu"][aria-labelledby*="listselect-menu"] > li > a:active::before,
.task-mail #listselect-menu ul.menu.listing[role="menu"][aria-labelledby*="listselect-menu"] > li > a:active::before,
.task-mail #listselect-menu .menu.listing[role="menu"][aria-labelledby*="listselect-menu"] > li > a.active::before,
.task-mail #listselect-menu ul.menu.listing[role="menu"][aria-labelledby*="listselect-menu"] > li > a.active::before {
  opacity: 0.9 !important;
  transform: scale(0.98) !important;
}
.task-mail #listselect-menu .menu.listing[role="menu"][aria-labelledby*="listselect-menu"] > li > a:focus,
.task-mail #listselect-menu ul.menu.listing[role="menu"][aria-labelledby*="listselect-menu"] > li > a:focus {
  outline: 2px solid var(--accent-color) !important;
  outline-offset: 2px !important;
  border-radius: 5px !important;
}
.task-mail #listselect-menu .menu.listing[role="menu"][aria-labelledby*="listselect-menu"] > li > a[aria-disabled="true"],
.task-mail #listselect-menu ul.menu.listing[role="menu"][aria-labelledby*="listselect-menu"] > li > a[aria-disabled="true"],
.task-mail #listselect-menu .menu.listing[role="menu"][aria-labelledby*="listselect-menu"] > li > a.disabled,
.task-mail #listselect-menu ul.menu.listing[role="menu"][aria-labelledby*="listselect-menu"] > li > a.disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
}
/* ===========================================================
   AJMAIL SEARCHBAR - Neumorphic Search Bar Styling
   Matches the advanced neumorphic design from screenshots
   =========================================================== */
.task-mail .searchbar.menu {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px 20px !important;
  margin: 20px 20px 0 20px !important;
  background: var(--bg-color) !important;
  border-radius: 24px !important;
  box-shadow: 8px 8px 20px var(--shadow-dark), -8px -8px 20px var(--shadow-light), inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
  border: none !important;
  min-height: 60px !important;
  height: auto !important;
  position: relative !important;
  overflow: visible !important;
  /* Hide voice labels */
  /* Search Form Container */
  /* Search Input Field - Inset Neumorphic Effect */
  /* Buttons Container */
  /* Circular Buttons - Reset and Unread (Mail) */
  /* Reset Button - Orange/Amber Hover Color */
  /* Unread/Mail Button - Green Hover Color */
  /* Rectangular Buttons - Options (All Mail) and Search */
  /* Options Button (All Mail Dropdown) - Purple Hover Color */
  /* Search Button - Primary Action with Blue Icon - Cyan/Blue Hover */
  /* Disabled State */
  /* Active/Open State */
  /* ===========================================================
       RESPONSIVE DESIGN - Icon Only on Smaller Screens
       =========================================================== */
}
.task-mail .searchbar.menu h2.voice,
.task-mail .searchbar.menu label.voice {
  display: none !important;
  visibility: hidden !important;
}
.task-mail .searchbar.menu form {
  flex: 1 !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
  /* Search Icon - positioned inside input */
}
.task-mail .searchbar.menu form::before {
  content: "\f002" !important;
  font-family: 'Icons' !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  color: var(--text-main) !important;
  opacity: 0.6 !important;
  position: absolute !important;
  left: 18px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 2 !important;
  pointer-events: none !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
.task-mail .searchbar.menu #mailsearchform,
.task-mail .searchbar.menu input[name="_q"],
.task-mail .searchbar.menu input[type="text"] {
  width: 100% !important;
  flex: 1 !important;
  min-width: 0 !important;
  padding: 14px 18px 14px 48px !important;
  /* Left padding for icon */
  background: var(--bg-color) !important;
  border: none !important;
  border-radius: 16px !important;
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  color: var(--text-main) !important;
  font-size: 0.95rem !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  outline: none !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-sizing: border-box !important;
  margin: 0 !important;
}
.task-mail .searchbar.menu #mailsearchform::placeholder,
.task-mail .searchbar.menu input[name="_q"]::placeholder,
.task-mail .searchbar.menu input[type="text"]::placeholder {
  color: var(--text-light) !important;
  opacity: 0.7 !important;
}
.task-mail .searchbar.menu #mailsearchform:focus,
.task-mail .searchbar.menu input[name="_q"]:focus,
.task-mail .searchbar.menu input[type="text"]:focus {
  box-shadow: inset 5px 5px 10px var(--shadow-dark), inset -5px -5px 10px var(--shadow-light), 0 0 0 2px rgba(102, 126, 234, 0.2) !important;
  background: var(--bg-color) !important;
}
.task-mail .searchbar.menu > a.button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  flex-shrink: 0 !important;
  position: relative !important;
  /* Hide inner span text by default (icons only) */
  /* Icon styling */
}
.task-mail .searchbar.menu > a.button .inner {
  display: none !important;
}
.task-mail .searchbar.menu > a.button::before {
  font-family: 'Icons' !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  color: var(--text-main) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
.task-mail .searchbar.menu > a.button.reset,
.task-mail .searchbar.menu > a.button.unread {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  border-radius: 50% !important;
  background: var(--bg-color) !important;
  box-shadow: 4px 4px 8px var(--shadow-dark), -4px -4px 8px var(--shadow-light) !important;
}
.task-mail .searchbar.menu > a.button.reset:hover:not([aria-disabled="true"]),
.task-mail .searchbar.menu > a.button.unread:hover:not([aria-disabled="true"]) {
  box-shadow: inset 3px 3px 6px var(--shadow-dark), inset -3px -3px 6px var(--shadow-light) !important;
  transform: scale(0.96) !important;
}
.task-mail .searchbar.menu > a.button.reset:active:not([aria-disabled="true"]),
.task-mail .searchbar.menu > a.button.unread:active:not([aria-disabled="true"]) {
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  transform: scale(0.94) !important;
}
.task-mail .searchbar.menu > a.button.reset::before {
  content: "\f2f1" !important;
  /* Refresh icon */
}
.task-mail .searchbar.menu > a.button.reset:hover:not([aria-disabled="true"])::before {
  color: #f59e0b !important;
  /* Amber/Orange color */
}
.task-mail .searchbar.menu > a.button.unread::before {
  content: "\f0e0" !important;
}
.task-mail .searchbar.menu > a.button.unread:hover:not([aria-disabled="true"])::before {
  color: #10b981 !important;
  /* Green color */
}
.task-mail .searchbar.menu > a.button.options,
.task-mail .searchbar.menu > a.button.search {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 12px 20px !important;
  min-height: 44px !important;
  height: 44px !important;
  border-radius: 16px !important;
  background: var(--bg-color) !important;
  box-shadow: 4px 4px 8px var(--shadow-dark), -4px -4px 8px var(--shadow-light) !important;
  color: var(--text-main) !important;
  font-weight: 600 !important;
  font-size: 0.9rem !important;
  white-space: nowrap !important;
  /* Show inner text for rectangular buttons */
}
.task-mail .searchbar.menu > a.button.options .inner,
.task-mail .searchbar.menu > a.button.search .inner {
  display: inline-block !important;
  color: inherit !important;
}
.task-mail .searchbar.menu > a.button.options:hover:not([aria-disabled="true"]),
.task-mail .searchbar.menu > a.button.search:hover:not([aria-disabled="true"]) {
  box-shadow: inset 3px 3px 6px var(--shadow-dark), inset -3px -3px 6px var(--shadow-light) !important;
  transform: translateY(-1px) !important;
}
.task-mail .searchbar.menu > a.button.options:active:not([aria-disabled="true"]),
.task-mail .searchbar.menu > a.button.search:active:not([aria-disabled="true"]) {
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  transform: translateY(0) !important;
}
.task-mail .searchbar.menu > a.button.options {
  /* Dropdown chevron */
}
.task-mail .searchbar.menu > a.button.options::before {
  content: "\f0b0" !important;
  /* Filter icon */
  margin-right: 0 !important;
}
.task-mail .searchbar.menu > a.button.options::after {
  content: "\f078" !important;
  /* chevron-down */
  font-family: 'Icons' !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  color: var(--text-main) !important;
  opacity: 0.7 !important;
  margin-left: 8px !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
.task-mail .searchbar.menu > a.button.options:hover:not([aria-disabled="true"])::before {
  color: #8b5cf6 !important;
  /* Purple color */
}
.task-mail .searchbar.menu > a.button.options:hover:not([aria-disabled="true"])::after {
  color: #8b5cf6 !important;
  /* Purple color */
}
.task-mail .searchbar.menu > a.button.options:hover:not([aria-disabled="true"]) .inner {
  color: #8b5cf6 !important;
  /* Purple color */
}
.task-mail .searchbar.menu > a.button.search::before {
  content: "\f1d8" !important;
  /* Paper airplane icon */
  color: #00f2fe !important;
  /* Light blue/cyan color */
  margin-right: 0 !important;
}
.task-mail .searchbar.menu > a.button.search .inner {
  color: var(--text-main) !important;
}
.task-mail .searchbar.menu > a.button.search:hover:not([aria-disabled="true"])::before {
  color: #00f2fe !important;
  /* Bright cyan on hover */
}
.task-mail .searchbar.menu > a.button.search:hover:not([aria-disabled="true"]) .inner {
  color: #00f2fe !important;
  /* Bright cyan on hover */
}
.task-mail .searchbar.menu > a.button[aria-disabled="true"],
.task-mail .searchbar.menu > a.button.disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
}
.task-mail .searchbar.menu.active > a.button.reset {
  display: flex !important;
  /* Show reset when active */
}
.task-mail .searchbar.menu.open > a.button.options::after {
  content: "\f077" !important;
  /* chevron-up */
  /* Up arrow when open */
}
@media (max-width: 768px) {
  .task-mail .searchbar.menu {
    /* Make rectangular buttons icon-only on smaller screens */
    /* Reduce gap between buttons on mobile */
    gap: 8px !important;
    padding: 10px 16px !important;
  }
  .task-mail .searchbar.menu > a.button.options,
  .task-mail .searchbar.menu > a.button.search {
    padding: 12px !important;
    /* Reduced padding for icon-only */
    min-width: 44px !important;
    width: 44px !important;
    border-radius: 50% !important;
    /* Make circular like other buttons */
    /* Hide text and chevron on smaller screens */
  }
  .task-mail .searchbar.menu > a.button.options .inner,
  .task-mail .searchbar.menu > a.button.search .inner {
    display: none !important;
  }
  .task-mail .searchbar.menu > a.button.options::after,
  .task-mail .searchbar.menu > a.button.search::after {
    display: none !important;
    /* Hide chevron */
  }
}
@media (max-width: 480px) {
  .task-mail .searchbar.menu {
    /* Further reduce spacing on very small screens */
    gap: 6px !important;
    padding: 8px 12px !important;
    margin: 15px 15px 0 15px !important;
    /* Make all buttons same size on very small screens */
  }
  .task-mail .searchbar.menu > a.button.reset,
  .task-mail .searchbar.menu > a.button.unread,
  .task-mail .searchbar.menu > a.button.options,
  .task-mail .searchbar.menu > a.button.search {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
  }
}
/* ===========================================================
   AJMAIL SEARCHBAR - Dark Mode Styling
   Matches the dark neumorphic search bar design
   =========================================================== */
.task-mail .dark-mode .searchbar.menu,
.task-mail html.dark-mode .searchbar.menu,
.task-mail body.dark-mode .searchbar.menu,
.dark-mode .task-mail .searchbar.menu {
  background: #2d3748 !important;
  /* Dark gray background */
  box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.4), -8px -8px 20px rgba(255, 255, 255, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
  /* Search Input Field - Dark Mode */
  /* Search Icon - Dark Mode */
  /* Circular Buttons - Dark Mode */
  /* Rectangular Buttons - Dark Mode */
  /* Options Button - Dark Mode */
  /* Search Button - Dark Mode (White Icon/Text, Darker Background) */
}
.task-mail .dark-mode .searchbar.menu #mailsearchform,
.task-mail html.dark-mode .searchbar.menu #mailsearchform,
.task-mail body.dark-mode .searchbar.menu #mailsearchform,
.dark-mode .task-mail .searchbar.menu #mailsearchform,
.task-mail .dark-mode .searchbar.menu input[name="_q"],
.task-mail html.dark-mode .searchbar.menu input[name="_q"],
.task-mail body.dark-mode .searchbar.menu input[name="_q"],
.dark-mode .task-mail .searchbar.menu input[name="_q"],
.task-mail .dark-mode .searchbar.menu input[type="text"],
.task-mail html.dark-mode .searchbar.menu input[type="text"],
.task-mail body.dark-mode .searchbar.menu input[type="text"],
.dark-mode .task-mail .searchbar.menu input[type="text"] {
  background: #2d3748 !important;
  color: #e2e8f0 !important;
  /* Light gray text */
  box-shadow: inset 4px 4px 8px rgba(0, 0, 0, 0.5), inset -4px -4px 8px rgba(255, 255, 255, 0.05) !important;
}
.task-mail .dark-mode .searchbar.menu #mailsearchform::placeholder,
.task-mail html.dark-mode .searchbar.menu #mailsearchform::placeholder,
.task-mail body.dark-mode .searchbar.menu #mailsearchform::placeholder,
.dark-mode .task-mail .searchbar.menu #mailsearchform::placeholder,
.task-mail .dark-mode .searchbar.menu input[name="_q"]::placeholder,
.task-mail html.dark-mode .searchbar.menu input[name="_q"]::placeholder,
.task-mail body.dark-mode .searchbar.menu input[name="_q"]::placeholder,
.dark-mode .task-mail .searchbar.menu input[name="_q"]::placeholder,
.task-mail .dark-mode .searchbar.menu input[type="text"]::placeholder,
.task-mail html.dark-mode .searchbar.menu input[type="text"]::placeholder,
.task-mail body.dark-mode .searchbar.menu input[type="text"]::placeholder,
.dark-mode .task-mail .searchbar.menu input[type="text"]::placeholder {
  color: #a0aec0 !important;
  /* Light gray placeholder */
  opacity: 0.8 !important;
}
.task-mail .dark-mode .searchbar.menu #mailsearchform:focus,
.task-mail html.dark-mode .searchbar.menu #mailsearchform:focus,
.task-mail body.dark-mode .searchbar.menu #mailsearchform:focus,
.dark-mode .task-mail .searchbar.menu #mailsearchform:focus,
.task-mail .dark-mode .searchbar.menu input[name="_q"]:focus,
.task-mail html.dark-mode .searchbar.menu input[name="_q"]:focus,
.task-mail body.dark-mode .searchbar.menu input[name="_q"]:focus,
.dark-mode .task-mail .searchbar.menu input[name="_q"]:focus,
.task-mail .dark-mode .searchbar.menu input[type="text"]:focus,
.task-mail html.dark-mode .searchbar.menu input[type="text"]:focus,
.task-mail body.dark-mode .searchbar.menu input[type="text"]:focus,
.dark-mode .task-mail .searchbar.menu input[type="text"]:focus {
  box-shadow: inset 5px 5px 10px rgba(0, 0, 0, 0.6), inset -5px -5px 10px rgba(255, 255, 255, 0.08), 0 0 0 2px rgba(0, 242, 254, 0.3) !important;
  background: #2d3748 !important;
}
.task-mail .dark-mode .searchbar.menu form::before,
.task-mail html.dark-mode .searchbar.menu form::before,
.task-mail body.dark-mode .searchbar.menu form::before,
.dark-mode .task-mail .searchbar.menu form::before {
  color: #e2e8f0 !important;
  /* Light gray icon */
  opacity: 0.8 !important;
}
.task-mail .dark-mode .searchbar.menu > a.button.reset,
.task-mail html.dark-mode .searchbar.menu > a.button.reset,
.task-mail body.dark-mode .searchbar.menu > a.button.reset,
.dark-mode .task-mail .searchbar.menu > a.button.reset,
.task-mail .dark-mode .searchbar.menu > a.button.unread,
.task-mail html.dark-mode .searchbar.menu > a.button.unread,
.task-mail body.dark-mode .searchbar.menu > a.button.unread,
.dark-mode .task-mail .searchbar.menu > a.button.unread {
  background: #2d3748 !important;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.4), -4px -4px 8px rgba(255, 255, 255, 0.05) !important;
}
.task-mail .dark-mode .searchbar.menu > a.button.reset::before,
.task-mail html.dark-mode .searchbar.menu > a.button.reset::before,
.task-mail body.dark-mode .searchbar.menu > a.button.reset::before,
.dark-mode .task-mail .searchbar.menu > a.button.reset::before,
.task-mail .dark-mode .searchbar.menu > a.button.unread::before,
.task-mail html.dark-mode .searchbar.menu > a.button.unread::before,
.task-mail body.dark-mode .searchbar.menu > a.button.unread::before,
.dark-mode .task-mail .searchbar.menu > a.button.unread::before {
  color: #e2e8f0 !important;
  /* Light gray icons */
}
.task-mail .dark-mode .searchbar.menu > a.button.reset:hover:not([aria-disabled="true"]),
.task-mail html.dark-mode .searchbar.menu > a.button.reset:hover:not([aria-disabled="true"]),
.task-mail body.dark-mode .searchbar.menu > a.button.reset:hover:not([aria-disabled="true"]),
.dark-mode .task-mail .searchbar.menu > a.button.reset:hover:not([aria-disabled="true"]),
.task-mail .dark-mode .searchbar.menu > a.button.unread:hover:not([aria-disabled="true"]),
.task-mail html.dark-mode .searchbar.menu > a.button.unread:hover:not([aria-disabled="true"]),
.task-mail body.dark-mode .searchbar.menu > a.button.unread:hover:not([aria-disabled="true"]),
.dark-mode .task-mail .searchbar.menu > a.button.unread:hover:not([aria-disabled="true"]) {
  box-shadow: inset 3px 3px 6px rgba(0, 0, 0, 0.5), inset -3px -3px 6px rgba(255, 255, 255, 0.08) !important;
}
.task-mail .dark-mode .searchbar.menu > a.button.reset:active:not([aria-disabled="true"]),
.task-mail html.dark-mode .searchbar.menu > a.button.reset:active:not([aria-disabled="true"]),
.task-mail body.dark-mode .searchbar.menu > a.button.reset:active:not([aria-disabled="true"]),
.dark-mode .task-mail .searchbar.menu > a.button.reset:active:not([aria-disabled="true"]),
.task-mail .dark-mode .searchbar.menu > a.button.unread:active:not([aria-disabled="true"]),
.task-mail html.dark-mode .searchbar.menu > a.button.unread:active:not([aria-disabled="true"]),
.task-mail body.dark-mode .searchbar.menu > a.button.unread:active:not([aria-disabled="true"]),
.dark-mode .task-mail .searchbar.menu > a.button.unread:active:not([aria-disabled="true"]) {
  box-shadow: inset 4px 4px 8px rgba(0, 0, 0, 0.6), inset -4px -4px 8px rgba(255, 255, 255, 0.1) !important;
}
.task-mail .dark-mode .searchbar.menu > a.button.options,
.task-mail html.dark-mode .searchbar.menu > a.button.options,
.task-mail body.dark-mode .searchbar.menu > a.button.options,
.dark-mode .task-mail .searchbar.menu > a.button.options,
.task-mail .dark-mode .searchbar.menu > a.button.search,
.task-mail html.dark-mode .searchbar.menu > a.button.search,
.task-mail body.dark-mode .searchbar.menu > a.button.search,
.dark-mode .task-mail .searchbar.menu > a.button.search {
  background: #2d3748 !important;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.4), -4px -4px 8px rgba(255, 255, 255, 0.05) !important;
  color: #e2e8f0 !important;
  /* Light gray text */
}
.task-mail .dark-mode .searchbar.menu > a.button.options::before,
.task-mail html.dark-mode .searchbar.menu > a.button.options::before,
.task-mail body.dark-mode .searchbar.menu > a.button.options::before,
.dark-mode .task-mail .searchbar.menu > a.button.options::before,
.task-mail .dark-mode .searchbar.menu > a.button.search::before,
.task-mail html.dark-mode .searchbar.menu > a.button.search::before,
.task-mail body.dark-mode .searchbar.menu > a.button.search::before,
.dark-mode .task-mail .searchbar.menu > a.button.search::before {
  color: #e2e8f0 !important;
  /* Light gray icons */
}
.task-mail .dark-mode .searchbar.menu > a.button.options .inner,
.task-mail html.dark-mode .searchbar.menu > a.button.options .inner,
.task-mail body.dark-mode .searchbar.menu > a.button.options .inner,
.dark-mode .task-mail .searchbar.menu > a.button.options .inner,
.task-mail .dark-mode .searchbar.menu > a.button.search .inner,
.task-mail html.dark-mode .searchbar.menu > a.button.search .inner,
.task-mail body.dark-mode .searchbar.menu > a.button.search .inner,
.dark-mode .task-mail .searchbar.menu > a.button.search .inner {
  color: #e2e8f0 !important;
  /* Light gray text */
}
.task-mail .dark-mode .searchbar.menu > a.button.options:hover:not([aria-disabled="true"]),
.task-mail html.dark-mode .searchbar.menu > a.button.options:hover:not([aria-disabled="true"]),
.task-mail body.dark-mode .searchbar.menu > a.button.options:hover:not([aria-disabled="true"]),
.dark-mode .task-mail .searchbar.menu > a.button.options:hover:not([aria-disabled="true"]),
.task-mail .dark-mode .searchbar.menu > a.button.search:hover:not([aria-disabled="true"]),
.task-mail html.dark-mode .searchbar.menu > a.button.search:hover:not([aria-disabled="true"]),
.task-mail body.dark-mode .searchbar.menu > a.button.search:hover:not([aria-disabled="true"]),
.dark-mode .task-mail .searchbar.menu > a.button.search:hover:not([aria-disabled="true"]) {
  box-shadow: inset 3px 3px 6px rgba(0, 0, 0, 0.5), inset -3px -3px 6px rgba(255, 255, 255, 0.08) !important;
}
.task-mail .dark-mode .searchbar.menu > a.button.options:active:not([aria-disabled="true"]),
.task-mail html.dark-mode .searchbar.menu > a.button.options:active:not([aria-disabled="true"]),
.task-mail body.dark-mode .searchbar.menu > a.button.options:active:not([aria-disabled="true"]),
.dark-mode .task-mail .searchbar.menu > a.button.options:active:not([aria-disabled="true"]),
.task-mail .dark-mode .searchbar.menu > a.button.search:active:not([aria-disabled="true"]),
.task-mail html.dark-mode .searchbar.menu > a.button.search:active:not([aria-disabled="true"]),
.task-mail body.dark-mode .searchbar.menu > a.button.search:active:not([aria-disabled="true"]),
.dark-mode .task-mail .searchbar.menu > a.button.search:active:not([aria-disabled="true"]) {
  box-shadow: inset 4px 4px 8px rgba(0, 0, 0, 0.6), inset -4px -4px 8px rgba(255, 255, 255, 0.1) !important;
}
.task-mail .dark-mode .searchbar.menu > a.button.options::after,
.task-mail html.dark-mode .searchbar.menu > a.button.options::after,
.task-mail body.dark-mode .searchbar.menu > a.button.options::after,
.dark-mode .task-mail .searchbar.menu > a.button.options::after {
  color: #e2e8f0 !important;
  /* Light gray chevron */
  opacity: 0.8 !important;
}
.task-mail .dark-mode .searchbar.menu > a.button.options:hover:not([aria-disabled="true"])::before,
.task-mail html.dark-mode .searchbar.menu > a.button.options:hover:not([aria-disabled="true"])::before,
.task-mail body.dark-mode .searchbar.menu > a.button.options:hover:not([aria-disabled="true"])::before,
.dark-mode .task-mail .searchbar.menu > a.button.options:hover:not([aria-disabled="true"])::before {
  color: #8b5cf6 !important;
  /* Purple on hover */
}
.task-mail .dark-mode .searchbar.menu > a.button.options:hover:not([aria-disabled="true"])::after,
.task-mail html.dark-mode .searchbar.menu > a.button.options:hover:not([aria-disabled="true"])::after,
.task-mail body.dark-mode .searchbar.menu > a.button.options:hover:not([aria-disabled="true"])::after,
.dark-mode .task-mail .searchbar.menu > a.button.options:hover:not([aria-disabled="true"])::after {
  color: #8b5cf6 !important;
  /* Purple on hover */
}
.task-mail .dark-mode .searchbar.menu > a.button.options:hover:not([aria-disabled="true"]) .inner,
.task-mail html.dark-mode .searchbar.menu > a.button.options:hover:not([aria-disabled="true"]) .inner,
.task-mail body.dark-mode .searchbar.menu > a.button.options:hover:not([aria-disabled="true"]) .inner,
.dark-mode .task-mail .searchbar.menu > a.button.options:hover:not([aria-disabled="true"]) .inner {
  color: #8b5cf6 !important;
  /* Purple on hover */
}
.task-mail .dark-mode .searchbar.menu > a.button.search,
.task-mail html.dark-mode .searchbar.menu > a.button.search,
.task-mail body.dark-mode .searchbar.menu > a.button.search,
.dark-mode .task-mail .searchbar.menu > a.button.search {
  background: #1a202c !important;
  /* Slightly darker background */
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5), -4px -4px 8px rgba(255, 255, 255, 0.03) !important;
}
.task-mail .dark-mode .searchbar.menu > a.button.search::before,
.task-mail html.dark-mode .searchbar.menu > a.button.search::before,
.task-mail body.dark-mode .searchbar.menu > a.button.search::before,
.dark-mode .task-mail .searchbar.menu > a.button.search::before {
  color: #ffffff !important;
  /* White icon */
}
.task-mail .dark-mode .searchbar.menu > a.button.search .inner,
.task-mail html.dark-mode .searchbar.menu > a.button.search .inner,
.task-mail body.dark-mode .searchbar.menu > a.button.search .inner,
.dark-mode .task-mail .searchbar.menu > a.button.search .inner {
  color: #ffffff !important;
  /* White text */
}
.task-mail .dark-mode .searchbar.menu > a.button.search:hover:not([aria-disabled="true"]),
.task-mail html.dark-mode .searchbar.menu > a.button.search:hover:not([aria-disabled="true"]),
.task-mail body.dark-mode .searchbar.menu > a.button.search:hover:not([aria-disabled="true"]),
.dark-mode .task-mail .searchbar.menu > a.button.search:hover:not([aria-disabled="true"]) {
  box-shadow: inset 3px 3px 6px rgba(0, 0, 0, 0.6), inset -3px -3px 6px rgba(255, 255, 255, 0.05) !important;
}
.task-mail .dark-mode .searchbar.menu > a.button.search:hover:not([aria-disabled="true"])::before,
.task-mail html.dark-mode .searchbar.menu > a.button.search:hover:not([aria-disabled="true"])::before,
.task-mail body.dark-mode .searchbar.menu > a.button.search:hover:not([aria-disabled="true"])::before,
.dark-mode .task-mail .searchbar.menu > a.button.search:hover:not([aria-disabled="true"])::before {
  color: #00f2fe !important;
  /* Cyan on hover */
}
.task-mail .dark-mode .searchbar.menu > a.button.search:hover:not([aria-disabled="true"]) .inner,
.task-mail html.dark-mode .searchbar.menu > a.button.search:hover:not([aria-disabled="true"]) .inner,
.task-mail body.dark-mode .searchbar.menu > a.button.search:hover:not([aria-disabled="true"]) .inner,
.dark-mode .task-mail .searchbar.menu > a.button.search:hover:not([aria-disabled="true"]) .inner {
  color: #00f2fe !important;
  /* Cyan on hover */
}
/* AJMAIL SEARCHBAR - Closed */
/* ===========================================================
   AJMAIL PAGINATION NAVIGATION - Neumorphic Design
   Styling for pagination footer navigation (First, Previous, Next, Last)
   Works on both light and dark mode themes
   =========================================================== */
/* REMOVED: This was hiding span.inner which conflicts with ::after pseudo-elements */
/* The pagination styles below handle span.inner properly */
.ui-dialog .ui-dialog-buttonpane {
  height: auto !important;
}
/* Inbox page pagination - MUST have higher specificity than recipient dialog styles */
.task-mail .pagenav.menu.footer,
.task-mail .pagenav.menu.small,
.task-mail .listbox .pagenav.menu.footer,
.task-mail .listbox .pagenav.menu.small,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer,
body:not(.ui-dialog) .task-mail .pagenav.menu.small {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  padding: 14px 20px !important;
  margin: 20px auto !important;
  max-width: 100% !important;
  background: var(--bg-color) !important;
  border-radius: 20px !important;
  box-shadow: 8px 8px 16px var(--shadow-dark), -8px -8px 16px var(--shadow-light) !important;
  font-size: 0.875rem !important;
  flex-wrap: wrap !important;
  min-height: 60px !important;
  height: auto !important;
  line-height: normal !important;
  /* Navigation Buttons - Neumorphic Circular Buttons */
  /* Page Navigation Text - Neumorphic badge style */
  /* Page Jumper Input - Strong neumorphic inset input */
}
.task-mail .pagenav.menu.footer a.firstpage,
.task-mail .pagenav.menu.small a.firstpage,
.task-mail .listbox .pagenav.menu.footer a.firstpage,
.task-mail .listbox .pagenav.menu.small a.firstpage,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.firstpage,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.firstpage,
.task-mail .pagenav.menu.footer a.prevpage,
.task-mail .pagenav.menu.small a.prevpage,
.task-mail .listbox .pagenav.menu.footer a.prevpage,
.task-mail .listbox .pagenav.menu.small a.prevpage,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.prevpage,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.prevpage,
.task-mail .pagenav.menu.footer a.nextpage,
.task-mail .pagenav.menu.small a.nextpage,
.task-mail .listbox .pagenav.menu.footer a.nextpage,
.task-mail .listbox .pagenav.menu.small a.nextpage,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.nextpage,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.nextpage,
.task-mail .pagenav.menu.footer a.lastpage,
.task-mail .pagenav.menu.small a.lastpage,
.task-mail .listbox .pagenav.menu.footer a.lastpage,
.task-mail .listbox .pagenav.menu.small a.lastpage,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.lastpage,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.lastpage {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  max-width: 44px !important;
  max-height: 44px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 50% !important;
  background: var(--bg-color) !important;
  color: var(--text-main) !important;
  text-decoration: none !important;
  /* Strong raised neumorphic effect for enabled buttons */
  box-shadow: 6px 6px 12px var(--shadow-dark), -6px -6px 12px var(--shadow-light) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  cursor: pointer !important;
  border: none !important;
  position: relative !important;
  flex-shrink: 0 !important;
  line-height: 1 !important;
  vertical-align: middle !important;
  box-sizing: border-box !important;
  /* Hide text, show only icon */
  /* Icons using ::before */
  /* First page icon - double chevron left */
  /* Previous page icon - chevron left */
  /* Next page icon - chevron right */
  /* Last page icon - double chevron right */
  /* Hover state - Strong inset neumorphic effect with accent color */
  /* Active state - Deeper inset with accent color */
  /* Disabled state - Embedded neumorphic effect (pressed in appearance) */
}
.task-mail .pagenav.menu.footer a.firstpage .inner,
.task-mail .pagenav.menu.small a.firstpage .inner,
.task-mail .listbox .pagenav.menu.footer a.firstpage .inner,
.task-mail .listbox .pagenav.menu.small a.firstpage .inner,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.firstpage .inner,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.firstpage .inner,
.task-mail .pagenav.menu.footer a.prevpage .inner,
.task-mail .pagenav.menu.small a.prevpage .inner,
.task-mail .listbox .pagenav.menu.footer a.prevpage .inner,
.task-mail .listbox .pagenav.menu.small a.prevpage .inner,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.prevpage .inner,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.prevpage .inner,
.task-mail .pagenav.menu.footer a.nextpage .inner,
.task-mail .pagenav.menu.small a.nextpage .inner,
.task-mail .listbox .pagenav.menu.footer a.nextpage .inner,
.task-mail .listbox .pagenav.menu.small a.nextpage .inner,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.nextpage .inner,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.nextpage .inner,
.task-mail .pagenav.menu.footer a.lastpage .inner,
.task-mail .pagenav.menu.small a.lastpage .inner,
.task-mail .listbox .pagenav.menu.footer a.lastpage .inner,
.task-mail .listbox .pagenav.menu.small a.lastpage .inner,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.lastpage .inner,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.lastpage .inner {
  display: none !important;
}
.task-mail .pagenav.menu.footer a.firstpage::before,
.task-mail .pagenav.menu.small a.firstpage::before,
.task-mail .listbox .pagenav.menu.footer a.firstpage::before,
.task-mail .listbox .pagenav.menu.small a.firstpage::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.firstpage::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.firstpage::before,
.task-mail .pagenav.menu.footer a.prevpage::before,
.task-mail .pagenav.menu.small a.prevpage::before,
.task-mail .listbox .pagenav.menu.footer a.prevpage::before,
.task-mail .listbox .pagenav.menu.small a.prevpage::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.prevpage::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.prevpage::before,
.task-mail .pagenav.menu.footer a.nextpage::before,
.task-mail .pagenav.menu.small a.nextpage::before,
.task-mail .listbox .pagenav.menu.footer a.nextpage::before,
.task-mail .listbox .pagenav.menu.small a.nextpage::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.nextpage::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.nextpage::before,
.task-mail .pagenav.menu.footer a.lastpage::before,
.task-mail .pagenav.menu.small a.lastpage::before,
.task-mail .listbox .pagenav.menu.footer a.lastpage::before,
.task-mail .listbox .pagenav.menu.small a.lastpage::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.lastpage::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.lastpage::before {
  font-family: 'Icons' !important;
  font-style: normal !important;
  font-weight: 900 !important;
  font-size: 1.2rem !important;
  color: var(--text-main) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: all 0.3s ease !important;
  width: 100% !important;
  height: 100% !important;
}
.task-mail .pagenav.menu.footer a.firstpage.firstpage::before,
.task-mail .pagenav.menu.small a.firstpage.firstpage::before,
.task-mail .listbox .pagenav.menu.footer a.firstpage.firstpage::before,
.task-mail .listbox .pagenav.menu.small a.firstpage.firstpage::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.firstpage.firstpage::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.firstpage.firstpage::before,
.task-mail .pagenav.menu.footer a.prevpage.firstpage::before,
.task-mail .pagenav.menu.small a.prevpage.firstpage::before,
.task-mail .listbox .pagenav.menu.footer a.prevpage.firstpage::before,
.task-mail .listbox .pagenav.menu.small a.prevpage.firstpage::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.prevpage.firstpage::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.prevpage.firstpage::before,
.task-mail .pagenav.menu.footer a.nextpage.firstpage::before,
.task-mail .pagenav.menu.small a.nextpage.firstpage::before,
.task-mail .listbox .pagenav.menu.footer a.nextpage.firstpage::before,
.task-mail .listbox .pagenav.menu.small a.nextpage.firstpage::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.nextpage.firstpage::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.nextpage.firstpage::before,
.task-mail .pagenav.menu.footer a.lastpage.firstpage::before,
.task-mail .pagenav.menu.small a.lastpage.firstpage::before,
.task-mail .listbox .pagenav.menu.footer a.lastpage.firstpage::before,
.task-mail .listbox .pagenav.menu.small a.lastpage.firstpage::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.lastpage.firstpage::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.lastpage.firstpage::before {
  content: "\f100" !important;
  /* angle-double-left */
}
.task-mail .pagenav.menu.footer a.firstpage.prevpage::before,
.task-mail .pagenav.menu.small a.firstpage.prevpage::before,
.task-mail .listbox .pagenav.menu.footer a.firstpage.prevpage::before,
.task-mail .listbox .pagenav.menu.small a.firstpage.prevpage::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.firstpage.prevpage::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.firstpage.prevpage::before,
.task-mail .pagenav.menu.footer a.prevpage.prevpage::before,
.task-mail .pagenav.menu.small a.prevpage.prevpage::before,
.task-mail .listbox .pagenav.menu.footer a.prevpage.prevpage::before,
.task-mail .listbox .pagenav.menu.small a.prevpage.prevpage::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.prevpage.prevpage::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.prevpage.prevpage::before,
.task-mail .pagenav.menu.footer a.nextpage.prevpage::before,
.task-mail .pagenav.menu.small a.nextpage.prevpage::before,
.task-mail .listbox .pagenav.menu.footer a.nextpage.prevpage::before,
.task-mail .listbox .pagenav.menu.small a.nextpage.prevpage::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.nextpage.prevpage::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.nextpage.prevpage::before,
.task-mail .pagenav.menu.footer a.lastpage.prevpage::before,
.task-mail .pagenav.menu.small a.lastpage.prevpage::before,
.task-mail .listbox .pagenav.menu.footer a.lastpage.prevpage::before,
.task-mail .listbox .pagenav.menu.small a.lastpage.prevpage::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.lastpage.prevpage::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.lastpage.prevpage::before {
  content: "\f104" !important;
  /* angle-left */
}
.task-mail .pagenav.menu.footer a.firstpage.nextpage::before,
.task-mail .pagenav.menu.small a.firstpage.nextpage::before,
.task-mail .listbox .pagenav.menu.footer a.firstpage.nextpage::before,
.task-mail .listbox .pagenav.menu.small a.firstpage.nextpage::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.firstpage.nextpage::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.firstpage.nextpage::before,
.task-mail .pagenav.menu.footer a.prevpage.nextpage::before,
.task-mail .pagenav.menu.small a.prevpage.nextpage::before,
.task-mail .listbox .pagenav.menu.footer a.prevpage.nextpage::before,
.task-mail .listbox .pagenav.menu.small a.prevpage.nextpage::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.prevpage.nextpage::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.prevpage.nextpage::before,
.task-mail .pagenav.menu.footer a.nextpage.nextpage::before,
.task-mail .pagenav.menu.small a.nextpage.nextpage::before,
.task-mail .listbox .pagenav.menu.footer a.nextpage.nextpage::before,
.task-mail .listbox .pagenav.menu.small a.nextpage.nextpage::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.nextpage.nextpage::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.nextpage.nextpage::before,
.task-mail .pagenav.menu.footer a.lastpage.nextpage::before,
.task-mail .pagenav.menu.small a.lastpage.nextpage::before,
.task-mail .listbox .pagenav.menu.footer a.lastpage.nextpage::before,
.task-mail .listbox .pagenav.menu.small a.lastpage.nextpage::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.lastpage.nextpage::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.lastpage.nextpage::before {
  content: "\f105" !important;
  /* angle-right */
}
.task-mail .pagenav.menu.footer a.firstpage.lastpage::before,
.task-mail .pagenav.menu.small a.firstpage.lastpage::before,
.task-mail .listbox .pagenav.menu.footer a.firstpage.lastpage::before,
.task-mail .listbox .pagenav.menu.small a.firstpage.lastpage::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.firstpage.lastpage::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.firstpage.lastpage::before,
.task-mail .pagenav.menu.footer a.prevpage.lastpage::before,
.task-mail .pagenav.menu.small a.prevpage.lastpage::before,
.task-mail .listbox .pagenav.menu.footer a.prevpage.lastpage::before,
.task-mail .listbox .pagenav.menu.small a.prevpage.lastpage::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.prevpage.lastpage::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.prevpage.lastpage::before,
.task-mail .pagenav.menu.footer a.nextpage.lastpage::before,
.task-mail .pagenav.menu.small a.nextpage.lastpage::before,
.task-mail .listbox .pagenav.menu.footer a.nextpage.lastpage::before,
.task-mail .listbox .pagenav.menu.small a.nextpage.lastpage::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.nextpage.lastpage::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.nextpage.lastpage::before,
.task-mail .pagenav.menu.footer a.lastpage.lastpage::before,
.task-mail .pagenav.menu.small a.lastpage.lastpage::before,
.task-mail .listbox .pagenav.menu.footer a.lastpage.lastpage::before,
.task-mail .listbox .pagenav.menu.small a.lastpage.lastpage::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.lastpage.lastpage::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.lastpage.lastpage::before {
  content: "\f101" !important;
  /* angle-double-right */
}
.task-mail .pagenav.menu.footer a.firstpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-mail .pagenav.menu.small a.firstpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-mail .listbox .pagenav.menu.footer a.firstpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-mail .listbox .pagenav.menu.small a.firstpage:hover:not(.disabled):not([aria-disabled="true"]),
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.firstpage:hover:not(.disabled):not([aria-disabled="true"]),
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.firstpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-mail .pagenav.menu.footer a.prevpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-mail .pagenav.menu.small a.prevpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-mail .listbox .pagenav.menu.footer a.prevpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-mail .listbox .pagenav.menu.small a.prevpage:hover:not(.disabled):not([aria-disabled="true"]),
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.prevpage:hover:not(.disabled):not([aria-disabled="true"]),
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.prevpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-mail .pagenav.menu.footer a.nextpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-mail .pagenav.menu.small a.nextpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-mail .listbox .pagenav.menu.footer a.nextpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-mail .listbox .pagenav.menu.small a.nextpage:hover:not(.disabled):not([aria-disabled="true"]),
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.nextpage:hover:not(.disabled):not([aria-disabled="true"]),
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.nextpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-mail .pagenav.menu.footer a.lastpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-mail .pagenav.menu.small a.lastpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-mail .listbox .pagenav.menu.footer a.lastpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-mail .listbox .pagenav.menu.small a.lastpage:hover:not(.disabled):not([aria-disabled="true"]),
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.lastpage:hover:not(.disabled):not([aria-disabled="true"]),
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.lastpage:hover:not(.disabled):not([aria-disabled="true"]) {
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  transform: scale(0.98) !important;
  background: var(--pressed-bg-color) !important;
}
.task-mail .pagenav.menu.footer a.firstpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-mail .pagenav.menu.small a.firstpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-mail .listbox .pagenav.menu.footer a.firstpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-mail .listbox .pagenav.menu.small a.firstpage:hover:not(.disabled):not([aria-disabled="true"])::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.firstpage:hover:not(.disabled):not([aria-disabled="true"])::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.firstpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-mail .pagenav.menu.footer a.prevpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-mail .pagenav.menu.small a.prevpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-mail .listbox .pagenav.menu.footer a.prevpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-mail .listbox .pagenav.menu.small a.prevpage:hover:not(.disabled):not([aria-disabled="true"])::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.prevpage:hover:not(.disabled):not([aria-disabled="true"])::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.prevpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-mail .pagenav.menu.footer a.nextpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-mail .pagenav.menu.small a.nextpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-mail .listbox .pagenav.menu.footer a.nextpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-mail .listbox .pagenav.menu.small a.nextpage:hover:not(.disabled):not([aria-disabled="true"])::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.nextpage:hover:not(.disabled):not([aria-disabled="true"])::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.nextpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-mail .pagenav.menu.footer a.lastpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-mail .pagenav.menu.small a.lastpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-mail .listbox .pagenav.menu.footer a.lastpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-mail .listbox .pagenav.menu.small a.lastpage:hover:not(.disabled):not([aria-disabled="true"])::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.lastpage:hover:not(.disabled):not([aria-disabled="true"])::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.lastpage:hover:not(.disabled):not([aria-disabled="true"])::before {
  color: var(--accent-color) !important;
  transform: scale(1.15) !important;
}
.task-mail .pagenav.menu.footer a.firstpage:active:not(.disabled):not([aria-disabled="true"]),
.task-mail .pagenav.menu.small a.firstpage:active:not(.disabled):not([aria-disabled="true"]),
.task-mail .listbox .pagenav.menu.footer a.firstpage:active:not(.disabled):not([aria-disabled="true"]),
.task-mail .listbox .pagenav.menu.small a.firstpage:active:not(.disabled):not([aria-disabled="true"]),
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.firstpage:active:not(.disabled):not([aria-disabled="true"]),
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.firstpage:active:not(.disabled):not([aria-disabled="true"]),
.task-mail .pagenav.menu.footer a.prevpage:active:not(.disabled):not([aria-disabled="true"]),
.task-mail .pagenav.menu.small a.prevpage:active:not(.disabled):not([aria-disabled="true"]),
.task-mail .listbox .pagenav.menu.footer a.prevpage:active:not(.disabled):not([aria-disabled="true"]),
.task-mail .listbox .pagenav.menu.small a.prevpage:active:not(.disabled):not([aria-disabled="true"]),
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.prevpage:active:not(.disabled):not([aria-disabled="true"]),
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.prevpage:active:not(.disabled):not([aria-disabled="true"]),
.task-mail .pagenav.menu.footer a.nextpage:active:not(.disabled):not([aria-disabled="true"]),
.task-mail .pagenav.menu.small a.nextpage:active:not(.disabled):not([aria-disabled="true"]),
.task-mail .listbox .pagenav.menu.footer a.nextpage:active:not(.disabled):not([aria-disabled="true"]),
.task-mail .listbox .pagenav.menu.small a.nextpage:active:not(.disabled):not([aria-disabled="true"]),
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.nextpage:active:not(.disabled):not([aria-disabled="true"]),
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.nextpage:active:not(.disabled):not([aria-disabled="true"]),
.task-mail .pagenav.menu.footer a.lastpage:active:not(.disabled):not([aria-disabled="true"]),
.task-mail .pagenav.menu.small a.lastpage:active:not(.disabled):not([aria-disabled="true"]),
.task-mail .listbox .pagenav.menu.footer a.lastpage:active:not(.disabled):not([aria-disabled="true"]),
.task-mail .listbox .pagenav.menu.small a.lastpage:active:not(.disabled):not([aria-disabled="true"]),
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.lastpage:active:not(.disabled):not([aria-disabled="true"]),
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.lastpage:active:not(.disabled):not([aria-disabled="true"]),
.task-mail .pagenav.menu.footer a.firstpage.active:not(.disabled):not([aria-disabled="true"]),
.task-mail .pagenav.menu.small a.firstpage.active:not(.disabled):not([aria-disabled="true"]),
.task-mail .listbox .pagenav.menu.footer a.firstpage.active:not(.disabled):not([aria-disabled="true"]),
.task-mail .listbox .pagenav.menu.small a.firstpage.active:not(.disabled):not([aria-disabled="true"]),
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.firstpage.active:not(.disabled):not([aria-disabled="true"]),
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.firstpage.active:not(.disabled):not([aria-disabled="true"]),
.task-mail .pagenav.menu.footer a.prevpage.active:not(.disabled):not([aria-disabled="true"]),
.task-mail .pagenav.menu.small a.prevpage.active:not(.disabled):not([aria-disabled="true"]),
.task-mail .listbox .pagenav.menu.footer a.prevpage.active:not(.disabled):not([aria-disabled="true"]),
.task-mail .listbox .pagenav.menu.small a.prevpage.active:not(.disabled):not([aria-disabled="true"]),
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.prevpage.active:not(.disabled):not([aria-disabled="true"]),
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.prevpage.active:not(.disabled):not([aria-disabled="true"]),
.task-mail .pagenav.menu.footer a.nextpage.active:not(.disabled):not([aria-disabled="true"]),
.task-mail .pagenav.menu.small a.nextpage.active:not(.disabled):not([aria-disabled="true"]),
.task-mail .listbox .pagenav.menu.footer a.nextpage.active:not(.disabled):not([aria-disabled="true"]),
.task-mail .listbox .pagenav.menu.small a.nextpage.active:not(.disabled):not([aria-disabled="true"]),
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.nextpage.active:not(.disabled):not([aria-disabled="true"]),
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.nextpage.active:not(.disabled):not([aria-disabled="true"]),
.task-mail .pagenav.menu.footer a.lastpage.active:not(.disabled):not([aria-disabled="true"]),
.task-mail .pagenav.menu.small a.lastpage.active:not(.disabled):not([aria-disabled="true"]),
.task-mail .listbox .pagenav.menu.footer a.lastpage.active:not(.disabled):not([aria-disabled="true"]),
.task-mail .listbox .pagenav.menu.small a.lastpage.active:not(.disabled):not([aria-disabled="true"]),
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.lastpage.active:not(.disabled):not([aria-disabled="true"]),
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.lastpage.active:not(.disabled):not([aria-disabled="true"]) {
  box-shadow: inset 5px 5px 10px var(--shadow-dark), inset -5px -5px 10px var(--shadow-light) !important;
  transform: scale(0.96) !important;
  background: var(--pressed-bg-color) !important;
  /* Hover on active button - keep accent color */
}
.task-mail .pagenav.menu.footer a.firstpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-mail .pagenav.menu.small a.firstpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-mail .listbox .pagenav.menu.footer a.firstpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-mail .listbox .pagenav.menu.small a.firstpage:active:not(.disabled):not([aria-disabled="true"])::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.firstpage:active:not(.disabled):not([aria-disabled="true"])::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.firstpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-mail .pagenav.menu.footer a.prevpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-mail .pagenav.menu.small a.prevpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-mail .listbox .pagenav.menu.footer a.prevpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-mail .listbox .pagenav.menu.small a.prevpage:active:not(.disabled):not([aria-disabled="true"])::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.prevpage:active:not(.disabled):not([aria-disabled="true"])::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.prevpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-mail .pagenav.menu.footer a.nextpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-mail .pagenav.menu.small a.nextpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-mail .listbox .pagenav.menu.footer a.nextpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-mail .listbox .pagenav.menu.small a.nextpage:active:not(.disabled):not([aria-disabled="true"])::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.nextpage:active:not(.disabled):not([aria-disabled="true"])::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.nextpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-mail .pagenav.menu.footer a.lastpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-mail .pagenav.menu.small a.lastpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-mail .listbox .pagenav.menu.footer a.lastpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-mail .listbox .pagenav.menu.small a.lastpage:active:not(.disabled):not([aria-disabled="true"])::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.lastpage:active:not(.disabled):not([aria-disabled="true"])::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.lastpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-mail .pagenav.menu.footer a.firstpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-mail .pagenav.menu.small a.firstpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-mail .listbox .pagenav.menu.footer a.firstpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-mail .listbox .pagenav.menu.small a.firstpage.active:not(.disabled):not([aria-disabled="true"])::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.firstpage.active:not(.disabled):not([aria-disabled="true"])::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.firstpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-mail .pagenav.menu.footer a.prevpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-mail .pagenav.menu.small a.prevpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-mail .listbox .pagenav.menu.footer a.prevpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-mail .listbox .pagenav.menu.small a.prevpage.active:not(.disabled):not([aria-disabled="true"])::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.prevpage.active:not(.disabled):not([aria-disabled="true"])::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.prevpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-mail .pagenav.menu.footer a.nextpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-mail .pagenav.menu.small a.nextpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-mail .listbox .pagenav.menu.footer a.nextpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-mail .listbox .pagenav.menu.small a.nextpage.active:not(.disabled):not([aria-disabled="true"])::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.nextpage.active:not(.disabled):not([aria-disabled="true"])::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.nextpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-mail .pagenav.menu.footer a.lastpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-mail .pagenav.menu.small a.lastpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-mail .listbox .pagenav.menu.footer a.lastpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-mail .listbox .pagenav.menu.small a.lastpage.active:not(.disabled):not([aria-disabled="true"])::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.lastpage.active:not(.disabled):not([aria-disabled="true"])::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.lastpage.active:not(.disabled):not([aria-disabled="true"])::before {
  color: var(--accent-color) !important;
}
.task-mail .pagenav.menu.footer a.firstpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-mail .pagenav.menu.small a.firstpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-mail .listbox .pagenav.menu.footer a.firstpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-mail .listbox .pagenav.menu.small a.firstpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.firstpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.firstpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-mail .pagenav.menu.footer a.prevpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-mail .pagenav.menu.small a.prevpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-mail .listbox .pagenav.menu.footer a.prevpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-mail .listbox .pagenav.menu.small a.prevpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.prevpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.prevpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-mail .pagenav.menu.footer a.nextpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-mail .pagenav.menu.small a.nextpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-mail .listbox .pagenav.menu.footer a.nextpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-mail .listbox .pagenav.menu.small a.nextpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.nextpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.nextpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-mail .pagenav.menu.footer a.lastpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-mail .pagenav.menu.small a.lastpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-mail .listbox .pagenav.menu.footer a.lastpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-mail .listbox .pagenav.menu.small a.lastpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.lastpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.lastpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-mail .pagenav.menu.footer a.firstpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-mail .pagenav.menu.small a.firstpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-mail .listbox .pagenav.menu.footer a.firstpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-mail .listbox .pagenav.menu.small a.firstpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.firstpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.firstpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-mail .pagenav.menu.footer a.prevpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-mail .pagenav.menu.small a.prevpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-mail .listbox .pagenav.menu.footer a.prevpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-mail .listbox .pagenav.menu.small a.prevpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.prevpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.prevpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-mail .pagenav.menu.footer a.nextpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-mail .pagenav.menu.small a.nextpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-mail .listbox .pagenav.menu.footer a.nextpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-mail .listbox .pagenav.menu.small a.nextpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.nextpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.nextpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-mail .pagenav.menu.footer a.lastpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-mail .pagenav.menu.small a.lastpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-mail .listbox .pagenav.menu.footer a.lastpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-mail .listbox .pagenav.menu.small a.lastpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.lastpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.lastpage.active:not(.disabled):not([aria-disabled="true"]):hover::before {
  color: var(--accent-color) !important;
  transform: scale(1.1) !important;
}
.task-mail .pagenav.menu.footer a.firstpage.disabled,
.task-mail .pagenav.menu.small a.firstpage.disabled,
.task-mail .listbox .pagenav.menu.footer a.firstpage.disabled,
.task-mail .listbox .pagenav.menu.small a.firstpage.disabled,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.firstpage.disabled,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.firstpage.disabled,
.task-mail .pagenav.menu.footer a.prevpage.disabled,
.task-mail .pagenav.menu.small a.prevpage.disabled,
.task-mail .listbox .pagenav.menu.footer a.prevpage.disabled,
.task-mail .listbox .pagenav.menu.small a.prevpage.disabled,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.prevpage.disabled,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.prevpage.disabled,
.task-mail .pagenav.menu.footer a.nextpage.disabled,
.task-mail .pagenav.menu.small a.nextpage.disabled,
.task-mail .listbox .pagenav.menu.footer a.nextpage.disabled,
.task-mail .listbox .pagenav.menu.small a.nextpage.disabled,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.nextpage.disabled,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.nextpage.disabled,
.task-mail .pagenav.menu.footer a.lastpage.disabled,
.task-mail .pagenav.menu.small a.lastpage.disabled,
.task-mail .listbox .pagenav.menu.footer a.lastpage.disabled,
.task-mail .listbox .pagenav.menu.small a.lastpage.disabled,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.lastpage.disabled,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.lastpage.disabled,
.task-mail .pagenav.menu.footer a.firstpage[aria-disabled="true"],
.task-mail .pagenav.menu.small a.firstpage[aria-disabled="true"],
.task-mail .listbox .pagenav.menu.footer a.firstpage[aria-disabled="true"],
.task-mail .listbox .pagenav.menu.small a.firstpage[aria-disabled="true"],
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.firstpage[aria-disabled="true"],
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.firstpage[aria-disabled="true"],
.task-mail .pagenav.menu.footer a.prevpage[aria-disabled="true"],
.task-mail .pagenav.menu.small a.prevpage[aria-disabled="true"],
.task-mail .listbox .pagenav.menu.footer a.prevpage[aria-disabled="true"],
.task-mail .listbox .pagenav.menu.small a.prevpage[aria-disabled="true"],
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.prevpage[aria-disabled="true"],
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.prevpage[aria-disabled="true"],
.task-mail .pagenav.menu.footer a.nextpage[aria-disabled="true"],
.task-mail .pagenav.menu.small a.nextpage[aria-disabled="true"],
.task-mail .listbox .pagenav.menu.footer a.nextpage[aria-disabled="true"],
.task-mail .listbox .pagenav.menu.small a.nextpage[aria-disabled="true"],
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.nextpage[aria-disabled="true"],
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.nextpage[aria-disabled="true"],
.task-mail .pagenav.menu.footer a.lastpage[aria-disabled="true"],
.task-mail .pagenav.menu.small a.lastpage[aria-disabled="true"],
.task-mail .listbox .pagenav.menu.footer a.lastpage[aria-disabled="true"],
.task-mail .listbox .pagenav.menu.small a.lastpage[aria-disabled="true"],
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.lastpage[aria-disabled="true"],
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.lastpage[aria-disabled="true"] {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
  /* Strong embedded/pressed appearance for disabled */
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  background: var(--pressed-bg-color) !important;
  transform: none !important;
}
.task-mail .pagenav.menu.footer a.firstpage.disabled::before,
.task-mail .pagenav.menu.small a.firstpage.disabled::before,
.task-mail .listbox .pagenav.menu.footer a.firstpage.disabled::before,
.task-mail .listbox .pagenav.menu.small a.firstpage.disabled::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.firstpage.disabled::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.firstpage.disabled::before,
.task-mail .pagenav.menu.footer a.prevpage.disabled::before,
.task-mail .pagenav.menu.small a.prevpage.disabled::before,
.task-mail .listbox .pagenav.menu.footer a.prevpage.disabled::before,
.task-mail .listbox .pagenav.menu.small a.prevpage.disabled::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.prevpage.disabled::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.prevpage.disabled::before,
.task-mail .pagenav.menu.footer a.nextpage.disabled::before,
.task-mail .pagenav.menu.small a.nextpage.disabled::before,
.task-mail .listbox .pagenav.menu.footer a.nextpage.disabled::before,
.task-mail .listbox .pagenav.menu.small a.nextpage.disabled::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.nextpage.disabled::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.nextpage.disabled::before,
.task-mail .pagenav.menu.footer a.lastpage.disabled::before,
.task-mail .pagenav.menu.small a.lastpage.disabled::before,
.task-mail .listbox .pagenav.menu.footer a.lastpage.disabled::before,
.task-mail .listbox .pagenav.menu.small a.lastpage.disabled::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.lastpage.disabled::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.lastpage.disabled::before,
.task-mail .pagenav.menu.footer a.firstpage[aria-disabled="true"]::before,
.task-mail .pagenav.menu.small a.firstpage[aria-disabled="true"]::before,
.task-mail .listbox .pagenav.menu.footer a.firstpage[aria-disabled="true"]::before,
.task-mail .listbox .pagenav.menu.small a.firstpage[aria-disabled="true"]::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.firstpage[aria-disabled="true"]::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.firstpage[aria-disabled="true"]::before,
.task-mail .pagenav.menu.footer a.prevpage[aria-disabled="true"]::before,
.task-mail .pagenav.menu.small a.prevpage[aria-disabled="true"]::before,
.task-mail .listbox .pagenav.menu.footer a.prevpage[aria-disabled="true"]::before,
.task-mail .listbox .pagenav.menu.small a.prevpage[aria-disabled="true"]::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.prevpage[aria-disabled="true"]::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.prevpage[aria-disabled="true"]::before,
.task-mail .pagenav.menu.footer a.nextpage[aria-disabled="true"]::before,
.task-mail .pagenav.menu.small a.nextpage[aria-disabled="true"]::before,
.task-mail .listbox .pagenav.menu.footer a.nextpage[aria-disabled="true"]::before,
.task-mail .listbox .pagenav.menu.small a.nextpage[aria-disabled="true"]::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.nextpage[aria-disabled="true"]::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.nextpage[aria-disabled="true"]::before,
.task-mail .pagenav.menu.footer a.lastpage[aria-disabled="true"]::before,
.task-mail .pagenav.menu.small a.lastpage[aria-disabled="true"]::before,
.task-mail .listbox .pagenav.menu.footer a.lastpage[aria-disabled="true"]::before,
.task-mail .listbox .pagenav.menu.small a.lastpage[aria-disabled="true"]::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer a.lastpage[aria-disabled="true"]::before,
body:not(.ui-dialog) .task-mail .pagenav.menu.small a.lastpage[aria-disabled="true"]::before {
  color: var(--text-light) !important;
  opacity: 0.5 !important;
}
.task-mail .pagenav.menu.footer .pagenav-text,
.task-mail .pagenav.menu.small .pagenav-text,
.task-mail .listbox .pagenav.menu.footer .pagenav-text,
.task-mail .listbox .pagenav.menu.small .pagenav-text,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer .pagenav-text,
body:not(.ui-dialog) .task-mail .pagenav.menu.small .pagenav-text {
  flex: 0 1 auto !important;
  text-align: center !important;
  color: var(--text-main) !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  padding: 8px 16px !important;
  margin: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  min-width: 140px !important;
  max-width: 300px !important;
  background: var(--bg-color) !important;
  border-radius: 12px !important;
  box-shadow: inset 3px 3px 6px var(--shadow-dark), inset -3px -3px 6px var(--shadow-light) !important;
  line-height: 1.5 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: auto !important;
  vertical-align: middle !important;
  box-sizing: border-box !important;
}
.task-mail .pagenav.menu.footer input.form-control.rcpagejumper,
.task-mail .pagenav.menu.small input.form-control.rcpagejumper,
.task-mail .listbox .pagenav.menu.footer input.form-control.rcpagejumper,
.task-mail .listbox .pagenav.menu.small input.form-control.rcpagejumper,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer input.form-control.rcpagejumper,
body:not(.ui-dialog) .task-mail .pagenav.menu.small input.form-control.rcpagejumper {
  width: 50px !important;
  min-width: 50px !important;
  max-width: 50px !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  padding: 8px !important;
  margin: 0 6px !important;
  background: var(--bg-color) !important;
  border: none !important;
  border-radius: 12px !important;
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  color: var(--text-main) !important;
  font-size: 0.875rem !important;
  font-weight: 700 !important;
  text-align: center !important;
  transition: all 0.3s ease !important;
  outline: none !important;
  flex-shrink: 0 !important;
  line-height: 1.5 !important;
  vertical-align: middle !important;
  box-sizing: border-box !important;
  display: inline-block !important;
}
.task-mail .pagenav.menu.footer input.form-control.rcpagejumper::placeholder,
.task-mail .pagenav.menu.small input.form-control.rcpagejumper::placeholder,
.task-mail .listbox .pagenav.menu.footer input.form-control.rcpagejumper::placeholder,
.task-mail .listbox .pagenav.menu.small input.form-control.rcpagejumper::placeholder,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer input.form-control.rcpagejumper::placeholder,
body:not(.ui-dialog) .task-mail .pagenav.menu.small input.form-control.rcpagejumper::placeholder {
  color: var(--text-light) !important;
  opacity: 0.6 !important;
}
.task-mail .pagenav.menu.footer input.form-control.rcpagejumper:focus:not(:disabled),
.task-mail .pagenav.menu.small input.form-control.rcpagejumper:focus:not(:disabled),
.task-mail .listbox .pagenav.menu.footer input.form-control.rcpagejumper:focus:not(:disabled),
.task-mail .listbox .pagenav.menu.small input.form-control.rcpagejumper:focus:not(:disabled),
body:not(.ui-dialog) .task-mail .pagenav.menu.footer input.form-control.rcpagejumper:focus:not(:disabled),
body:not(.ui-dialog) .task-mail .pagenav.menu.small input.form-control.rcpagejumper:focus:not(:disabled) {
  box-shadow: inset 5px 5px 10px var(--shadow-dark), inset -5px -5px 10px var(--shadow-light), 0 0 0 2px rgba(0, 191, 255, 0.4) !important;
  background: var(--bg-color) !important;
}
.task-mail .pagenav.menu.footer input.form-control.rcpagejumper:disabled,
.task-mail .pagenav.menu.small input.form-control.rcpagejumper:disabled,
.task-mail .listbox .pagenav.menu.footer input.form-control.rcpagejumper:disabled,
.task-mail .listbox .pagenav.menu.small input.form-control.rcpagejumper:disabled,
body:not(.ui-dialog) .task-mail .pagenav.menu.footer input.form-control.rcpagejumper:disabled,
body:not(.ui-dialog) .task-mail .pagenav.menu.small input.form-control.rcpagejumper:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
  box-shadow: inset 3px 3px 6px var(--shadow-dark), inset -3px -3px 6px var(--shadow-light) !important;
}
/* Dark Mode Support for Pagination */
.task-mail .dark-mode .pagenav.menu.footer,
.task-mail html.dark-mode .pagenav.menu.footer,
.task-mail body.dark-mode .pagenav.menu.footer,
.dark-mode .task-mail .pagenav.menu.footer {
  background: #2d3748 !important;
  box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.8), -4px -4px 8px rgba(0, 0, 0, 0.3) !important;
  /* Navigation Buttons - Dark Mode */
  /* Page Navigation Text - Dark Mode */
  /* Page Jumper Input - Dark Mode */
}
.task-mail .dark-mode .pagenav.menu.footer a.firstpage,
.task-mail html.dark-mode .pagenav.menu.footer a.firstpage,
.task-mail body.dark-mode .pagenav.menu.footer a.firstpage,
.dark-mode .task-mail .pagenav.menu.footer a.firstpage,
.task-mail .dark-mode .pagenav.menu.footer a.prevpage,
.task-mail html.dark-mode .pagenav.menu.footer a.prevpage,
.task-mail body.dark-mode .pagenav.menu.footer a.prevpage,
.dark-mode .task-mail .pagenav.menu.footer a.prevpage,
.task-mail .dark-mode .pagenav.menu.footer a.nextpage,
.task-mail html.dark-mode .pagenav.menu.footer a.nextpage,
.task-mail body.dark-mode .pagenav.menu.footer a.nextpage,
.dark-mode .task-mail .pagenav.menu.footer a.nextpage,
.task-mail .dark-mode .pagenav.menu.footer a.lastpage,
.task-mail html.dark-mode .pagenav.menu.footer a.lastpage,
.task-mail body.dark-mode .pagenav.menu.footer a.lastpage,
.dark-mode .task-mail .pagenav.menu.footer a.lastpage {
  background: #2d3748 !important;
  color: #e2e8f0 !important;
  /* Strong raised neumorphic effect for enabled buttons in dark mode */
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.8), -3px -3px 6px rgba(0, 0, 0, 0.3) !important;
}
.task-mail .dark-mode .pagenav.menu.footer a.firstpage::before,
.task-mail html.dark-mode .pagenav.menu.footer a.firstpage::before,
.task-mail body.dark-mode .pagenav.menu.footer a.firstpage::before,
.dark-mode .task-mail .pagenav.menu.footer a.firstpage::before,
.task-mail .dark-mode .pagenav.menu.footer a.prevpage::before,
.task-mail html.dark-mode .pagenav.menu.footer a.prevpage::before,
.task-mail body.dark-mode .pagenav.menu.footer a.prevpage::before,
.dark-mode .task-mail .pagenav.menu.footer a.prevpage::before,
.task-mail .dark-mode .pagenav.menu.footer a.nextpage::before,
.task-mail html.dark-mode .pagenav.menu.footer a.nextpage::before,
.task-mail body.dark-mode .pagenav.menu.footer a.nextpage::before,
.dark-mode .task-mail .pagenav.menu.footer a.nextpage::before,
.task-mail .dark-mode .pagenav.menu.footer a.lastpage::before,
.task-mail html.dark-mode .pagenav.menu.footer a.lastpage::before,
.task-mail body.dark-mode .pagenav.menu.footer a.lastpage::before,
.dark-mode .task-mail .pagenav.menu.footer a.lastpage::before {
  color: #e2e8f0 !important;
}
.task-mail .dark-mode .pagenav.menu.footer a.firstpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-mail html.dark-mode .pagenav.menu.footer a.firstpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-mail body.dark-mode .pagenav.menu.footer a.firstpage:hover:not(.disabled):not([aria-disabled="true"]),
.dark-mode .task-mail .pagenav.menu.footer a.firstpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-mail .dark-mode .pagenav.menu.footer a.prevpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-mail html.dark-mode .pagenav.menu.footer a.prevpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-mail body.dark-mode .pagenav.menu.footer a.prevpage:hover:not(.disabled):not([aria-disabled="true"]),
.dark-mode .task-mail .pagenav.menu.footer a.prevpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-mail .dark-mode .pagenav.menu.footer a.nextpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-mail html.dark-mode .pagenav.menu.footer a.nextpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-mail body.dark-mode .pagenav.menu.footer a.nextpage:hover:not(.disabled):not([aria-disabled="true"]),
.dark-mode .task-mail .pagenav.menu.footer a.nextpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-mail .dark-mode .pagenav.menu.footer a.lastpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-mail html.dark-mode .pagenav.menu.footer a.lastpage:hover:not(.disabled):not([aria-disabled="true"]),
.task-mail body.dark-mode .pagenav.menu.footer a.lastpage:hover:not(.disabled):not([aria-disabled="true"]),
.dark-mode .task-mail .pagenav.menu.footer a.lastpage:hover:not(.disabled):not([aria-disabled="true"]) {
  background: #374151 !important;
  box-shadow: inset 4px 4px 8px rgba(0, 0, 0, 0.5), inset -2px -2px 4px rgba(0, 0, 0, 0.4) !important;
}
.task-mail .dark-mode .pagenav.menu.footer a.firstpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-mail html.dark-mode .pagenav.menu.footer a.firstpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-mail body.dark-mode .pagenav.menu.footer a.firstpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.dark-mode .task-mail .pagenav.menu.footer a.firstpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-mail .dark-mode .pagenav.menu.footer a.prevpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-mail html.dark-mode .pagenav.menu.footer a.prevpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-mail body.dark-mode .pagenav.menu.footer a.prevpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.dark-mode .task-mail .pagenav.menu.footer a.prevpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-mail .dark-mode .pagenav.menu.footer a.nextpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-mail html.dark-mode .pagenav.menu.footer a.nextpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-mail body.dark-mode .pagenav.menu.footer a.nextpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.dark-mode .task-mail .pagenav.menu.footer a.nextpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-mail .dark-mode .pagenav.menu.footer a.lastpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-mail html.dark-mode .pagenav.menu.footer a.lastpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.task-mail body.dark-mode .pagenav.menu.footer a.lastpage:hover:not(.disabled):not([aria-disabled="true"])::before,
.dark-mode .task-mail .pagenav.menu.footer a.lastpage:hover:not(.disabled):not([aria-disabled="true"])::before {
  color: #00f2fe !important;
  /* Cyan accent in dark mode */
  transform: scale(1.15) !important;
}
.task-mail .dark-mode .pagenav.menu.footer a.firstpage:active:not(.disabled):not([aria-disabled="true"]),
.task-mail html.dark-mode .pagenav.menu.footer a.firstpage:active:not(.disabled):not([aria-disabled="true"]),
.task-mail body.dark-mode .pagenav.menu.footer a.firstpage:active:not(.disabled):not([aria-disabled="true"]),
.dark-mode .task-mail .pagenav.menu.footer a.firstpage:active:not(.disabled):not([aria-disabled="true"]),
.task-mail .dark-mode .pagenav.menu.footer a.prevpage:active:not(.disabled):not([aria-disabled="true"]),
.task-mail html.dark-mode .pagenav.menu.footer a.prevpage:active:not(.disabled):not([aria-disabled="true"]),
.task-mail body.dark-mode .pagenav.menu.footer a.prevpage:active:not(.disabled):not([aria-disabled="true"]),
.dark-mode .task-mail .pagenav.menu.footer a.prevpage:active:not(.disabled):not([aria-disabled="true"]),
.task-mail .dark-mode .pagenav.menu.footer a.nextpage:active:not(.disabled):not([aria-disabled="true"]),
.task-mail html.dark-mode .pagenav.menu.footer a.nextpage:active:not(.disabled):not([aria-disabled="true"]),
.task-mail body.dark-mode .pagenav.menu.footer a.nextpage:active:not(.disabled):not([aria-disabled="true"]),
.dark-mode .task-mail .pagenav.menu.footer a.nextpage:active:not(.disabled):not([aria-disabled="true"]),
.task-mail .dark-mode .pagenav.menu.footer a.lastpage:active:not(.disabled):not([aria-disabled="true"]),
.task-mail html.dark-mode .pagenav.menu.footer a.lastpage:active:not(.disabled):not([aria-disabled="true"]),
.task-mail body.dark-mode .pagenav.menu.footer a.lastpage:active:not(.disabled):not([aria-disabled="true"]),
.dark-mode .task-mail .pagenav.menu.footer a.lastpage:active:not(.disabled):not([aria-disabled="true"]),
.task-mail .dark-mode .pagenav.menu.footer a.firstpage.active:not(.disabled):not([aria-disabled="true"]),
.task-mail html.dark-mode .pagenav.menu.footer a.firstpage.active:not(.disabled):not([aria-disabled="true"]),
.task-mail body.dark-mode .pagenav.menu.footer a.firstpage.active:not(.disabled):not([aria-disabled="true"]),
.dark-mode .task-mail .pagenav.menu.footer a.firstpage.active:not(.disabled):not([aria-disabled="true"]),
.task-mail .dark-mode .pagenav.menu.footer a.prevpage.active:not(.disabled):not([aria-disabled="true"]),
.task-mail html.dark-mode .pagenav.menu.footer a.prevpage.active:not(.disabled):not([aria-disabled="true"]),
.task-mail body.dark-mode .pagenav.menu.footer a.prevpage.active:not(.disabled):not([aria-disabled="true"]),
.dark-mode .task-mail .pagenav.menu.footer a.prevpage.active:not(.disabled):not([aria-disabled="true"]),
.task-mail .dark-mode .pagenav.menu.footer a.nextpage.active:not(.disabled):not([aria-disabled="true"]),
.task-mail html.dark-mode .pagenav.menu.footer a.nextpage.active:not(.disabled):not([aria-disabled="true"]),
.task-mail body.dark-mode .pagenav.menu.footer a.nextpage.active:not(.disabled):not([aria-disabled="true"]),
.dark-mode .task-mail .pagenav.menu.footer a.nextpage.active:not(.disabled):not([aria-disabled="true"]),
.task-mail .dark-mode .pagenav.menu.footer a.lastpage.active:not(.disabled):not([aria-disabled="true"]),
.task-mail html.dark-mode .pagenav.menu.footer a.lastpage.active:not(.disabled):not([aria-disabled="true"]),
.task-mail body.dark-mode .pagenav.menu.footer a.lastpage.active:not(.disabled):not([aria-disabled="true"]),
.dark-mode .task-mail .pagenav.menu.footer a.lastpage.active:not(.disabled):not([aria-disabled="true"]) {
  box-shadow: inset 5px 5px 10px rgba(0, 0, 0, 0.6), inset -5px -5px 10px rgba(255, 255, 255, 0.1) !important;
  background: #374151 !important;
  /* Hover on active button - keep accent color */
}
.task-mail .dark-mode .pagenav.menu.footer a.firstpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-mail html.dark-mode .pagenav.menu.footer a.firstpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-mail body.dark-mode .pagenav.menu.footer a.firstpage:active:not(.disabled):not([aria-disabled="true"])::before,
.dark-mode .task-mail .pagenav.menu.footer a.firstpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-mail .dark-mode .pagenav.menu.footer a.prevpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-mail html.dark-mode .pagenav.menu.footer a.prevpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-mail body.dark-mode .pagenav.menu.footer a.prevpage:active:not(.disabled):not([aria-disabled="true"])::before,
.dark-mode .task-mail .pagenav.menu.footer a.prevpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-mail .dark-mode .pagenav.menu.footer a.nextpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-mail html.dark-mode .pagenav.menu.footer a.nextpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-mail body.dark-mode .pagenav.menu.footer a.nextpage:active:not(.disabled):not([aria-disabled="true"])::before,
.dark-mode .task-mail .pagenav.menu.footer a.nextpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-mail .dark-mode .pagenav.menu.footer a.lastpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-mail html.dark-mode .pagenav.menu.footer a.lastpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-mail body.dark-mode .pagenav.menu.footer a.lastpage:active:not(.disabled):not([aria-disabled="true"])::before,
.dark-mode .task-mail .pagenav.menu.footer a.lastpage:active:not(.disabled):not([aria-disabled="true"])::before,
.task-mail .dark-mode .pagenav.menu.footer a.firstpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-mail html.dark-mode .pagenav.menu.footer a.firstpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-mail body.dark-mode .pagenav.menu.footer a.firstpage.active:not(.disabled):not([aria-disabled="true"])::before,
.dark-mode .task-mail .pagenav.menu.footer a.firstpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-mail .dark-mode .pagenav.menu.footer a.prevpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-mail html.dark-mode .pagenav.menu.footer a.prevpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-mail body.dark-mode .pagenav.menu.footer a.prevpage.active:not(.disabled):not([aria-disabled="true"])::before,
.dark-mode .task-mail .pagenav.menu.footer a.prevpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-mail .dark-mode .pagenav.menu.footer a.nextpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-mail html.dark-mode .pagenav.menu.footer a.nextpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-mail body.dark-mode .pagenav.menu.footer a.nextpage.active:not(.disabled):not([aria-disabled="true"])::before,
.dark-mode .task-mail .pagenav.menu.footer a.nextpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-mail .dark-mode .pagenav.menu.footer a.lastpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-mail html.dark-mode .pagenav.menu.footer a.lastpage.active:not(.disabled):not([aria-disabled="true"])::before,
.task-mail body.dark-mode .pagenav.menu.footer a.lastpage.active:not(.disabled):not([aria-disabled="true"])::before,
.dark-mode .task-mail .pagenav.menu.footer a.lastpage.active:not(.disabled):not([aria-disabled="true"])::before {
  color: #00f2fe !important;
  /* Cyan accent in dark mode */
}
.task-mail .dark-mode .pagenav.menu.footer a.firstpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-mail html.dark-mode .pagenav.menu.footer a.firstpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-mail body.dark-mode .pagenav.menu.footer a.firstpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.dark-mode .task-mail .pagenav.menu.footer a.firstpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-mail .dark-mode .pagenav.menu.footer a.prevpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-mail html.dark-mode .pagenav.menu.footer a.prevpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-mail body.dark-mode .pagenav.menu.footer a.prevpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.dark-mode .task-mail .pagenav.menu.footer a.prevpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-mail .dark-mode .pagenav.menu.footer a.nextpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-mail html.dark-mode .pagenav.menu.footer a.nextpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-mail body.dark-mode .pagenav.menu.footer a.nextpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.dark-mode .task-mail .pagenav.menu.footer a.nextpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-mail .dark-mode .pagenav.menu.footer a.lastpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-mail html.dark-mode .pagenav.menu.footer a.lastpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-mail body.dark-mode .pagenav.menu.footer a.lastpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.dark-mode .task-mail .pagenav.menu.footer a.lastpage:active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-mail .dark-mode .pagenav.menu.footer a.firstpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-mail html.dark-mode .pagenav.menu.footer a.firstpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-mail body.dark-mode .pagenav.menu.footer a.firstpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.dark-mode .task-mail .pagenav.menu.footer a.firstpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-mail .dark-mode .pagenav.menu.footer a.prevpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-mail html.dark-mode .pagenav.menu.footer a.prevpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-mail body.dark-mode .pagenav.menu.footer a.prevpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.dark-mode .task-mail .pagenav.menu.footer a.prevpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-mail .dark-mode .pagenav.menu.footer a.nextpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-mail html.dark-mode .pagenav.menu.footer a.nextpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-mail body.dark-mode .pagenav.menu.footer a.nextpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.dark-mode .task-mail .pagenav.menu.footer a.nextpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-mail .dark-mode .pagenav.menu.footer a.lastpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-mail html.dark-mode .pagenav.menu.footer a.lastpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.task-mail body.dark-mode .pagenav.menu.footer a.lastpage.active:not(.disabled):not([aria-disabled="true"]):hover::before,
.dark-mode .task-mail .pagenav.menu.footer a.lastpage.active:not(.disabled):not([aria-disabled="true"]):hover::before {
  color: #00f2fe !important;
  transform: scale(1.1) !important;
}
.task-mail .dark-mode .pagenav.menu.footer a.firstpage.disabled,
.task-mail html.dark-mode .pagenav.menu.footer a.firstpage.disabled,
.task-mail body.dark-mode .pagenav.menu.footer a.firstpage.disabled,
.dark-mode .task-mail .pagenav.menu.footer a.firstpage.disabled,
.task-mail .dark-mode .pagenav.menu.footer a.prevpage.disabled,
.task-mail html.dark-mode .pagenav.menu.footer a.prevpage.disabled,
.task-mail body.dark-mode .pagenav.menu.footer a.prevpage.disabled,
.dark-mode .task-mail .pagenav.menu.footer a.prevpage.disabled,
.task-mail .dark-mode .pagenav.menu.footer a.nextpage.disabled,
.task-mail html.dark-mode .pagenav.menu.footer a.nextpage.disabled,
.task-mail body.dark-mode .pagenav.menu.footer a.nextpage.disabled,
.dark-mode .task-mail .pagenav.menu.footer a.nextpage.disabled,
.task-mail .dark-mode .pagenav.menu.footer a.lastpage.disabled,
.task-mail html.dark-mode .pagenav.menu.footer a.lastpage.disabled,
.task-mail body.dark-mode .pagenav.menu.footer a.lastpage.disabled,
.dark-mode .task-mail .pagenav.menu.footer a.lastpage.disabled,
.task-mail .dark-mode .pagenav.menu.footer a.firstpage[aria-disabled="true"],
.task-mail html.dark-mode .pagenav.menu.footer a.firstpage[aria-disabled="true"],
.task-mail body.dark-mode .pagenav.menu.footer a.firstpage[aria-disabled="true"],
.dark-mode .task-mail .pagenav.menu.footer a.firstpage[aria-disabled="true"],
.task-mail .dark-mode .pagenav.menu.footer a.prevpage[aria-disabled="true"],
.task-mail html.dark-mode .pagenav.menu.footer a.prevpage[aria-disabled="true"],
.task-mail body.dark-mode .pagenav.menu.footer a.prevpage[aria-disabled="true"],
.dark-mode .task-mail .pagenav.menu.footer a.prevpage[aria-disabled="true"],
.task-mail .dark-mode .pagenav.menu.footer a.nextpage[aria-disabled="true"],
.task-mail html.dark-mode .pagenav.menu.footer a.nextpage[aria-disabled="true"],
.task-mail body.dark-mode .pagenav.menu.footer a.nextpage[aria-disabled="true"],
.dark-mode .task-mail .pagenav.menu.footer a.nextpage[aria-disabled="true"],
.task-mail .dark-mode .pagenav.menu.footer a.lastpage[aria-disabled="true"],
.task-mail html.dark-mode .pagenav.menu.footer a.lastpage[aria-disabled="true"],
.task-mail body.dark-mode .pagenav.menu.footer a.lastpage[aria-disabled="true"],
.dark-mode .task-mail .pagenav.menu.footer a.lastpage[aria-disabled="true"] {
  box-shadow: inset 4px 4px 8px rgba(0, 0, 0, 0.5), inset -4px -4px 8px rgba(255, 255, 255, 0.03) !important;
  background: #1f2937 !important;
}
.task-mail .dark-mode .pagenav.menu.footer a.firstpage.disabled::before,
.task-mail html.dark-mode .pagenav.menu.footer a.firstpage.disabled::before,
.task-mail body.dark-mode .pagenav.menu.footer a.firstpage.disabled::before,
.dark-mode .task-mail .pagenav.menu.footer a.firstpage.disabled::before,
.task-mail .dark-mode .pagenav.menu.footer a.prevpage.disabled::before,
.task-mail html.dark-mode .pagenav.menu.footer a.prevpage.disabled::before,
.task-mail body.dark-mode .pagenav.menu.footer a.prevpage.disabled::before,
.dark-mode .task-mail .pagenav.menu.footer a.prevpage.disabled::before,
.task-mail .dark-mode .pagenav.menu.footer a.nextpage.disabled::before,
.task-mail html.dark-mode .pagenav.menu.footer a.nextpage.disabled::before,
.task-mail body.dark-mode .pagenav.menu.footer a.nextpage.disabled::before,
.dark-mode .task-mail .pagenav.menu.footer a.nextpage.disabled::before,
.task-mail .dark-mode .pagenav.menu.footer a.lastpage.disabled::before,
.task-mail html.dark-mode .pagenav.menu.footer a.lastpage.disabled::before,
.task-mail body.dark-mode .pagenav.menu.footer a.lastpage.disabled::before,
.dark-mode .task-mail .pagenav.menu.footer a.lastpage.disabled::before,
.task-mail .dark-mode .pagenav.menu.footer a.firstpage[aria-disabled="true"]::before,
.task-mail html.dark-mode .pagenav.menu.footer a.firstpage[aria-disabled="true"]::before,
.task-mail body.dark-mode .pagenav.menu.footer a.firstpage[aria-disabled="true"]::before,
.dark-mode .task-mail .pagenav.menu.footer a.firstpage[aria-disabled="true"]::before,
.task-mail .dark-mode .pagenav.menu.footer a.prevpage[aria-disabled="true"]::before,
.task-mail html.dark-mode .pagenav.menu.footer a.prevpage[aria-disabled="true"]::before,
.task-mail body.dark-mode .pagenav.menu.footer a.prevpage[aria-disabled="true"]::before,
.dark-mode .task-mail .pagenav.menu.footer a.prevpage[aria-disabled="true"]::before,
.task-mail .dark-mode .pagenav.menu.footer a.nextpage[aria-disabled="true"]::before,
.task-mail html.dark-mode .pagenav.menu.footer a.nextpage[aria-disabled="true"]::before,
.task-mail body.dark-mode .pagenav.menu.footer a.nextpage[aria-disabled="true"]::before,
.dark-mode .task-mail .pagenav.menu.footer a.nextpage[aria-disabled="true"]::before,
.task-mail .dark-mode .pagenav.menu.footer a.lastpage[aria-disabled="true"]::before,
.task-mail html.dark-mode .pagenav.menu.footer a.lastpage[aria-disabled="true"]::before,
.task-mail body.dark-mode .pagenav.menu.footer a.lastpage[aria-disabled="true"]::before,
.dark-mode .task-mail .pagenav.menu.footer a.lastpage[aria-disabled="true"]::before {
  color: #6b7280 !important;
  opacity: 0.5 !important;
}
.task-mail .dark-mode .pagenav.menu.footer .pagenav-text,
.task-mail html.dark-mode .pagenav.menu.footer .pagenav-text,
.task-mail body.dark-mode .pagenav.menu.footer .pagenav-text,
.dark-mode .task-mail .pagenav.menu.footer .pagenav-text {
  background: #2d3748 !important;
  color: #e2e8f0 !important;
  box-shadow: inset 3px 3px 6px rgba(0, 0, 0, 0.5), inset -3px -3px 6px rgba(255, 255, 255, 0.05) !important;
  line-height: 1.5 !important;
}
.task-mail .dark-mode .pagenav.menu.footer input.form-control.rcpagejumper,
.task-mail html.dark-mode .pagenav.menu.footer input.form-control.rcpagejumper,
.task-mail body.dark-mode .pagenav.menu.footer input.form-control.rcpagejumper,
.dark-mode .task-mail .pagenav.menu.footer input.form-control.rcpagejumper {
  background: #2d3748 !important;
  color: #e2e8f0 !important;
  box-shadow: inset 4px 4px 8px rgba(0, 0, 0, 0.5), inset -4px -4px 8px rgba(255, 255, 255, 0.05) !important;
}
.task-mail .dark-mode .pagenav.menu.footer input.form-control.rcpagejumper::placeholder,
.task-mail html.dark-mode .pagenav.menu.footer input.form-control.rcpagejumper::placeholder,
.task-mail body.dark-mode .pagenav.menu.footer input.form-control.rcpagejumper::placeholder,
.dark-mode .task-mail .pagenav.menu.footer input.form-control.rcpagejumper::placeholder {
  color: #9ca3af !important;
}
.task-mail .dark-mode .pagenav.menu.footer input.form-control.rcpagejumper:focus:not(:disabled),
.task-mail html.dark-mode .pagenav.menu.footer input.form-control.rcpagejumper:focus:not(:disabled),
.task-mail body.dark-mode .pagenav.menu.footer input.form-control.rcpagejumper:focus:not(:disabled),
.dark-mode .task-mail .pagenav.menu.footer input.form-control.rcpagejumper:focus:not(:disabled) {
  box-shadow: inset 5px 5px 10px rgba(0, 0, 0, 0.6), inset -5px -5px 10px rgba(255, 255, 255, 0.08), 0 0 0 2px rgba(0, 242, 254, 0.4) !important;
  background: #2d3748 !important;
}
.task-mail .dark-mode .pagenav.menu.footer input.form-control.rcpagejumper:disabled,
.task-mail html.dark-mode .pagenav.menu.footer input.form-control.rcpagejumper:disabled,
.task-mail body.dark-mode .pagenav.menu.footer input.form-control.rcpagejumper:disabled,
.dark-mode .task-mail .pagenav.menu.footer input.form-control.rcpagejumper:disabled {
  box-shadow: inset 3px 3px 6px rgba(0, 0, 0, 0.6), inset -3px -3px 6px rgba(255, 255, 255, 0.03) !important;
}
/* AJMAIL PAGINATION NAVIGATION - Closed */
/* ===========================================================
   AJMAIL DARK MODE - Full Page and Messagelist Styling
   Comprehensive dark mode support for inbox page
   =========================================================== */
/* Dark Mode Root Variables */
.task-mail .dark-mode,
.task-mail html.dark-mode,
.task-mail body.dark-mode,
.dark-mode .task-mail,
.task-addressbook .dark-mode,
.task-addressbook html.dark-mode,
.task-addressbook body.dark-mode,
.dark-mode .task-addressbook {
  --bg-color: #1a202c !important;
  --text-main: #e2e8f0 !important;
  --text-light: #a0aec0 !important;
  --shadow-light: rgba(0, 0, 0, 0.3) !important;
  /* DARK SHADOWS ONLY - NO LIGHT HIGHLIGHTS */
  --shadow-dark: rgba(0, 0, 0, 0.8) !important;
  /* FORCE ALL ELEMENTS TO USE DARK SHADOWS - OVERRIDE EVERYTHING */
  --pressed-bg-color: #2d3748 !important;
  --accent-color: #00f2fe !important;
  --accent-dark: #007bb6 !important;
  --unread-color: #2ed573 !important;
  --read-color: #718096 !important;
  --danger-color: #ff4757 !important;
}
.task-mail .dark-mode *,
.task-mail html.dark-mode *,
.task-mail body.dark-mode *,
.dark-mode .task-mail *,
.task-addressbook .dark-mode *,
.task-addressbook html.dark-mode *,
.task-addressbook body.dark-mode *,
.dark-mode .task-addressbook * {
  --shadow-light: rgba(0, 0, 0, 0.3) !important;
}
/* Dark Mode - Background */
.task-mail .dark-mode #layout,
.task-mail html.dark-mode #layout,
.task-mail body.dark-mode #layout,
.dark-mode .task-mail #layout {
  background: #0f1424 !important;
}
/* Dark Mode - Listing Container */
.task-mail .dark-mode .listing-container,
.task-mail html.dark-mode .listing-container,
.task-mail body.dark-mode .listing-container,
.dark-mode .task-mail .listing-container {
  background: transparent !important;
  box-shadow: none !important;
}
.task-mail .dark-mode .listing-container h1,
.task-mail html.dark-mode .listing-container h1,
.task-mail body.dark-mode .listing-container h1,
.dark-mode .task-mail .listing-container h1 {
  color: #e2e8f0 !important;
}
/* Dark Mode - Message List Table */
.task-mail .dark-mode table.listing,
.task-mail html.dark-mode table.listing,
.task-mail body.dark-mode table.listing,
.dark-mode .task-mail table.listing {
  background: transparent !important;
  box-shadow: none !important;
}
/* Dark Mode - Message Row Cards */
/* Dark Mode - Message List Table Row Background */
.task-mail .dark-mode table.listing tr.message,
.task-mail html.dark-mode table.listing tr.message,
.task-mail body.dark-mode table.listing tr.message,
.dark-mode .task-mail table.listing tr.message,
.task-mail .dark-mode #messagelist tr.message,
.task-mail html.dark-mode #messagelist tr.message,
.task-mail body.dark-mode #messagelist tr.message,
.dark-mode .task-mail #messagelist tr.message {
  /* Old Tr wanna add for TD color for background: #2d3748 (was using td background color) */
  background: transparent !important;
}
.task-mail .dark-mode table.listing tr.message td,
.task-mail html.dark-mode table.listing tr.message td,
.task-mail body.dark-mode table.listing tr.message td,
.dark-mode .task-mail table.listing tr.message td,
.task-mail .dark-mode #messagelist tr.message td,
.task-mail html.dark-mode #messagelist tr.message td,
.task-mail body.dark-mode #messagelist tr.message td,
.dark-mode .task-mail #messagelist tr.message td {
  /* Old Tr color for background: #1a202c */
  background: #1a202c !important;
  color: #e2e8f0 !important;
  box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.4), -8px -8px 16px rgba(255, 255, 255, 0.05), inset 0 0 0 0 transparent !important;
  background-image: linear-gradient(115deg, #1a202c 40%, #1a202c 50%, #1a202c 60%) !important;
}
/* Dark Mode - Message Row Hover */
.task-mail .dark-mode table.listing tr.message:hover td,
.task-mail html.dark-mode table.listing tr.message:hover td,
.task-mail body.dark-mode table.listing tr.message:hover td,
.dark-mode .task-mail table.listing tr.message:hover td,
.task-mail .dark-mode #messagelist tr.message:hover td,
.task-mail html.dark-mode #messagelist tr.message:hover td,
.task-mail body.dark-mode #messagelist tr.message:hover td,
.dark-mode .task-mail #messagelist tr.message:hover td {
  background: #2d3748 !important;
  box-shadow: 12px 12px 24px rgba(0, 0, 0, 0.5), -12px -12px 24px rgba(255, 255, 255, 0.08), inset 0 0 0 2px rgba(0, 242, 254, 0.3) !important;
  background-image: linear-gradient(115deg, #2d3748 40%, #1e3a5f 50%, #2d3748 60%) !important;
}
/* Dark Mode - Subject Cell Text */
.task-mail .dark-mode table.listing td.subject .fromto,
.task-mail html.dark-mode table.listing td.subject .fromto,
.task-mail body.dark-mode table.listing td.subject .fromto,
.dark-mode .task-mail table.listing td.subject .fromto,
.task-mail .dark-mode #messagelist td.subject .fromto,
.task-mail html.dark-mode #messagelist td.subject .fromto,
.task-mail body.dark-mode #messagelist td.subject .fromto,
.dark-mode .task-mail #messagelist td.subject .fromto {
  color: #e2e8f0 !important;
}
.task-mail .dark-mode table.listing td.subject .fromto .rcmContactAddress,
.task-mail html.dark-mode table.listing td.subject .fromto .rcmContactAddress,
.task-mail body.dark-mode table.listing td.subject .fromto .rcmContactAddress,
.dark-mode .task-mail table.listing td.subject .fromto .rcmContactAddress,
.task-mail .dark-mode #messagelist td.subject .fromto .rcmContactAddress,
.task-mail html.dark-mode #messagelist td.subject .fromto .rcmContactAddress,
.task-mail body.dark-mode #messagelist td.subject .fromto .rcmContactAddress,
.dark-mode .task-mail #messagelist td.subject .fromto .rcmContactAddress {
  color: #e2e8f0 !important;
}
/* Dark Mode - Subject Link */
.task-mail .dark-mode table.listing td.subject > span.subject a,
.task-mail html.dark-mode table.listing td.subject > span.subject a,
.task-mail body.dark-mode table.listing td.subject > span.subject a,
.dark-mode .task-mail table.listing td.subject > span.subject a,
.task-mail .dark-mode #messagelist td.subject > span.subject a,
.task-mail html.dark-mode #messagelist td.subject > span.subject a,
.task-mail body.dark-mode #messagelist td.subject > span.subject a,
.dark-mode .task-mail #messagelist td.subject > span.subject a {
  color: #e2e8f0 !important;
}
.task-mail .dark-mode table.listing td.subject > span.subject a:hover,
.task-mail html.dark-mode table.listing td.subject > span.subject a:hover,
.task-mail body.dark-mode table.listing td.subject > span.subject a:hover,
.dark-mode .task-mail table.listing td.subject > span.subject a:hover,
.task-mail .dark-mode #messagelist td.subject > span.subject a:hover,
.task-mail html.dark-mode #messagelist td.subject > span.subject a:hover,
.task-mail body.dark-mode #messagelist td.subject > span.subject a:hover,
.dark-mode .task-mail #messagelist td.subject > span.subject a:hover {
  color: #00f2fe !important;
}
/* Dark Mode - Unread Messages (Bold) */
.task-mail .dark-mode table.listing tr.message.unread td.subject .fromto,
.task-mail html.dark-mode table.listing tr.message.unread td.subject .fromto,
.task-mail body.dark-mode table.listing tr.message.unread td.subject .fromto,
.dark-mode .task-mail table.listing tr.message.unread td.subject .fromto,
.task-mail .dark-mode #messagelist tr.message.unread td.subject .fromto,
.task-mail html.dark-mode #messagelist tr.message.unread td.subject .fromto,
.task-mail body.dark-mode #messagelist tr.message.unread td.subject .fromto,
.dark-mode .task-mail #messagelist tr.message.unread td.subject .fromto {
  color: #e2e8f0 !important;
  font-weight: 700 !important;
}
.task-mail .dark-mode table.listing tr.message.unread td.subject > span.subject a,
.task-mail html.dark-mode table.listing tr.message.unread td.subject > span.subject a,
.task-mail body.dark-mode table.listing tr.message.unread td.subject > span.subject a,
.dark-mode .task-mail table.listing tr.message.unread td.subject > span.subject a,
.task-mail .dark-mode #messagelist tr.message.unread td.subject > span.subject a,
.task-mail html.dark-mode #messagelist tr.message.unread td.subject > span.subject a,
.task-mail body.dark-mode #messagelist tr.message.unread td.subject > span.subject a,
.dark-mode .task-mail #messagelist tr.message.unread td.subject > span.subject a {
  color: #e2e8f0 !important;
  font-weight: 700 !important;
}
/* Dark Mode - Date Badge */
.task-mail .dark-mode table.listing td.subject .date,
.task-mail html.dark-mode table.listing td.subject .date,
.task-mail body.dark-mode table.listing td.subject .date,
.dark-mode .task-mail table.listing td.subject .date,
.task-mail .dark-mode #messagelist td.subject .date,
.task-mail html.dark-mode #messagelist td.subject .date,
.task-mail body.dark-mode #messagelist td.subject .date,
.dark-mode .task-mail #messagelist td.subject .date {
  background: #1a202c !important;
  color: #a0aec0 !important;
  box-shadow: inset 3px 3px 7px rgba(0, 0, 0, 0.5), inset -3px -3px 7px rgba(255, 255, 255, 0.05) !important;
}
/* Dark Mode - Size Badge */
.task-mail .dark-mode table.listing td.subject .size,
.task-mail html.dark-mode table.listing td.subject .size,
.task-mail body.dark-mode table.listing td.subject .size,
.dark-mode .task-mail table.listing td.subject .size,
.task-mail .dark-mode #messagelist td.subject .size,
.task-mail html.dark-mode #messagelist td.subject .size,
.task-mail body.dark-mode #messagelist td.subject .size,
.dark-mode .task-mail #messagelist td.subject .size {
  background: #1a202c !important;
  color: #a0aec0 !important;
  box-shadow: inset 3px 3px 7px rgba(0, 0, 0, 0.5), inset -3px -3px 7px rgba(255, 255, 255, 0.05) !important;
}
/* Dark Mode - Checkbox */
.task-mail .dark-mode table.listing td.selection input[type="checkbox"],
.task-mail html.dark-mode table.listing td.selection input[type="checkbox"],
.task-mail body.dark-mode table.listing td.selection input[type="checkbox"],
.dark-mode .task-mail table.listing td.selection input[type="checkbox"] {
  background: #1a202c !important;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4), -5px -5px 10px rgba(255, 255, 255, 0.05) !important;
}
.task-mail .dark-mode table.listing td.selection input[type="checkbox"]:checked,
.task-mail html.dark-mode table.listing td.selection input[type="checkbox"]:checked,
.task-mail body.dark-mode table.listing td.selection input[type="checkbox"]:checked,
.dark-mode .task-mail table.listing td.selection input[type="checkbox"]:checked {
  box-shadow: inset 3px 3px 7px rgba(0, 0, 0, 0.5), inset -3px -3px 7px rgba(255, 255, 255, 0.08) !important;
}
.task-mail .dark-mode table.listing td.selection input[type="checkbox"]:checked::after,
.task-mail html.dark-mode table.listing td.selection input[type="checkbox"]:checked::after,
.task-mail body.dark-mode table.listing td.selection input[type="checkbox"]:checked::after,
.dark-mode .task-mail table.listing td.selection input[type="checkbox"]:checked::after {
  color: #00f2fe !important;
}
/* Dark Mode - Flagged Button */
.task-mail .dark-mode table.listing td.flags .flagged,
.task-mail html.dark-mode table.listing td.flags .flagged,
.task-mail body.dark-mode table.listing td.flags .flagged,
.dark-mode .task-mail table.listing td.flags .flagged {
  background: #1a202c !important;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4), -5px -5px 10px rgba(255, 255, 255, 0.05) !important;
}
.task-mail .dark-mode table.listing td.flags .flagged:hover,
.task-mail html.dark-mode table.listing td.flags .flagged:hover,
.task-mail body.dark-mode table.listing td.flags .flagged:hover,
.dark-mode .task-mail table.listing td.flags .flagged:hover,
.task-mail .dark-mode table.listing td.flags .flagged.active,
.task-mail html.dark-mode table.listing td.flags .flagged.active,
.task-mail body.dark-mode table.listing td.flags .flagged.active,
.dark-mode .task-mail table.listing td.flags .flagged.active {
  box-shadow: inset 3px 3px 7px rgba(0, 0, 0, 0.5), inset -3px -3px 7px rgba(255, 255, 255, 0.08) !important;
}
/* Dark Mode - Attachment Button */
.task-mail .dark-mode table.listing td.flags .attachment,
.task-mail html.dark-mode table.listing td.flags .attachment,
.task-mail body.dark-mode table.listing td.flags .attachment,
.dark-mode .task-mail table.listing td.flags .attachment {
  background: #1a202c !important;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4), -5px -5px 10px rgba(255, 255, 255, 0.05) !important;
}
.task-mail .dark-mode table.listing td.flags .attachment::before,
.task-mail html.dark-mode table.listing td.flags .attachment::before,
.task-mail body.dark-mode table.listing td.flags .attachment::before,
.dark-mode .task-mail table.listing td.flags .attachment::before {
  color: #e2e8f0 !important;
}
/* Dark Mode - Unread Count Badge */
.task-mail .dark-mode .unreadcount,
.task-mail html.dark-mode .unreadcount,
.task-mail body.dark-mode .unreadcount,
.dark-mode .task-mail .unreadcount {
  background: linear-gradient(135deg, #2ed573 0%, #1db954 100%) !important;
  color: #ffffff !important;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.4), -4px -4px 8px rgba(255, 255, 255, 0.05), 0 0 0 0 rgba(46, 213, 115, 0.7) !important;
}
/* Dark Mode - Messagelist Header */
.task-mail .dark-mode #messagelist-header,
.task-mail html.dark-mode #messagelist-header,
.task-mail body.dark-mode #messagelist-header,
.dark-mode .task-mail #messagelist-header {
  background: #1a202c !important;
  border-left: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.task-mail .dark-mode #messagelist-header .header-title,
.task-mail html.dark-mode #messagelist-header .header-title,
.task-mail body.dark-mode #messagelist-header .header-title,
.dark-mode .task-mail #messagelist-header .header-title {
  color: #e2e8f0 !important;
}
.task-mail .dark-mode #messagelist-header .button.icon,
.task-mail html.dark-mode #messagelist-header .button.icon,
.task-mail body.dark-mode #messagelist-header .button.icon,
.dark-mode .task-mail #messagelist-header .button.icon {
  background: #1a202c !important;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.8), -3px -3px 6px rgba(0, 0, 0, 0.3) !important;
}
.task-mail .dark-mode #messagelist-header .button.icon::before,
.task-mail html.dark-mode #messagelist-header .button.icon::before,
.task-mail body.dark-mode #messagelist-header .button.icon::before,
.dark-mode .task-mail #messagelist-header .button.icon::before {
  color: #e2e8f0 !important;
}
.task-mail .dark-mode #messagelist-header .button.icon:hover:not(.disabled),
.task-mail html.dark-mode #messagelist-header .button.icon:hover:not(.disabled),
.task-mail body.dark-mode #messagelist-header .button.icon:hover:not(.disabled),
.dark-mode .task-mail #messagelist-header .button.icon:hover:not(.disabled) {
  box-shadow: inset 4px 4px 8px rgba(0, 0, 0, 0.5), inset -2px -2px 4px rgba(0, 0, 0, 0.4) !important;
}
/* Dark Mode - Layout List Container */
.task-mail .dark-mode #layout-list,
.task-mail html.dark-mode #layout-list,
.task-mail body.dark-mode #layout-list,
.dark-mode .task-mail #layout-list {
  background: transparent !important;
}
.task-mail .dark-mode #layout-list table,
.task-mail html.dark-mode #layout-list table,
.task-mail body.dark-mode #layout-list table,
.dark-mode .task-mail #layout-list table {
  background: transparent !important;
  box-shadow: none !important;
}
/* Dark Mode - Messagelist Content Areas */
.task-mail .dark-mode #messagelist,
.task-mail html.dark-mode #messagelist,
.task-mail body.dark-mode #messagelist,
.dark-mode .task-mail #messagelist,
.task-mail .dark-mode #messagelist-content,
.task-mail html.dark-mode #messagelist-content,
.task-mail body.dark-mode #messagelist-content,
.dark-mode .task-mail #messagelist-content {
  background: transparent !important;
}
/* Dark Mode - Status Dot */
.task-mail .dark-mode table.listing td.subject::before,
.task-mail html.dark-mode table.listing td.subject::before,
.task-mail body.dark-mode table.listing td.subject::before,
.dark-mode .task-mail table.listing td.subject::before,
.task-mail .dark-mode #messagelist td.subject::before,
.task-mail html.dark-mode #messagelist td.subject::before,
.task-mail body.dark-mode #messagelist td.subject::before,
.dark-mode .task-mail #messagelist td.subject::before {
  background: #718096 !important;
  /* Dark gray for read in dark mode */
}
/* Dark Mode - Unread Status Dot */
.task-mail .dark-mode table.listing tr.message.unread:not(.flagged) td.subject::before,
.task-mail html.dark-mode table.listing tr.message.unread:not(.flagged) td.subject::before,
.task-mail body.dark-mode table.listing tr.message.unread:not(.flagged) td.subject::before,
.dark-mode .task-mail table.listing tr.message.unread:not(.flagged) td.subject::before,
.task-mail .dark-mode #messagelist tr.message.unread:not(.flagged) td.subject::before,
.task-mail html.dark-mode #messagelist tr.message.unread:not(.flagged) td.subject::before,
.task-mail body.dark-mode #messagelist tr.message.unread:not(.flagged) td.subject::before,
.dark-mode .task-mail #messagelist tr.message.unread:not(.flagged) td.subject::before {
  background: #2ed573 !important;
  /* Green for unread in dark mode */
}
/* Dark Mode - Flagged Status Dot */
.task-mail .dark-mode table.listing tr.message.flagged td.subject::before,
.task-mail html.dark-mode table.listing tr.message.flagged td.subject::before,
.task-mail body.dark-mode table.listing tr.message.flagged td.subject::before,
.dark-mode .task-mail table.listing tr.message.flagged td.subject::before,
.task-mail .dark-mode #messagelist tr.message.flagged td.subject::before,
.task-mail html.dark-mode #messagelist tr.message.flagged td.subject::before,
.task-mail body.dark-mode #messagelist tr.message.flagged td.subject::before,
.dark-mode .task-mail #messagelist tr.message.flagged td.subject::before {
  background: #fbbf24 !important;
  /* Yellow for flagged in dark mode */
}
/* Dark Mode - Unread + Flagged Status Dot */
.task-mail .dark-mode table.listing tr.message.unread.flagged td.subject::before,
.task-mail html.dark-mode table.listing tr.message.unread.flagged td.subject::before,
.task-mail body.dark-mode table.listing tr.message.unread.flagged td.subject::before,
.dark-mode .task-mail table.listing tr.message.unread.flagged td.subject::before,
.task-mail .dark-mode #messagelist tr.message.unread.flagged td.subject::before,
.task-mail html.dark-mode #messagelist tr.message.unread.flagged td.subject::before,
.task-mail body.dark-mode #messagelist tr.message.unread.flagged td.subject::before,
.dark-mode .task-mail #messagelist tr.message.unread.flagged td.subject::before {
  background: #f97316 !important;
  /* Orange for urgent unread in dark mode */
}
/* ===========================================================
   AJMAIL SIDEBAR MENU - Dark Mode Styling
   Dark mode hover and active states for folder list items
   =========================================================== */
/* Dark Mode - Sidebar Menu Links Hover State */
.task-mail .dark-mode #aj-sidebar .aj-folderlist-section .folderlist li > a:hover,
.task-mail html.dark-mode #aj-sidebar .aj-folderlist-section .folderlist li > a:hover,
.task-mail body.dark-mode #aj-sidebar .aj-folderlist-section .folderlist li > a:hover,
.dark-mode .task-mail #aj-sidebar .aj-folderlist-section .folderlist li > a:hover,
.task-mail .dark-mode #aj-sidebar .aj-folderlist-section .treelist li > a:hover,
.task-mail html.dark-mode #aj-sidebar .aj-folderlist-section .treelist li > a:hover,
.task-mail body.dark-mode #aj-sidebar .aj-folderlist-section .treelist li > a:hover,
.dark-mode .task-mail #aj-sidebar .aj-folderlist-section .treelist li > a:hover,
.task-addressbook .dark-mode #aj-sidebar .aj-folderlist-section .folderlist li > a:hover,
.task-addressbook html.dark-mode #aj-sidebar .aj-folderlist-section .folderlist li > a:hover,
.task-addressbook body.dark-mode #aj-sidebar .aj-folderlist-section .folderlist li > a:hover,
.dark-mode .task-addressbook #aj-sidebar .aj-folderlist-section .folderlist li > a:hover,
.task-addressbook .dark-mode #aj-sidebar .aj-folderlist-section .treelist li > a:hover,
.task-addressbook html.dark-mode #aj-sidebar .aj-folderlist-section .treelist li > a:hover,
.task-addressbook body.dark-mode #aj-sidebar .aj-folderlist-section .treelist li > a:hover,
.dark-mode .task-addressbook #aj-sidebar .aj-folderlist-section .treelist li > a:hover {
  cursor: pointer !important;
  /* Pointer cursor on hover */
  color: #00f2fe !important;
  /* Cyan accent color for text */
  background: #2d3748 !important;
  /* Dark gray background (darker than default) */
  transform: scale(0.98) !important;
  /* Pressed in effect */
  box-shadow: inset 2px 2px 4px #272a2f, inset -2px -2px 4px #373a40 !important;
  /* Custom inset shadow effect */
}
.task-mail .dark-mode #aj-sidebar .aj-folderlist-section .folderlist li > a:hover::before,
.task-mail html.dark-mode #aj-sidebar .aj-folderlist-section .folderlist li > a:hover::before,
.task-mail body.dark-mode #aj-sidebar .aj-folderlist-section .folderlist li > a:hover::before,
.dark-mode .task-mail #aj-sidebar .aj-folderlist-section .folderlist li > a:hover::before,
.task-mail .dark-mode #aj-sidebar .aj-folderlist-section .treelist li > a:hover::before,
.task-mail html.dark-mode #aj-sidebar .aj-folderlist-section .treelist li > a:hover::before,
.task-mail body.dark-mode #aj-sidebar .aj-folderlist-section .treelist li > a:hover::before,
.dark-mode .task-mail #aj-sidebar .aj-folderlist-section .treelist li > a:hover::before,
.task-addressbook .dark-mode #aj-sidebar .aj-folderlist-section .folderlist li > a:hover::before,
.task-addressbook html.dark-mode #aj-sidebar .aj-folderlist-section .folderlist li > a:hover::before,
.task-addressbook body.dark-mode #aj-sidebar .aj-folderlist-section .folderlist li > a:hover::before,
.dark-mode .task-addressbook #aj-sidebar .aj-folderlist-section .folderlist li > a:hover::before,
.task-addressbook .dark-mode #aj-sidebar .aj-folderlist-section .treelist li > a:hover::before,
.task-addressbook html.dark-mode #aj-sidebar .aj-folderlist-section .treelist li > a:hover::before,
.task-addressbook body.dark-mode #aj-sidebar .aj-folderlist-section .treelist li > a:hover::before,
.dark-mode .task-addressbook #aj-sidebar .aj-folderlist-section .treelist li > a:hover::before {
  transform: scale(0.95) !important;
  /* Icon slightly pressed in */
  filter: brightness(0.95) !important;
  /* Slightly darker icon */
  box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.3) !important;
  /* Inset shadow on icon */
  color: #ffffff !important;
  /* Keep icon white */
}
/* Dark Mode - Sidebar Menu Links Active/Selected State */
.task-mail .dark-mode #aj-sidebar .aj-folderlist-section .folderlist li > a.selected,
.task-mail html.dark-mode #aj-sidebar .aj-folderlist-section .folderlist li > a.selected,
.task-mail body.dark-mode #aj-sidebar .aj-folderlist-section .folderlist li > a.selected,
.dark-mode .task-mail #aj-sidebar .aj-folderlist-section .folderlist li > a.selected,
.task-mail .dark-mode #aj-sidebar .aj-folderlist-section .treelist li > a.selected,
.task-mail html.dark-mode #aj-sidebar .aj-folderlist-section .treelist li > a.selected,
.task-mail body.dark-mode #aj-sidebar .aj-folderlist-section .treelist li > a.selected,
.dark-mode .task-mail #aj-sidebar .aj-folderlist-section .treelist li > a.selected,
.task-mail .dark-mode #aj-sidebar .aj-folderlist-section .folderlist li.selected > a,
.task-mail html.dark-mode #aj-sidebar .aj-folderlist-section .folderlist li.selected > a,
.task-mail body.dark-mode #aj-sidebar .aj-folderlist-section .folderlist li.selected > a,
.dark-mode .task-mail #aj-sidebar .aj-folderlist-section .folderlist li.selected > a,
.task-mail .dark-mode #aj-sidebar .aj-folderlist-section .treelist li.selected > a,
.task-mail html.dark-mode #aj-sidebar .aj-folderlist-section .treelist li.selected > a,
.task-mail body.dark-mode #aj-sidebar .aj-folderlist-section .treelist li.selected > a,
.dark-mode .task-mail #aj-sidebar .aj-folderlist-section .treelist li.selected > a,
.task-addressbook .dark-mode #aj-sidebar .aj-folderlist-section .folderlist li > a.selected,
.task-addressbook html.dark-mode #aj-sidebar .aj-folderlist-section .folderlist li > a.selected,
.task-addressbook body.dark-mode #aj-sidebar .aj-folderlist-section .folderlist li > a.selected,
.dark-mode .task-addressbook #aj-sidebar .aj-folderlist-section .folderlist li > a.selected,
.task-addressbook .dark-mode #aj-sidebar .aj-folderlist-section .treelist li > a.selected,
.task-addressbook html.dark-mode #aj-sidebar .aj-folderlist-section .treelist li > a.selected,
.task-addressbook body.dark-mode #aj-sidebar .aj-folderlist-section .treelist li > a.selected,
.dark-mode .task-addressbook #aj-sidebar .aj-folderlist-section .treelist li > a.selected,
.task-addressbook .dark-mode #aj-sidebar .aj-folderlist-section .folderlist li.selected > a,
.task-addressbook html.dark-mode #aj-sidebar .aj-folderlist-section .folderlist li.selected > a,
.task-addressbook body.dark-mode #aj-sidebar .aj-folderlist-section .folderlist li.selected > a,
.dark-mode .task-addressbook #aj-sidebar .aj-folderlist-section .folderlist li.selected > a,
.task-addressbook .dark-mode #aj-sidebar .aj-folderlist-section .treelist li.selected > a,
.task-addressbook html.dark-mode #aj-sidebar .aj-folderlist-section .treelist li.selected > a,
.task-addressbook body.dark-mode #aj-sidebar .aj-folderlist-section .treelist li.selected > a,
.dark-mode .task-addressbook #aj-sidebar .aj-folderlist-section .treelist li.selected > a {
  color: #00f2fe !important;
  /* Cyan accent color for text */
  background: #2d3748 !important;
  /* Dark gray background (darker than default) */
  transform: scale(0.98) !important;
  /* Pressed in effect */
  box-shadow: inset 2px 2px 4px #272a2f, inset -2px -2px 4px #373a40 !important;
  /* Custom inset shadow effect */
}
.task-mail .dark-mode #aj-sidebar .aj-folderlist-section .folderlist li > a.selected::before,
.task-mail html.dark-mode #aj-sidebar .aj-folderlist-section .folderlist li > a.selected::before,
.task-mail body.dark-mode #aj-sidebar .aj-folderlist-section .folderlist li > a.selected::before,
.dark-mode .task-mail #aj-sidebar .aj-folderlist-section .folderlist li > a.selected::before,
.task-mail .dark-mode #aj-sidebar .aj-folderlist-section .treelist li > a.selected::before,
.task-mail html.dark-mode #aj-sidebar .aj-folderlist-section .treelist li > a.selected::before,
.task-mail body.dark-mode #aj-sidebar .aj-folderlist-section .treelist li > a.selected::before,
.dark-mode .task-mail #aj-sidebar .aj-folderlist-section .treelist li > a.selected::before,
.task-mail .dark-mode #aj-sidebar .aj-folderlist-section .folderlist li.selected > a::before,
.task-mail html.dark-mode #aj-sidebar .aj-folderlist-section .folderlist li.selected > a::before,
.task-mail body.dark-mode #aj-sidebar .aj-folderlist-section .folderlist li.selected > a::before,
.dark-mode .task-mail #aj-sidebar .aj-folderlist-section .folderlist li.selected > a::before,
.task-mail .dark-mode #aj-sidebar .aj-folderlist-section .treelist li.selected > a::before,
.task-mail html.dark-mode #aj-sidebar .aj-folderlist-section .treelist li.selected > a::before,
.task-mail body.dark-mode #aj-sidebar .aj-folderlist-section .treelist li.selected > a::before,
.dark-mode .task-mail #aj-sidebar .aj-folderlist-section .treelist li.selected > a::before,
.task-addressbook .dark-mode #aj-sidebar .aj-folderlist-section .folderlist li > a.selected::before,
.task-addressbook html.dark-mode #aj-sidebar .aj-folderlist-section .folderlist li > a.selected::before,
.task-addressbook body.dark-mode #aj-sidebar .aj-folderlist-section .folderlist li > a.selected::before,
.dark-mode .task-addressbook #aj-sidebar .aj-folderlist-section .folderlist li > a.selected::before,
.task-addressbook .dark-mode #aj-sidebar .aj-folderlist-section .treelist li > a.selected::before,
.task-addressbook html.dark-mode #aj-sidebar .aj-folderlist-section .treelist li > a.selected::before,
.task-addressbook body.dark-mode #aj-sidebar .aj-folderlist-section .treelist li > a.selected::before,
.dark-mode .task-addressbook #aj-sidebar .aj-folderlist-section .treelist li > a.selected::before,
.task-addressbook .dark-mode #aj-sidebar .aj-folderlist-section .folderlist li.selected > a::before,
.task-addressbook html.dark-mode #aj-sidebar .aj-folderlist-section .folderlist li.selected > a::before,
.task-addressbook body.dark-mode #aj-sidebar .aj-folderlist-section .folderlist li.selected > a::before,
.dark-mode .task-addressbook #aj-sidebar .aj-folderlist-section .folderlist li.selected > a::before,
.task-addressbook .dark-mode #aj-sidebar .aj-folderlist-section .treelist li.selected > a::before,
.task-addressbook html.dark-mode #aj-sidebar .aj-folderlist-section .treelist li.selected > a::before,
.task-addressbook body.dark-mode #aj-sidebar .aj-folderlist-section .treelist li.selected > a::before,
.dark-mode .task-addressbook #aj-sidebar .aj-folderlist-section .treelist li.selected > a::before {
  transform: scale(0.95) !important;
  /* Icon slightly pressed in */
  filter: brightness(0.95) !important;
  /* Slightly darker icon */
  box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.3) !important;
  /* Inset shadow on icon */
  color: #ffffff !important;
  /* Keep icon white */
}
.task-mail .dark-mode #aj-sidebar .aj-folderlist-section .folderlist li > a.selected .unreadcount,
.task-mail html.dark-mode #aj-sidebar .aj-folderlist-section .folderlist li > a.selected .unreadcount,
.task-mail body.dark-mode #aj-sidebar .aj-folderlist-section .folderlist li > a.selected .unreadcount,
.dark-mode .task-mail #aj-sidebar .aj-folderlist-section .folderlist li > a.selected .unreadcount,
.task-mail .dark-mode #aj-sidebar .aj-folderlist-section .treelist li > a.selected .unreadcount,
.task-mail html.dark-mode #aj-sidebar .aj-folderlist-section .treelist li > a.selected .unreadcount,
.task-mail body.dark-mode #aj-sidebar .aj-folderlist-section .treelist li > a.selected .unreadcount,
.dark-mode .task-mail #aj-sidebar .aj-folderlist-section .treelist li > a.selected .unreadcount,
.task-mail .dark-mode #aj-sidebar .aj-folderlist-section .folderlist li.selected > a .unreadcount,
.task-mail html.dark-mode #aj-sidebar .aj-folderlist-section .folderlist li.selected > a .unreadcount,
.task-mail body.dark-mode #aj-sidebar .aj-folderlist-section .folderlist li.selected > a .unreadcount,
.dark-mode .task-mail #aj-sidebar .aj-folderlist-section .folderlist li.selected > a .unreadcount,
.task-mail .dark-mode #aj-sidebar .aj-folderlist-section .treelist li.selected > a .unreadcount,
.task-mail html.dark-mode #aj-sidebar .aj-folderlist-section .treelist li.selected > a .unreadcount,
.task-mail body.dark-mode #aj-sidebar .aj-folderlist-section .treelist li.selected > a .unreadcount,
.dark-mode .task-mail #aj-sidebar .aj-folderlist-section .treelist li.selected > a .unreadcount,
.task-addressbook .dark-mode #aj-sidebar .aj-folderlist-section .folderlist li > a.selected .unreadcount,
.task-addressbook html.dark-mode #aj-sidebar .aj-folderlist-section .folderlist li > a.selected .unreadcount,
.task-addressbook body.dark-mode #aj-sidebar .aj-folderlist-section .folderlist li > a.selected .unreadcount,
.dark-mode .task-addressbook #aj-sidebar .aj-folderlist-section .folderlist li > a.selected .unreadcount,
.task-addressbook .dark-mode #aj-sidebar .aj-folderlist-section .treelist li > a.selected .unreadcount,
.task-addressbook html.dark-mode #aj-sidebar .aj-folderlist-section .treelist li > a.selected .unreadcount,
.task-addressbook body.dark-mode #aj-sidebar .aj-folderlist-section .treelist li > a.selected .unreadcount,
.dark-mode .task-addressbook #aj-sidebar .aj-folderlist-section .treelist li > a.selected .unreadcount,
.task-addressbook .dark-mode #aj-sidebar .aj-folderlist-section .folderlist li.selected > a .unreadcount,
.task-addressbook html.dark-mode #aj-sidebar .aj-folderlist-section .folderlist li.selected > a .unreadcount,
.task-addressbook body.dark-mode #aj-sidebar .aj-folderlist-section .folderlist li.selected > a .unreadcount,
.dark-mode .task-addressbook #aj-sidebar .aj-folderlist-section .folderlist li.selected > a .unreadcount,
.task-addressbook .dark-mode #aj-sidebar .aj-folderlist-section .treelist li.selected > a .unreadcount,
.task-addressbook html.dark-mode #aj-sidebar .aj-folderlist-section .treelist li.selected > a .unreadcount,
.task-addressbook body.dark-mode #aj-sidebar .aj-folderlist-section .treelist li.selected > a .unreadcount,
.dark-mode .task-addressbook #aj-sidebar .aj-folderlist-section .treelist li.selected > a .unreadcount,
.task-mail .dark-mode #aj-sidebar .aj-folderlist-section .folderlist li > a.selected .count,
.task-mail html.dark-mode #aj-sidebar .aj-folderlist-section .folderlist li > a.selected .count,
.task-mail body.dark-mode #aj-sidebar .aj-folderlist-section .folderlist li > a.selected .count,
.dark-mode .task-mail #aj-sidebar .aj-folderlist-section .folderlist li > a.selected .count,
.task-mail .dark-mode #aj-sidebar .aj-folderlist-section .treelist li > a.selected .count,
.task-mail html.dark-mode #aj-sidebar .aj-folderlist-section .treelist li > a.selected .count,
.task-mail body.dark-mode #aj-sidebar .aj-folderlist-section .treelist li > a.selected .count,
.dark-mode .task-mail #aj-sidebar .aj-folderlist-section .treelist li > a.selected .count,
.task-mail .dark-mode #aj-sidebar .aj-folderlist-section .folderlist li.selected > a .count,
.task-mail html.dark-mode #aj-sidebar .aj-folderlist-section .folderlist li.selected > a .count,
.task-mail body.dark-mode #aj-sidebar .aj-folderlist-section .folderlist li.selected > a .count,
.dark-mode .task-mail #aj-sidebar .aj-folderlist-section .folderlist li.selected > a .count,
.task-mail .dark-mode #aj-sidebar .aj-folderlist-section .treelist li.selected > a .count,
.task-mail html.dark-mode #aj-sidebar .aj-folderlist-section .treelist li.selected > a .count,
.task-mail body.dark-mode #aj-sidebar .aj-folderlist-section .treelist li.selected > a .count,
.dark-mode .task-mail #aj-sidebar .aj-folderlist-section .treelist li.selected > a .count,
.task-addressbook .dark-mode #aj-sidebar .aj-folderlist-section .folderlist li > a.selected .count,
.task-addressbook html.dark-mode #aj-sidebar .aj-folderlist-section .folderlist li > a.selected .count,
.task-addressbook body.dark-mode #aj-sidebar .aj-folderlist-section .folderlist li > a.selected .count,
.dark-mode .task-addressbook #aj-sidebar .aj-folderlist-section .folderlist li > a.selected .count,
.task-addressbook .dark-mode #aj-sidebar .aj-folderlist-section .treelist li > a.selected .count,
.task-addressbook html.dark-mode #aj-sidebar .aj-folderlist-section .treelist li > a.selected .count,
.task-addressbook body.dark-mode #aj-sidebar .aj-folderlist-section .treelist li > a.selected .count,
.dark-mode .task-addressbook #aj-sidebar .aj-folderlist-section .treelist li > a.selected .count,
.task-addressbook .dark-mode #aj-sidebar .aj-folderlist-section .folderlist li.selected > a .count,
.task-addressbook html.dark-mode #aj-sidebar .aj-folderlist-section .folderlist li.selected > a .count,
.task-addressbook body.dark-mode #aj-sidebar .aj-folderlist-section .folderlist li.selected > a .count,
.dark-mode .task-addressbook #aj-sidebar .aj-folderlist-section .folderlist li.selected > a .count,
.task-addressbook .dark-mode #aj-sidebar .aj-folderlist-section .treelist li.selected > a .count,
.task-addressbook html.dark-mode #aj-sidebar .aj-folderlist-section .treelist li.selected > a .count,
.task-addressbook body.dark-mode #aj-sidebar .aj-folderlist-section .treelist li.selected > a .count,
.dark-mode .task-addressbook #aj-sidebar .aj-folderlist-section .treelist li.selected > a .count {
  color: #ffffff !important;
  /* White text for badges */
}
/* Dark Mode - Sidebar Menu Links Default State (for contrast) */
.task-mail .dark-mode #aj-sidebar .aj-folderlist-section .folderlist li > a,
.task-mail html.dark-mode #aj-sidebar .aj-folderlist-section .folderlist li > a,
.task-mail body.dark-mode #aj-sidebar .aj-folderlist-section .folderlist li > a,
.dark-mode .task-mail #aj-sidebar .aj-folderlist-section .folderlist li > a,
.task-mail .dark-mode #aj-sidebar .aj-folderlist-section .treelist li > a,
.task-mail html.dark-mode #aj-sidebar .aj-folderlist-section .treelist li > a,
.task-mail body.dark-mode #aj-sidebar .aj-folderlist-section .treelist li > a,
.dark-mode .task-mail #aj-sidebar .aj-folderlist-section .treelist li > a,
.task-addressbook .dark-mode #aj-sidebar .aj-folderlist-section .folderlist li > a,
.task-addressbook html.dark-mode #aj-sidebar .aj-folderlist-section .folderlist li > a,
.task-addressbook body.dark-mode #aj-sidebar .aj-folderlist-section .folderlist li > a,
.dark-mode .task-addressbook #aj-sidebar .aj-folderlist-section .folderlist li > a,
.task-addressbook .dark-mode #aj-sidebar .aj-folderlist-section .treelist li > a,
.task-addressbook html.dark-mode #aj-sidebar .aj-folderlist-section .treelist li > a,
.task-addressbook body.dark-mode #aj-sidebar .aj-folderlist-section .treelist li > a,
.dark-mode .task-addressbook #aj-sidebar .aj-folderlist-section .treelist li > a {
  cursor: pointer !important;
  /* Pointer cursor */
  color: #e2e8f0 !important;
  /* Light text color */
  background: #1a202c !important;
  /* Dark background matching message cards */
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4), -5px -5px 10px rgba(255, 255, 255, 0.05) !important;
  /* Raised neumorphic effect */
}
/* AJMAIL SIDEBAR MENU - Dark Mode Closed */
/* ===========================================================
   AJMAIL FOOTER TOGGLE BUTTON - Dark Mode Styling
   Dark mode support for round footer toggle button
   =========================================================== */
/* Dark Mode - Footer Toggle Button */
.task-mail .dark-mode #aj-sidebar .aj-sidebar-footer .aj-footer-toggle,
.task-mail html.dark-mode #aj-sidebar .aj-sidebar-footer .aj-footer-toggle,
.task-mail body.dark-mode #aj-sidebar .aj-sidebar-footer .aj-footer-toggle,
.dark-mode .task-mail #aj-sidebar .aj-sidebar-footer .aj-footer-toggle,
.task-addressbook .dark-mode #aj-sidebar .aj-sidebar-footer .aj-footer-toggle,
.task-addressbook html.dark-mode #aj-sidebar .aj-sidebar-footer .aj-footer-toggle,
.task-addressbook body.dark-mode #aj-sidebar .aj-sidebar-footer .aj-footer-toggle,
.dark-mode .task-addressbook #aj-sidebar .aj-sidebar-footer .aj-footer-toggle {
  background: transparent !important;
  /* Transparent background */
  box-shadow: none !important;
  /* No shadow */
  /* Override Bootstrap button classes in dark mode */
}
.task-mail .dark-mode #aj-sidebar .aj-sidebar-footer .aj-footer-toggle::before,
.task-mail html.dark-mode #aj-sidebar .aj-sidebar-footer .aj-footer-toggle::before,
.task-mail body.dark-mode #aj-sidebar .aj-sidebar-footer .aj-footer-toggle::before,
.dark-mode .task-mail #aj-sidebar .aj-sidebar-footer .aj-footer-toggle::before,
.task-addressbook .dark-mode #aj-sidebar .aj-sidebar-footer .aj-footer-toggle::before,
.task-addressbook html.dark-mode #aj-sidebar .aj-sidebar-footer .aj-footer-toggle::before,
.task-addressbook body.dark-mode #aj-sidebar .aj-sidebar-footer .aj-footer-toggle::before,
.dark-mode .task-addressbook #aj-sidebar .aj-sidebar-footer .aj-footer-toggle::before {
  color: #a0aec0 !important;
  /* Light gray icon color */
}
.task-mail .dark-mode #aj-sidebar .aj-sidebar-footer .aj-footer-toggle.btn,
.task-mail html.dark-mode #aj-sidebar .aj-sidebar-footer .aj-footer-toggle.btn,
.task-mail body.dark-mode #aj-sidebar .aj-sidebar-footer .aj-footer-toggle.btn,
.dark-mode .task-mail #aj-sidebar .aj-sidebar-footer .aj-footer-toggle.btn,
.task-addressbook .dark-mode #aj-sidebar .aj-sidebar-footer .aj-footer-toggle.btn,
.task-addressbook html.dark-mode #aj-sidebar .aj-sidebar-footer .aj-footer-toggle.btn,
.task-addressbook body.dark-mode #aj-sidebar .aj-sidebar-footer .aj-footer-toggle.btn,
.dark-mode .task-addressbook #aj-sidebar .aj-sidebar-footer .aj-footer-toggle.btn,
.task-mail .dark-mode #aj-sidebar .aj-sidebar-footer .aj-footer-toggle.btn-secondary,
.task-mail html.dark-mode #aj-sidebar .aj-sidebar-footer .aj-footer-toggle.btn-secondary,
.task-mail body.dark-mode #aj-sidebar .aj-sidebar-footer .aj-footer-toggle.btn-secondary,
.dark-mode .task-mail #aj-sidebar .aj-sidebar-footer .aj-footer-toggle.btn-secondary,
.task-addressbook .dark-mode #aj-sidebar .aj-sidebar-footer .aj-footer-toggle.btn-secondary,
.task-addressbook html.dark-mode #aj-sidebar .aj-sidebar-footer .aj-footer-toggle.btn-secondary,
.task-addressbook body.dark-mode #aj-sidebar .aj-sidebar-footer .aj-footer-toggle.btn-secondary,
.dark-mode .task-addressbook #aj-sidebar .aj-sidebar-footer .aj-footer-toggle.btn-secondary {
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 50% !important;
  /* Round button */
}
.task-mail .dark-mode #aj-sidebar .aj-sidebar-footer .aj-footer-toggle:hover,
.task-mail html.dark-mode #aj-sidebar .aj-sidebar-footer .aj-footer-toggle:hover,
.task-mail body.dark-mode #aj-sidebar .aj-sidebar-footer .aj-footer-toggle:hover,
.dark-mode .task-mail #aj-sidebar .aj-sidebar-footer .aj-footer-toggle:hover,
.task-addressbook .dark-mode #aj-sidebar .aj-sidebar-footer .aj-footer-toggle:hover,
.task-addressbook html.dark-mode #aj-sidebar .aj-sidebar-footer .aj-footer-toggle:hover,
.task-addressbook body.dark-mode #aj-sidebar .aj-sidebar-footer .aj-footer-toggle:hover,
.dark-mode .task-addressbook #aj-sidebar .aj-sidebar-footer .aj-footer-toggle:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  /* Subtle white background on hover */
}
.task-mail .dark-mode #aj-sidebar .aj-sidebar-footer .aj-footer-toggle:hover::before,
.task-mail html.dark-mode #aj-sidebar .aj-sidebar-footer .aj-footer-toggle:hover::before,
.task-mail body.dark-mode #aj-sidebar .aj-sidebar-footer .aj-footer-toggle:hover::before,
.dark-mode .task-mail #aj-sidebar .aj-sidebar-footer .aj-footer-toggle:hover::before,
.task-addressbook .dark-mode #aj-sidebar .aj-sidebar-footer .aj-footer-toggle:hover::before,
.task-addressbook html.dark-mode #aj-sidebar .aj-sidebar-footer .aj-footer-toggle:hover::before,
.task-addressbook body.dark-mode #aj-sidebar .aj-sidebar-footer .aj-footer-toggle:hover::before,
.dark-mode .task-addressbook #aj-sidebar .aj-sidebar-footer .aj-footer-toggle:hover::before {
  color: #00f2fe !important;
  /* Cyan accent color on hover */
}
.task-mail .dark-mode #aj-sidebar .aj-sidebar-footer .aj-footer-toggle:active,
.task-mail html.dark-mode #aj-sidebar .aj-sidebar-footer .aj-footer-toggle:active,
.task-mail body.dark-mode #aj-sidebar .aj-sidebar-footer .aj-footer-toggle:active,
.dark-mode .task-mail #aj-sidebar .aj-sidebar-footer .aj-footer-toggle:active,
.task-addressbook .dark-mode #aj-sidebar .aj-sidebar-footer .aj-footer-toggle:active,
.task-addressbook html.dark-mode #aj-sidebar .aj-sidebar-footer .aj-footer-toggle:active,
.task-addressbook body.dark-mode #aj-sidebar .aj-sidebar-footer .aj-footer-toggle:active,
.dark-mode .task-addressbook #aj-sidebar .aj-sidebar-footer .aj-footer-toggle:active {
  background: rgba(255, 255, 255, 0.15) !important;
  /* Slightly more visible on active */
}
.task-mail .dark-mode #aj-sidebar .aj-sidebar-footer .aj-footer-toggle:active::before,
.task-mail html.dark-mode #aj-sidebar .aj-sidebar-footer .aj-footer-toggle:active::before,
.task-mail body.dark-mode #aj-sidebar .aj-sidebar-footer .aj-footer-toggle:active::before,
.dark-mode .task-mail #aj-sidebar .aj-sidebar-footer .aj-footer-toggle:active::before,
.task-addressbook .dark-mode #aj-sidebar .aj-sidebar-footer .aj-footer-toggle:active::before,
.task-addressbook html.dark-mode #aj-sidebar .aj-sidebar-footer .aj-footer-toggle:active::before,
.task-addressbook body.dark-mode #aj-sidebar .aj-sidebar-footer .aj-footer-toggle:active::before,
.dark-mode .task-addressbook #aj-sidebar .aj-sidebar-footer .aj-footer-toggle:active::before {
  color: #00f2fe !important;
  /* Cyan accent color on active */
}
/* AJMAIL FOOTER TOGGLE BUTTON - Dark Mode Closed */
/* ===========================================================
   AJMAIL COMPOSE BUTTON - Dark Mode Styling
   Dark mode support for compose button
   =========================================================== */
/* Dark Mode - Compose Button */
.task-mail .dark-mode #aj-sidebar .compose-item > a,
.task-mail html.dark-mode #aj-sidebar .compose-item > a,
.task-mail body.dark-mode #aj-sidebar .compose-item > a,
.dark-mode .task-mail #aj-sidebar .compose-item > a,
.task-mail .dark-mode #aj-sidebar .compose-item > span > a,
.task-mail html.dark-mode #aj-sidebar .compose-item > span > a,
.task-mail body.dark-mode #aj-sidebar .compose-item > span > a,
.dark-mode .task-mail #aj-sidebar .compose-item > span > a,
.task-addressbook .dark-mode #aj-sidebar .compose-item > a,
.task-addressbook html.dark-mode #aj-sidebar .compose-item > a,
.task-addressbook body.dark-mode #aj-sidebar .compose-item > a,
.dark-mode .task-addressbook #aj-sidebar .compose-item > a,
.task-addressbook .dark-mode #aj-sidebar .compose-item > span > a,
.task-addressbook html.dark-mode #aj-sidebar .compose-item > span > a,
.task-addressbook body.dark-mode #aj-sidebar .compose-item > span > a,
.dark-mode .task-addressbook #aj-sidebar .compose-item > span > a {
  background: #1a202c !important;
  /* Dark background */
  color: #e2e8f0 !important;
  /* Light text */
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.4), -6px -6px 12px rgba(255, 255, 255, 0.05) !important;
  /* Dark neumorphic shadow */
}
.task-mail .dark-mode #aj-sidebar .compose-item > a::before,
.task-mail html.dark-mode #aj-sidebar .compose-item > a::before,
.task-mail body.dark-mode #aj-sidebar .compose-item > a::before,
.dark-mode .task-mail #aj-sidebar .compose-item > a::before,
.task-mail .dark-mode #aj-sidebar .compose-item > span > a::before,
.task-mail html.dark-mode #aj-sidebar .compose-item > span > a::before,
.task-mail body.dark-mode #aj-sidebar .compose-item > span > a::before,
.dark-mode .task-mail #aj-sidebar .compose-item > span > a::before,
.task-addressbook .dark-mode #aj-sidebar .compose-item > a::before,
.task-addressbook html.dark-mode #aj-sidebar .compose-item > a::before,
.task-addressbook body.dark-mode #aj-sidebar .compose-item > a::before,
.dark-mode .task-addressbook #aj-sidebar .compose-item > a::before,
.task-addressbook .dark-mode #aj-sidebar .compose-item > span > a::before,
.task-addressbook html.dark-mode #aj-sidebar .compose-item > span > a::before,
.task-addressbook body.dark-mode #aj-sidebar .compose-item > span > a::before,
.dark-mode .task-addressbook #aj-sidebar .compose-item > span > a::before {
  color: #00f2fe !important;
  /* Cyan accent for icon */
}
.task-mail .dark-mode #aj-sidebar .compose-item > a .inner,
.task-mail html.dark-mode #aj-sidebar .compose-item > a .inner,
.task-mail body.dark-mode #aj-sidebar .compose-item > a .inner,
.dark-mode .task-mail #aj-sidebar .compose-item > a .inner,
.task-mail .dark-mode #aj-sidebar .compose-item > span > a .inner,
.task-mail html.dark-mode #aj-sidebar .compose-item > span > a .inner,
.task-mail body.dark-mode #aj-sidebar .compose-item > span > a .inner,
.dark-mode .task-mail #aj-sidebar .compose-item > span > a .inner,
.task-addressbook .dark-mode #aj-sidebar .compose-item > a .inner,
.task-addressbook html.dark-mode #aj-sidebar .compose-item > a .inner,
.task-addressbook body.dark-mode #aj-sidebar .compose-item > a .inner,
.dark-mode .task-addressbook #aj-sidebar .compose-item > a .inner,
.task-addressbook .dark-mode #aj-sidebar .compose-item > span > a .inner,
.task-addressbook html.dark-mode #aj-sidebar .compose-item > span > a .inner,
.task-addressbook body.dark-mode #aj-sidebar .compose-item > span > a .inner,
.dark-mode .task-addressbook #aj-sidebar .compose-item > span > a .inner {
  color: #e2e8f0 !important;
  /* Light text */
}
.task-mail .dark-mode #aj-sidebar .compose-item > a:hover,
.task-mail html.dark-mode #aj-sidebar .compose-item > a:hover,
.task-mail body.dark-mode #aj-sidebar .compose-item > a:hover,
.dark-mode .task-mail #aj-sidebar .compose-item > a:hover,
.task-mail .dark-mode #aj-sidebar .compose-item > span > a:hover,
.task-mail html.dark-mode #aj-sidebar .compose-item > span > a:hover,
.task-mail body.dark-mode #aj-sidebar .compose-item > span > a:hover,
.dark-mode .task-mail #aj-sidebar .compose-item > span > a:hover,
.task-addressbook .dark-mode #aj-sidebar .compose-item > a:hover,
.task-addressbook html.dark-mode #aj-sidebar .compose-item > a:hover,
.task-addressbook body.dark-mode #aj-sidebar .compose-item > a:hover,
.dark-mode .task-addressbook #aj-sidebar .compose-item > a:hover,
.task-addressbook .dark-mode #aj-sidebar .compose-item > span > a:hover,
.task-addressbook html.dark-mode #aj-sidebar .compose-item > span > a:hover,
.task-addressbook body.dark-mode #aj-sidebar .compose-item > span > a:hover,
.dark-mode .task-addressbook #aj-sidebar .compose-item > span > a:hover {
  background: #2d3748 !important;
  /* Darker background on hover */
  box-shadow: inset 4px 4px 8px rgba(0, 0, 0, 0.6), inset -4px -4px 8px rgba(255, 255, 255, 0.05) !important;
  /* Dark inset shadow */
}
.task-mail .dark-mode #aj-sidebar .compose-item > a:hover::before,
.task-mail html.dark-mode #aj-sidebar .compose-item > a:hover::before,
.task-mail body.dark-mode #aj-sidebar .compose-item > a:hover::before,
.dark-mode .task-mail #aj-sidebar .compose-item > a:hover::before,
.task-mail .dark-mode #aj-sidebar .compose-item > span > a:hover::before,
.task-mail html.dark-mode #aj-sidebar .compose-item > span > a:hover::before,
.task-mail body.dark-mode #aj-sidebar .compose-item > span > a:hover::before,
.dark-mode .task-mail #aj-sidebar .compose-item > span > a:hover::before,
.task-addressbook .dark-mode #aj-sidebar .compose-item > a:hover::before,
.task-addressbook html.dark-mode #aj-sidebar .compose-item > a:hover::before,
.task-addressbook body.dark-mode #aj-sidebar .compose-item > a:hover::before,
.dark-mode .task-addressbook #aj-sidebar .compose-item > a:hover::before,
.task-addressbook .dark-mode #aj-sidebar .compose-item > span > a:hover::before,
.task-addressbook html.dark-mode #aj-sidebar .compose-item > span > a:hover::before,
.task-addressbook body.dark-mode #aj-sidebar .compose-item > span > a:hover::before,
.dark-mode .task-addressbook #aj-sidebar .compose-item > span > a:hover::before {
  color: #00f2fe !important;
  /* Cyan accent on hover */
}
.task-mail .dark-mode #aj-sidebar .compose-item > a:active,
.task-mail html.dark-mode #aj-sidebar .compose-item > a:active,
.task-mail body.dark-mode #aj-sidebar .compose-item > a:active,
.dark-mode .task-mail #aj-sidebar .compose-item > a:active,
.task-mail .dark-mode #aj-sidebar .compose-item > span > a:active,
.task-mail html.dark-mode #aj-sidebar .compose-item > span > a:active,
.task-mail body.dark-mode #aj-sidebar .compose-item > span > a:active,
.dark-mode .task-mail #aj-sidebar .compose-item > span > a:active,
.task-addressbook .dark-mode #aj-sidebar .compose-item > a:active,
.task-addressbook html.dark-mode #aj-sidebar .compose-item > a:active,
.task-addressbook body.dark-mode #aj-sidebar .compose-item > a:active,
.dark-mode .task-addressbook #aj-sidebar .compose-item > a:active,
.task-addressbook .dark-mode #aj-sidebar .compose-item > span > a:active,
.task-addressbook html.dark-mode #aj-sidebar .compose-item > span > a:active,
.task-addressbook body.dark-mode #aj-sidebar .compose-item > span > a:active,
.dark-mode .task-addressbook #aj-sidebar .compose-item > span > a:active {
  background: #2d3748 !important;
  /* Darker background on active */
  box-shadow: inset 5px 5px 10px rgba(0, 0, 0, 0.7), inset -5px -5px 10px rgba(255, 255, 255, 0.03) !important;
  /* Deeper dark inset */
}
/* AJMAIL COMPOSE BUTTON - Dark Mode Closed */
/* AJMAIL DARK MODE - Closed */
/* ============================================
   RECIPIENT DIALOG MODAL - NEUMORPHIC DESIGN
   Dark Theme Neumorphic Modal Matching Screenshot
   ============================================ */
/* Neumorphic Color Variables (Dark Theme) */
:root {
  --neumorphic-bg: #2c2f33;
  /* Dark background color (Deep Slate) */
  --vibrant-hover-bg: #393c40;
  /* Subtle dark hover */
  --light-shadow: #3a3d41;
  /* Used for highlights (lighter than BG) */
  --dark-shadow: #1e2124;
  /* Used for depth (darker than BG) */
  --neumorphic-radius: 16px;
}
html.dark-mode {
  --neumorphic-bg: #2c2f33;
  --vibrant-hover-bg: #393c40;
  --light-shadow: #3a3d41;
  --dark-shadow: #1e2124;
  --neumorphic-radius: 16px;
}
/* CRITICAL: Override base .popupmenu { display: none; } rule for recipient dialog */
/* This must come first to override the base styles */
.ui-dialog-content .popupmenu#recipient-dialog,
.ui-dialog-content > .popupmenu#recipient-dialog,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-content .popupmenu#recipient-dialog,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-content > .popupmenu#recipient-dialog {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
/* CRITICAL: Override ALL base .ui-dialog styles from styles.css */
/* These must be very specific to override the base rules */
.ui-dialog[aria-describedby*="recipient-dialog"].ui-widget,
.ui-dialog[aria-describedby*="recipient-dialog"].ui-widget-content,
.ui-dialog[aria-describedby*="recipient-dialog"].ui-corner-all {
  /* Override base .ui-dialog { border-radius: 0; box-shadow: none; } */
  border-radius: var(--neumorphic-radius) !important;
  box-shadow: 12px 12px 24px var(--dark-shadow), -12px -12px 24px var(--light-shadow) !important;
  border: none !important;
}
/* Ensure recipient-dialog is hidden by default when it has popupmenu class */
/* This is the default state before Roundcube's simple_dialog opens it */
/* BUT: When inside ui-dialog-content, it MUST be visible */
.ui-dialog-content #recipient-dialog.popupmenu,
.ui-dialog-content > #recipient-dialog.popupmenu {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
/* Hide only when NOT inside a dialog */
#recipient-dialog.popupmenu:not(.ui-dialog-content #recipient-dialog):not(.ui-dialog-content > #recipient-dialog) {
  display: none !important;
  visibility: hidden !important;
}
/* When dialog is opened, Roundcube's simple_dialog moves it into .ui-dialog-content */
/* CRITICAL: Override popupmenu display:none when inside dialog */
/* Use maximum specificity to override base .popupmenu { display: none; } rule */
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-content > #recipient-dialog,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-content #recipient-dialog,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-content > #recipient-dialog.popupmenu,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-content #recipient-dialog.popupmenu,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-content .popupmenu#recipient-dialog,
.ui-dialog-content #recipient-dialog.popupmenu,
.ui-dialog-content > #recipient-dialog.popupmenu {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
}
/* Main Dialog Container - Neumorphic Raised Effect */
/* CRITICAL: Override jQuery UI theme styles with maximum specificity */
/* Target all possible jQuery UI class combinations */
.ui-dialog[aria-describedby*="recipient-dialog"],
.ui-dialog.ui-widget-content[aria-describedby*="recipient-dialog"],
.ui-dialog.ui-corner-all[aria-describedby*="recipient-dialog"],
.ui-dialog.ui-widget.ui-widget-content[aria-describedby*="recipient-dialog"],
.ui-dialog.ui-widget.ui-corner-all[aria-describedby*="recipient-dialog"],
.ui-dialog.ui-front[aria-describedby*="recipient-dialog"],
.ui-dialog.ui-draggable[aria-describedby*="recipient-dialog"],
.ui-dialog.ui-resizable[aria-describedby*="recipient-dialog"],
body .ui-dialog[aria-describedby*="recipient-dialog"],
body .ui-dialog.ui-widget-content[aria-describedby*="recipient-dialog"],
body .ui-dialog.ui-corner-all[aria-describedby*="recipient-dialog"],
html body .ui-dialog[aria-describedby*="recipient-dialog"] {
  z-index: 20000 !important;
  border-radius: 16px !important;
  border: none !important;
  box-shadow: 12px 12px 24px #1e2124, -12px -12px 24px #3a3d41 !important;
  overflow: hidden !important;
  font-family: 'Inter', sans-serif !important;
  background: #2c2f33 !important;
  background-color: #2c2f33 !important;
  background-image: none !important;
  width: 90% !important;
  max-width: 600px !important;
  position: relative !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  /* Override all jQuery UI widget styles */
  /* Light mode support */
}
.ui-dialog[aria-describedby*="recipient-dialog"].ui-widget,
.ui-dialog.ui-widget-content[aria-describedby*="recipient-dialog"].ui-widget,
.ui-dialog.ui-corner-all[aria-describedby*="recipient-dialog"].ui-widget,
.ui-dialog.ui-widget.ui-widget-content[aria-describedby*="recipient-dialog"].ui-widget,
.ui-dialog.ui-widget.ui-corner-all[aria-describedby*="recipient-dialog"].ui-widget,
.ui-dialog.ui-front[aria-describedby*="recipient-dialog"].ui-widget,
.ui-dialog.ui-draggable[aria-describedby*="recipient-dialog"].ui-widget,
.ui-dialog.ui-resizable[aria-describedby*="recipient-dialog"].ui-widget,
body .ui-dialog[aria-describedby*="recipient-dialog"].ui-widget,
body .ui-dialog.ui-widget-content[aria-describedby*="recipient-dialog"].ui-widget,
body .ui-dialog.ui-corner-all[aria-describedby*="recipient-dialog"].ui-widget,
html body .ui-dialog[aria-describedby*="recipient-dialog"].ui-widget,
.ui-dialog[aria-describedby*="recipient-dialog"].ui-widget-content,
.ui-dialog.ui-widget-content[aria-describedby*="recipient-dialog"].ui-widget-content,
.ui-dialog.ui-corner-all[aria-describedby*="recipient-dialog"].ui-widget-content,
.ui-dialog.ui-widget.ui-widget-content[aria-describedby*="recipient-dialog"].ui-widget-content,
.ui-dialog.ui-widget.ui-corner-all[aria-describedby*="recipient-dialog"].ui-widget-content,
.ui-dialog.ui-front[aria-describedby*="recipient-dialog"].ui-widget-content,
.ui-dialog.ui-draggable[aria-describedby*="recipient-dialog"].ui-widget-content,
.ui-dialog.ui-resizable[aria-describedby*="recipient-dialog"].ui-widget-content,
body .ui-dialog[aria-describedby*="recipient-dialog"].ui-widget-content,
body .ui-dialog.ui-widget-content[aria-describedby*="recipient-dialog"].ui-widget-content,
body .ui-dialog.ui-corner-all[aria-describedby*="recipient-dialog"].ui-widget-content,
html body .ui-dialog[aria-describedby*="recipient-dialog"].ui-widget-content,
.ui-dialog[aria-describedby*="recipient-dialog"].ui-corner-all,
.ui-dialog.ui-widget-content[aria-describedby*="recipient-dialog"].ui-corner-all,
.ui-dialog.ui-corner-all[aria-describedby*="recipient-dialog"].ui-corner-all,
.ui-dialog.ui-widget.ui-widget-content[aria-describedby*="recipient-dialog"].ui-corner-all,
.ui-dialog.ui-widget.ui-corner-all[aria-describedby*="recipient-dialog"].ui-corner-all,
.ui-dialog.ui-front[aria-describedby*="recipient-dialog"].ui-corner-all,
.ui-dialog.ui-draggable[aria-describedby*="recipient-dialog"].ui-corner-all,
.ui-dialog.ui-resizable[aria-describedby*="recipient-dialog"].ui-corner-all,
body .ui-dialog[aria-describedby*="recipient-dialog"].ui-corner-all,
body .ui-dialog.ui-widget-content[aria-describedby*="recipient-dialog"].ui-corner-all,
body .ui-dialog.ui-corner-all[aria-describedby*="recipient-dialog"].ui-corner-all,
html body .ui-dialog[aria-describedby*="recipient-dialog"].ui-corner-all {
  border: none !important;
  border-radius: 16px !important;
  box-shadow: 12px 12px 24px #1e2124, -12px -12px 24px #3a3d41 !important;
  background: #2c2f33 !important;
  background-color: #2c2f33 !important;
  background-image: none !important;
}
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"],
html:not(.dark-mode) .ui-dialog.ui-widget-content[aria-describedby*="recipient-dialog"],
html:not(.dark-mode) .ui-dialog.ui-corner-all[aria-describedby*="recipient-dialog"],
html:not(.dark-mode) .ui-dialog.ui-widget.ui-widget-content[aria-describedby*="recipient-dialog"],
html:not(.dark-mode) .ui-dialog.ui-widget.ui-corner-all[aria-describedby*="recipient-dialog"],
html:not(.dark-mode) .ui-dialog.ui-front[aria-describedby*="recipient-dialog"],
html:not(.dark-mode) .ui-dialog.ui-draggable[aria-describedby*="recipient-dialog"],
html:not(.dark-mode) .ui-dialog.ui-resizable[aria-describedby*="recipient-dialog"],
html:not(.dark-mode) body .ui-dialog[aria-describedby*="recipient-dialog"],
html:not(.dark-mode) body .ui-dialog.ui-widget-content[aria-describedby*="recipient-dialog"],
html:not(.dark-mode) body .ui-dialog.ui-corner-all[aria-describedby*="recipient-dialog"],
html:not(.dark-mode) html body .ui-dialog[aria-describedby*="recipient-dialog"] {
  background: #e0e5ec !important;
  background-color: #e0e5ec !important;
  box-shadow: 12px 12px 24px #b8bec8, -12px -12px 24px #ffffff !important;
}
/* Dialog Titlebar - Neumorphic Header */
/* CRITICAL: Override jQuery UI titlebar styles with maximum specificity */
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar,
.ui-dialog.ui-widget-content[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar,
.ui-dialog.ui-widget.ui-widget-content[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar,
.ui-dialog.ui-corner-all[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar,
.ui-dialog.ui-front[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar,
.ui-dialog.ui-draggable[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar.ui-widget-header,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar.ui-helper-clearfix {
  background: #2c2f33 !important;
  background-color: #2c2f33 !important;
  background-image: none !important;
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
  border-radius: 16px 16px 0 0 !important;
  padding: 1.25rem 1.5rem !important;
  /* Increased padding for better spacing */
  height: auto !important;
  min-height: auto !important;
  max-height: none !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #ddd !important;
  line-height: normal !important;
  /* Light mode */
}
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar,
html:not(.dark-mode) .ui-dialog.ui-widget-content[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar,
html:not(.dark-mode) .ui-dialog.ui-widget.ui-widget-content[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar,
html:not(.dark-mode) .ui-dialog.ui-corner-all[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar,
html:not(.dark-mode) .ui-dialog.ui-front[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar,
html:not(.dark-mode) .ui-dialog.ui-draggable[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar,
html:not(.dark-mode) body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar,
html:not(.dark-mode) html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar,
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar.ui-widget-header,
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar.ui-helper-clearfix {
  background: #e0e5ec !important;
  background-color: #e0e5ec !important;
  color: #2c363a !important;
}
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-title {
  color: #ddd !important;
  font-weight: 700 !important;
  font-size: 1.5rem !important;
  /* Match screenshot title size */
  text-transform: capitalize !important;
  letter-spacing: -0.02em !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.2 !important;
  /* Tighter line height for title */
  /* Light mode */
}
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-title {
  color: #2c363a !important;
}
/* General Close Button Neumorphism (Convex/Raised) - For ALL dialogs */
/* Ensure icon shows up on all dialog close buttons */
.ui-dialog-titlebar-close,
.ui-dialog .ui-dialog-titlebar-close,
.ui-dialog.ui-widget-content .ui-dialog-titlebar-close,
.ui-dialog.ui-widget.ui-widget-content .ui-dialog-titlebar-close,
.ui-dialog.ui-corner-all .ui-dialog-titlebar-close,
.ui-dialog.ui-front .ui-dialog-titlebar-close,
body .ui-dialog .ui-dialog-titlebar-close,
html body .ui-dialog .ui-dialog-titlebar-close,
.ui-dialog .ui-dialog-titlebar button.ui-dialog-titlebar-close,
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
  /* Use ::before for the × icon using Font Awesome */
  /* Light mode */
  /* Hide any span elements inside */
}
.ui-dialog-titlebar-close::before,
.ui-dialog .ui-dialog-titlebar-close::before,
.ui-dialog.ui-widget-content .ui-dialog-titlebar-close::before,
.ui-dialog.ui-widget.ui-widget-content .ui-dialog-titlebar-close::before,
.ui-dialog.ui-corner-all .ui-dialog-titlebar-close::before,
.ui-dialog.ui-front .ui-dialog-titlebar-close::before,
body .ui-dialog .ui-dialog-titlebar-close::before,
html body .ui-dialog .ui-dialog-titlebar-close::before,
.ui-dialog .ui-dialog-titlebar button.ui-dialog-titlebar-close::before,
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close::before {
  content: "\f00d" !important;
  /* Font Awesome times icon (×) */
  font-family: 'Icons' !important;
  font-weight: 900 !important;
  font-style: normal !important;
  display: block !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  color: #ddd !important;
  font-size: 1rem !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  height: auto !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  transition: transform 0.3s ease-out, color 0.2s ease !important;
  transform-origin: center center !important;
  pointer-events: none !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 1 !important;
}
html:not(.dark-mode) .ui-dialog-titlebar-close::before,
html:not(.dark-mode) .ui-dialog .ui-dialog-titlebar-close::before,
html:not(.dark-mode) .ui-dialog.ui-widget-content .ui-dialog-titlebar-close::before,
html:not(.dark-mode) .ui-dialog.ui-widget.ui-widget-content .ui-dialog-titlebar-close::before,
html:not(.dark-mode) .ui-dialog.ui-corner-all .ui-dialog-titlebar-close::before,
html:not(.dark-mode) .ui-dialog.ui-front .ui-dialog-titlebar-close::before,
html:not(.dark-mode) body .ui-dialog .ui-dialog-titlebar-close::before,
html:not(.dark-mode) html body .ui-dialog .ui-dialog-titlebar-close::before,
html:not(.dark-mode) .ui-dialog .ui-dialog-titlebar button.ui-dialog-titlebar-close::before,
html:not(.dark-mode) .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close::before {
  color: #2c363a !important;
}
.ui-dialog-titlebar-close span,
.ui-dialog .ui-dialog-titlebar-close span,
.ui-dialog.ui-widget-content .ui-dialog-titlebar-close span,
.ui-dialog.ui-widget.ui-widget-content .ui-dialog-titlebar-close span,
.ui-dialog.ui-corner-all .ui-dialog-titlebar-close span,
.ui-dialog.ui-front .ui-dialog-titlebar-close span,
body .ui-dialog .ui-dialog-titlebar-close span,
html body .ui-dialog .ui-dialog-titlebar-close span,
.ui-dialog .ui-dialog-titlebar button.ui-dialog-titlebar-close span,
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close span {
  display: none !important;
}
/* Close Button Neumorphism (Convex/Raised) */
/* CRITICAL: Override jQuery UI close button styles with maximum specificity */
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close,
.ui-dialog.ui-widget-content[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close,
.ui-dialog.ui-widget.ui-widget-content[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close,
.ui-dialog.ui-corner-all[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close,
.ui-dialog.ui-front[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar button.ui-dialog-titlebar-close,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar .ui-dialog-titlebar-close {
  background: #2c2f33 !important;
  background-color: #2c2f33 !important;
  background-image: none !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  box-shadow: 6px 6px 12px #1e2124, -6px -6px 12px #3a3d41 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  font-size: 0 !important;
  /* Hide text, show icon via ::before */
  color: #ddd !important;
  padding: 0 !important;
  margin: 0 !important;
  position: relative !important;
  right: auto !important;
  top: auto !important;
  left: auto !important;
  bottom: auto !important;
  float: none !important;
  line-height: 1 !important;
  /* Use ::before for the × icon using Font Awesome */
  /* Hide any span elements inside */
  /* Light mode */
  /* Hover: Red background for close button - Maximum specificity */
  /* Animation: Close button X icon rotates on hover via ::before */
  /* Close button 'pressed' state on click */
}
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close::before,
.ui-dialog.ui-widget-content[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close::before,
.ui-dialog.ui-widget.ui-widget-content[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close::before,
.ui-dialog.ui-corner-all[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close::before,
.ui-dialog.ui-front[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close::before,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close::before,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close::before,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar button.ui-dialog-titlebar-close::before,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar .ui-dialog-titlebar-close::before {
  content: "\f00d" !important;
  /* Font Awesome times icon (×) */
  font-family: 'Icons' !important;
  font-weight: 900 !important;
  font-style: normal !important;
  display: block !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  color: #ddd !important;
  font-size: 1rem !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  height: auto !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  transition: transform 0.3s ease-out, color 0.2s ease !important;
  transform-origin: center center !important;
  pointer-events: none !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 1 !important;
}
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close span,
.ui-dialog.ui-widget-content[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close span,
.ui-dialog.ui-widget.ui-widget-content[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close span,
.ui-dialog.ui-corner-all[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close span,
.ui-dialog.ui-front[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close span,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close span,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close span,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar button.ui-dialog-titlebar-close span,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar .ui-dialog-titlebar-close span {
  display: none !important;
}
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close,
html:not(.dark-mode) .ui-dialog.ui-widget-content[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close,
html:not(.dark-mode) .ui-dialog.ui-widget.ui-widget-content[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close,
html:not(.dark-mode) .ui-dialog.ui-corner-all[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close,
html:not(.dark-mode) .ui-dialog.ui-front[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close,
html:not(.dark-mode) body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close,
html:not(.dark-mode) html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close,
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar button.ui-dialog-titlebar-close,
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar .ui-dialog-titlebar-close {
  background: #e0e5ec !important;
  background-color: #e0e5ec !important;
  box-shadow: 6px 6px 12px #b8bec8, -6px -6px 12px #ffffff !important;
  color: #2c363a !important;
}
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close::before,
html:not(.dark-mode) .ui-dialog.ui-widget-content[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close::before,
html:not(.dark-mode) .ui-dialog.ui-widget.ui-widget-content[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close::before,
html:not(.dark-mode) .ui-dialog.ui-corner-all[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close::before,
html:not(.dark-mode) .ui-dialog.ui-front[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close::before,
html:not(.dark-mode) body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close::before,
html:not(.dark-mode) html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close::before,
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar button.ui-dialog-titlebar-close::before,
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar .ui-dialog-titlebar-close::before {
  color: #2c363a !important;
}
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close:hover,
.ui-dialog.ui-widget-content[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close:hover,
.ui-dialog.ui-widget.ui-widget-content[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close:hover,
.ui-dialog.ui-corner-all[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close:hover,
.ui-dialog.ui-front[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close:hover,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close:hover,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close:hover,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar button.ui-dialog-titlebar-close:hover,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar .ui-dialog-titlebar-close:hover,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close.ui-state-hover,
.ui-dialog.ui-widget-content[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close.ui-state-hover,
.ui-dialog.ui-widget.ui-widget-content[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close.ui-state-hover,
.ui-dialog.ui-corner-all[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close.ui-state-hover,
.ui-dialog.ui-front[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close.ui-state-hover,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close.ui-state-hover,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close.ui-state-hover,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar button.ui-dialog-titlebar-close.ui-state-hover,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-state-hover,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close:focus,
.ui-dialog.ui-widget-content[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close:focus,
.ui-dialog.ui-widget.ui-widget-content[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close:focus,
.ui-dialog.ui-corner-all[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close:focus,
.ui-dialog.ui-front[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close:focus,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close:focus,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close:focus,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar button.ui-dialog-titlebar-close:focus,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar .ui-dialog-titlebar-close:focus {
  background: #ff4757 !important;
  /* Red background on hover */
  background-color: #ff4757 !important;
  background-image: none !important;
  color: white !important;
  /* White icon color on hover */
  box-shadow: 8px 8px 16px rgba(255, 71, 87, 0.4), -4px -4px 8px rgba(255, 71, 87, 0.2) !important;
  transform: rotate(360deg) !important;
}
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close:hover::before,
.ui-dialog.ui-widget-content[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close:hover::before,
.ui-dialog.ui-widget.ui-widget-content[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close:hover::before,
.ui-dialog.ui-corner-all[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close:hover::before,
.ui-dialog.ui-front[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close:hover::before,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close:hover::before,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close:hover::before,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar button.ui-dialog-titlebar-close:hover::before,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar .ui-dialog-titlebar-close:hover::before,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close.ui-state-hover::before,
.ui-dialog.ui-widget-content[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close.ui-state-hover::before,
.ui-dialog.ui-widget.ui-widget-content[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close.ui-state-hover::before,
.ui-dialog.ui-corner-all[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close.ui-state-hover::before,
.ui-dialog.ui-front[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close.ui-state-hover::before,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close.ui-state-hover::before,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close.ui-state-hover::before,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar button.ui-dialog-titlebar-close.ui-state-hover::before,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-state-hover::before,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close:focus::before,
.ui-dialog.ui-widget-content[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close:focus::before,
.ui-dialog.ui-widget.ui-widget-content[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close:focus::before,
.ui-dialog.ui-corner-all[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close:focus::before,
.ui-dialog.ui-front[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close:focus::before,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close:focus::before,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close:focus::before,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar button.ui-dialog-titlebar-close:focus::before,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar .ui-dialog-titlebar-close:focus::before {
  transform: translate(-50%, -50%) rotate(90deg) !important;
  /* Rotate the × icon 90 degrees */
  color: white !important;
}
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close:active,
.ui-dialog.ui-widget-content[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close:active,
.ui-dialog.ui-widget.ui-widget-content[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close:active,
.ui-dialog.ui-corner-all[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close:active,
.ui-dialog.ui-front[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close:active,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close:active,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar-close:active,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar button.ui-dialog-titlebar-close:active,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-titlebar .ui-dialog-titlebar-close:active {
  box-shadow: inset 3px 3px 5px var(--dark-shadow), inset -3px -3px 5px var(--light-shadow) !important;
  transform: scale(0.95) !important;
  color: white !important;
}
/* Dialog Content - Transparent Background */
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-content {
  background: transparent !important;
  padding: 1rem !important;
  border: none !important;
  min-height: 300px !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
  /* Ensure recipient-dialog inside content is visible */
}
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-content > #recipient-dialog {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
}
/* Recipient Dialog Container */
/* Hide recipient-dialog by default - only show when inside a visible dialog */
#recipient-dialog {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  /* Override popupmenu class when inside dialog */
}
#recipient-dialog.popupmenu {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}
/* Only show recipient-dialog when inside a visible dialog */
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]):not([style*="display: none"]) #recipient-dialog {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  /* Listbox Container - Must be visible */
  /* Ensure all child elements are visible */
  /* Scroller must be visible */
  /* Directory list must be visible */
  /* Contacts table must be visible */
}
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]):not([style*="display: none"]) #recipient-dialog.popupmenu {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]):not([style*="display: none"]) #recipient-dialog .listbox {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  min-height: 500px !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
  position: relative !important;
}
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]):not([style*="display: none"]) #recipient-dialog > * {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]):not([style*="display: none"]) #recipient-dialog .scroller {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]):not([style*="display: none"]) #recipient-dialog #directorylist {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]):not([style*="display: none"]) #recipient-dialog #contacts-table {
  display: table !important;
  visibility: visible !important;
  opacity: 1 !important;
}
/* When inside ui-dialog-content, force visibility even with popupmenu class */
/* Use maximum specificity to override base Roundcube styles */
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-content #recipient-dialog.popupmenu,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-content > #recipient-dialog.popupmenu,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-content .popupmenu#recipient-dialog {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  /* Override any inline styles that might hide it */
}
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-content #recipient-dialog.popupmenu[style*="display: none"],
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-content > #recipient-dialog.popupmenu[style*="display: none"],
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-content .popupmenu#recipient-dialog[style*="display: none"] {
  display: block !important;
}
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-content #recipient-dialog.popupmenu[style*="display:none"],
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-content > #recipient-dialog.popupmenu[style*="display:none"],
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-content .popupmenu#recipient-dialog[style*="display:none"] {
  display: block !important;
}
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-content #recipient-dialog.popupmenu .listbox,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-content > #recipient-dialog.popupmenu .listbox,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-content .popupmenu#recipient-dialog .listbox {
  display: flex !important;
  flex-direction: column !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: 100% !important;
  min-height: 500px !important;
  overflow: visible !important;
}
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-content #recipient-dialog.popupmenu .scroller,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-content > #recipient-dialog.popupmenu .scroller,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-content .popupmenu#recipient-dialog .scroller {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  flex: 1 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 1rem !important;
}
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-content #recipient-dialog.popupmenu #directorylist,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-content > #recipient-dialog.popupmenu #directorylist,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-content .popupmenu#recipient-dialog #directorylist {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 20px 0 !important;
}
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-content #recipient-dialog.popupmenu #contacts-table,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-content > #recipient-dialog.popupmenu #contacts-table,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-content .popupmenu#recipient-dialog #contacts-table {
  display: table !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 8px !important;
}
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-content #recipient-dialog.popupmenu #contacts-container,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-content > #recipient-dialog.popupmenu #contacts-container,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-content .popupmenu#recipient-dialog #contacts-container {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-content #recipient-dialog.popupmenu #contacts-container #contacts-table,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-content > #recipient-dialog.popupmenu #contacts-container #contacts-table,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-content .popupmenu#recipient-dialog #contacts-container #contacts-table {
  display: table !important;
  visibility: visible !important;
  opacity: 1 !important;
}
/* Search Bar Section - Neumorphic Design */
#recipient-dialog .searchbar.menu {
  padding: 1rem !important;
  /* Reduced padding to match screenshot */
  margin-bottom: 1rem !important;
  /* Reduced margin */
  display: flex !important;
  /* Use flexbox to align input and buttons */
  align-items: center !important;
  gap: 0.75rem !important;
  /* Reduced gap */
  background: transparent !important;
  border: none !important;
  /* Search Input with Icon (Concave/Pressed Effect) - Match screenshot design */
  /* Search Input Icon Styling (if icon is added via CSS) */
}
#recipient-dialog .searchbar.menu form {
  position: relative !important;
  flex-grow: 1 !important;
  /* Input takes up available space */
  margin: 0 !important;
  padding: 0 !important;
  /* Search icon styling - ensure it's visible */
  /* Add search icon via CSS if not present in HTML */
}
#recipient-dialog .searchbar.menu form i.fa-search,
#recipient-dialog .searchbar.menu form i[class*="fa-search"] {
  position: absolute !important;
  left: 1.125rem !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #4a90e2 !important;
  /* Primary Blue for Search Icon */
  font-size: 1.15em !important;
  z-index: 2 !important;
  pointer-events: none !important;
}
#recipient-dialog .searchbar.menu form::before {
  content: "\f002" !important;
  /* Font Awesome search icon */
  font-family: "Font Awesome 6 Free", "Icons" !important;
  font-weight: 900 !important;
  position: absolute !important;
  top: 50% !important;
  left: 1.125rem !important;
  transform: translateY(-50%) !important;
  color: #4a90e2 !important;
  /* Primary Blue for Search Icon */
  pointer-events: none !important;
  font-size: 1.15em !important;
  z-index: 1 !important;
}
#recipient-dialog .searchbar.menu input[type="text"],
#recipient-dialog .searchbar.menu input[name="_q"],
#recipient-dialog .searchbar.menu input#abook-searchbox {
  width: 100% !important;
  padding: 0.75rem 1rem !important;
  /* Reduced padding to match screenshot */
  padding-left: 2.75rem !important;
  /* Make room for the search icon */
  background: var(--neumorphic-bg) !important;
  border: none !important;
  outline: none !important;
  border-radius: 8px !important;
  /* Match screenshot border radius */
  font-size: 0.9rem !important;
  /* Slightly smaller font */
  color: #ddd !important;
  /* Light text color */
  box-shadow: inset 4px 4px 8px var(--dark-shadow), inset -4px -4px 8px var(--light-shadow) !important;
  /* Softer inset shadow */
  transition: box-shadow 0.3s ease !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  font-weight: 400 !important;
  /* Webkit placeholder styling */
  /* Firefox placeholder styling */
  /* Edge placeholder styling */
}
#recipient-dialog .searchbar.menu input[type="text"]::placeholder,
#recipient-dialog .searchbar.menu input[name="_q"]::placeholder,
#recipient-dialog .searchbar.menu input#abook-searchbox::placeholder {
  color: #999 !important;
  opacity: 0.75 !important;
  font-style: normal !important;
  font-weight: 400 !important;
}
#recipient-dialog .searchbar.menu input[type="text"]::-webkit-input-placeholder,
#recipient-dialog .searchbar.menu input[name="_q"]::-webkit-input-placeholder,
#recipient-dialog .searchbar.menu input#abook-searchbox::-webkit-input-placeholder {
  color: #999 !important;
  opacity: 0.75 !important;
  font-style: normal !important;
  font-weight: 400 !important;
}
#recipient-dialog .searchbar.menu input[type="text"]::-moz-placeholder,
#recipient-dialog .searchbar.menu input[name="_q"]::-moz-placeholder,
#recipient-dialog .searchbar.menu input#abook-searchbox::-moz-placeholder {
  color: #999 !important;
  opacity: 0.75 !important;
  font-style: normal !important;
  font-weight: 400 !important;
}
#recipient-dialog .searchbar.menu input[type="text"]::-ms-input-placeholder,
#recipient-dialog .searchbar.menu input[name="_q"]::-ms-input-placeholder,
#recipient-dialog .searchbar.menu input#abook-searchbox::-ms-input-placeholder {
  color: #999 !important;
  opacity: 0.75 !important;
  font-style: normal !important;
  font-weight: 400 !important;
}
#recipient-dialog .searchbar.menu input[type="text"]:focus,
#recipient-dialog .searchbar.menu input[name="_q"]:focus,
#recipient-dialog .searchbar.menu input#abook-searchbox:focus {
  box-shadow: inset 6px 6px 12px var(--dark-shadow), inset -6px -6px 12px var(--light-shadow) !important;
  outline: none !important;
}
#recipient-dialog .searchbar.menu .search-icon {
  position: absolute !important;
  top: 50% !important;
  left: 1.125rem !important;
  transform: translateY(-50%) !important;
  color: #4a90e2 !important;
  /* Primary Blue for Search Icon */
  pointer-events: none !important;
  font-size: 1.15em !important;
}
/* Reset Button (Icon Only, Round) - Neumorphic */
#recipient-dialog .searchbar.menu .button.reset,
#recipient-dialog .searchbar.menu a.reset,
#recipient-dialog .searchbar.menu a.button.reset {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  background: var(--neumorphic-bg) !important;
  box-shadow: 6px 6px 12px var(--dark-shadow), -6px -6px 12px var(--light-shadow) !important;
  transition: all 0.2s ease !important;
  text-decoration: none !important;
  color: #ddd !important;
  /* Light text color */
  font-size: 1rem !important;
  border: none !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
  /* Icon color for Reset Button - Orange */
  /* Ensure icon is centered */
  /* Hover: Vibrant background change for Reset button */
  /* Animation: Reset icon spins on hover */
}
#recipient-dialog .searchbar.menu .button.reset i,
#recipient-dialog .searchbar.menu a.reset i,
#recipient-dialog .searchbar.menu a.button.reset i,
#recipient-dialog .searchbar.menu .button.reset::before,
#recipient-dialog .searchbar.menu a.reset::before,
#recipient-dialog .searchbar.menu a.button.reset::before {
  color: #f97316 !important;
  /* Orange for Reset */
  transition: transform 0.3s ease-out !important;
  font-size: 1.1em !important;
}
#recipient-dialog .searchbar.menu .button.reset i,
#recipient-dialog .searchbar.menu a.reset i,
#recipient-dialog .searchbar.menu a.button.reset i {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#recipient-dialog .searchbar.menu .button.reset:hover,
#recipient-dialog .searchbar.menu a.reset:hover,
#recipient-dialog .searchbar.menu a.button.reset:hover {
  background: var(--vibrant-hover-bg) !important;
  box-shadow: 8px 8px 15px var(--dark-shadow), -8px -8px 15px var(--light-shadow) !important;
  transform: scale(1.05) !important;
}
#recipient-dialog .searchbar.menu .button.reset:hover i,
#recipient-dialog .searchbar.menu a.reset:hover i,
#recipient-dialog .searchbar.menu a.button.reset:hover i,
#recipient-dialog .searchbar.menu .button.reset:hover::before,
#recipient-dialog .searchbar.menu a.reset:hover::before,
#recipient-dialog .searchbar.menu a.button.reset:hover::before {
  transform: rotate(360deg) !important;
}
#recipient-dialog .searchbar.menu .button.reset:active,
#recipient-dialog .searchbar.menu a.reset:active,
#recipient-dialog .searchbar.menu a.button.reset:active {
  box-shadow: inset 3px 3px 5px var(--dark-shadow), inset -3px -3px 5px var(--light-shadow) !important;
  transform: scale(0.95) !important;
}
/* Search Button (Icon and Text, Rectangular) - Neumorphic */
#recipient-dialog .searchbar.menu .button.search,
#recipient-dialog .searchbar.menu a.button.search,
#recipient-dialog .searchbar.menu a.search,
#recipient-dialog .searchbar.menu button[type="submit"] {
  padding: 0.75rem 1.25rem !important;
  /* Increased padding for better touch target */
  border-radius: 12px !important;
  font-weight: 500 !important;
  background: var(--neumorphic-bg) !important;
  color: #ddd !important;
  /* Light text color */
  box-shadow: 6px 6px 12px var(--dark-shadow), -6px -6px 12px var(--light-shadow) !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  /* Increased gap between icon and text */
  transition: all 0.2s ease !important;
  text-decoration: none !important;
  line-height: 1 !important;
  border: none !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
  font-size: 0.95rem !important;
  white-space: nowrap !important;
  /* Icon color for Find Button - Cyan/Blue */
  /* Ensure icon is properly displayed */
  /* Text styling */
  /* Hover: Vibrant background change for Search button */
  /* Animation: Find icon moves right on hover */
}
#recipient-dialog .searchbar.menu .button.search i,
#recipient-dialog .searchbar.menu a.button.search i,
#recipient-dialog .searchbar.menu a.search i,
#recipient-dialog .searchbar.menu button[type="submit"] i,
#recipient-dialog .searchbar.menu .button.search::before,
#recipient-dialog .searchbar.menu a.button.search::before,
#recipient-dialog .searchbar.menu a.search::before,
#recipient-dialog .searchbar.menu button[type="submit"]::before {
  color: #06b6d4 !important;
  /* Cyan for Find */
  transition: transform 0.3s ease-out !important;
  font-size: 1.1em !important;
}
#recipient-dialog .searchbar.menu .button.search i,
#recipient-dialog .searchbar.menu a.button.search i,
#recipient-dialog .searchbar.menu a.search i,
#recipient-dialog .searchbar.menu button[type="submit"] i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#recipient-dialog .searchbar.menu .button.search span.inner,
#recipient-dialog .searchbar.menu a.button.search span.inner,
#recipient-dialog .searchbar.menu a.search span.inner,
#recipient-dialog .searchbar.menu button[type="submit"] span.inner,
#recipient-dialog .searchbar.menu .button.search span,
#recipient-dialog .searchbar.menu a.button.search span,
#recipient-dialog .searchbar.menu a.search span,
#recipient-dialog .searchbar.menu button[type="submit"] span {
  color: #ddd !important;
  font-weight: 500 !important;
}
#recipient-dialog .searchbar.menu .button.search:hover,
#recipient-dialog .searchbar.menu a.button.search:hover,
#recipient-dialog .searchbar.menu a.search:hover,
#recipient-dialog .searchbar.menu button[type="submit"]:hover {
  background: var(--vibrant-hover-bg) !important;
  box-shadow: 8px 8px 15px var(--dark-shadow), -8px -8px 15px var(--light-shadow) !important;
  transform: translateY(-1px) !important;
}
#recipient-dialog .searchbar.menu .button.search:hover i,
#recipient-dialog .searchbar.menu a.button.search:hover i,
#recipient-dialog .searchbar.menu a.search:hover i,
#recipient-dialog .searchbar.menu button[type="submit"]:hover i,
#recipient-dialog .searchbar.menu .button.search:hover::before,
#recipient-dialog .searchbar.menu a.button.search:hover::before,
#recipient-dialog .searchbar.menu a.search:hover::before,
#recipient-dialog .searchbar.menu button[type="submit"]:hover::before {
  transform: translateX(5px) !important;
}
#recipient-dialog .searchbar.menu .button.search:active,
#recipient-dialog .searchbar.menu a.button.search:active,
#recipient-dialog .searchbar.menu a.search:active,
#recipient-dialog .searchbar.menu button[type="submit"]:active {
  box-shadow: inset 3px 3px 5px var(--dark-shadow), inset -3px -3px 5px var(--light-shadow) !important;
  transform: translateY(0) scale(0.98) !important;
}
/* Scroller Container - FIXED: Only ONE scrollable container */
#recipient-dialog .scroller {
  flex: 1 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  /* Changed to hidden to prevent horizontal scrollbar */
  padding: 0 1rem !important;
  background: transparent !important;
  min-height: 0 !important;
  /* Changed from 300px to 0 for flex */
  max-height: 400px !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  /* Custom scrollbar styling */
}
#recipient-dialog .scroller::-webkit-scrollbar {
  width: 8px !important;
}
#recipient-dialog .scroller::-webkit-scrollbar-track {
  background: transparent !important;
}
#recipient-dialog .scroller::-webkit-scrollbar-thumb {
  background: var(--dark-shadow) !important;
  border-radius: 4px !important;
  box-shadow: inset 2px 2px 4px var(--dark-shadow) !important;
}
#recipient-dialog .scroller::-webkit-scrollbar-thumb:hover {
  background: var(--vibrant-hover-bg) !important;
}
/* Listbox - FIXED: No overflow, flex container */
#recipient-dialog .listbox {
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  /* No scrollbar on listbox */
  height: 100% !important;
}
/* Dialog Content - FIXED: No overflow */
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-content {
  overflow: hidden !important;
  /* No scrollbar on dialog content */
  display: flex !important;
  flex-direction: column !important;
}
/* Address Book List - Raised Neumorphic Items */
/* GLOBAL OVERRIDE: Force custom icons for directory list items - MUST be at root level */
#recipient-dialog #directorylist li#rcmliMA.addressbook > a::before,
#recipient-dialog #directorylist li#rcmliMA.addressbook a::before,
#directorylist li#rcmliMA.addressbook > a::before,
#directorylist li#rcmliMA.addressbook a::before,
.listing.iconized li#rcmliMA.addressbook > a::before,
.listing.iconized li#rcmliMA.addressbook a::before,
.treelist.listing.iconized li#rcmliMA.addressbook > a::before,
.treelist.listing.iconized li#rcmliMA.addressbook a::before {
  content: "\f2b9" !important;
  /* Font Awesome address-book */
  color: #22c55e !important;
  /* Emerald Green */
  font-family: 'Icons' !important;
  font-weight: 900 !important;
  font-style: normal !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-size: 1.3em !important;
  width: 28px !important;
  margin-right: 14px !important;
  text-align: center !important;
  line-height: 28px !important;
  float: left !important;
  height: 1em !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
#recipient-dialog #directorylist li#rcmliMQ.addressbook > a::before,
#recipient-dialog #directorylist li#rcmliMQ.addressbook a::before,
#directorylist li#rcmliMQ.addressbook > a::before,
#directorylist li#rcmliMQ.addressbook a::before,
.listing.iconized li#rcmliMQ.addressbook > a::before,
.listing.iconized li#rcmliMQ.addressbook a::before,
.treelist.listing.iconized li#rcmliMQ.addressbook > a::before,
.treelist.listing.iconized li#rcmliMQ.addressbook a::before {
  content: "\f0c0" !important;
  /* Font Awesome users */
  color: #a855f7 !important;
  /* Violet Purple */
  font-family: 'Icons' !important;
  font-weight: 900 !important;
  font-style: normal !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-size: 1.3em !important;
  width: 28px !important;
  margin-right: 14px !important;
  text-align: center !important;
  line-height: 28px !important;
  float: left !important;
  height: 1em !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
#recipient-dialog #directorylist li#rcmliMg.addressbook > a::before,
#recipient-dialog #directorylist li#rcmliMg.addressbook a::before,
#directorylist li#rcmliMg.addressbook > a::before,
#directorylist li#rcmliMg.addressbook a::before,
.listing.iconized li#rcmliMg.addressbook > a::before,
.listing.iconized li#rcmliMg.addressbook a::before,
.treelist.listing.iconized li#rcmliMg.addressbook > a::before,
.treelist.listing.iconized li#rcmliMg.addressbook a::before {
  content: "\f3ed" !important;
  /* Font Awesome shield-alt */
  color: #f59e0b !important;
  /* Amber Gold */
  font-family: 'Icons' !important;
  font-weight: 900 !important;
  font-style: normal !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-size: 1.3em !important;
  width: 28px !important;
  margin-right: 14px !important;
  text-align: center !important;
  line-height: 28px !important;
  float: left !important;
  height: 1em !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
/* Category Buttons: Personal Addresses, Collected Recipients, Trusted Senders */
#recipient-dialog #directorylist,
#recipient-dialog ul.listing {
  list-style: none !important;
  padding: 0 1rem !important;
  margin: 0 0 2rem 0 !important;
  /* Increased bottom margin */
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
  /* Ensure list container allows overflow */
  /* CRITICAL: Disable default Roundcube addressbook icon for ALL items first */
  /* AGGRESSIVE: Force custom icons for specific IDs - HIGHEST SPECIFICITY */
}
#recipient-dialog #directorylist li.addressbook > a::before,
#recipient-dialog ul.listing li.addressbook > a::before,
#recipient-dialog #directorylist li.addressbook a::before,
#recipient-dialog ul.listing li.addressbook a::before {
  content: none !important;
  display: none !important;
}
#recipient-dialog #directorylist li#rcmliMA.addressbook > a::before,
#recipient-dialog ul.listing li#rcmliMA.addressbook > a::before,
#recipient-dialog #directorylist li#rcmliMA.addressbook a::before,
#recipient-dialog ul.listing li#rcmliMA.addressbook a::before,
#recipient-dialog #directorylist #recipient-dialog #directorylist li#rcmliMA.addressbook > a::before,
#recipient-dialog ul.listing #recipient-dialog #directorylist li#rcmliMA.addressbook > a::before,
#recipient-dialog #directorylist #recipient-dialog #directorylist li#rcmliMA.addressbook a::before,
#recipient-dialog ul.listing #recipient-dialog #directorylist li#rcmliMA.addressbook a::before,
#recipient-dialog #directorylist #directorylist li#rcmliMA.addressbook > a::before,
#recipient-dialog ul.listing #directorylist li#rcmliMA.addressbook > a::before,
#recipient-dialog #directorylist #directorylist li#rcmliMA.addressbook a::before,
#recipient-dialog ul.listing #directorylist li#rcmliMA.addressbook a::before {
  content: "\f2b9" !important;
  /* Font Awesome address-book */
  color: #22c55e !important;
  /* Emerald Green */
  font-family: 'Icons' !important;
  font-weight: 900 !important;
  font-style: normal !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-size: 1.3em !important;
  width: 28px !important;
  margin-right: 14px !important;
  text-align: center !important;
  line-height: 1 !important;
  float: left !important;
  height: 1em !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
#recipient-dialog #directorylist li#rcmliMQ.addressbook > a::before,
#recipient-dialog ul.listing li#rcmliMQ.addressbook > a::before,
#recipient-dialog #directorylist li#rcmliMQ.addressbook a::before,
#recipient-dialog ul.listing li#rcmliMQ.addressbook a::before,
#recipient-dialog #directorylist #recipient-dialog #directorylist li#rcmliMQ.addressbook > a::before,
#recipient-dialog ul.listing #recipient-dialog #directorylist li#rcmliMQ.addressbook > a::before,
#recipient-dialog #directorylist #recipient-dialog #directorylist li#rcmliMQ.addressbook a::before,
#recipient-dialog ul.listing #recipient-dialog #directorylist li#rcmliMQ.addressbook a::before,
#recipient-dialog #directorylist #directorylist li#rcmliMQ.addressbook > a::before,
#recipient-dialog ul.listing #directorylist li#rcmliMQ.addressbook > a::before,
#recipient-dialog #directorylist #directorylist li#rcmliMQ.addressbook a::before,
#recipient-dialog ul.listing #directorylist li#rcmliMQ.addressbook a::before {
  content: "\f0c0" !important;
  /* Font Awesome users */
  color: #a855f7 !important;
  /* Violet Purple */
  font-family: 'Icons' !important;
  font-weight: 900 !important;
  font-style: normal !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-size: 1.3em !important;
  width: 28px !important;
  margin-right: 14px !important;
  text-align: center !important;
  line-height: 1 !important;
  float: left !important;
  height: 1em !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
#recipient-dialog #directorylist li#rcmliMg.addressbook > a::before,
#recipient-dialog ul.listing li#rcmliMg.addressbook > a::before,
#recipient-dialog #directorylist li#rcmliMg.addressbook a::before,
#recipient-dialog ul.listing li#rcmliMg.addressbook a::before,
#recipient-dialog #directorylist #recipient-dialog #directorylist li#rcmliMg.addressbook > a::before,
#recipient-dialog ul.listing #recipient-dialog #directorylist li#rcmliMg.addressbook > a::before,
#recipient-dialog #directorylist #recipient-dialog #directorylist li#rcmliMg.addressbook a::before,
#recipient-dialog ul.listing #recipient-dialog #directorylist li#rcmliMg.addressbook a::before,
#recipient-dialog #directorylist #directorylist li#rcmliMg.addressbook > a::before,
#recipient-dialog ul.listing #directorylist li#rcmliMg.addressbook > a::before,
#recipient-dialog #directorylist #directorylist li#rcmliMg.addressbook a::before,
#recipient-dialog ul.listing #directorylist li#rcmliMg.addressbook a::before {
  content: "\f3ed" !important;
  /* Font Awesome shield-alt */
  color: #f59e0b !important;
  /* Amber Gold */
  font-family: 'Icons' !important;
  font-weight: 900 !important;
  font-style: normal !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-size: 1.3em !important;
  width: 28px !important;
  margin-right: 14px !important;
  text-align: center !important;
  line-height: 1 !important;
  float: left !important;
  height: 1em !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
#recipient-dialog #directorylist li,
#recipient-dialog ul.listing li {
  list-style: none !important;
  margin-bottom: 1rem !important;
  /* Increased spacing between items */
  padding: 0 !important;
  overflow: visible !important;
  /* Fix overflow for list items - required for proper card display */
  /* Distinct Icon Colors and Icons for List Items with Animations */
  /* Personal Addresses - Green with address-book icon */
  /* Collected Recipients - Purple with users icon */
  /* Trusted Senders - Yellow/Gold with shield/star icon */
  /* Fallback for other address books - Purple with address-card icon */
  /* Base icon styling for all directory list icons */
}
#recipient-dialog #directorylist li a,
#recipient-dialog ul.listing li a {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  /* Increased gap for better spacing */
  padding: 1rem 1.5rem !important;
  /* Increased padding for better touch target */
  background: var(--neumorphic-bg) !important;
  border-radius: 12px !important;
  /* Increased border radius */
  text-decoration: none !important;
  color: #ddd !important;
  /* Light text color */
  transition: all 0.2s ease !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  /* Raised/subtle effect for the group links */
  box-shadow: 4px 4px 8px var(--dark-shadow), -4px -4px 8px var(--light-shadow) !important;
  /* Use a::before for icons if no <i> element exists */
  /* Disable a::before if <i> element exists */
  /* Hover: Vibrant background change for List Items */
  /* Base Style for Font Awesome icons in list */
  /* AGGRESSIVE: Force icon content for directory list items - Each li gets unique icon and color */
  /* Personal Addresses - Green address-book icon - HIGHEST SPECIFICITY */
  /* Collected Recipients - Purple users icon - HIGHEST SPECIFICITY */
  /* Trusted Senders - Gold shield-alt icon - HIGHEST SPECIFICITY */
  /* Text content should not overlap icon */
}
#recipient-dialog #directorylist li a:not(:has(i))::before,
#recipient-dialog ul.listing li a:not(:has(i))::before {
  font-family: 'Icons' !important;
  font-weight: 900 !important;
  font-style: normal !important;
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin-right: 14px !important;
  width: 28px !important;
  text-align: center !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
#recipient-dialog #directorylist li a:has(i)::before,
#recipient-dialog ul.listing li a:has(i)::before {
  content: none !important;
  display: none !important;
}
#recipient-dialog #directorylist li a:hover,
#recipient-dialog ul.listing li a:hover {
  background: var(--vibrant-hover-bg) !important;
  box-shadow: 5px 5px 10px var(--dark-shadow), -5px -5px 10px var(--light-shadow) !important;
  transform: translateY(-2px) !important;
  /* Slightly more lift on hover */
}
#recipient-dialog #directorylist li a:active,
#recipient-dialog ul.listing li a:active {
  /* Pressed effect on click */
  box-shadow: inset 3px 3px 5px var(--dark-shadow), inset -3px -3px 5px var(--light-shadow) !important;
  transform: translateY(0) scale(0.98) !important;
}
#recipient-dialog #directorylist li a i,
#recipient-dialog ul.listing li a i,
#recipient-dialog #directorylist li a i.fa,
#recipient-dialog ul.listing li a i.fa,
#recipient-dialog #directorylist li a i[class*="fa-"],
#recipient-dialog ul.listing li a i[class*="fa-"] {
  font-size: 1.3em !important;
  /* Slightly larger icons */
  width: 28px !important;
  /* Increased width for alignment */
  text-align: center !important;
  flex-shrink: 0 !important;
  display: inline-flex !important;
  /* Changed to inline-flex for better icon rendering */
  align-items: center !important;
  justify-content: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-family: 'Icons' !important;
  font-weight: 900 !important;
  font-style: normal !important;
  position: relative !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  /* CRITICAL: Ensure Font Awesome icons display via ::before pseudo-element */
  /* Set icon content based on class - CRITICAL for icons to show */
}
#recipient-dialog #directorylist li a i::before,
#recipient-dialog ul.listing li a i::before,
#recipient-dialog #directorylist li a i.fa::before,
#recipient-dialog ul.listing li a i.fa::before,
#recipient-dialog #directorylist li a i[class*="fa-"]::before,
#recipient-dialog ul.listing li a i[class*="fa-"]::before {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-family: 'Icons' !important;
  font-weight: 900 !important;
  font-style: normal !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  /* Content will be set by specific icon classes below */
}
#recipient-dialog #directorylist li a i.fa-address-book::before,
#recipient-dialog ul.listing li a i.fa-address-book::before,
#recipient-dialog #directorylist li a i.fa.fa-address-book::before,
#recipient-dialog ul.listing li a i.fa.fa-address-book::before,
#recipient-dialog #directorylist li a i[class*="fa-"].fa-address-book::before,
#recipient-dialog ul.listing li a i[class*="fa-"].fa-address-book::before {
  content: "\f2b9" !important;
  display: inline-block !important;
}
#recipient-dialog #directorylist li a i.fa-users::before,
#recipient-dialog ul.listing li a i.fa-users::before,
#recipient-dialog #directorylist li a i.fa.fa-users::before,
#recipient-dialog ul.listing li a i.fa.fa-users::before,
#recipient-dialog #directorylist li a i[class*="fa-"].fa-users::before,
#recipient-dialog ul.listing li a i[class*="fa-"].fa-users::before {
  content: "\f0c0" !important;
  display: inline-block !important;
}
#recipient-dialog #directorylist li a i.fa-shield-alt::before,
#recipient-dialog ul.listing li a i.fa-shield-alt::before,
#recipient-dialog #directorylist li a i.fa.fa-shield-alt::before,
#recipient-dialog ul.listing li a i.fa.fa-shield-alt::before,
#recipient-dialog #directorylist li a i[class*="fa-"].fa-shield-alt::before,
#recipient-dialog ul.listing li a i[class*="fa-"].fa-shield-alt::before,
#recipient-dialog #directorylist li a i.fa-shield::before,
#recipient-dialog ul.listing li a i.fa-shield::before,
#recipient-dialog #directorylist li a i.fa.fa-shield::before,
#recipient-dialog ul.listing li a i.fa.fa-shield::before,
#recipient-dialog #directorylist li a i[class*="fa-"].fa-shield::before,
#recipient-dialog ul.listing li a i[class*="fa-"].fa-shield::before {
  content: "\f3ed" !important;
  display: inline-block !important;
}
#recipient-dialog #directorylist li a i.fa-star::before,
#recipient-dialog ul.listing li a i.fa-star::before,
#recipient-dialog #directorylist li a i.fa.fa-star::before,
#recipient-dialog ul.listing li a i.fa.fa-star::before,
#recipient-dialog #directorylist li a i[class*="fa-"].fa-star::before,
#recipient-dialog ul.listing li a i[class*="fa-"].fa-star::before {
  content: "\f005" !important;
  display: inline-block !important;
}
#recipient-dialog #directorylist li a#rcmliMA.addressbook > a::before,
#recipient-dialog ul.listing li a#rcmliMA.addressbook > a::before {
  content: "\f2b9" !important;
  /* Font Awesome address-book */
  color: #22c55e !important;
  /* Emerald Green */
  font-family: 'Icons' !important;
  font-weight: 900 !important;
  font-style: normal !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-size: 1.3em !important;
  width: 28px !important;
  margin-right: 14px !important;
  text-align: center !important;
  line-height: 1 !important;
  float: left !important;
  height: 1em !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
#recipient-dialog #directorylist li a#rcmliMQ.addressbook > a::before,
#recipient-dialog ul.listing li a#rcmliMQ.addressbook > a::before {
  content: "\f0c0" !important;
  /* Font Awesome users */
  color: #a855f7 !important;
  /* Violet Purple */
  font-family: 'Icons' !important;
  font-weight: 900 !important;
  font-style: normal !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-size: 1.3em !important;
  width: 28px !important;
  margin-right: 14px !important;
  text-align: center !important;
  line-height: 1 !important;
  float: left !important;
  height: 1em !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
#recipient-dialog #directorylist li a#rcmliMg.addressbook > a::before,
#recipient-dialog ul.listing li a#rcmliMg.addressbook > a::before {
  content: "\f3ed" !important;
  /* Font Awesome shield-alt */
  color: #f59e0b !important;
  /* Amber Gold */
  font-family: 'Icons' !important;
  font-weight: 900 !important;
  font-style: normal !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-size: 1.3em !important;
  width: 28px !important;
  margin-right: 14px !important;
  text-align: center !important;
  line-height: 1 !important;
  float: left !important;
  height: 1em !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
#recipient-dialog #directorylist li a span.inner,
#recipient-dialog ul.listing li a span.inner,
#recipient-dialog #directorylist li a > *:not(i),
#recipient-dialog ul.listing li a > *:not(i) {
  flex: 1 !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #ddd !important;
}
#recipient-dialog #directorylist li#rcmliMA a,
#recipient-dialog ul.listing li#rcmliMA a {
  /* Hover animation - icon scales and rotates slightly */
}
#recipient-dialog #directorylist li#rcmliMA a i.fa-address-book,
#recipient-dialog ul.listing li#rcmliMA a i.fa-address-book,
#recipient-dialog #directorylist li#rcmliMA a i.fa-user,
#recipient-dialog ul.listing li#rcmliMA a i.fa-user,
#recipient-dialog #directorylist li#rcmliMA a i[class*="fa-user"],
#recipient-dialog ul.listing li#rcmliMA a i[class*="fa-user"],
#recipient-dialog #directorylist li#rcmliMA a i[class*="fa-address"],
#recipient-dialog ul.listing li#rcmliMA a i[class*="fa-address"],
#recipient-dialog #directorylist li#rcmliMA a i,
#recipient-dialog ul.listing li#rcmliMA a i {
  color: #22c55e !important;
  /* Emerald Green */
  font-family: 'Icons' !important;
  font-weight: 900 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  transition: all 0.3s ease !important;
  transform-origin: center center !important;
  /* CRITICAL: Ensure ::before pseudo-element displays the icon */
}
#recipient-dialog #directorylist li#rcmliMA a i.fa-address-book::before,
#recipient-dialog ul.listing li#rcmliMA a i.fa-address-book::before,
#recipient-dialog #directorylist li#rcmliMA a i.fa-user::before,
#recipient-dialog ul.listing li#rcmliMA a i.fa-user::before,
#recipient-dialog #directorylist li#rcmliMA a i[class*="fa-user"]::before,
#recipient-dialog ul.listing li#rcmliMA a i[class*="fa-user"]::before,
#recipient-dialog #directorylist li#rcmliMA a i[class*="fa-address"]::before,
#recipient-dialog ul.listing li#rcmliMA a i[class*="fa-address"]::before,
#recipient-dialog #directorylist li#rcmliMA a i::before,
#recipient-dialog ul.listing li#rcmliMA a i::before {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-family: 'Icons' !important;
  font-weight: 900 !important;
  font-style: normal !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  color: #22c55e !important;
  /* Emerald Green */
  content: "\f2b9" !important;
  /* Font Awesome address-book icon */
  transition: all 0.3s ease !important;
}
#recipient-dialog #directorylist li#rcmliMA a:hover i,
#recipient-dialog ul.listing li#rcmliMA a:hover i {
  transform: scale(1.15) rotate(5deg) !important;
  color: #16a34a !important;
  /* Slightly darker green on hover */
}
#recipient-dialog #directorylist li#rcmliMA a:hover i::before,
#recipient-dialog ul.listing li#rcmliMA a:hover i::before {
  color: #16a34a !important;
  transform: scale(1.15) rotate(5deg) !important;
}
#recipient-dialog #directorylist li#rcmliMQ a,
#recipient-dialog ul.listing li#rcmliMQ a {
  /* Hover animation - icon bounces */
}
#recipient-dialog #directorylist li#rcmliMQ a i.fa-users,
#recipient-dialog ul.listing li#rcmliMQ a i.fa-users,
#recipient-dialog #directorylist li#rcmliMQ a i[class*="fa-users"],
#recipient-dialog ul.listing li#rcmliMQ a i[class*="fa-users"],
#recipient-dialog #directorylist li#rcmliMQ a i[class*="fa-group"],
#recipient-dialog ul.listing li#rcmliMQ a i[class*="fa-group"],
#recipient-dialog #directorylist li#rcmliMQ a i,
#recipient-dialog ul.listing li#rcmliMQ a i {
  color: #a855f7 !important;
  /* Violet Purple */
  font-family: 'Icons' !important;
  font-weight: 900 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  transition: all 0.3s ease !important;
  transform-origin: center center !important;
  /* CRITICAL: Ensure ::before pseudo-element displays the icon */
}
#recipient-dialog #directorylist li#rcmliMQ a i.fa-users::before,
#recipient-dialog ul.listing li#rcmliMQ a i.fa-users::before,
#recipient-dialog #directorylist li#rcmliMQ a i[class*="fa-users"]::before,
#recipient-dialog ul.listing li#rcmliMQ a i[class*="fa-users"]::before,
#recipient-dialog #directorylist li#rcmliMQ a i[class*="fa-group"]::before,
#recipient-dialog ul.listing li#rcmliMQ a i[class*="fa-group"]::before,
#recipient-dialog #directorylist li#rcmliMQ a i::before,
#recipient-dialog ul.listing li#rcmliMQ a i::before {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-family: 'Icons' !important;
  font-weight: 900 !important;
  font-style: normal !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  color: #a855f7 !important;
  /* Violet Purple */
  content: "\f0c0" !important;
  /* Font Awesome users icon */
  transition: all 0.3s ease !important;
}
#recipient-dialog #directorylist li#rcmliMQ a:hover i,
#recipient-dialog ul.listing li#rcmliMQ a:hover i {
  transform: scale(1.15) translateY(-3px) !important;
  color: #9333ea !important;
  /* Slightly darker purple on hover */
}
#recipient-dialog #directorylist li#rcmliMQ a:hover i::before,
#recipient-dialog ul.listing li#rcmliMQ a:hover i::before {
  color: #9333ea !important;
  transform: scale(1.15) translateY(-3px) !important;
}
#recipient-dialog #directorylist li#rcmliMg a,
#recipient-dialog ul.listing li#rcmliMg a {
  /* Hover animation - icon pulses */
}
#recipient-dialog #directorylist li#rcmliMg a i.fa-shield-alt,
#recipient-dialog ul.listing li#rcmliMg a i.fa-shield-alt,
#recipient-dialog #directorylist li#rcmliMg a i.fa-shield,
#recipient-dialog ul.listing li#rcmliMg a i.fa-shield,
#recipient-dialog #directorylist li#rcmliMg a i.fa-shield-halved,
#recipient-dialog ul.listing li#rcmliMg a i.fa-shield-halved,
#recipient-dialog #directorylist li#rcmliMg a i.fa-star,
#recipient-dialog ul.listing li#rcmliMg a i.fa-star,
#recipient-dialog #directorylist li#rcmliMg a i[class*="fa-star"],
#recipient-dialog ul.listing li#rcmliMg a i[class*="fa-star"],
#recipient-dialog #directorylist li#rcmliMg a i[class*="fa-shield"],
#recipient-dialog ul.listing li#rcmliMg a i[class*="fa-shield"],
#recipient-dialog #directorylist li#rcmliMg a i,
#recipient-dialog ul.listing li#rcmliMg a i {
  color: #f59e0b !important;
  /* Amber Gold / Yellow */
  font-family: 'Icons' !important;
  font-weight: 900 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  transition: all 0.3s ease !important;
  transform-origin: center center !important;
  /* CRITICAL: Ensure ::before pseudo-element displays the icon */
}
#recipient-dialog #directorylist li#rcmliMg a i.fa-shield-alt::before,
#recipient-dialog ul.listing li#rcmliMg a i.fa-shield-alt::before,
#recipient-dialog #directorylist li#rcmliMg a i.fa-shield::before,
#recipient-dialog ul.listing li#rcmliMg a i.fa-shield::before,
#recipient-dialog #directorylist li#rcmliMg a i.fa-shield-halved::before,
#recipient-dialog ul.listing li#rcmliMg a i.fa-shield-halved::before,
#recipient-dialog #directorylist li#rcmliMg a i.fa-star::before,
#recipient-dialog ul.listing li#rcmliMg a i.fa-star::before,
#recipient-dialog #directorylist li#rcmliMg a i[class*="fa-star"]::before,
#recipient-dialog ul.listing li#rcmliMg a i[class*="fa-star"]::before,
#recipient-dialog #directorylist li#rcmliMg a i[class*="fa-shield"]::before,
#recipient-dialog ul.listing li#rcmliMg a i[class*="fa-shield"]::before,
#recipient-dialog #directorylist li#rcmliMg a i::before,
#recipient-dialog ul.listing li#rcmliMg a i::before {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-family: 'Icons' !important;
  font-weight: 900 !important;
  font-style: normal !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  color: #f59e0b !important;
  /* Amber Gold / Yellow */
  content: "\f3ed" !important;
  /* Font Awesome shield-alt icon */
  transition: all 0.3s ease !important;
}
#recipient-dialog #directorylist li#rcmliMg a:hover i,
#recipient-dialog ul.listing li#rcmliMg a:hover i {
  transform: scale(1.2) !important;
  color: #d97706 !important;
  /* Slightly darker gold on hover */
  animation: pulse-shield 0.6s ease-in-out !important;
}
#recipient-dialog #directorylist li#rcmliMg a:hover i::before,
#recipient-dialog ul.listing li#rcmliMg a:hover i::before {
  color: #d97706 !important;
  transform: scale(1.2) !important;
}
#recipient-dialog #directorylist li:not(#rcmliMA):not(#rcmliMQ):not(#rcmliMg) a i.fa-address-card,
#recipient-dialog ul.listing li:not(#rcmliMA):not(#rcmliMQ):not(#rcmliMg) a i.fa-address-card,
#recipient-dialog #directorylist li:not(#rcmliMA):not(#rcmliMQ):not(#rcmliMg) a i[class*="fa-"],
#recipient-dialog ul.listing li:not(#rcmliMA):not(#rcmliMQ):not(#rcmliMg) a i[class*="fa-"] {
  color: #8b5cf6 !important;
  /* Purple */
  font-family: 'Icons' !important;
  font-weight: 900 !important;
}
#recipient-dialog #directorylist li a i.fa,
#recipient-dialog ul.listing li a i.fa,
#recipient-dialog #directorylist li a i[class*="fa-"],
#recipient-dialog ul.listing li a i[class*="fa-"] {
  font-size: 1.3em !important;
  width: 28px !important;
  text-align: center !important;
  flex-shrink: 0 !important;
  display: inline-block !important;
  line-height: 1 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
/* Contacts Container - Ensure visibility */
#recipient-dialog #contacts-container {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  /* When not hidden, show the table */
}
#recipient-dialog #contacts-container:not([style*="display: none"]) {
  display: block !important;
}
#recipient-dialog #contacts-container:not([style*="display: none"]) #contacts-table {
  display: table !important;
  visibility: visible !important;
  opacity: 1 !important;
}
/* Contacts Table - Neumorphic Row Styling - AGGRESSIVE OVERRIDE */
#recipient-dialog #contacts-table,
#recipient-dialog table#contacts-table,
#recipient-dialog .scroller #contacts-table,
#recipient-dialog .listbox #contacts-table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 10px !important;
  /* Spacing between contact rows */
  margin: 0 !important;
  padding: 0 0.5rem !important;
  /* Horizontal padding */
  display: table !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: transparent !important;
  /* Contact Row Styling - Simple background, neumorphic effect only on hover - ULTRA REFINED */
}
#recipient-dialog #contacts-table tbody,
#recipient-dialog table#contacts-table tbody,
#recipient-dialog .scroller #contacts-table tbody,
#recipient-dialog .listbox #contacts-table tbody {
  display: table-row-group !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: transparent !important;
}
#recipient-dialog #contacts-table tbody tr,
#recipient-dialog table#contacts-table tbody tr,
#recipient-dialog .scroller #contacts-table tbody tr,
#recipient-dialog .listbox #contacts-table tbody tr,
#recipient-dialog #contacts-table tbody tr.contact,
#recipient-dialog table#contacts-table tbody tr.contact,
#recipient-dialog .scroller #contacts-table tbody tr.contact,
#recipient-dialog .listbox #contacts-table tbody tr.contact,
#recipient-dialog #contacts-table tbody tr.contact.person,
#recipient-dialog table#contacts-table tbody tr.contact.person,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"],
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"],
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"],
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"],
#recipient-dialog #contacts-table tbody tr[role="option"],
#recipient-dialog table#contacts-table tbody tr[role="option"],
#recipient-dialog .scroller #contacts-table tbody tr[role="option"],
#recipient-dialog .listbox #contacts-table tbody tr[role="option"] {
  /* Simple background - NO neumorphic effect by default */
  background: var(--neumorphic-bg) !important;
  background-color: var(--neumorphic-bg) !important;
  border: none !important;
  border-radius: 12px !important;
  /* Even smoother radius */
  box-shadow: none !important;
  /* NO shadow by default */
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
  /* Bouncy, smooth transition */
  cursor: pointer !important;
  display: block !important;
  /* Changed from table-row to block to allow box-shadow */
  visibility: visible !important;
  opacity: 1 !important;
  margin: 0 0 12px 0 !important;
  /* Better spacing for visual breathing room */
  padding: 0 !important;
  position: relative !important;
  will-change: transform, box-shadow, background-color !important;
  /* Performance hint */
  backface-visibility: hidden !important;
  /* Smooth rendering */
  transform: translateZ(0) !important;
  /* GPU acceleration */
  /* Smooth entrance animation */
  animation: contactRowFadeIn 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
  /* Contact cell - flex layout for content - ULTRA REFINED */
  /* Hover effect on contact row - Neumorphic effect ONLY on hover - PERFECTED */
  /* Active/pressed state - apply to <tr> - Neumorphic effect on selected - ENHANCED */
  /* Focused state - apply to <tr> - Neumorphic effect on focus - ULTRA REFINED */
}
#recipient-dialog #contacts-table tbody tr td,
#recipient-dialog table#contacts-table tbody tr td,
#recipient-dialog .scroller #contacts-table tbody tr td,
#recipient-dialog .listbox #contacts-table tbody tr td,
#recipient-dialog #contacts-table tbody tr.contact td,
#recipient-dialog table#contacts-table tbody tr.contact td,
#recipient-dialog .scroller #contacts-table tbody tr.contact td,
#recipient-dialog .listbox #contacts-table tbody tr.contact td,
#recipient-dialog #contacts-table tbody tr.contact.person td,
#recipient-dialog table#contacts-table tbody tr.contact.person td,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person td,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person td,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"] td,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"] td,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"] td,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"] td,
#recipient-dialog #contacts-table tbody tr[role="option"] td,
#recipient-dialog table#contacts-table tbody tr[role="option"] td,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"] td,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"] td {
  padding: 1.25rem 1.75rem !important;
  /* Enhanced padding for better comfort */
  border: none !important;
  display: block !important;
  /* Changed from table-cell to block */
  visibility: visible !important;
  opacity: 1 !important;
  background: transparent !important;
  transition: padding 0.2s ease !important;
  /* Smooth padding transition */
}
#recipient-dialog #contacts-table tbody tr td.contact,
#recipient-dialog table#contacts-table tbody tr td.contact,
#recipient-dialog .scroller #contacts-table tbody tr td.contact,
#recipient-dialog .listbox #contacts-table tbody tr td.contact,
#recipient-dialog #contacts-table tbody tr.contact td.contact,
#recipient-dialog table#contacts-table tbody tr.contact td.contact,
#recipient-dialog .scroller #contacts-table tbody tr.contact td.contact,
#recipient-dialog .listbox #contacts-table tbody tr.contact td.contact,
#recipient-dialog #contacts-table tbody tr.contact.person td.contact,
#recipient-dialog table#contacts-table tbody tr.contact.person td.contact,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person td.contact,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person td.contact,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"] td.contact,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"] td.contact,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"] td.contact,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"] td.contact,
#recipient-dialog #contacts-table tbody tr[role="option"] td.contact,
#recipient-dialog table#contacts-table tbody tr[role="option"] td.contact,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"] td.contact,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"] td.contact,
#recipient-dialog #contacts-table tbody tr td[id^="l:rcmrow"],
#recipient-dialog table#contacts-table tbody tr td[id^="l:rcmrow"],
#recipient-dialog .scroller #contacts-table tbody tr td[id^="l:rcmrow"],
#recipient-dialog .listbox #contacts-table tbody tr td[id^="l:rcmrow"],
#recipient-dialog #contacts-table tbody tr.contact td[id^="l:rcmrow"],
#recipient-dialog table#contacts-table tbody tr.contact td[id^="l:rcmrow"],
#recipient-dialog .scroller #contacts-table tbody tr.contact td[id^="l:rcmrow"],
#recipient-dialog .listbox #contacts-table tbody tr.contact td[id^="l:rcmrow"],
#recipient-dialog #contacts-table tbody tr.contact.person td[id^="l:rcmrow"],
#recipient-dialog table#contacts-table tbody tr.contact.person td[id^="l:rcmrow"],
#recipient-dialog .scroller #contacts-table tbody tr.contact.person td[id^="l:rcmrow"],
#recipient-dialog .listbox #contacts-table tbody tr.contact.person td[id^="l:rcmrow"],
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"] td[id^="l:rcmrow"],
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"] td[id^="l:rcmrow"],
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"] td[id^="l:rcmrow"],
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"] td[id^="l:rcmrow"],
#recipient-dialog #contacts-table tbody tr[role="option"] td[id^="l:rcmrow"],
#recipient-dialog table#contacts-table tbody tr[role="option"] td[id^="l:rcmrow"],
#recipient-dialog .scroller #contacts-table tbody tr[role="option"] td[id^="l:rcmrow"],
#recipient-dialog .listbox #contacts-table tbody tr[role="option"] td[id^="l:rcmrow"] {
  padding: 0.5rem 0.5rem !important;
  /* Enhanced padding */
  display: flex !important;
  align-items: center !important;
  gap: 1rem !important;
  /* Slightly increased gap for better spacing */
  line-height: 1em !important;
  /* Simple link styling - no card effects (card is on <tr>) - ULTRA REFINED */
}
#recipient-dialog #contacts-table tbody tr td.contact a,
#recipient-dialog table#contacts-table tbody tr td.contact a,
#recipient-dialog .scroller #contacts-table tbody tr td.contact a,
#recipient-dialog .listbox #contacts-table tbody tr td.contact a,
#recipient-dialog #contacts-table tbody tr.contact td.contact a,
#recipient-dialog table#contacts-table tbody tr.contact td.contact a,
#recipient-dialog .scroller #contacts-table tbody tr.contact td.contact a,
#recipient-dialog .listbox #contacts-table tbody tr.contact td.contact a,
#recipient-dialog #contacts-table tbody tr.contact.person td.contact a,
#recipient-dialog table#contacts-table tbody tr.contact.person td.contact a,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person td.contact a,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person td.contact a,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"] td.contact a,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"] td.contact a,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"] td.contact a,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"] td.contact a,
#recipient-dialog #contacts-table tbody tr[role="option"] td.contact a,
#recipient-dialog table#contacts-table tbody tr[role="option"] td.contact a,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"] td.contact a,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"] td.contact a,
#recipient-dialog #contacts-table tbody tr td[id^="l:rcmrow"] a,
#recipient-dialog table#contacts-table tbody tr td[id^="l:rcmrow"] a,
#recipient-dialog .scroller #contacts-table tbody tr td[id^="l:rcmrow"] a,
#recipient-dialog .listbox #contacts-table tbody tr td[id^="l:rcmrow"] a,
#recipient-dialog #contacts-table tbody tr.contact td[id^="l:rcmrow"] a,
#recipient-dialog table#contacts-table tbody tr.contact td[id^="l:rcmrow"] a,
#recipient-dialog .scroller #contacts-table tbody tr.contact td[id^="l:rcmrow"] a,
#recipient-dialog .listbox #contacts-table tbody tr.contact td[id^="l:rcmrow"] a,
#recipient-dialog #contacts-table tbody tr.contact.person td[id^="l:rcmrow"] a,
#recipient-dialog table#contacts-table tbody tr.contact.person td[id^="l:rcmrow"] a,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person td[id^="l:rcmrow"] a,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person td[id^="l:rcmrow"] a,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"] td[id^="l:rcmrow"] a,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"] td[id^="l:rcmrow"] a,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"] td[id^="l:rcmrow"] a,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"] td[id^="l:rcmrow"] a,
#recipient-dialog #contacts-table tbody tr[role="option"] td[id^="l:rcmrow"] a,
#recipient-dialog table#contacts-table tbody tr[role="option"] td[id^="l:rcmrow"] a,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"] td[id^="l:rcmrow"] a,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"] td[id^="l:rcmrow"] a {
  display: flex !important;
  align-items: center !important;
  gap: 1rem !important;
  /* Consistent gap */
  text-decoration: none !important;
  color: #e8e8e8 !important;
  /* Even brighter text for better readability */
  width: 100% !important;
  line-height: 1.6 !important;
  /* Better line height for readability */
  font-size: 14.5px !important;
  /* Slightly larger for better readability */
  font-weight: 400 !important;
  letter-spacing: 0.01em !important;
  /* Subtle letter spacing */
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  min-height: 52px !important;
  /* Better touch target */
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  /* Smooth all transitions */
  text-rendering: optimizeLegibility !important;
  /* Better text rendering */
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  /* Contact info container (name + email) */
  /* Contact name styling */
  /* Contact email styling */
  /* Ensure icon is visible and properly styled - ULTRA REFINED */
}
#recipient-dialog #contacts-table tbody tr td.contact a .contact-info,
#recipient-dialog table#contacts-table tbody tr td.contact a .contact-info,
#recipient-dialog .scroller #contacts-table tbody tr td.contact a .contact-info,
#recipient-dialog .listbox #contacts-table tbody tr td.contact a .contact-info,
#recipient-dialog #contacts-table tbody tr.contact td.contact a .contact-info,
#recipient-dialog table#contacts-table tbody tr.contact td.contact a .contact-info,
#recipient-dialog .scroller #contacts-table tbody tr.contact td.contact a .contact-info,
#recipient-dialog .listbox #contacts-table tbody tr.contact td.contact a .contact-info,
#recipient-dialog #contacts-table tbody tr.contact.person td.contact a .contact-info,
#recipient-dialog table#contacts-table tbody tr.contact.person td.contact a .contact-info,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person td.contact a .contact-info,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person td.contact a .contact-info,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"] td.contact a .contact-info,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"] td.contact a .contact-info,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"] td.contact a .contact-info,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"] td.contact a .contact-info,
#recipient-dialog #contacts-table tbody tr[role="option"] td.contact a .contact-info,
#recipient-dialog table#contacts-table tbody tr[role="option"] td.contact a .contact-info,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"] td.contact a .contact-info,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"] td.contact a .contact-info,
#recipient-dialog #contacts-table tbody tr td[id^="l:rcmrow"] a .contact-info,
#recipient-dialog table#contacts-table tbody tr td[id^="l:rcmrow"] a .contact-info,
#recipient-dialog .scroller #contacts-table tbody tr td[id^="l:rcmrow"] a .contact-info,
#recipient-dialog .listbox #contacts-table tbody tr td[id^="l:rcmrow"] a .contact-info,
#recipient-dialog #contacts-table tbody tr.contact td[id^="l:rcmrow"] a .contact-info,
#recipient-dialog table#contacts-table tbody tr.contact td[id^="l:rcmrow"] a .contact-info,
#recipient-dialog .scroller #contacts-table tbody tr.contact td[id^="l:rcmrow"] a .contact-info,
#recipient-dialog .listbox #contacts-table tbody tr.contact td[id^="l:rcmrow"] a .contact-info,
#recipient-dialog #contacts-table tbody tr.contact.person td[id^="l:rcmrow"] a .contact-info,
#recipient-dialog table#contacts-table tbody tr.contact.person td[id^="l:rcmrow"] a .contact-info,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person td[id^="l:rcmrow"] a .contact-info,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person td[id^="l:rcmrow"] a .contact-info,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"] td[id^="l:rcmrow"] a .contact-info,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"] td[id^="l:rcmrow"] a .contact-info,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"] td[id^="l:rcmrow"] a .contact-info,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"] td[id^="l:rcmrow"] a .contact-info,
#recipient-dialog #contacts-table tbody tr[role="option"] td[id^="l:rcmrow"] a .contact-info,
#recipient-dialog table#contacts-table tbody tr[role="option"] td[id^="l:rcmrow"] a .contact-info,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"] td[id^="l:rcmrow"] a .contact-info,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"] td[id^="l:rcmrow"] a .contact-info {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.25rem !important;
  flex: 1 !important;
  min-width: 0 !important;
}
#recipient-dialog #contacts-table tbody tr td.contact a .contact-name,
#recipient-dialog table#contacts-table tbody tr td.contact a .contact-name,
#recipient-dialog .scroller #contacts-table tbody tr td.contact a .contact-name,
#recipient-dialog .listbox #contacts-table tbody tr td.contact a .contact-name,
#recipient-dialog #contacts-table tbody tr.contact td.contact a .contact-name,
#recipient-dialog table#contacts-table tbody tr.contact td.contact a .contact-name,
#recipient-dialog .scroller #contacts-table tbody tr.contact td.contact a .contact-name,
#recipient-dialog .listbox #contacts-table tbody tr.contact td.contact a .contact-name,
#recipient-dialog #contacts-table tbody tr.contact.person td.contact a .contact-name,
#recipient-dialog table#contacts-table tbody tr.contact.person td.contact a .contact-name,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person td.contact a .contact-name,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person td.contact a .contact-name,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"] td.contact a .contact-name,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"] td.contact a .contact-name,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"] td.contact a .contact-name,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"] td.contact a .contact-name,
#recipient-dialog #contacts-table tbody tr[role="option"] td.contact a .contact-name,
#recipient-dialog table#contacts-table tbody tr[role="option"] td.contact a .contact-name,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"] td.contact a .contact-name,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"] td.contact a .contact-name,
#recipient-dialog #contacts-table tbody tr td[id^="l:rcmrow"] a .contact-name,
#recipient-dialog table#contacts-table tbody tr td[id^="l:rcmrow"] a .contact-name,
#recipient-dialog .scroller #contacts-table tbody tr td[id^="l:rcmrow"] a .contact-name,
#recipient-dialog .listbox #contacts-table tbody tr td[id^="l:rcmrow"] a .contact-name,
#recipient-dialog #contacts-table tbody tr.contact td[id^="l:rcmrow"] a .contact-name,
#recipient-dialog table#contacts-table tbody tr.contact td[id^="l:rcmrow"] a .contact-name,
#recipient-dialog .scroller #contacts-table tbody tr.contact td[id^="l:rcmrow"] a .contact-name,
#recipient-dialog .listbox #contacts-table tbody tr.contact td[id^="l:rcmrow"] a .contact-name,
#recipient-dialog #contacts-table tbody tr.contact.person td[id^="l:rcmrow"] a .contact-name,
#recipient-dialog table#contacts-table tbody tr.contact.person td[id^="l:rcmrow"] a .contact-name,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person td[id^="l:rcmrow"] a .contact-name,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person td[id^="l:rcmrow"] a .contact-name,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"] td[id^="l:rcmrow"] a .contact-name,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"] td[id^="l:rcmrow"] a .contact-name,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"] td[id^="l:rcmrow"] a .contact-name,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"] td[id^="l:rcmrow"] a .contact-name,
#recipient-dialog #contacts-table tbody tr[role="option"] td[id^="l:rcmrow"] a .contact-name,
#recipient-dialog table#contacts-table tbody tr[role="option"] td[id^="l:rcmrow"] a .contact-name,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"] td[id^="l:rcmrow"] a .contact-name,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"] td[id^="l:rcmrow"] a .contact-name {
  font-weight: 500 !important;
  color: inherit !important;
  font-size: inherit !important;
  line-height: 1.4 !important;
}
#recipient-dialog #contacts-table tbody tr td.contact a .contact-email,
#recipient-dialog table#contacts-table tbody tr td.contact a .contact-email,
#recipient-dialog .scroller #contacts-table tbody tr td.contact a .contact-email,
#recipient-dialog .listbox #contacts-table tbody tr td.contact a .contact-email,
#recipient-dialog #contacts-table tbody tr.contact td.contact a .contact-email,
#recipient-dialog table#contacts-table tbody tr.contact td.contact a .contact-email,
#recipient-dialog .scroller #contacts-table tbody tr.contact td.contact a .contact-email,
#recipient-dialog .listbox #contacts-table tbody tr.contact td.contact a .contact-email,
#recipient-dialog #contacts-table tbody tr.contact.person td.contact a .contact-email,
#recipient-dialog table#contacts-table tbody tr.contact.person td.contact a .contact-email,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person td.contact a .contact-email,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person td.contact a .contact-email,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"] td.contact a .contact-email,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"] td.contact a .contact-email,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"] td.contact a .contact-email,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"] td.contact a .contact-email,
#recipient-dialog #contacts-table tbody tr[role="option"] td.contact a .contact-email,
#recipient-dialog table#contacts-table tbody tr[role="option"] td.contact a .contact-email,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"] td.contact a .contact-email,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"] td.contact a .contact-email,
#recipient-dialog #contacts-table tbody tr td[id^="l:rcmrow"] a .contact-email,
#recipient-dialog table#contacts-table tbody tr td[id^="l:rcmrow"] a .contact-email,
#recipient-dialog .scroller #contacts-table tbody tr td[id^="l:rcmrow"] a .contact-email,
#recipient-dialog .listbox #contacts-table tbody tr td[id^="l:rcmrow"] a .contact-email,
#recipient-dialog #contacts-table tbody tr.contact td[id^="l:rcmrow"] a .contact-email,
#recipient-dialog table#contacts-table tbody tr.contact td[id^="l:rcmrow"] a .contact-email,
#recipient-dialog .scroller #contacts-table tbody tr.contact td[id^="l:rcmrow"] a .contact-email,
#recipient-dialog .listbox #contacts-table tbody tr.contact td[id^="l:rcmrow"] a .contact-email,
#recipient-dialog #contacts-table tbody tr.contact.person td[id^="l:rcmrow"] a .contact-email,
#recipient-dialog table#contacts-table tbody tr.contact.person td[id^="l:rcmrow"] a .contact-email,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person td[id^="l:rcmrow"] a .contact-email,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person td[id^="l:rcmrow"] a .contact-email,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"] td[id^="l:rcmrow"] a .contact-email,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"] td[id^="l:rcmrow"] a .contact-email,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"] td[id^="l:rcmrow"] a .contact-email,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"] td[id^="l:rcmrow"] a .contact-email,
#recipient-dialog #contacts-table tbody tr[role="option"] td[id^="l:rcmrow"] a .contact-email,
#recipient-dialog table#contacts-table tbody tr[role="option"] td[id^="l:rcmrow"] a .contact-email,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"] td[id^="l:rcmrow"] a .contact-email,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"] td[id^="l:rcmrow"] a .contact-email {
  font-weight: 400 !important;
  color: rgba(255, 255, 255, 0.7) !important;
  font-size: 0.9em !important;
  line-height: 1.3 !important;
  opacity: 0.8 !important;
}
#recipient-dialog #contacts-table tbody tr td.contact a i.fa,
#recipient-dialog table#contacts-table tbody tr td.contact a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr td.contact a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr td.contact a i.fa,
#recipient-dialog #contacts-table tbody tr.contact td.contact a i.fa,
#recipient-dialog table#contacts-table tbody tr.contact td.contact a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr.contact td.contact a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr.contact td.contact a i.fa,
#recipient-dialog #contacts-table tbody tr.contact.person td.contact a i.fa,
#recipient-dialog table#contacts-table tbody tr.contact.person td.contact a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person td.contact a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person td.contact a i.fa,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"] td.contact a i.fa,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"] td.contact a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"] td.contact a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"] td.contact a i.fa,
#recipient-dialog #contacts-table tbody tr[role="option"] td.contact a i.fa,
#recipient-dialog table#contacts-table tbody tr[role="option"] td.contact a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"] td.contact a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"] td.contact a i.fa,
#recipient-dialog #contacts-table tbody tr td[id^="l:rcmrow"] a i.fa,
#recipient-dialog table#contacts-table tbody tr td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr td[id^="l:rcmrow"] a i.fa,
#recipient-dialog #contacts-table tbody tr.contact td[id^="l:rcmrow"] a i.fa,
#recipient-dialog table#contacts-table tbody tr.contact td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr.contact td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr.contact td[id^="l:rcmrow"] a i.fa,
#recipient-dialog #contacts-table tbody tr.contact.person td[id^="l:rcmrow"] a i.fa,
#recipient-dialog table#contacts-table tbody tr.contact.person td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person td[id^="l:rcmrow"] a i.fa,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"] td[id^="l:rcmrow"] a i.fa,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"] td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"] td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"] td[id^="l:rcmrow"] a i.fa,
#recipient-dialog #contacts-table tbody tr[role="option"] td[id^="l:rcmrow"] a i.fa,
#recipient-dialog table#contacts-table tbody tr[role="option"] td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"] td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"] td[id^="l:rcmrow"] a i.fa,
#recipient-dialog #contacts-table tbody tr td.contact a i.fa-user,
#recipient-dialog table#contacts-table tbody tr td.contact a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr td.contact a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr td.contact a i.fa-user,
#recipient-dialog #contacts-table tbody tr.contact td.contact a i.fa-user,
#recipient-dialog table#contacts-table tbody tr.contact td.contact a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr.contact td.contact a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr.contact td.contact a i.fa-user,
#recipient-dialog #contacts-table tbody tr.contact.person td.contact a i.fa-user,
#recipient-dialog table#contacts-table tbody tr.contact.person td.contact a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person td.contact a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person td.contact a i.fa-user,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"] td.contact a i.fa-user,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"] td.contact a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"] td.contact a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"] td.contact a i.fa-user,
#recipient-dialog #contacts-table tbody tr[role="option"] td.contact a i.fa-user,
#recipient-dialog table#contacts-table tbody tr[role="option"] td.contact a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"] td.contact a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"] td.contact a i.fa-user,
#recipient-dialog #contacts-table tbody tr td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog table#contacts-table tbody tr td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog #contacts-table tbody tr.contact td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog table#contacts-table tbody tr.contact td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr.contact td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr.contact td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog #contacts-table tbody tr.contact.person td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog table#contacts-table tbody tr.contact.person td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"] td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"] td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"] td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"] td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog #contacts-table tbody tr[role="option"] td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog table#contacts-table tbody tr[role="option"] td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"] td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"] td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog #contacts-table tbody tr td.contact a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr td.contact a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr td.contact a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr td.contact a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr.contact td.contact a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr.contact td.contact a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr.contact td.contact a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr.contact td.contact a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr.contact.person td.contact a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr.contact.person td.contact a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr.contact.person td.contact a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr.contact.person td.contact a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"] td.contact a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"] td.contact a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"] td.contact a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"] td.contact a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr[role="option"] td.contact a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr[role="option"] td.contact a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr[role="option"] td.contact a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr[role="option"] td.contact a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr.contact td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr.contact td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr.contact td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr.contact td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr.contact.person td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr.contact.person td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr.contact.person td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr.contact.person td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"] td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"] td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"] td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"] td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr[role="option"] td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr[role="option"] td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr[role="option"] td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr[role="option"] td[id^="l:rcmrow"] a i[class*="fa-"] {
  font-family: 'Icons' !important;
  font-style: normal !important;
  font-weight: 900 !important;
  display: inline-flex !important;
  /* Changed to inline-flex for better alignment */
  align-items: center !important;
  justify-content: center !important;
  color: #4a90e2 !important;
  /* Blue icon color */
  font-size: 1.25em !important;
  /* Slightly larger icon */
  flex-shrink: 0 !important;
  width: 28px !important;
  /* Better visual balance */
  height: 28px !important;
  /* Perfect square */
  text-align: center !important;
  line-height: 1 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
  /* Bouncy transition */
  border-radius: 6px !important;
  /* More rounded for modern look */
  background: rgba(74, 144, 226, 0.08) !important;
  /* Subtle background */
  position: relative !important;
  will-change: transform, color, filter !important;
  /* Performance hint */
  /* Subtle inner glow */
}
#recipient-dialog #contacts-table tbody tr td.contact a i.fa::before,
#recipient-dialog table#contacts-table tbody tr td.contact a i.fa::before,
#recipient-dialog .scroller #contacts-table tbody tr td.contact a i.fa::before,
#recipient-dialog .listbox #contacts-table tbody tr td.contact a i.fa::before,
#recipient-dialog #contacts-table tbody tr.contact td.contact a i.fa::before,
#recipient-dialog table#contacts-table tbody tr.contact td.contact a i.fa::before,
#recipient-dialog .scroller #contacts-table tbody tr.contact td.contact a i.fa::before,
#recipient-dialog .listbox #contacts-table tbody tr.contact td.contact a i.fa::before,
#recipient-dialog #contacts-table tbody tr.contact.person td.contact a i.fa::before,
#recipient-dialog table#contacts-table tbody tr.contact.person td.contact a i.fa::before,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person td.contact a i.fa::before,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person td.contact a i.fa::before,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"] td.contact a i.fa::before,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"] td.contact a i.fa::before,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"] td.contact a i.fa::before,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"] td.contact a i.fa::before,
#recipient-dialog #contacts-table tbody tr[role="option"] td.contact a i.fa::before,
#recipient-dialog table#contacts-table tbody tr[role="option"] td.contact a i.fa::before,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"] td.contact a i.fa::before,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"] td.contact a i.fa::before,
#recipient-dialog #contacts-table tbody tr td[id^="l:rcmrow"] a i.fa::before,
#recipient-dialog table#contacts-table tbody tr td[id^="l:rcmrow"] a i.fa::before,
#recipient-dialog .scroller #contacts-table tbody tr td[id^="l:rcmrow"] a i.fa::before,
#recipient-dialog .listbox #contacts-table tbody tr td[id^="l:rcmrow"] a i.fa::before,
#recipient-dialog #contacts-table tbody tr.contact td[id^="l:rcmrow"] a i.fa::before,
#recipient-dialog table#contacts-table tbody tr.contact td[id^="l:rcmrow"] a i.fa::before,
#recipient-dialog .scroller #contacts-table tbody tr.contact td[id^="l:rcmrow"] a i.fa::before,
#recipient-dialog .listbox #contacts-table tbody tr.contact td[id^="l:rcmrow"] a i.fa::before,
#recipient-dialog #contacts-table tbody tr.contact.person td[id^="l:rcmrow"] a i.fa::before,
#recipient-dialog table#contacts-table tbody tr.contact.person td[id^="l:rcmrow"] a i.fa::before,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person td[id^="l:rcmrow"] a i.fa::before,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person td[id^="l:rcmrow"] a i.fa::before,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"] td[id^="l:rcmrow"] a i.fa::before,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"] td[id^="l:rcmrow"] a i.fa::before,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"] td[id^="l:rcmrow"] a i.fa::before,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"] td[id^="l:rcmrow"] a i.fa::before,
#recipient-dialog #contacts-table tbody tr[role="option"] td[id^="l:rcmrow"] a i.fa::before,
#recipient-dialog table#contacts-table tbody tr[role="option"] td[id^="l:rcmrow"] a i.fa::before,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"] td[id^="l:rcmrow"] a i.fa::before,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"] td[id^="l:rcmrow"] a i.fa::before,
#recipient-dialog #contacts-table tbody tr td.contact a i.fa-user::before,
#recipient-dialog table#contacts-table tbody tr td.contact a i.fa-user::before,
#recipient-dialog .scroller #contacts-table tbody tr td.contact a i.fa-user::before,
#recipient-dialog .listbox #contacts-table tbody tr td.contact a i.fa-user::before,
#recipient-dialog #contacts-table tbody tr.contact td.contact a i.fa-user::before,
#recipient-dialog table#contacts-table tbody tr.contact td.contact a i.fa-user::before,
#recipient-dialog .scroller #contacts-table tbody tr.contact td.contact a i.fa-user::before,
#recipient-dialog .listbox #contacts-table tbody tr.contact td.contact a i.fa-user::before,
#recipient-dialog #contacts-table tbody tr.contact.person td.contact a i.fa-user::before,
#recipient-dialog table#contacts-table tbody tr.contact.person td.contact a i.fa-user::before,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person td.contact a i.fa-user::before,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person td.contact a i.fa-user::before,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"] td.contact a i.fa-user::before,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"] td.contact a i.fa-user::before,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"] td.contact a i.fa-user::before,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"] td.contact a i.fa-user::before,
#recipient-dialog #contacts-table tbody tr[role="option"] td.contact a i.fa-user::before,
#recipient-dialog table#contacts-table tbody tr[role="option"] td.contact a i.fa-user::before,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"] td.contact a i.fa-user::before,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"] td.contact a i.fa-user::before,
#recipient-dialog #contacts-table tbody tr td[id^="l:rcmrow"] a i.fa-user::before,
#recipient-dialog table#contacts-table tbody tr td[id^="l:rcmrow"] a i.fa-user::before,
#recipient-dialog .scroller #contacts-table tbody tr td[id^="l:rcmrow"] a i.fa-user::before,
#recipient-dialog .listbox #contacts-table tbody tr td[id^="l:rcmrow"] a i.fa-user::before,
#recipient-dialog #contacts-table tbody tr.contact td[id^="l:rcmrow"] a i.fa-user::before,
#recipient-dialog table#contacts-table tbody tr.contact td[id^="l:rcmrow"] a i.fa-user::before,
#recipient-dialog .scroller #contacts-table tbody tr.contact td[id^="l:rcmrow"] a i.fa-user::before,
#recipient-dialog .listbox #contacts-table tbody tr.contact td[id^="l:rcmrow"] a i.fa-user::before,
#recipient-dialog #contacts-table tbody tr.contact.person td[id^="l:rcmrow"] a i.fa-user::before,
#recipient-dialog table#contacts-table tbody tr.contact.person td[id^="l:rcmrow"] a i.fa-user::before,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person td[id^="l:rcmrow"] a i.fa-user::before,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person td[id^="l:rcmrow"] a i.fa-user::before,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"] td[id^="l:rcmrow"] a i.fa-user::before,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"] td[id^="l:rcmrow"] a i.fa-user::before,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"] td[id^="l:rcmrow"] a i.fa-user::before,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"] td[id^="l:rcmrow"] a i.fa-user::before,
#recipient-dialog #contacts-table tbody tr[role="option"] td[id^="l:rcmrow"] a i.fa-user::before,
#recipient-dialog table#contacts-table tbody tr[role="option"] td[id^="l:rcmrow"] a i.fa-user::before,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"] td[id^="l:rcmrow"] a i.fa-user::before,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"] td[id^="l:rcmrow"] a i.fa-user::before,
#recipient-dialog #contacts-table tbody tr td.contact a i[class*="fa-"]::before,
#recipient-dialog table#contacts-table tbody tr td.contact a i[class*="fa-"]::before,
#recipient-dialog .scroller #contacts-table tbody tr td.contact a i[class*="fa-"]::before,
#recipient-dialog .listbox #contacts-table tbody tr td.contact a i[class*="fa-"]::before,
#recipient-dialog #contacts-table tbody tr.contact td.contact a i[class*="fa-"]::before,
#recipient-dialog table#contacts-table tbody tr.contact td.contact a i[class*="fa-"]::before,
#recipient-dialog .scroller #contacts-table tbody tr.contact td.contact a i[class*="fa-"]::before,
#recipient-dialog .listbox #contacts-table tbody tr.contact td.contact a i[class*="fa-"]::before,
#recipient-dialog #contacts-table tbody tr.contact.person td.contact a i[class*="fa-"]::before,
#recipient-dialog table#contacts-table tbody tr.contact.person td.contact a i[class*="fa-"]::before,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person td.contact a i[class*="fa-"]::before,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person td.contact a i[class*="fa-"]::before,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"] td.contact a i[class*="fa-"]::before,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"] td.contact a i[class*="fa-"]::before,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"] td.contact a i[class*="fa-"]::before,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"] td.contact a i[class*="fa-"]::before,
#recipient-dialog #contacts-table tbody tr[role="option"] td.contact a i[class*="fa-"]::before,
#recipient-dialog table#contacts-table tbody tr[role="option"] td.contact a i[class*="fa-"]::before,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"] td.contact a i[class*="fa-"]::before,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"] td.contact a i[class*="fa-"]::before,
#recipient-dialog #contacts-table tbody tr td[id^="l:rcmrow"] a i[class*="fa-"]::before,
#recipient-dialog table#contacts-table tbody tr td[id^="l:rcmrow"] a i[class*="fa-"]::before,
#recipient-dialog .scroller #contacts-table tbody tr td[id^="l:rcmrow"] a i[class*="fa-"]::before,
#recipient-dialog .listbox #contacts-table tbody tr td[id^="l:rcmrow"] a i[class*="fa-"]::before,
#recipient-dialog #contacts-table tbody tr.contact td[id^="l:rcmrow"] a i[class*="fa-"]::before,
#recipient-dialog table#contacts-table tbody tr.contact td[id^="l:rcmrow"] a i[class*="fa-"]::before,
#recipient-dialog .scroller #contacts-table tbody tr.contact td[id^="l:rcmrow"] a i[class*="fa-"]::before,
#recipient-dialog .listbox #contacts-table tbody tr.contact td[id^="l:rcmrow"] a i[class*="fa-"]::before,
#recipient-dialog #contacts-table tbody tr.contact.person td[id^="l:rcmrow"] a i[class*="fa-"]::before,
#recipient-dialog table#contacts-table tbody tr.contact.person td[id^="l:rcmrow"] a i[class*="fa-"]::before,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person td[id^="l:rcmrow"] a i[class*="fa-"]::before,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person td[id^="l:rcmrow"] a i[class*="fa-"]::before,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"] td[id^="l:rcmrow"] a i[class*="fa-"]::before,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"] td[id^="l:rcmrow"] a i[class*="fa-"]::before,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"] td[id^="l:rcmrow"] a i[class*="fa-"]::before,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"] td[id^="l:rcmrow"] a i[class*="fa-"]::before,
#recipient-dialog #contacts-table tbody tr[role="option"] td[id^="l:rcmrow"] a i[class*="fa-"]::before,
#recipient-dialog table#contacts-table tbody tr[role="option"] td[id^="l:rcmrow"] a i[class*="fa-"]::before,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"] td[id^="l:rcmrow"] a i[class*="fa-"]::before,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"] td[id^="l:rcmrow"] a i[class*="fa-"]::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: 6px !important;
  background: radial-gradient(circle at center, rgba(74, 144, 226, 0.15), transparent 70%) !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
  pointer-events: none !important;
}
#recipient-dialog #contacts-table tbody tr:hover,
#recipient-dialog table#contacts-table tbody tr:hover,
#recipient-dialog .scroller #contacts-table tbody tr:hover,
#recipient-dialog .listbox #contacts-table tbody tr:hover,
#recipient-dialog #contacts-table tbody tr.contact:hover,
#recipient-dialog table#contacts-table tbody tr.contact:hover,
#recipient-dialog .scroller #contacts-table tbody tr.contact:hover,
#recipient-dialog .listbox #contacts-table tbody tr.contact:hover,
#recipient-dialog #contacts-table tbody tr.contact.person:hover,
#recipient-dialog table#contacts-table tbody tr.contact.person:hover,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person:hover,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person:hover,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"]:hover,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"]:hover,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"]:hover,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"]:hover,
#recipient-dialog #contacts-table tbody tr[role="option"]:hover,
#recipient-dialog table#contacts-table tbody tr[role="option"]:hover,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"]:hover,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"]:hover {
  background: var(--vibrant-hover-bg) !important;
  background-color: var(--vibrant-hover-bg) !important;
  box-shadow: 5px 5px 10px var(--dark-shadow), -5px -5px 10px var(--light-shadow) !important;
  /* Enhanced neumorphic effect on hover */
  transform: translateY(-2px) !important;
  /* More noticeable lift on hover */
  /* Improve text and icon on hover */
}
#recipient-dialog #contacts-table tbody tr:hover td.contact a,
#recipient-dialog table#contacts-table tbody tr:hover td.contact a,
#recipient-dialog .scroller #contacts-table tbody tr:hover td.contact a,
#recipient-dialog .listbox #contacts-table tbody tr:hover td.contact a,
#recipient-dialog #contacts-table tbody tr.contact:hover td.contact a,
#recipient-dialog table#contacts-table tbody tr.contact:hover td.contact a,
#recipient-dialog .scroller #contacts-table tbody tr.contact:hover td.contact a,
#recipient-dialog .listbox #contacts-table tbody tr.contact:hover td.contact a,
#recipient-dialog #contacts-table tbody tr.contact.person:hover td.contact a,
#recipient-dialog table#contacts-table tbody tr.contact.person:hover td.contact a,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person:hover td.contact a,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person:hover td.contact a,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"]:hover td.contact a,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"]:hover td.contact a,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"]:hover td.contact a,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"]:hover td.contact a,
#recipient-dialog #contacts-table tbody tr[role="option"]:hover td.contact a,
#recipient-dialog table#contacts-table tbody tr[role="option"]:hover td.contact a,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"]:hover td.contact a,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"]:hover td.contact a,
#recipient-dialog #contacts-table tbody tr:hover td[id^="l:rcmrow"] a,
#recipient-dialog table#contacts-table tbody tr:hover td[id^="l:rcmrow"] a,
#recipient-dialog .scroller #contacts-table tbody tr:hover td[id^="l:rcmrow"] a,
#recipient-dialog .listbox #contacts-table tbody tr:hover td[id^="l:rcmrow"] a,
#recipient-dialog #contacts-table tbody tr.contact:hover td[id^="l:rcmrow"] a,
#recipient-dialog table#contacts-table tbody tr.contact:hover td[id^="l:rcmrow"] a,
#recipient-dialog .scroller #contacts-table tbody tr.contact:hover td[id^="l:rcmrow"] a,
#recipient-dialog .listbox #contacts-table tbody tr.contact:hover td[id^="l:rcmrow"] a,
#recipient-dialog #contacts-table tbody tr.contact.person:hover td[id^="l:rcmrow"] a,
#recipient-dialog table#contacts-table tbody tr.contact.person:hover td[id^="l:rcmrow"] a,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person:hover td[id^="l:rcmrow"] a,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person:hover td[id^="l:rcmrow"] a,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"]:hover td[id^="l:rcmrow"] a,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"]:hover td[id^="l:rcmrow"] a,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"]:hover td[id^="l:rcmrow"] a,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"]:hover td[id^="l:rcmrow"] a,
#recipient-dialog #contacts-table tbody tr[role="option"]:hover td[id^="l:rcmrow"] a,
#recipient-dialog table#contacts-table tbody tr[role="option"]:hover td[id^="l:rcmrow"] a,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"]:hover td[id^="l:rcmrow"] a,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"]:hover td[id^="l:rcmrow"] a,
#recipient-dialog #contacts-table tbody tr:hover td a,
#recipient-dialog table#contacts-table tbody tr:hover td a,
#recipient-dialog .scroller #contacts-table tbody tr:hover td a,
#recipient-dialog .listbox #contacts-table tbody tr:hover td a,
#recipient-dialog #contacts-table tbody tr.contact:hover td a,
#recipient-dialog table#contacts-table tbody tr.contact:hover td a,
#recipient-dialog .scroller #contacts-table tbody tr.contact:hover td a,
#recipient-dialog .listbox #contacts-table tbody tr.contact:hover td a,
#recipient-dialog #contacts-table tbody tr.contact.person:hover td a,
#recipient-dialog table#contacts-table tbody tr.contact.person:hover td a,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person:hover td a,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person:hover td a,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"]:hover td a,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"]:hover td a,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"]:hover td a,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"]:hover td a,
#recipient-dialog #contacts-table tbody tr[role="option"]:hover td a,
#recipient-dialog table#contacts-table tbody tr[role="option"]:hover td a,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"]:hover td a,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"]:hover td a {
  color: #ffffff !important;
  /* Brighter text on hover */
}
#recipient-dialog #contacts-table tbody tr:hover td.contact a .contact-name,
#recipient-dialog table#contacts-table tbody tr:hover td.contact a .contact-name,
#recipient-dialog .scroller #contacts-table tbody tr:hover td.contact a .contact-name,
#recipient-dialog .listbox #contacts-table tbody tr:hover td.contact a .contact-name,
#recipient-dialog #contacts-table tbody tr.contact:hover td.contact a .contact-name,
#recipient-dialog table#contacts-table tbody tr.contact:hover td.contact a .contact-name,
#recipient-dialog .scroller #contacts-table tbody tr.contact:hover td.contact a .contact-name,
#recipient-dialog .listbox #contacts-table tbody tr.contact:hover td.contact a .contact-name,
#recipient-dialog #contacts-table tbody tr.contact.person:hover td.contact a .contact-name,
#recipient-dialog table#contacts-table tbody tr.contact.person:hover td.contact a .contact-name,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person:hover td.contact a .contact-name,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person:hover td.contact a .contact-name,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"]:hover td.contact a .contact-name,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"]:hover td.contact a .contact-name,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"]:hover td.contact a .contact-name,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"]:hover td.contact a .contact-name,
#recipient-dialog #contacts-table tbody tr[role="option"]:hover td.contact a .contact-name,
#recipient-dialog table#contacts-table tbody tr[role="option"]:hover td.contact a .contact-name,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"]:hover td.contact a .contact-name,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"]:hover td.contact a .contact-name,
#recipient-dialog #contacts-table tbody tr:hover td[id^="l:rcmrow"] a .contact-name,
#recipient-dialog table#contacts-table tbody tr:hover td[id^="l:rcmrow"] a .contact-name,
#recipient-dialog .scroller #contacts-table tbody tr:hover td[id^="l:rcmrow"] a .contact-name,
#recipient-dialog .listbox #contacts-table tbody tr:hover td[id^="l:rcmrow"] a .contact-name,
#recipient-dialog #contacts-table tbody tr.contact:hover td[id^="l:rcmrow"] a .contact-name,
#recipient-dialog table#contacts-table tbody tr.contact:hover td[id^="l:rcmrow"] a .contact-name,
#recipient-dialog .scroller #contacts-table tbody tr.contact:hover td[id^="l:rcmrow"] a .contact-name,
#recipient-dialog .listbox #contacts-table tbody tr.contact:hover td[id^="l:rcmrow"] a .contact-name,
#recipient-dialog #contacts-table tbody tr.contact.person:hover td[id^="l:rcmrow"] a .contact-name,
#recipient-dialog table#contacts-table tbody tr.contact.person:hover td[id^="l:rcmrow"] a .contact-name,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person:hover td[id^="l:rcmrow"] a .contact-name,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person:hover td[id^="l:rcmrow"] a .contact-name,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"]:hover td[id^="l:rcmrow"] a .contact-name,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"]:hover td[id^="l:rcmrow"] a .contact-name,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"]:hover td[id^="l:rcmrow"] a .contact-name,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"]:hover td[id^="l:rcmrow"] a .contact-name,
#recipient-dialog #contacts-table tbody tr[role="option"]:hover td[id^="l:rcmrow"] a .contact-name,
#recipient-dialog table#contacts-table tbody tr[role="option"]:hover td[id^="l:rcmrow"] a .contact-name,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"]:hover td[id^="l:rcmrow"] a .contact-name,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"]:hover td[id^="l:rcmrow"] a .contact-name,
#recipient-dialog #contacts-table tbody tr:hover td a .contact-name,
#recipient-dialog table#contacts-table tbody tr:hover td a .contact-name,
#recipient-dialog .scroller #contacts-table tbody tr:hover td a .contact-name,
#recipient-dialog .listbox #contacts-table tbody tr:hover td a .contact-name,
#recipient-dialog #contacts-table tbody tr.contact:hover td a .contact-name,
#recipient-dialog table#contacts-table tbody tr.contact:hover td a .contact-name,
#recipient-dialog .scroller #contacts-table tbody tr.contact:hover td a .contact-name,
#recipient-dialog .listbox #contacts-table tbody tr.contact:hover td a .contact-name,
#recipient-dialog #contacts-table tbody tr.contact.person:hover td a .contact-name,
#recipient-dialog table#contacts-table tbody tr.contact.person:hover td a .contact-name,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person:hover td a .contact-name,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person:hover td a .contact-name,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"]:hover td a .contact-name,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"]:hover td a .contact-name,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"]:hover td a .contact-name,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"]:hover td a .contact-name,
#recipient-dialog #contacts-table tbody tr[role="option"]:hover td a .contact-name,
#recipient-dialog table#contacts-table tbody tr[role="option"]:hover td a .contact-name,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"]:hover td a .contact-name,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"]:hover td a .contact-name {
  color: #ffffff !important;
  font-weight: 500 !important;
}
#recipient-dialog #contacts-table tbody tr:hover td.contact a .contact-email,
#recipient-dialog table#contacts-table tbody tr:hover td.contact a .contact-email,
#recipient-dialog .scroller #contacts-table tbody tr:hover td.contact a .contact-email,
#recipient-dialog .listbox #contacts-table tbody tr:hover td.contact a .contact-email,
#recipient-dialog #contacts-table tbody tr.contact:hover td.contact a .contact-email,
#recipient-dialog table#contacts-table tbody tr.contact:hover td.contact a .contact-email,
#recipient-dialog .scroller #contacts-table tbody tr.contact:hover td.contact a .contact-email,
#recipient-dialog .listbox #contacts-table tbody tr.contact:hover td.contact a .contact-email,
#recipient-dialog #contacts-table tbody tr.contact.person:hover td.contact a .contact-email,
#recipient-dialog table#contacts-table tbody tr.contact.person:hover td.contact a .contact-email,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person:hover td.contact a .contact-email,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person:hover td.contact a .contact-email,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"]:hover td.contact a .contact-email,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"]:hover td.contact a .contact-email,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"]:hover td.contact a .contact-email,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"]:hover td.contact a .contact-email,
#recipient-dialog #contacts-table tbody tr[role="option"]:hover td.contact a .contact-email,
#recipient-dialog table#contacts-table tbody tr[role="option"]:hover td.contact a .contact-email,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"]:hover td.contact a .contact-email,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"]:hover td.contact a .contact-email,
#recipient-dialog #contacts-table tbody tr:hover td[id^="l:rcmrow"] a .contact-email,
#recipient-dialog table#contacts-table tbody tr:hover td[id^="l:rcmrow"] a .contact-email,
#recipient-dialog .scroller #contacts-table tbody tr:hover td[id^="l:rcmrow"] a .contact-email,
#recipient-dialog .listbox #contacts-table tbody tr:hover td[id^="l:rcmrow"] a .contact-email,
#recipient-dialog #contacts-table tbody tr.contact:hover td[id^="l:rcmrow"] a .contact-email,
#recipient-dialog table#contacts-table tbody tr.contact:hover td[id^="l:rcmrow"] a .contact-email,
#recipient-dialog .scroller #contacts-table tbody tr.contact:hover td[id^="l:rcmrow"] a .contact-email,
#recipient-dialog .listbox #contacts-table tbody tr.contact:hover td[id^="l:rcmrow"] a .contact-email,
#recipient-dialog #contacts-table tbody tr.contact.person:hover td[id^="l:rcmrow"] a .contact-email,
#recipient-dialog table#contacts-table tbody tr.contact.person:hover td[id^="l:rcmrow"] a .contact-email,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person:hover td[id^="l:rcmrow"] a .contact-email,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person:hover td[id^="l:rcmrow"] a .contact-email,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"]:hover td[id^="l:rcmrow"] a .contact-email,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"]:hover td[id^="l:rcmrow"] a .contact-email,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"]:hover td[id^="l:rcmrow"] a .contact-email,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"]:hover td[id^="l:rcmrow"] a .contact-email,
#recipient-dialog #contacts-table tbody tr[role="option"]:hover td[id^="l:rcmrow"] a .contact-email,
#recipient-dialog table#contacts-table tbody tr[role="option"]:hover td[id^="l:rcmrow"] a .contact-email,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"]:hover td[id^="l:rcmrow"] a .contact-email,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"]:hover td[id^="l:rcmrow"] a .contact-email,
#recipient-dialog #contacts-table tbody tr:hover td a .contact-email,
#recipient-dialog table#contacts-table tbody tr:hover td a .contact-email,
#recipient-dialog .scroller #contacts-table tbody tr:hover td a .contact-email,
#recipient-dialog .listbox #contacts-table tbody tr:hover td a .contact-email,
#recipient-dialog #contacts-table tbody tr.contact:hover td a .contact-email,
#recipient-dialog table#contacts-table tbody tr.contact:hover td a .contact-email,
#recipient-dialog .scroller #contacts-table tbody tr.contact:hover td a .contact-email,
#recipient-dialog .listbox #contacts-table tbody tr.contact:hover td a .contact-email,
#recipient-dialog #contacts-table tbody tr.contact.person:hover td a .contact-email,
#recipient-dialog table#contacts-table tbody tr.contact.person:hover td a .contact-email,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person:hover td a .contact-email,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person:hover td a .contact-email,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"]:hover td a .contact-email,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"]:hover td a .contact-email,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"]:hover td a .contact-email,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"]:hover td a .contact-email,
#recipient-dialog #contacts-table tbody tr[role="option"]:hover td a .contact-email,
#recipient-dialog table#contacts-table tbody tr[role="option"]:hover td a .contact-email,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"]:hover td a .contact-email,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"]:hover td a .contact-email {
  color: rgba(255, 255, 255, 0.85) !important;
  opacity: 0.9 !important;
}
#recipient-dialog #contacts-table tbody tr:hover td.contact a i.fa,
#recipient-dialog table#contacts-table tbody tr:hover td.contact a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr:hover td.contact a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr:hover td.contact a i.fa,
#recipient-dialog #contacts-table tbody tr.contact:hover td.contact a i.fa,
#recipient-dialog table#contacts-table tbody tr.contact:hover td.contact a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr.contact:hover td.contact a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr.contact:hover td.contact a i.fa,
#recipient-dialog #contacts-table tbody tr.contact.person:hover td.contact a i.fa,
#recipient-dialog table#contacts-table tbody tr.contact.person:hover td.contact a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person:hover td.contact a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person:hover td.contact a i.fa,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"]:hover td.contact a i.fa,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"]:hover td.contact a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"]:hover td.contact a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"]:hover td.contact a i.fa,
#recipient-dialog #contacts-table tbody tr[role="option"]:hover td.contact a i.fa,
#recipient-dialog table#contacts-table tbody tr[role="option"]:hover td.contact a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"]:hover td.contact a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"]:hover td.contact a i.fa,
#recipient-dialog #contacts-table tbody tr:hover td[id^="l:rcmrow"] a i.fa,
#recipient-dialog table#contacts-table tbody tr:hover td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr:hover td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr:hover td[id^="l:rcmrow"] a i.fa,
#recipient-dialog #contacts-table tbody tr.contact:hover td[id^="l:rcmrow"] a i.fa,
#recipient-dialog table#contacts-table tbody tr.contact:hover td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr.contact:hover td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr.contact:hover td[id^="l:rcmrow"] a i.fa,
#recipient-dialog #contacts-table tbody tr.contact.person:hover td[id^="l:rcmrow"] a i.fa,
#recipient-dialog table#contacts-table tbody tr.contact.person:hover td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person:hover td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person:hover td[id^="l:rcmrow"] a i.fa,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"]:hover td[id^="l:rcmrow"] a i.fa,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"]:hover td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"]:hover td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"]:hover td[id^="l:rcmrow"] a i.fa,
#recipient-dialog #contacts-table tbody tr[role="option"]:hover td[id^="l:rcmrow"] a i.fa,
#recipient-dialog table#contacts-table tbody tr[role="option"]:hover td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"]:hover td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"]:hover td[id^="l:rcmrow"] a i.fa,
#recipient-dialog #contacts-table tbody tr:hover td a i.fa,
#recipient-dialog table#contacts-table tbody tr:hover td a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr:hover td a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr:hover td a i.fa,
#recipient-dialog #contacts-table tbody tr.contact:hover td a i.fa,
#recipient-dialog table#contacts-table tbody tr.contact:hover td a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr.contact:hover td a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr.contact:hover td a i.fa,
#recipient-dialog #contacts-table tbody tr.contact.person:hover td a i.fa,
#recipient-dialog table#contacts-table tbody tr.contact.person:hover td a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person:hover td a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person:hover td a i.fa,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"]:hover td a i.fa,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"]:hover td a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"]:hover td a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"]:hover td a i.fa,
#recipient-dialog #contacts-table tbody tr[role="option"]:hover td a i.fa,
#recipient-dialog table#contacts-table tbody tr[role="option"]:hover td a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"]:hover td a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"]:hover td a i.fa,
#recipient-dialog #contacts-table tbody tr:hover td.contact a i.fa-user,
#recipient-dialog table#contacts-table tbody tr:hover td.contact a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr:hover td.contact a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr:hover td.contact a i.fa-user,
#recipient-dialog #contacts-table tbody tr.contact:hover td.contact a i.fa-user,
#recipient-dialog table#contacts-table tbody tr.contact:hover td.contact a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr.contact:hover td.contact a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr.contact:hover td.contact a i.fa-user,
#recipient-dialog #contacts-table tbody tr.contact.person:hover td.contact a i.fa-user,
#recipient-dialog table#contacts-table tbody tr.contact.person:hover td.contact a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person:hover td.contact a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person:hover td.contact a i.fa-user,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"]:hover td.contact a i.fa-user,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"]:hover td.contact a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"]:hover td.contact a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"]:hover td.contact a i.fa-user,
#recipient-dialog #contacts-table tbody tr[role="option"]:hover td.contact a i.fa-user,
#recipient-dialog table#contacts-table tbody tr[role="option"]:hover td.contact a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"]:hover td.contact a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"]:hover td.contact a i.fa-user,
#recipient-dialog #contacts-table tbody tr:hover td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog table#contacts-table tbody tr:hover td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr:hover td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr:hover td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog #contacts-table tbody tr.contact:hover td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog table#contacts-table tbody tr.contact:hover td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr.contact:hover td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr.contact:hover td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog #contacts-table tbody tr.contact.person:hover td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog table#contacts-table tbody tr.contact.person:hover td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person:hover td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person:hover td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"]:hover td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"]:hover td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"]:hover td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"]:hover td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog #contacts-table tbody tr[role="option"]:hover td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog table#contacts-table tbody tr[role="option"]:hover td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"]:hover td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"]:hover td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog #contacts-table tbody tr:hover td a i.fa-user,
#recipient-dialog table#contacts-table tbody tr:hover td a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr:hover td a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr:hover td a i.fa-user,
#recipient-dialog #contacts-table tbody tr.contact:hover td a i.fa-user,
#recipient-dialog table#contacts-table tbody tr.contact:hover td a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr.contact:hover td a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr.contact:hover td a i.fa-user,
#recipient-dialog #contacts-table tbody tr.contact.person:hover td a i.fa-user,
#recipient-dialog table#contacts-table tbody tr.contact.person:hover td a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person:hover td a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person:hover td a i.fa-user,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"]:hover td a i.fa-user,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"]:hover td a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"]:hover td a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"]:hover td a i.fa-user,
#recipient-dialog #contacts-table tbody tr[role="option"]:hover td a i.fa-user,
#recipient-dialog table#contacts-table tbody tr[role="option"]:hover td a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"]:hover td a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"]:hover td a i.fa-user,
#recipient-dialog #contacts-table tbody tr:hover td.contact a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr:hover td.contact a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr:hover td.contact a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr:hover td.contact a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr.contact:hover td.contact a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr.contact:hover td.contact a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr.contact:hover td.contact a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr.contact:hover td.contact a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr.contact.person:hover td.contact a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr.contact.person:hover td.contact a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr.contact.person:hover td.contact a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr.contact.person:hover td.contact a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"]:hover td.contact a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"]:hover td.contact a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"]:hover td.contact a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"]:hover td.contact a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr[role="option"]:hover td.contact a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr[role="option"]:hover td.contact a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr[role="option"]:hover td.contact a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr[role="option"]:hover td.contact a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr:hover td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr:hover td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr:hover td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr:hover td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr.contact:hover td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr.contact:hover td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr.contact:hover td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr.contact:hover td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr.contact.person:hover td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr.contact.person:hover td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr.contact.person:hover td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr.contact.person:hover td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"]:hover td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"]:hover td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"]:hover td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"]:hover td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr[role="option"]:hover td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr[role="option"]:hover td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr[role="option"]:hover td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr[role="option"]:hover td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr:hover td a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr:hover td a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr:hover td a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr:hover td a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr.contact:hover td a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr.contact:hover td a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr.contact:hover td a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr.contact:hover td a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr.contact.person:hover td a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr.contact.person:hover td a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr.contact.person:hover td a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr.contact.person:hover td a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"]:hover td a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"]:hover td a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"]:hover td a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"]:hover td a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr[role="option"]:hover td a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr[role="option"]:hover td a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr[role="option"]:hover td a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr[role="option"]:hover td a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr:hover td.contact a i,
#recipient-dialog table#contacts-table tbody tr:hover td.contact a i,
#recipient-dialog .scroller #contacts-table tbody tr:hover td.contact a i,
#recipient-dialog .listbox #contacts-table tbody tr:hover td.contact a i,
#recipient-dialog #contacts-table tbody tr.contact:hover td.contact a i,
#recipient-dialog table#contacts-table tbody tr.contact:hover td.contact a i,
#recipient-dialog .scroller #contacts-table tbody tr.contact:hover td.contact a i,
#recipient-dialog .listbox #contacts-table tbody tr.contact:hover td.contact a i,
#recipient-dialog #contacts-table tbody tr.contact.person:hover td.contact a i,
#recipient-dialog table#contacts-table tbody tr.contact.person:hover td.contact a i,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person:hover td.contact a i,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person:hover td.contact a i,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"]:hover td.contact a i,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"]:hover td.contact a i,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"]:hover td.contact a i,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"]:hover td.contact a i,
#recipient-dialog #contacts-table tbody tr[role="option"]:hover td.contact a i,
#recipient-dialog table#contacts-table tbody tr[role="option"]:hover td.contact a i,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"]:hover td.contact a i,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"]:hover td.contact a i,
#recipient-dialog #contacts-table tbody tr:hover td[id^="l:rcmrow"] a i,
#recipient-dialog table#contacts-table tbody tr:hover td[id^="l:rcmrow"] a i,
#recipient-dialog .scroller #contacts-table tbody tr:hover td[id^="l:rcmrow"] a i,
#recipient-dialog .listbox #contacts-table tbody tr:hover td[id^="l:rcmrow"] a i,
#recipient-dialog #contacts-table tbody tr.contact:hover td[id^="l:rcmrow"] a i,
#recipient-dialog table#contacts-table tbody tr.contact:hover td[id^="l:rcmrow"] a i,
#recipient-dialog .scroller #contacts-table tbody tr.contact:hover td[id^="l:rcmrow"] a i,
#recipient-dialog .listbox #contacts-table tbody tr.contact:hover td[id^="l:rcmrow"] a i,
#recipient-dialog #contacts-table tbody tr.contact.person:hover td[id^="l:rcmrow"] a i,
#recipient-dialog table#contacts-table tbody tr.contact.person:hover td[id^="l:rcmrow"] a i,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person:hover td[id^="l:rcmrow"] a i,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person:hover td[id^="l:rcmrow"] a i,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"]:hover td[id^="l:rcmrow"] a i,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"]:hover td[id^="l:rcmrow"] a i,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"]:hover td[id^="l:rcmrow"] a i,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"]:hover td[id^="l:rcmrow"] a i,
#recipient-dialog #contacts-table tbody tr[role="option"]:hover td[id^="l:rcmrow"] a i,
#recipient-dialog table#contacts-table tbody tr[role="option"]:hover td[id^="l:rcmrow"] a i,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"]:hover td[id^="l:rcmrow"] a i,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"]:hover td[id^="l:rcmrow"] a i,
#recipient-dialog #contacts-table tbody tr:hover td a i,
#recipient-dialog table#contacts-table tbody tr:hover td a i,
#recipient-dialog .scroller #contacts-table tbody tr:hover td a i,
#recipient-dialog .listbox #contacts-table tbody tr:hover td a i,
#recipient-dialog #contacts-table tbody tr.contact:hover td a i,
#recipient-dialog table#contacts-table tbody tr.contact:hover td a i,
#recipient-dialog .scroller #contacts-table tbody tr.contact:hover td a i,
#recipient-dialog .listbox #contacts-table tbody tr.contact:hover td a i,
#recipient-dialog #contacts-table tbody tr.contact.person:hover td a i,
#recipient-dialog table#contacts-table tbody tr.contact.person:hover td a i,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person:hover td a i,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person:hover td a i,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"]:hover td a i,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"]:hover td a i,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"]:hover td a i,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"]:hover td a i,
#recipient-dialog #contacts-table tbody tr[role="option"]:hover td a i,
#recipient-dialog table#contacts-table tbody tr[role="option"]:hover td a i,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"]:hover td a i,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"]:hover td a i {
  color: #6bb6ff !important;
  /* Even lighter blue on hover */
  transform: scale(1.15) rotate(8deg) !important;
  /* More scale and rotation */
  filter: drop-shadow(0 3px 8px rgba(107, 182, 255, 0.4)) !important;
  /* Stronger glow */
  background: rgba(107, 182, 255, 0.15) !important;
  /* More visible background */
}
#recipient-dialog #contacts-table tbody tr:active,
#recipient-dialog table#contacts-table tbody tr:active,
#recipient-dialog .scroller #contacts-table tbody tr:active,
#recipient-dialog .listbox #contacts-table tbody tr:active,
#recipient-dialog #contacts-table tbody tr.contact:active,
#recipient-dialog table#contacts-table tbody tr.contact:active,
#recipient-dialog .scroller #contacts-table tbody tr.contact:active,
#recipient-dialog .listbox #contacts-table tbody tr.contact:active,
#recipient-dialog #contacts-table tbody tr.contact.person:active,
#recipient-dialog table#contacts-table tbody tr.contact.person:active,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person:active,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person:active,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"]:active,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"]:active,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"]:active,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"]:active,
#recipient-dialog #contacts-table tbody tr[role="option"]:active,
#recipient-dialog table#contacts-table tbody tr[role="option"]:active,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"]:active,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"]:active,
#recipient-dialog #contacts-table tbody tr.selected,
#recipient-dialog table#contacts-table tbody tr.selected,
#recipient-dialog .scroller #contacts-table tbody tr.selected,
#recipient-dialog .listbox #contacts-table tbody tr.selected,
#recipient-dialog #contacts-table tbody tr.contact.selected,
#recipient-dialog table#contacts-table tbody tr.contact.selected,
#recipient-dialog .scroller #contacts-table tbody tr.contact.selected,
#recipient-dialog .listbox #contacts-table tbody tr.contact.selected,
#recipient-dialog #contacts-table tbody tr.contact.person.selected,
#recipient-dialog table#contacts-table tbody tr.contact.person.selected,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person.selected,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person.selected,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"].selected,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"].selected,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"].selected,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"].selected,
#recipient-dialog #contacts-table tbody tr[role="option"].selected,
#recipient-dialog table#contacts-table tbody tr[role="option"].selected,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"].selected,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"].selected,
#recipient-dialog #contacts-table tbody tr[aria-selected="true"],
#recipient-dialog table#contacts-table tbody tr[aria-selected="true"],
#recipient-dialog .scroller #contacts-table tbody tr[aria-selected="true"],
#recipient-dialog .listbox #contacts-table tbody tr[aria-selected="true"],
#recipient-dialog #contacts-table tbody tr.contact[aria-selected="true"],
#recipient-dialog table#contacts-table tbody tr.contact[aria-selected="true"],
#recipient-dialog .scroller #contacts-table tbody tr.contact[aria-selected="true"],
#recipient-dialog .listbox #contacts-table tbody tr.contact[aria-selected="true"],
#recipient-dialog #contacts-table tbody tr.contact.person[aria-selected="true"],
#recipient-dialog table#contacts-table tbody tr.contact.person[aria-selected="true"],
#recipient-dialog .scroller #contacts-table tbody tr.contact.person[aria-selected="true"],
#recipient-dialog .listbox #contacts-table tbody tr.contact.person[aria-selected="true"],
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"][aria-selected="true"],
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"][aria-selected="true"],
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"][aria-selected="true"],
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"][aria-selected="true"],
#recipient-dialog #contacts-table tbody tr[role="option"][aria-selected="true"],
#recipient-dialog table#contacts-table tbody tr[role="option"][aria-selected="true"],
#recipient-dialog .scroller #contacts-table tbody tr[role="option"][aria-selected="true"],
#recipient-dialog .listbox #contacts-table tbody tr[role="option"][aria-selected="true"] {
  background: var(--vibrant-hover-bg) !important;
  background-color: var(--vibrant-hover-bg) !important;
  box-shadow: 4px 4px 8px var(--dark-shadow), -4px -4px 8px var(--light-shadow), inset 0 0 0 2px #4a90e2, inset 0 0 20px rgba(74, 144, 226, 0.1) !important;
  /* Enhanced with inner glow */
  transform: translateY(-1px) scale(0.995) !important;
  /* Slight press effect with lift */
  z-index: 5 !important;
}
#recipient-dialog #contacts-table tbody tr:active td.contact a,
#recipient-dialog table#contacts-table tbody tr:active td.contact a,
#recipient-dialog .scroller #contacts-table tbody tr:active td.contact a,
#recipient-dialog .listbox #contacts-table tbody tr:active td.contact a,
#recipient-dialog #contacts-table tbody tr.contact:active td.contact a,
#recipient-dialog table#contacts-table tbody tr.contact:active td.contact a,
#recipient-dialog .scroller #contacts-table tbody tr.contact:active td.contact a,
#recipient-dialog .listbox #contacts-table tbody tr.contact:active td.contact a,
#recipient-dialog #contacts-table tbody tr.contact.person:active td.contact a,
#recipient-dialog table#contacts-table tbody tr.contact.person:active td.contact a,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person:active td.contact a,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person:active td.contact a,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"]:active td.contact a,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"]:active td.contact a,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"]:active td.contact a,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"]:active td.contact a,
#recipient-dialog #contacts-table tbody tr[role="option"]:active td.contact a,
#recipient-dialog table#contacts-table tbody tr[role="option"]:active td.contact a,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"]:active td.contact a,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"]:active td.contact a,
#recipient-dialog #contacts-table tbody tr.selected td.contact a,
#recipient-dialog table#contacts-table tbody tr.selected td.contact a,
#recipient-dialog .scroller #contacts-table tbody tr.selected td.contact a,
#recipient-dialog .listbox #contacts-table tbody tr.selected td.contact a,
#recipient-dialog #contacts-table tbody tr.contact.selected td.contact a,
#recipient-dialog table#contacts-table tbody tr.contact.selected td.contact a,
#recipient-dialog .scroller #contacts-table tbody tr.contact.selected td.contact a,
#recipient-dialog .listbox #contacts-table tbody tr.contact.selected td.contact a,
#recipient-dialog #contacts-table tbody tr.contact.person.selected td.contact a,
#recipient-dialog table#contacts-table tbody tr.contact.person.selected td.contact a,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person.selected td.contact a,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person.selected td.contact a,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"].selected td.contact a,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"].selected td.contact a,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"].selected td.contact a,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"].selected td.contact a,
#recipient-dialog #contacts-table tbody tr[role="option"].selected td.contact a,
#recipient-dialog table#contacts-table tbody tr[role="option"].selected td.contact a,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"].selected td.contact a,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"].selected td.contact a,
#recipient-dialog #contacts-table tbody tr[aria-selected="true"] td.contact a,
#recipient-dialog table#contacts-table tbody tr[aria-selected="true"] td.contact a,
#recipient-dialog .scroller #contacts-table tbody tr[aria-selected="true"] td.contact a,
#recipient-dialog .listbox #contacts-table tbody tr[aria-selected="true"] td.contact a,
#recipient-dialog #contacts-table tbody tr.contact[aria-selected="true"] td.contact a,
#recipient-dialog table#contacts-table tbody tr.contact[aria-selected="true"] td.contact a,
#recipient-dialog .scroller #contacts-table tbody tr.contact[aria-selected="true"] td.contact a,
#recipient-dialog .listbox #contacts-table tbody tr.contact[aria-selected="true"] td.contact a,
#recipient-dialog #contacts-table tbody tr.contact.person[aria-selected="true"] td.contact a,
#recipient-dialog table#contacts-table tbody tr.contact.person[aria-selected="true"] td.contact a,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person[aria-selected="true"] td.contact a,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person[aria-selected="true"] td.contact a,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td.contact a,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td.contact a,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td.contact a,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td.contact a,
#recipient-dialog #contacts-table tbody tr[role="option"][aria-selected="true"] td.contact a,
#recipient-dialog table#contacts-table tbody tr[role="option"][aria-selected="true"] td.contact a,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"][aria-selected="true"] td.contact a,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"][aria-selected="true"] td.contact a,
#recipient-dialog #contacts-table tbody tr:active td[id^="l:rcmrow"] a,
#recipient-dialog table#contacts-table tbody tr:active td[id^="l:rcmrow"] a,
#recipient-dialog .scroller #contacts-table tbody tr:active td[id^="l:rcmrow"] a,
#recipient-dialog .listbox #contacts-table tbody tr:active td[id^="l:rcmrow"] a,
#recipient-dialog #contacts-table tbody tr.contact:active td[id^="l:rcmrow"] a,
#recipient-dialog table#contacts-table tbody tr.contact:active td[id^="l:rcmrow"] a,
#recipient-dialog .scroller #contacts-table tbody tr.contact:active td[id^="l:rcmrow"] a,
#recipient-dialog .listbox #contacts-table tbody tr.contact:active td[id^="l:rcmrow"] a,
#recipient-dialog #contacts-table tbody tr.contact.person:active td[id^="l:rcmrow"] a,
#recipient-dialog table#contacts-table tbody tr.contact.person:active td[id^="l:rcmrow"] a,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person:active td[id^="l:rcmrow"] a,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person:active td[id^="l:rcmrow"] a,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"]:active td[id^="l:rcmrow"] a,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"]:active td[id^="l:rcmrow"] a,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"]:active td[id^="l:rcmrow"] a,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"]:active td[id^="l:rcmrow"] a,
#recipient-dialog #contacts-table tbody tr[role="option"]:active td[id^="l:rcmrow"] a,
#recipient-dialog table#contacts-table tbody tr[role="option"]:active td[id^="l:rcmrow"] a,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"]:active td[id^="l:rcmrow"] a,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"]:active td[id^="l:rcmrow"] a,
#recipient-dialog #contacts-table tbody tr.selected td[id^="l:rcmrow"] a,
#recipient-dialog table#contacts-table tbody tr.selected td[id^="l:rcmrow"] a,
#recipient-dialog .scroller #contacts-table tbody tr.selected td[id^="l:rcmrow"] a,
#recipient-dialog .listbox #contacts-table tbody tr.selected td[id^="l:rcmrow"] a,
#recipient-dialog #contacts-table tbody tr.contact.selected td[id^="l:rcmrow"] a,
#recipient-dialog table#contacts-table tbody tr.contact.selected td[id^="l:rcmrow"] a,
#recipient-dialog .scroller #contacts-table tbody tr.contact.selected td[id^="l:rcmrow"] a,
#recipient-dialog .listbox #contacts-table tbody tr.contact.selected td[id^="l:rcmrow"] a,
#recipient-dialog #contacts-table tbody tr.contact.person.selected td[id^="l:rcmrow"] a,
#recipient-dialog table#contacts-table tbody tr.contact.person.selected td[id^="l:rcmrow"] a,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person.selected td[id^="l:rcmrow"] a,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person.selected td[id^="l:rcmrow"] a,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"].selected td[id^="l:rcmrow"] a,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"].selected td[id^="l:rcmrow"] a,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"].selected td[id^="l:rcmrow"] a,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"].selected td[id^="l:rcmrow"] a,
#recipient-dialog #contacts-table tbody tr[role="option"].selected td[id^="l:rcmrow"] a,
#recipient-dialog table#contacts-table tbody tr[role="option"].selected td[id^="l:rcmrow"] a,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"].selected td[id^="l:rcmrow"] a,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"].selected td[id^="l:rcmrow"] a,
#recipient-dialog #contacts-table tbody tr[aria-selected="true"] td[id^="l:rcmrow"] a,
#recipient-dialog table#contacts-table tbody tr[aria-selected="true"] td[id^="l:rcmrow"] a,
#recipient-dialog .scroller #contacts-table tbody tr[aria-selected="true"] td[id^="l:rcmrow"] a,
#recipient-dialog .listbox #contacts-table tbody tr[aria-selected="true"] td[id^="l:rcmrow"] a,
#recipient-dialog #contacts-table tbody tr.contact[aria-selected="true"] td[id^="l:rcmrow"] a,
#recipient-dialog table#contacts-table tbody tr.contact[aria-selected="true"] td[id^="l:rcmrow"] a,
#recipient-dialog .scroller #contacts-table tbody tr.contact[aria-selected="true"] td[id^="l:rcmrow"] a,
#recipient-dialog .listbox #contacts-table tbody tr.contact[aria-selected="true"] td[id^="l:rcmrow"] a,
#recipient-dialog #contacts-table tbody tr.contact.person[aria-selected="true"] td[id^="l:rcmrow"] a,
#recipient-dialog table#contacts-table tbody tr.contact.person[aria-selected="true"] td[id^="l:rcmrow"] a,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person[aria-selected="true"] td[id^="l:rcmrow"] a,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person[aria-selected="true"] td[id^="l:rcmrow"] a,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td[id^="l:rcmrow"] a,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td[id^="l:rcmrow"] a,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td[id^="l:rcmrow"] a,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td[id^="l:rcmrow"] a,
#recipient-dialog #contacts-table tbody tr[role="option"][aria-selected="true"] td[id^="l:rcmrow"] a,
#recipient-dialog table#contacts-table tbody tr[role="option"][aria-selected="true"] td[id^="l:rcmrow"] a,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"][aria-selected="true"] td[id^="l:rcmrow"] a,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"][aria-selected="true"] td[id^="l:rcmrow"] a,
#recipient-dialog #contacts-table tbody tr:active td a,
#recipient-dialog table#contacts-table tbody tr:active td a,
#recipient-dialog .scroller #contacts-table tbody tr:active td a,
#recipient-dialog .listbox #contacts-table tbody tr:active td a,
#recipient-dialog #contacts-table tbody tr.contact:active td a,
#recipient-dialog table#contacts-table tbody tr.contact:active td a,
#recipient-dialog .scroller #contacts-table tbody tr.contact:active td a,
#recipient-dialog .listbox #contacts-table tbody tr.contact:active td a,
#recipient-dialog #contacts-table tbody tr.contact.person:active td a,
#recipient-dialog table#contacts-table tbody tr.contact.person:active td a,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person:active td a,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person:active td a,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"]:active td a,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"]:active td a,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"]:active td a,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"]:active td a,
#recipient-dialog #contacts-table tbody tr[role="option"]:active td a,
#recipient-dialog table#contacts-table tbody tr[role="option"]:active td a,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"]:active td a,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"]:active td a,
#recipient-dialog #contacts-table tbody tr.selected td a,
#recipient-dialog table#contacts-table tbody tr.selected td a,
#recipient-dialog .scroller #contacts-table tbody tr.selected td a,
#recipient-dialog .listbox #contacts-table tbody tr.selected td a,
#recipient-dialog #contacts-table tbody tr.contact.selected td a,
#recipient-dialog table#contacts-table tbody tr.contact.selected td a,
#recipient-dialog .scroller #contacts-table tbody tr.contact.selected td a,
#recipient-dialog .listbox #contacts-table tbody tr.contact.selected td a,
#recipient-dialog #contacts-table tbody tr.contact.person.selected td a,
#recipient-dialog table#contacts-table tbody tr.contact.person.selected td a,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person.selected td a,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person.selected td a,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"].selected td a,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"].selected td a,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"].selected td a,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"].selected td a,
#recipient-dialog #contacts-table tbody tr[role="option"].selected td a,
#recipient-dialog table#contacts-table tbody tr[role="option"].selected td a,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"].selected td a,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"].selected td a,
#recipient-dialog #contacts-table tbody tr[aria-selected="true"] td a,
#recipient-dialog table#contacts-table tbody tr[aria-selected="true"] td a,
#recipient-dialog .scroller #contacts-table tbody tr[aria-selected="true"] td a,
#recipient-dialog .listbox #contacts-table tbody tr[aria-selected="true"] td a,
#recipient-dialog #contacts-table tbody tr.contact[aria-selected="true"] td a,
#recipient-dialog table#contacts-table tbody tr.contact[aria-selected="true"] td a,
#recipient-dialog .scroller #contacts-table tbody tr.contact[aria-selected="true"] td a,
#recipient-dialog .listbox #contacts-table tbody tr.contact[aria-selected="true"] td a,
#recipient-dialog #contacts-table tbody tr.contact.person[aria-selected="true"] td a,
#recipient-dialog table#contacts-table tbody tr.contact.person[aria-selected="true"] td a,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person[aria-selected="true"] td a,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person[aria-selected="true"] td a,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td a,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td a,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td a,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td a,
#recipient-dialog #contacts-table tbody tr[role="option"][aria-selected="true"] td a,
#recipient-dialog table#contacts-table tbody tr[role="option"][aria-selected="true"] td a,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"][aria-selected="true"] td a,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"][aria-selected="true"] td a {
  color: #ffffff !important;
  font-weight: 500 !important;
  /* Slightly bolder */
}
#recipient-dialog #contacts-table tbody tr:active td.contact a i.fa,
#recipient-dialog table#contacts-table tbody tr:active td.contact a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr:active td.contact a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr:active td.contact a i.fa,
#recipient-dialog #contacts-table tbody tr.contact:active td.contact a i.fa,
#recipient-dialog table#contacts-table tbody tr.contact:active td.contact a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr.contact:active td.contact a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr.contact:active td.contact a i.fa,
#recipient-dialog #contacts-table tbody tr.contact.person:active td.contact a i.fa,
#recipient-dialog table#contacts-table tbody tr.contact.person:active td.contact a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person:active td.contact a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person:active td.contact a i.fa,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"]:active td.contact a i.fa,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"]:active td.contact a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"]:active td.contact a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"]:active td.contact a i.fa,
#recipient-dialog #contacts-table tbody tr[role="option"]:active td.contact a i.fa,
#recipient-dialog table#contacts-table tbody tr[role="option"]:active td.contact a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"]:active td.contact a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"]:active td.contact a i.fa,
#recipient-dialog #contacts-table tbody tr.selected td.contact a i.fa,
#recipient-dialog table#contacts-table tbody tr.selected td.contact a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr.selected td.contact a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr.selected td.contact a i.fa,
#recipient-dialog #contacts-table tbody tr.contact.selected td.contact a i.fa,
#recipient-dialog table#contacts-table tbody tr.contact.selected td.contact a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr.contact.selected td.contact a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr.contact.selected td.contact a i.fa,
#recipient-dialog #contacts-table tbody tr.contact.person.selected td.contact a i.fa,
#recipient-dialog table#contacts-table tbody tr.contact.person.selected td.contact a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person.selected td.contact a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person.selected td.contact a i.fa,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"].selected td.contact a i.fa,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"].selected td.contact a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"].selected td.contact a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"].selected td.contact a i.fa,
#recipient-dialog #contacts-table tbody tr[role="option"].selected td.contact a i.fa,
#recipient-dialog table#contacts-table tbody tr[role="option"].selected td.contact a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"].selected td.contact a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"].selected td.contact a i.fa,
#recipient-dialog #contacts-table tbody tr[aria-selected="true"] td.contact a i.fa,
#recipient-dialog table#contacts-table tbody tr[aria-selected="true"] td.contact a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr[aria-selected="true"] td.contact a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr[aria-selected="true"] td.contact a i.fa,
#recipient-dialog #contacts-table tbody tr.contact[aria-selected="true"] td.contact a i.fa,
#recipient-dialog table#contacts-table tbody tr.contact[aria-selected="true"] td.contact a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr.contact[aria-selected="true"] td.contact a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr.contact[aria-selected="true"] td.contact a i.fa,
#recipient-dialog #contacts-table tbody tr.contact.person[aria-selected="true"] td.contact a i.fa,
#recipient-dialog table#contacts-table tbody tr.contact.person[aria-selected="true"] td.contact a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person[aria-selected="true"] td.contact a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person[aria-selected="true"] td.contact a i.fa,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td.contact a i.fa,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td.contact a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td.contact a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td.contact a i.fa,
#recipient-dialog #contacts-table tbody tr[role="option"][aria-selected="true"] td.contact a i.fa,
#recipient-dialog table#contacts-table tbody tr[role="option"][aria-selected="true"] td.contact a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"][aria-selected="true"] td.contact a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"][aria-selected="true"] td.contact a i.fa,
#recipient-dialog #contacts-table tbody tr:active td[id^="l:rcmrow"] a i.fa,
#recipient-dialog table#contacts-table tbody tr:active td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr:active td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr:active td[id^="l:rcmrow"] a i.fa,
#recipient-dialog #contacts-table tbody tr.contact:active td[id^="l:rcmrow"] a i.fa,
#recipient-dialog table#contacts-table tbody tr.contact:active td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr.contact:active td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr.contact:active td[id^="l:rcmrow"] a i.fa,
#recipient-dialog #contacts-table tbody tr.contact.person:active td[id^="l:rcmrow"] a i.fa,
#recipient-dialog table#contacts-table tbody tr.contact.person:active td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person:active td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person:active td[id^="l:rcmrow"] a i.fa,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"]:active td[id^="l:rcmrow"] a i.fa,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"]:active td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"]:active td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"]:active td[id^="l:rcmrow"] a i.fa,
#recipient-dialog #contacts-table tbody tr[role="option"]:active td[id^="l:rcmrow"] a i.fa,
#recipient-dialog table#contacts-table tbody tr[role="option"]:active td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"]:active td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"]:active td[id^="l:rcmrow"] a i.fa,
#recipient-dialog #contacts-table tbody tr.selected td[id^="l:rcmrow"] a i.fa,
#recipient-dialog table#contacts-table tbody tr.selected td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr.selected td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr.selected td[id^="l:rcmrow"] a i.fa,
#recipient-dialog #contacts-table tbody tr.contact.selected td[id^="l:rcmrow"] a i.fa,
#recipient-dialog table#contacts-table tbody tr.contact.selected td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr.contact.selected td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr.contact.selected td[id^="l:rcmrow"] a i.fa,
#recipient-dialog #contacts-table tbody tr.contact.person.selected td[id^="l:rcmrow"] a i.fa,
#recipient-dialog table#contacts-table tbody tr.contact.person.selected td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person.selected td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person.selected td[id^="l:rcmrow"] a i.fa,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"].selected td[id^="l:rcmrow"] a i.fa,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"].selected td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"].selected td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"].selected td[id^="l:rcmrow"] a i.fa,
#recipient-dialog #contacts-table tbody tr[role="option"].selected td[id^="l:rcmrow"] a i.fa,
#recipient-dialog table#contacts-table tbody tr[role="option"].selected td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"].selected td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"].selected td[id^="l:rcmrow"] a i.fa,
#recipient-dialog #contacts-table tbody tr[aria-selected="true"] td[id^="l:rcmrow"] a i.fa,
#recipient-dialog table#contacts-table tbody tr[aria-selected="true"] td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr[aria-selected="true"] td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr[aria-selected="true"] td[id^="l:rcmrow"] a i.fa,
#recipient-dialog #contacts-table tbody tr.contact[aria-selected="true"] td[id^="l:rcmrow"] a i.fa,
#recipient-dialog table#contacts-table tbody tr.contact[aria-selected="true"] td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr.contact[aria-selected="true"] td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr.contact[aria-selected="true"] td[id^="l:rcmrow"] a i.fa,
#recipient-dialog #contacts-table tbody tr.contact.person[aria-selected="true"] td[id^="l:rcmrow"] a i.fa,
#recipient-dialog table#contacts-table tbody tr.contact.person[aria-selected="true"] td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person[aria-selected="true"] td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person[aria-selected="true"] td[id^="l:rcmrow"] a i.fa,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td[id^="l:rcmrow"] a i.fa,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td[id^="l:rcmrow"] a i.fa,
#recipient-dialog #contacts-table tbody tr[role="option"][aria-selected="true"] td[id^="l:rcmrow"] a i.fa,
#recipient-dialog table#contacts-table tbody tr[role="option"][aria-selected="true"] td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"][aria-selected="true"] td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"][aria-selected="true"] td[id^="l:rcmrow"] a i.fa,
#recipient-dialog #contacts-table tbody tr:active td a i.fa,
#recipient-dialog table#contacts-table tbody tr:active td a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr:active td a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr:active td a i.fa,
#recipient-dialog #contacts-table tbody tr.contact:active td a i.fa,
#recipient-dialog table#contacts-table tbody tr.contact:active td a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr.contact:active td a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr.contact:active td a i.fa,
#recipient-dialog #contacts-table tbody tr.contact.person:active td a i.fa,
#recipient-dialog table#contacts-table tbody tr.contact.person:active td a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person:active td a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person:active td a i.fa,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"]:active td a i.fa,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"]:active td a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"]:active td a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"]:active td a i.fa,
#recipient-dialog #contacts-table tbody tr[role="option"]:active td a i.fa,
#recipient-dialog table#contacts-table tbody tr[role="option"]:active td a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"]:active td a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"]:active td a i.fa,
#recipient-dialog #contacts-table tbody tr.selected td a i.fa,
#recipient-dialog table#contacts-table tbody tr.selected td a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr.selected td a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr.selected td a i.fa,
#recipient-dialog #contacts-table tbody tr.contact.selected td a i.fa,
#recipient-dialog table#contacts-table tbody tr.contact.selected td a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr.contact.selected td a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr.contact.selected td a i.fa,
#recipient-dialog #contacts-table tbody tr.contact.person.selected td a i.fa,
#recipient-dialog table#contacts-table tbody tr.contact.person.selected td a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person.selected td a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person.selected td a i.fa,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"].selected td a i.fa,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"].selected td a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"].selected td a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"].selected td a i.fa,
#recipient-dialog #contacts-table tbody tr[role="option"].selected td a i.fa,
#recipient-dialog table#contacts-table tbody tr[role="option"].selected td a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"].selected td a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"].selected td a i.fa,
#recipient-dialog #contacts-table tbody tr[aria-selected="true"] td a i.fa,
#recipient-dialog table#contacts-table tbody tr[aria-selected="true"] td a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr[aria-selected="true"] td a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr[aria-selected="true"] td a i.fa,
#recipient-dialog #contacts-table tbody tr.contact[aria-selected="true"] td a i.fa,
#recipient-dialog table#contacts-table tbody tr.contact[aria-selected="true"] td a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr.contact[aria-selected="true"] td a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr.contact[aria-selected="true"] td a i.fa,
#recipient-dialog #contacts-table tbody tr.contact.person[aria-selected="true"] td a i.fa,
#recipient-dialog table#contacts-table tbody tr.contact.person[aria-selected="true"] td a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person[aria-selected="true"] td a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person[aria-selected="true"] td a i.fa,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td a i.fa,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td a i.fa,
#recipient-dialog #contacts-table tbody tr[role="option"][aria-selected="true"] td a i.fa,
#recipient-dialog table#contacts-table tbody tr[role="option"][aria-selected="true"] td a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"][aria-selected="true"] td a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"][aria-selected="true"] td a i.fa,
#recipient-dialog #contacts-table tbody tr:active td.contact a i.fa-user,
#recipient-dialog table#contacts-table tbody tr:active td.contact a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr:active td.contact a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr:active td.contact a i.fa-user,
#recipient-dialog #contacts-table tbody tr.contact:active td.contact a i.fa-user,
#recipient-dialog table#contacts-table tbody tr.contact:active td.contact a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr.contact:active td.contact a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr.contact:active td.contact a i.fa-user,
#recipient-dialog #contacts-table tbody tr.contact.person:active td.contact a i.fa-user,
#recipient-dialog table#contacts-table tbody tr.contact.person:active td.contact a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person:active td.contact a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person:active td.contact a i.fa-user,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"]:active td.contact a i.fa-user,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"]:active td.contact a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"]:active td.contact a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"]:active td.contact a i.fa-user,
#recipient-dialog #contacts-table tbody tr[role="option"]:active td.contact a i.fa-user,
#recipient-dialog table#contacts-table tbody tr[role="option"]:active td.contact a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"]:active td.contact a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"]:active td.contact a i.fa-user,
#recipient-dialog #contacts-table tbody tr.selected td.contact a i.fa-user,
#recipient-dialog table#contacts-table tbody tr.selected td.contact a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr.selected td.contact a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr.selected td.contact a i.fa-user,
#recipient-dialog #contacts-table tbody tr.contact.selected td.contact a i.fa-user,
#recipient-dialog table#contacts-table tbody tr.contact.selected td.contact a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr.contact.selected td.contact a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr.contact.selected td.contact a i.fa-user,
#recipient-dialog #contacts-table tbody tr.contact.person.selected td.contact a i.fa-user,
#recipient-dialog table#contacts-table tbody tr.contact.person.selected td.contact a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person.selected td.contact a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person.selected td.contact a i.fa-user,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"].selected td.contact a i.fa-user,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"].selected td.contact a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"].selected td.contact a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"].selected td.contact a i.fa-user,
#recipient-dialog #contacts-table tbody tr[role="option"].selected td.contact a i.fa-user,
#recipient-dialog table#contacts-table tbody tr[role="option"].selected td.contact a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"].selected td.contact a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"].selected td.contact a i.fa-user,
#recipient-dialog #contacts-table tbody tr[aria-selected="true"] td.contact a i.fa-user,
#recipient-dialog table#contacts-table tbody tr[aria-selected="true"] td.contact a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr[aria-selected="true"] td.contact a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr[aria-selected="true"] td.contact a i.fa-user,
#recipient-dialog #contacts-table tbody tr.contact[aria-selected="true"] td.contact a i.fa-user,
#recipient-dialog table#contacts-table tbody tr.contact[aria-selected="true"] td.contact a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr.contact[aria-selected="true"] td.contact a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr.contact[aria-selected="true"] td.contact a i.fa-user,
#recipient-dialog #contacts-table tbody tr.contact.person[aria-selected="true"] td.contact a i.fa-user,
#recipient-dialog table#contacts-table tbody tr.contact.person[aria-selected="true"] td.contact a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person[aria-selected="true"] td.contact a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person[aria-selected="true"] td.contact a i.fa-user,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td.contact a i.fa-user,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td.contact a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td.contact a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td.contact a i.fa-user,
#recipient-dialog #contacts-table tbody tr[role="option"][aria-selected="true"] td.contact a i.fa-user,
#recipient-dialog table#contacts-table tbody tr[role="option"][aria-selected="true"] td.contact a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"][aria-selected="true"] td.contact a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"][aria-selected="true"] td.contact a i.fa-user,
#recipient-dialog #contacts-table tbody tr:active td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog table#contacts-table tbody tr:active td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr:active td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr:active td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog #contacts-table tbody tr.contact:active td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog table#contacts-table tbody tr.contact:active td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr.contact:active td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr.contact:active td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog #contacts-table tbody tr.contact.person:active td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog table#contacts-table tbody tr.contact.person:active td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person:active td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person:active td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"]:active td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"]:active td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"]:active td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"]:active td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog #contacts-table tbody tr[role="option"]:active td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog table#contacts-table tbody tr[role="option"]:active td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"]:active td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"]:active td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog #contacts-table tbody tr.selected td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog table#contacts-table tbody tr.selected td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr.selected td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr.selected td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog #contacts-table tbody tr.contact.selected td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog table#contacts-table tbody tr.contact.selected td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr.contact.selected td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr.contact.selected td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog #contacts-table tbody tr.contact.person.selected td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog table#contacts-table tbody tr.contact.person.selected td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person.selected td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person.selected td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"].selected td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"].selected td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"].selected td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"].selected td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog #contacts-table tbody tr[role="option"].selected td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog table#contacts-table tbody tr[role="option"].selected td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"].selected td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"].selected td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog #contacts-table tbody tr[aria-selected="true"] td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog table#contacts-table tbody tr[aria-selected="true"] td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr[aria-selected="true"] td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr[aria-selected="true"] td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog #contacts-table tbody tr.contact[aria-selected="true"] td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog table#contacts-table tbody tr.contact[aria-selected="true"] td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr.contact[aria-selected="true"] td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr.contact[aria-selected="true"] td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog #contacts-table tbody tr.contact.person[aria-selected="true"] td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog table#contacts-table tbody tr.contact.person[aria-selected="true"] td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person[aria-selected="true"] td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person[aria-selected="true"] td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog #contacts-table tbody tr[role="option"][aria-selected="true"] td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog table#contacts-table tbody tr[role="option"][aria-selected="true"] td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"][aria-selected="true"] td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"][aria-selected="true"] td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog #contacts-table tbody tr:active td a i.fa-user,
#recipient-dialog table#contacts-table tbody tr:active td a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr:active td a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr:active td a i.fa-user,
#recipient-dialog #contacts-table tbody tr.contact:active td a i.fa-user,
#recipient-dialog table#contacts-table tbody tr.contact:active td a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr.contact:active td a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr.contact:active td a i.fa-user,
#recipient-dialog #contacts-table tbody tr.contact.person:active td a i.fa-user,
#recipient-dialog table#contacts-table tbody tr.contact.person:active td a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person:active td a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person:active td a i.fa-user,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"]:active td a i.fa-user,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"]:active td a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"]:active td a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"]:active td a i.fa-user,
#recipient-dialog #contacts-table tbody tr[role="option"]:active td a i.fa-user,
#recipient-dialog table#contacts-table tbody tr[role="option"]:active td a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"]:active td a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"]:active td a i.fa-user,
#recipient-dialog #contacts-table tbody tr.selected td a i.fa-user,
#recipient-dialog table#contacts-table tbody tr.selected td a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr.selected td a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr.selected td a i.fa-user,
#recipient-dialog #contacts-table tbody tr.contact.selected td a i.fa-user,
#recipient-dialog table#contacts-table tbody tr.contact.selected td a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr.contact.selected td a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr.contact.selected td a i.fa-user,
#recipient-dialog #contacts-table tbody tr.contact.person.selected td a i.fa-user,
#recipient-dialog table#contacts-table tbody tr.contact.person.selected td a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person.selected td a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person.selected td a i.fa-user,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"].selected td a i.fa-user,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"].selected td a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"].selected td a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"].selected td a i.fa-user,
#recipient-dialog #contacts-table tbody tr[role="option"].selected td a i.fa-user,
#recipient-dialog table#contacts-table tbody tr[role="option"].selected td a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"].selected td a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"].selected td a i.fa-user,
#recipient-dialog #contacts-table tbody tr[aria-selected="true"] td a i.fa-user,
#recipient-dialog table#contacts-table tbody tr[aria-selected="true"] td a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr[aria-selected="true"] td a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr[aria-selected="true"] td a i.fa-user,
#recipient-dialog #contacts-table tbody tr.contact[aria-selected="true"] td a i.fa-user,
#recipient-dialog table#contacts-table tbody tr.contact[aria-selected="true"] td a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr.contact[aria-selected="true"] td a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr.contact[aria-selected="true"] td a i.fa-user,
#recipient-dialog #contacts-table tbody tr.contact.person[aria-selected="true"] td a i.fa-user,
#recipient-dialog table#contacts-table tbody tr.contact.person[aria-selected="true"] td a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person[aria-selected="true"] td a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person[aria-selected="true"] td a i.fa-user,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td a i.fa-user,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td a i.fa-user,
#recipient-dialog #contacts-table tbody tr[role="option"][aria-selected="true"] td a i.fa-user,
#recipient-dialog table#contacts-table tbody tr[role="option"][aria-selected="true"] td a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"][aria-selected="true"] td a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"][aria-selected="true"] td a i.fa-user,
#recipient-dialog #contacts-table tbody tr:active td.contact a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr:active td.contact a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr:active td.contact a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr:active td.contact a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr.contact:active td.contact a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr.contact:active td.contact a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr.contact:active td.contact a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr.contact:active td.contact a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr.contact.person:active td.contact a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr.contact.person:active td.contact a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr.contact.person:active td.contact a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr.contact.person:active td.contact a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"]:active td.contact a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"]:active td.contact a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"]:active td.contact a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"]:active td.contact a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr[role="option"]:active td.contact a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr[role="option"]:active td.contact a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr[role="option"]:active td.contact a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr[role="option"]:active td.contact a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr.selected td.contact a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr.selected td.contact a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr.selected td.contact a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr.selected td.contact a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr.contact.selected td.contact a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr.contact.selected td.contact a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr.contact.selected td.contact a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr.contact.selected td.contact a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr.contact.person.selected td.contact a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr.contact.person.selected td.contact a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr.contact.person.selected td.contact a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr.contact.person.selected td.contact a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"].selected td.contact a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"].selected td.contact a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"].selected td.contact a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"].selected td.contact a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr[role="option"].selected td.contact a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr[role="option"].selected td.contact a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr[role="option"].selected td.contact a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr[role="option"].selected td.contact a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr[aria-selected="true"] td.contact a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr[aria-selected="true"] td.contact a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr[aria-selected="true"] td.contact a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr[aria-selected="true"] td.contact a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr.contact[aria-selected="true"] td.contact a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr.contact[aria-selected="true"] td.contact a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr.contact[aria-selected="true"] td.contact a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr.contact[aria-selected="true"] td.contact a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr.contact.person[aria-selected="true"] td.contact a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr.contact.person[aria-selected="true"] td.contact a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr.contact.person[aria-selected="true"] td.contact a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr.contact.person[aria-selected="true"] td.contact a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td.contact a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td.contact a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td.contact a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td.contact a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr[role="option"][aria-selected="true"] td.contact a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr[role="option"][aria-selected="true"] td.contact a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr[role="option"][aria-selected="true"] td.contact a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr[role="option"][aria-selected="true"] td.contact a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr:active td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr:active td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr:active td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr:active td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr.contact:active td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr.contact:active td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr.contact:active td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr.contact:active td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr.contact.person:active td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr.contact.person:active td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr.contact.person:active td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr.contact.person:active td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"]:active td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"]:active td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"]:active td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"]:active td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr[role="option"]:active td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr[role="option"]:active td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr[role="option"]:active td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr[role="option"]:active td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr.selected td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr.selected td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr.selected td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr.selected td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr.contact.selected td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr.contact.selected td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr.contact.selected td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr.contact.selected td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr.contact.person.selected td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr.contact.person.selected td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr.contact.person.selected td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr.contact.person.selected td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"].selected td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"].selected td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"].selected td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"].selected td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr[role="option"].selected td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr[role="option"].selected td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr[role="option"].selected td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr[role="option"].selected td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr[aria-selected="true"] td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr[aria-selected="true"] td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr[aria-selected="true"] td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr[aria-selected="true"] td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr.contact[aria-selected="true"] td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr.contact[aria-selected="true"] td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr.contact[aria-selected="true"] td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr.contact[aria-selected="true"] td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr.contact.person[aria-selected="true"] td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr.contact.person[aria-selected="true"] td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr.contact.person[aria-selected="true"] td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr.contact.person[aria-selected="true"] td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr[role="option"][aria-selected="true"] td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr[role="option"][aria-selected="true"] td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr[role="option"][aria-selected="true"] td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr[role="option"][aria-selected="true"] td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr:active td a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr:active td a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr:active td a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr:active td a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr.contact:active td a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr.contact:active td a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr.contact:active td a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr.contact:active td a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr.contact.person:active td a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr.contact.person:active td a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr.contact.person:active td a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr.contact.person:active td a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"]:active td a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"]:active td a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"]:active td a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"]:active td a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr[role="option"]:active td a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr[role="option"]:active td a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr[role="option"]:active td a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr[role="option"]:active td a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr.selected td a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr.selected td a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr.selected td a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr.selected td a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr.contact.selected td a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr.contact.selected td a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr.contact.selected td a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr.contact.selected td a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr.contact.person.selected td a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr.contact.person.selected td a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr.contact.person.selected td a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr.contact.person.selected td a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"].selected td a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"].selected td a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"].selected td a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"].selected td a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr[role="option"].selected td a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr[role="option"].selected td a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr[role="option"].selected td a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr[role="option"].selected td a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr[aria-selected="true"] td a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr[aria-selected="true"] td a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr[aria-selected="true"] td a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr[aria-selected="true"] td a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr.contact[aria-selected="true"] td a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr.contact[aria-selected="true"] td a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr.contact[aria-selected="true"] td a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr.contact[aria-selected="true"] td a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr.contact.person[aria-selected="true"] td a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr.contact.person[aria-selected="true"] td a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr.contact.person[aria-selected="true"] td a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr.contact.person[aria-selected="true"] td a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr[role="option"][aria-selected="true"] td a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr[role="option"][aria-selected="true"] td a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr[role="option"][aria-selected="true"] td a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr[role="option"][aria-selected="true"] td a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr:active td.contact a i,
#recipient-dialog table#contacts-table tbody tr:active td.contact a i,
#recipient-dialog .scroller #contacts-table tbody tr:active td.contact a i,
#recipient-dialog .listbox #contacts-table tbody tr:active td.contact a i,
#recipient-dialog #contacts-table tbody tr.contact:active td.contact a i,
#recipient-dialog table#contacts-table tbody tr.contact:active td.contact a i,
#recipient-dialog .scroller #contacts-table tbody tr.contact:active td.contact a i,
#recipient-dialog .listbox #contacts-table tbody tr.contact:active td.contact a i,
#recipient-dialog #contacts-table tbody tr.contact.person:active td.contact a i,
#recipient-dialog table#contacts-table tbody tr.contact.person:active td.contact a i,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person:active td.contact a i,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person:active td.contact a i,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"]:active td.contact a i,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"]:active td.contact a i,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"]:active td.contact a i,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"]:active td.contact a i,
#recipient-dialog #contacts-table tbody tr[role="option"]:active td.contact a i,
#recipient-dialog table#contacts-table tbody tr[role="option"]:active td.contact a i,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"]:active td.contact a i,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"]:active td.contact a i,
#recipient-dialog #contacts-table tbody tr.selected td.contact a i,
#recipient-dialog table#contacts-table tbody tr.selected td.contact a i,
#recipient-dialog .scroller #contacts-table tbody tr.selected td.contact a i,
#recipient-dialog .listbox #contacts-table tbody tr.selected td.contact a i,
#recipient-dialog #contacts-table tbody tr.contact.selected td.contact a i,
#recipient-dialog table#contacts-table tbody tr.contact.selected td.contact a i,
#recipient-dialog .scroller #contacts-table tbody tr.contact.selected td.contact a i,
#recipient-dialog .listbox #contacts-table tbody tr.contact.selected td.contact a i,
#recipient-dialog #contacts-table tbody tr.contact.person.selected td.contact a i,
#recipient-dialog table#contacts-table tbody tr.contact.person.selected td.contact a i,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person.selected td.contact a i,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person.selected td.contact a i,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"].selected td.contact a i,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"].selected td.contact a i,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"].selected td.contact a i,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"].selected td.contact a i,
#recipient-dialog #contacts-table tbody tr[role="option"].selected td.contact a i,
#recipient-dialog table#contacts-table tbody tr[role="option"].selected td.contact a i,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"].selected td.contact a i,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"].selected td.contact a i,
#recipient-dialog #contacts-table tbody tr[aria-selected="true"] td.contact a i,
#recipient-dialog table#contacts-table tbody tr[aria-selected="true"] td.contact a i,
#recipient-dialog .scroller #contacts-table tbody tr[aria-selected="true"] td.contact a i,
#recipient-dialog .listbox #contacts-table tbody tr[aria-selected="true"] td.contact a i,
#recipient-dialog #contacts-table tbody tr.contact[aria-selected="true"] td.contact a i,
#recipient-dialog table#contacts-table tbody tr.contact[aria-selected="true"] td.contact a i,
#recipient-dialog .scroller #contacts-table tbody tr.contact[aria-selected="true"] td.contact a i,
#recipient-dialog .listbox #contacts-table tbody tr.contact[aria-selected="true"] td.contact a i,
#recipient-dialog #contacts-table tbody tr.contact.person[aria-selected="true"] td.contact a i,
#recipient-dialog table#contacts-table tbody tr.contact.person[aria-selected="true"] td.contact a i,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person[aria-selected="true"] td.contact a i,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person[aria-selected="true"] td.contact a i,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td.contact a i,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td.contact a i,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td.contact a i,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td.contact a i,
#recipient-dialog #contacts-table tbody tr[role="option"][aria-selected="true"] td.contact a i,
#recipient-dialog table#contacts-table tbody tr[role="option"][aria-selected="true"] td.contact a i,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"][aria-selected="true"] td.contact a i,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"][aria-selected="true"] td.contact a i,
#recipient-dialog #contacts-table tbody tr:active td[id^="l:rcmrow"] a i,
#recipient-dialog table#contacts-table tbody tr:active td[id^="l:rcmrow"] a i,
#recipient-dialog .scroller #contacts-table tbody tr:active td[id^="l:rcmrow"] a i,
#recipient-dialog .listbox #contacts-table tbody tr:active td[id^="l:rcmrow"] a i,
#recipient-dialog #contacts-table tbody tr.contact:active td[id^="l:rcmrow"] a i,
#recipient-dialog table#contacts-table tbody tr.contact:active td[id^="l:rcmrow"] a i,
#recipient-dialog .scroller #contacts-table tbody tr.contact:active td[id^="l:rcmrow"] a i,
#recipient-dialog .listbox #contacts-table tbody tr.contact:active td[id^="l:rcmrow"] a i,
#recipient-dialog #contacts-table tbody tr.contact.person:active td[id^="l:rcmrow"] a i,
#recipient-dialog table#contacts-table tbody tr.contact.person:active td[id^="l:rcmrow"] a i,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person:active td[id^="l:rcmrow"] a i,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person:active td[id^="l:rcmrow"] a i,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"]:active td[id^="l:rcmrow"] a i,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"]:active td[id^="l:rcmrow"] a i,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"]:active td[id^="l:rcmrow"] a i,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"]:active td[id^="l:rcmrow"] a i,
#recipient-dialog #contacts-table tbody tr[role="option"]:active td[id^="l:rcmrow"] a i,
#recipient-dialog table#contacts-table tbody tr[role="option"]:active td[id^="l:rcmrow"] a i,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"]:active td[id^="l:rcmrow"] a i,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"]:active td[id^="l:rcmrow"] a i,
#recipient-dialog #contacts-table tbody tr.selected td[id^="l:rcmrow"] a i,
#recipient-dialog table#contacts-table tbody tr.selected td[id^="l:rcmrow"] a i,
#recipient-dialog .scroller #contacts-table tbody tr.selected td[id^="l:rcmrow"] a i,
#recipient-dialog .listbox #contacts-table tbody tr.selected td[id^="l:rcmrow"] a i,
#recipient-dialog #contacts-table tbody tr.contact.selected td[id^="l:rcmrow"] a i,
#recipient-dialog table#contacts-table tbody tr.contact.selected td[id^="l:rcmrow"] a i,
#recipient-dialog .scroller #contacts-table tbody tr.contact.selected td[id^="l:rcmrow"] a i,
#recipient-dialog .listbox #contacts-table tbody tr.contact.selected td[id^="l:rcmrow"] a i,
#recipient-dialog #contacts-table tbody tr.contact.person.selected td[id^="l:rcmrow"] a i,
#recipient-dialog table#contacts-table tbody tr.contact.person.selected td[id^="l:rcmrow"] a i,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person.selected td[id^="l:rcmrow"] a i,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person.selected td[id^="l:rcmrow"] a i,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"].selected td[id^="l:rcmrow"] a i,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"].selected td[id^="l:rcmrow"] a i,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"].selected td[id^="l:rcmrow"] a i,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"].selected td[id^="l:rcmrow"] a i,
#recipient-dialog #contacts-table tbody tr[role="option"].selected td[id^="l:rcmrow"] a i,
#recipient-dialog table#contacts-table tbody tr[role="option"].selected td[id^="l:rcmrow"] a i,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"].selected td[id^="l:rcmrow"] a i,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"].selected td[id^="l:rcmrow"] a i,
#recipient-dialog #contacts-table tbody tr[aria-selected="true"] td[id^="l:rcmrow"] a i,
#recipient-dialog table#contacts-table tbody tr[aria-selected="true"] td[id^="l:rcmrow"] a i,
#recipient-dialog .scroller #contacts-table tbody tr[aria-selected="true"] td[id^="l:rcmrow"] a i,
#recipient-dialog .listbox #contacts-table tbody tr[aria-selected="true"] td[id^="l:rcmrow"] a i,
#recipient-dialog #contacts-table tbody tr.contact[aria-selected="true"] td[id^="l:rcmrow"] a i,
#recipient-dialog table#contacts-table tbody tr.contact[aria-selected="true"] td[id^="l:rcmrow"] a i,
#recipient-dialog .scroller #contacts-table tbody tr.contact[aria-selected="true"] td[id^="l:rcmrow"] a i,
#recipient-dialog .listbox #contacts-table tbody tr.contact[aria-selected="true"] td[id^="l:rcmrow"] a i,
#recipient-dialog #contacts-table tbody tr.contact.person[aria-selected="true"] td[id^="l:rcmrow"] a i,
#recipient-dialog table#contacts-table tbody tr.contact.person[aria-selected="true"] td[id^="l:rcmrow"] a i,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person[aria-selected="true"] td[id^="l:rcmrow"] a i,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person[aria-selected="true"] td[id^="l:rcmrow"] a i,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td[id^="l:rcmrow"] a i,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td[id^="l:rcmrow"] a i,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td[id^="l:rcmrow"] a i,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td[id^="l:rcmrow"] a i,
#recipient-dialog #contacts-table tbody tr[role="option"][aria-selected="true"] td[id^="l:rcmrow"] a i,
#recipient-dialog table#contacts-table tbody tr[role="option"][aria-selected="true"] td[id^="l:rcmrow"] a i,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"][aria-selected="true"] td[id^="l:rcmrow"] a i,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"][aria-selected="true"] td[id^="l:rcmrow"] a i,
#recipient-dialog #contacts-table tbody tr:active td a i,
#recipient-dialog table#contacts-table tbody tr:active td a i,
#recipient-dialog .scroller #contacts-table tbody tr:active td a i,
#recipient-dialog .listbox #contacts-table tbody tr:active td a i,
#recipient-dialog #contacts-table tbody tr.contact:active td a i,
#recipient-dialog table#contacts-table tbody tr.contact:active td a i,
#recipient-dialog .scroller #contacts-table tbody tr.contact:active td a i,
#recipient-dialog .listbox #contacts-table tbody tr.contact:active td a i,
#recipient-dialog #contacts-table tbody tr.contact.person:active td a i,
#recipient-dialog table#contacts-table tbody tr.contact.person:active td a i,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person:active td a i,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person:active td a i,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"]:active td a i,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"]:active td a i,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"]:active td a i,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"]:active td a i,
#recipient-dialog #contacts-table tbody tr[role="option"]:active td a i,
#recipient-dialog table#contacts-table tbody tr[role="option"]:active td a i,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"]:active td a i,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"]:active td a i,
#recipient-dialog #contacts-table tbody tr.selected td a i,
#recipient-dialog table#contacts-table tbody tr.selected td a i,
#recipient-dialog .scroller #contacts-table tbody tr.selected td a i,
#recipient-dialog .listbox #contacts-table tbody tr.selected td a i,
#recipient-dialog #contacts-table tbody tr.contact.selected td a i,
#recipient-dialog table#contacts-table tbody tr.contact.selected td a i,
#recipient-dialog .scroller #contacts-table tbody tr.contact.selected td a i,
#recipient-dialog .listbox #contacts-table tbody tr.contact.selected td a i,
#recipient-dialog #contacts-table tbody tr.contact.person.selected td a i,
#recipient-dialog table#contacts-table tbody tr.contact.person.selected td a i,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person.selected td a i,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person.selected td a i,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"].selected td a i,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"].selected td a i,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"].selected td a i,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"].selected td a i,
#recipient-dialog #contacts-table tbody tr[role="option"].selected td a i,
#recipient-dialog table#contacts-table tbody tr[role="option"].selected td a i,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"].selected td a i,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"].selected td a i,
#recipient-dialog #contacts-table tbody tr[aria-selected="true"] td a i,
#recipient-dialog table#contacts-table tbody tr[aria-selected="true"] td a i,
#recipient-dialog .scroller #contacts-table tbody tr[aria-selected="true"] td a i,
#recipient-dialog .listbox #contacts-table tbody tr[aria-selected="true"] td a i,
#recipient-dialog #contacts-table tbody tr.contact[aria-selected="true"] td a i,
#recipient-dialog table#contacts-table tbody tr.contact[aria-selected="true"] td a i,
#recipient-dialog .scroller #contacts-table tbody tr.contact[aria-selected="true"] td a i,
#recipient-dialog .listbox #contacts-table tbody tr.contact[aria-selected="true"] td a i,
#recipient-dialog #contacts-table tbody tr.contact.person[aria-selected="true"] td a i,
#recipient-dialog table#contacts-table tbody tr.contact.person[aria-selected="true"] td a i,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person[aria-selected="true"] td a i,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person[aria-selected="true"] td a i,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td a i,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td a i,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td a i,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"][aria-selected="true"] td a i,
#recipient-dialog #contacts-table tbody tr[role="option"][aria-selected="true"] td a i,
#recipient-dialog table#contacts-table tbody tr[role="option"][aria-selected="true"] td a i,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"][aria-selected="true"] td a i,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"][aria-selected="true"] td a i {
  color: #4a90e2 !important;
  transform: scale(1.05) !important;
  filter: drop-shadow(0 2px 4px rgba(74, 144, 226, 0.3)) !important;
}
#recipient-dialog #contacts-table tbody tr.focused,
#recipient-dialog table#contacts-table tbody tr.focused,
#recipient-dialog .scroller #contacts-table tbody tr.focused,
#recipient-dialog .listbox #contacts-table tbody tr.focused,
#recipient-dialog #contacts-table tbody tr.contact.focused,
#recipient-dialog table#contacts-table tbody tr.contact.focused,
#recipient-dialog .scroller #contacts-table tbody tr.contact.focused,
#recipient-dialog .listbox #contacts-table tbody tr.contact.focused,
#recipient-dialog #contacts-table tbody tr.contact.person.focused,
#recipient-dialog table#contacts-table tbody tr.contact.person.focused,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person.focused,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person.focused,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"].focused,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"].focused,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"].focused,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"].focused,
#recipient-dialog #contacts-table tbody tr[role="option"].focused,
#recipient-dialog table#contacts-table tbody tr[role="option"].focused,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"].focused,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"].focused {
  background: var(--vibrant-hover-bg) !important;
  background-color: var(--vibrant-hover-bg) !important;
  box-shadow: 8px 8px 16px var(--dark-shadow), -8px -8px 16px var(--light-shadow), inset 0 0 0 2.5px #4a90e2, inset 0 0 30px rgba(74, 144, 226, 0.2), 0 0 0 1px rgba(74, 144, 226, 0.2) !important;
  /* Enhanced with stronger inner glow and outer ring */
  transform: translateY(-3px) scale(1.01) !important;
  /* More lift when focused */
  z-index: 8 !important;
  animation: focusPulse 2s ease-in-out infinite !important;
  /* Subtle pulse animation */
}
#recipient-dialog #contacts-table tbody tr.focused td.contact a,
#recipient-dialog table#contacts-table tbody tr.focused td.contact a,
#recipient-dialog .scroller #contacts-table tbody tr.focused td.contact a,
#recipient-dialog .listbox #contacts-table tbody tr.focused td.contact a,
#recipient-dialog #contacts-table tbody tr.contact.focused td.contact a,
#recipient-dialog table#contacts-table tbody tr.contact.focused td.contact a,
#recipient-dialog .scroller #contacts-table tbody tr.contact.focused td.contact a,
#recipient-dialog .listbox #contacts-table tbody tr.contact.focused td.contact a,
#recipient-dialog #contacts-table tbody tr.contact.person.focused td.contact a,
#recipient-dialog table#contacts-table tbody tr.contact.person.focused td.contact a,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person.focused td.contact a,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person.focused td.contact a,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"].focused td.contact a,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"].focused td.contact a,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"].focused td.contact a,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"].focused td.contact a,
#recipient-dialog #contacts-table tbody tr[role="option"].focused td.contact a,
#recipient-dialog table#contacts-table tbody tr[role="option"].focused td.contact a,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"].focused td.contact a,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"].focused td.contact a,
#recipient-dialog #contacts-table tbody tr.focused td[id^="l:rcmrow"] a,
#recipient-dialog table#contacts-table tbody tr.focused td[id^="l:rcmrow"] a,
#recipient-dialog .scroller #contacts-table tbody tr.focused td[id^="l:rcmrow"] a,
#recipient-dialog .listbox #contacts-table tbody tr.focused td[id^="l:rcmrow"] a,
#recipient-dialog #contacts-table tbody tr.contact.focused td[id^="l:rcmrow"] a,
#recipient-dialog table#contacts-table tbody tr.contact.focused td[id^="l:rcmrow"] a,
#recipient-dialog .scroller #contacts-table tbody tr.contact.focused td[id^="l:rcmrow"] a,
#recipient-dialog .listbox #contacts-table tbody tr.contact.focused td[id^="l:rcmrow"] a,
#recipient-dialog #contacts-table tbody tr.contact.person.focused td[id^="l:rcmrow"] a,
#recipient-dialog table#contacts-table tbody tr.contact.person.focused td[id^="l:rcmrow"] a,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person.focused td[id^="l:rcmrow"] a,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person.focused td[id^="l:rcmrow"] a,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"].focused td[id^="l:rcmrow"] a,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"].focused td[id^="l:rcmrow"] a,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"].focused td[id^="l:rcmrow"] a,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"].focused td[id^="l:rcmrow"] a,
#recipient-dialog #contacts-table tbody tr[role="option"].focused td[id^="l:rcmrow"] a,
#recipient-dialog table#contacts-table tbody tr[role="option"].focused td[id^="l:rcmrow"] a,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"].focused td[id^="l:rcmrow"] a,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"].focused td[id^="l:rcmrow"] a,
#recipient-dialog #contacts-table tbody tr.focused td a,
#recipient-dialog table#contacts-table tbody tr.focused td a,
#recipient-dialog .scroller #contacts-table tbody tr.focused td a,
#recipient-dialog .listbox #contacts-table tbody tr.focused td a,
#recipient-dialog #contacts-table tbody tr.contact.focused td a,
#recipient-dialog table#contacts-table tbody tr.contact.focused td a,
#recipient-dialog .scroller #contacts-table tbody tr.contact.focused td a,
#recipient-dialog .listbox #contacts-table tbody tr.contact.focused td a,
#recipient-dialog #contacts-table tbody tr.contact.person.focused td a,
#recipient-dialog table#contacts-table tbody tr.contact.person.focused td a,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person.focused td a,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person.focused td a,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"].focused td a,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"].focused td a,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"].focused td a,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"].focused td a,
#recipient-dialog #contacts-table tbody tr[role="option"].focused td a,
#recipient-dialog table#contacts-table tbody tr[role="option"].focused td a,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"].focused td a,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"].focused td a {
  color: #ffffff !important;
  font-weight: 500 !important;
  letter-spacing: 0.015em !important;
}
#recipient-dialog #contacts-table tbody tr.focused td.contact a i.fa,
#recipient-dialog table#contacts-table tbody tr.focused td.contact a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr.focused td.contact a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr.focused td.contact a i.fa,
#recipient-dialog #contacts-table tbody tr.contact.focused td.contact a i.fa,
#recipient-dialog table#contacts-table tbody tr.contact.focused td.contact a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr.contact.focused td.contact a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr.contact.focused td.contact a i.fa,
#recipient-dialog #contacts-table tbody tr.contact.person.focused td.contact a i.fa,
#recipient-dialog table#contacts-table tbody tr.contact.person.focused td.contact a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person.focused td.contact a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person.focused td.contact a i.fa,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"].focused td.contact a i.fa,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"].focused td.contact a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"].focused td.contact a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"].focused td.contact a i.fa,
#recipient-dialog #contacts-table tbody tr[role="option"].focused td.contact a i.fa,
#recipient-dialog table#contacts-table tbody tr[role="option"].focused td.contact a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"].focused td.contact a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"].focused td.contact a i.fa,
#recipient-dialog #contacts-table tbody tr.focused td[id^="l:rcmrow"] a i.fa,
#recipient-dialog table#contacts-table tbody tr.focused td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr.focused td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr.focused td[id^="l:rcmrow"] a i.fa,
#recipient-dialog #contacts-table tbody tr.contact.focused td[id^="l:rcmrow"] a i.fa,
#recipient-dialog table#contacts-table tbody tr.contact.focused td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr.contact.focused td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr.contact.focused td[id^="l:rcmrow"] a i.fa,
#recipient-dialog #contacts-table tbody tr.contact.person.focused td[id^="l:rcmrow"] a i.fa,
#recipient-dialog table#contacts-table tbody tr.contact.person.focused td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person.focused td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person.focused td[id^="l:rcmrow"] a i.fa,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"].focused td[id^="l:rcmrow"] a i.fa,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"].focused td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"].focused td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"].focused td[id^="l:rcmrow"] a i.fa,
#recipient-dialog #contacts-table tbody tr[role="option"].focused td[id^="l:rcmrow"] a i.fa,
#recipient-dialog table#contacts-table tbody tr[role="option"].focused td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"].focused td[id^="l:rcmrow"] a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"].focused td[id^="l:rcmrow"] a i.fa,
#recipient-dialog #contacts-table tbody tr.focused td a i.fa,
#recipient-dialog table#contacts-table tbody tr.focused td a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr.focused td a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr.focused td a i.fa,
#recipient-dialog #contacts-table tbody tr.contact.focused td a i.fa,
#recipient-dialog table#contacts-table tbody tr.contact.focused td a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr.contact.focused td a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr.contact.focused td a i.fa,
#recipient-dialog #contacts-table tbody tr.contact.person.focused td a i.fa,
#recipient-dialog table#contacts-table tbody tr.contact.person.focused td a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person.focused td a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person.focused td a i.fa,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"].focused td a i.fa,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"].focused td a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"].focused td a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"].focused td a i.fa,
#recipient-dialog #contacts-table tbody tr[role="option"].focused td a i.fa,
#recipient-dialog table#contacts-table tbody tr[role="option"].focused td a i.fa,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"].focused td a i.fa,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"].focused td a i.fa,
#recipient-dialog #contacts-table tbody tr.focused td.contact a i.fa-user,
#recipient-dialog table#contacts-table tbody tr.focused td.contact a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr.focused td.contact a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr.focused td.contact a i.fa-user,
#recipient-dialog #contacts-table tbody tr.contact.focused td.contact a i.fa-user,
#recipient-dialog table#contacts-table tbody tr.contact.focused td.contact a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr.contact.focused td.contact a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr.contact.focused td.contact a i.fa-user,
#recipient-dialog #contacts-table tbody tr.contact.person.focused td.contact a i.fa-user,
#recipient-dialog table#contacts-table tbody tr.contact.person.focused td.contact a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person.focused td.contact a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person.focused td.contact a i.fa-user,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"].focused td.contact a i.fa-user,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"].focused td.contact a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"].focused td.contact a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"].focused td.contact a i.fa-user,
#recipient-dialog #contacts-table tbody tr[role="option"].focused td.contact a i.fa-user,
#recipient-dialog table#contacts-table tbody tr[role="option"].focused td.contact a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"].focused td.contact a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"].focused td.contact a i.fa-user,
#recipient-dialog #contacts-table tbody tr.focused td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog table#contacts-table tbody tr.focused td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr.focused td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr.focused td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog #contacts-table tbody tr.contact.focused td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog table#contacts-table tbody tr.contact.focused td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr.contact.focused td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr.contact.focused td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog #contacts-table tbody tr.contact.person.focused td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog table#contacts-table tbody tr.contact.person.focused td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person.focused td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person.focused td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"].focused td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"].focused td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"].focused td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"].focused td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog #contacts-table tbody tr[role="option"].focused td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog table#contacts-table tbody tr[role="option"].focused td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"].focused td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"].focused td[id^="l:rcmrow"] a i.fa-user,
#recipient-dialog #contacts-table tbody tr.focused td a i.fa-user,
#recipient-dialog table#contacts-table tbody tr.focused td a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr.focused td a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr.focused td a i.fa-user,
#recipient-dialog #contacts-table tbody tr.contact.focused td a i.fa-user,
#recipient-dialog table#contacts-table tbody tr.contact.focused td a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr.contact.focused td a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr.contact.focused td a i.fa-user,
#recipient-dialog #contacts-table tbody tr.contact.person.focused td a i.fa-user,
#recipient-dialog table#contacts-table tbody tr.contact.person.focused td a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person.focused td a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person.focused td a i.fa-user,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"].focused td a i.fa-user,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"].focused td a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"].focused td a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"].focused td a i.fa-user,
#recipient-dialog #contacts-table tbody tr[role="option"].focused td a i.fa-user,
#recipient-dialog table#contacts-table tbody tr[role="option"].focused td a i.fa-user,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"].focused td a i.fa-user,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"].focused td a i.fa-user,
#recipient-dialog #contacts-table tbody tr.focused td.contact a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr.focused td.contact a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr.focused td.contact a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr.focused td.contact a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr.contact.focused td.contact a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr.contact.focused td.contact a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr.contact.focused td.contact a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr.contact.focused td.contact a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr.contact.person.focused td.contact a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr.contact.person.focused td.contact a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr.contact.person.focused td.contact a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr.contact.person.focused td.contact a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"].focused td.contact a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"].focused td.contact a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"].focused td.contact a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"].focused td.contact a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr[role="option"].focused td.contact a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr[role="option"].focused td.contact a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr[role="option"].focused td.contact a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr[role="option"].focused td.contact a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr.focused td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr.focused td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr.focused td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr.focused td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr.contact.focused td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr.contact.focused td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr.contact.focused td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr.contact.focused td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr.contact.person.focused td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr.contact.person.focused td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr.contact.person.focused td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr.contact.person.focused td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"].focused td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"].focused td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"].focused td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"].focused td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr[role="option"].focused td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr[role="option"].focused td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr[role="option"].focused td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr[role="option"].focused td[id^="l:rcmrow"] a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr.focused td a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr.focused td a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr.focused td a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr.focused td a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr.contact.focused td a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr.contact.focused td a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr.contact.focused td a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr.contact.focused td a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr.contact.person.focused td a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr.contact.person.focused td a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr.contact.person.focused td a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr.contact.person.focused td a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"].focused td a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"].focused td a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"].focused td a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"].focused td a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr[role="option"].focused td a i[class*="fa-"],
#recipient-dialog table#contacts-table tbody tr[role="option"].focused td a i[class*="fa-"],
#recipient-dialog .scroller #contacts-table tbody tr[role="option"].focused td a i[class*="fa-"],
#recipient-dialog .listbox #contacts-table tbody tr[role="option"].focused td a i[class*="fa-"],
#recipient-dialog #contacts-table tbody tr.focused td.contact a i,
#recipient-dialog table#contacts-table tbody tr.focused td.contact a i,
#recipient-dialog .scroller #contacts-table tbody tr.focused td.contact a i,
#recipient-dialog .listbox #contacts-table tbody tr.focused td.contact a i,
#recipient-dialog #contacts-table tbody tr.contact.focused td.contact a i,
#recipient-dialog table#contacts-table tbody tr.contact.focused td.contact a i,
#recipient-dialog .scroller #contacts-table tbody tr.contact.focused td.contact a i,
#recipient-dialog .listbox #contacts-table tbody tr.contact.focused td.contact a i,
#recipient-dialog #contacts-table tbody tr.contact.person.focused td.contact a i,
#recipient-dialog table#contacts-table tbody tr.contact.person.focused td.contact a i,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person.focused td.contact a i,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person.focused td.contact a i,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"].focused td.contact a i,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"].focused td.contact a i,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"].focused td.contact a i,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"].focused td.contact a i,
#recipient-dialog #contacts-table tbody tr[role="option"].focused td.contact a i,
#recipient-dialog table#contacts-table tbody tr[role="option"].focused td.contact a i,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"].focused td.contact a i,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"].focused td.contact a i,
#recipient-dialog #contacts-table tbody tr.focused td[id^="l:rcmrow"] a i,
#recipient-dialog table#contacts-table tbody tr.focused td[id^="l:rcmrow"] a i,
#recipient-dialog .scroller #contacts-table tbody tr.focused td[id^="l:rcmrow"] a i,
#recipient-dialog .listbox #contacts-table tbody tr.focused td[id^="l:rcmrow"] a i,
#recipient-dialog #contacts-table tbody tr.contact.focused td[id^="l:rcmrow"] a i,
#recipient-dialog table#contacts-table tbody tr.contact.focused td[id^="l:rcmrow"] a i,
#recipient-dialog .scroller #contacts-table tbody tr.contact.focused td[id^="l:rcmrow"] a i,
#recipient-dialog .listbox #contacts-table tbody tr.contact.focused td[id^="l:rcmrow"] a i,
#recipient-dialog #contacts-table tbody tr.contact.person.focused td[id^="l:rcmrow"] a i,
#recipient-dialog table#contacts-table tbody tr.contact.person.focused td[id^="l:rcmrow"] a i,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person.focused td[id^="l:rcmrow"] a i,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person.focused td[id^="l:rcmrow"] a i,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"].focused td[id^="l:rcmrow"] a i,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"].focused td[id^="l:rcmrow"] a i,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"].focused td[id^="l:rcmrow"] a i,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"].focused td[id^="l:rcmrow"] a i,
#recipient-dialog #contacts-table tbody tr[role="option"].focused td[id^="l:rcmrow"] a i,
#recipient-dialog table#contacts-table tbody tr[role="option"].focused td[id^="l:rcmrow"] a i,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"].focused td[id^="l:rcmrow"] a i,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"].focused td[id^="l:rcmrow"] a i,
#recipient-dialog #contacts-table tbody tr.focused td a i,
#recipient-dialog table#contacts-table tbody tr.focused td a i,
#recipient-dialog .scroller #contacts-table tbody tr.focused td a i,
#recipient-dialog .listbox #contacts-table tbody tr.focused td a i,
#recipient-dialog #contacts-table tbody tr.contact.focused td a i,
#recipient-dialog table#contacts-table tbody tr.contact.focused td a i,
#recipient-dialog .scroller #contacts-table tbody tr.contact.focused td a i,
#recipient-dialog .listbox #contacts-table tbody tr.contact.focused td a i,
#recipient-dialog #contacts-table tbody tr.contact.person.focused td a i,
#recipient-dialog table#contacts-table tbody tr.contact.person.focused td a i,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person.focused td a i,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person.focused td a i,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"].focused td a i,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"].focused td a i,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"].focused td a i,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"].focused td a i,
#recipient-dialog #contacts-table tbody tr[role="option"].focused td a i,
#recipient-dialog table#contacts-table tbody tr[role="option"].focused td a i,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"].focused td a i,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"].focused td a i {
  color: #6bb6ff !important;
  /* Even lighter blue when focused */
  transform: scale(1.12) rotate(-3deg) !important;
  /* More scale and rotation */
  filter: drop-shadow(0 3px 10px rgba(107, 182, 255, 0.5)) !important;
  /* Stronger glow */
  background: rgba(107, 182, 255, 0.2) !important;
  /* More visible background */
}
#recipient-dialog #contacts-table tbody tr.focused td.contact a i.fa::before,
#recipient-dialog table#contacts-table tbody tr.focused td.contact a i.fa::before,
#recipient-dialog .scroller #contacts-table tbody tr.focused td.contact a i.fa::before,
#recipient-dialog .listbox #contacts-table tbody tr.focused td.contact a i.fa::before,
#recipient-dialog #contacts-table tbody tr.contact.focused td.contact a i.fa::before,
#recipient-dialog table#contacts-table tbody tr.contact.focused td.contact a i.fa::before,
#recipient-dialog .scroller #contacts-table tbody tr.contact.focused td.contact a i.fa::before,
#recipient-dialog .listbox #contacts-table tbody tr.contact.focused td.contact a i.fa::before,
#recipient-dialog #contacts-table tbody tr.contact.person.focused td.contact a i.fa::before,
#recipient-dialog table#contacts-table tbody tr.contact.person.focused td.contact a i.fa::before,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person.focused td.contact a i.fa::before,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person.focused td.contact a i.fa::before,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"].focused td.contact a i.fa::before,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"].focused td.contact a i.fa::before,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"].focused td.contact a i.fa::before,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"].focused td.contact a i.fa::before,
#recipient-dialog #contacts-table tbody tr[role="option"].focused td.contact a i.fa::before,
#recipient-dialog table#contacts-table tbody tr[role="option"].focused td.contact a i.fa::before,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"].focused td.contact a i.fa::before,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"].focused td.contact a i.fa::before,
#recipient-dialog #contacts-table tbody tr.focused td[id^="l:rcmrow"] a i.fa::before,
#recipient-dialog table#contacts-table tbody tr.focused td[id^="l:rcmrow"] a i.fa::before,
#recipient-dialog .scroller #contacts-table tbody tr.focused td[id^="l:rcmrow"] a i.fa::before,
#recipient-dialog .listbox #contacts-table tbody tr.focused td[id^="l:rcmrow"] a i.fa::before,
#recipient-dialog #contacts-table tbody tr.contact.focused td[id^="l:rcmrow"] a i.fa::before,
#recipient-dialog table#contacts-table tbody tr.contact.focused td[id^="l:rcmrow"] a i.fa::before,
#recipient-dialog .scroller #contacts-table tbody tr.contact.focused td[id^="l:rcmrow"] a i.fa::before,
#recipient-dialog .listbox #contacts-table tbody tr.contact.focused td[id^="l:rcmrow"] a i.fa::before,
#recipient-dialog #contacts-table tbody tr.contact.person.focused td[id^="l:rcmrow"] a i.fa::before,
#recipient-dialog table#contacts-table tbody tr.contact.person.focused td[id^="l:rcmrow"] a i.fa::before,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person.focused td[id^="l:rcmrow"] a i.fa::before,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person.focused td[id^="l:rcmrow"] a i.fa::before,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"].focused td[id^="l:rcmrow"] a i.fa::before,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"].focused td[id^="l:rcmrow"] a i.fa::before,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"].focused td[id^="l:rcmrow"] a i.fa::before,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"].focused td[id^="l:rcmrow"] a i.fa::before,
#recipient-dialog #contacts-table tbody tr[role="option"].focused td[id^="l:rcmrow"] a i.fa::before,
#recipient-dialog table#contacts-table tbody tr[role="option"].focused td[id^="l:rcmrow"] a i.fa::before,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"].focused td[id^="l:rcmrow"] a i.fa::before,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"].focused td[id^="l:rcmrow"] a i.fa::before,
#recipient-dialog #contacts-table tbody tr.focused td a i.fa::before,
#recipient-dialog table#contacts-table tbody tr.focused td a i.fa::before,
#recipient-dialog .scroller #contacts-table tbody tr.focused td a i.fa::before,
#recipient-dialog .listbox #contacts-table tbody tr.focused td a i.fa::before,
#recipient-dialog #contacts-table tbody tr.contact.focused td a i.fa::before,
#recipient-dialog table#contacts-table tbody tr.contact.focused td a i.fa::before,
#recipient-dialog .scroller #contacts-table tbody tr.contact.focused td a i.fa::before,
#recipient-dialog .listbox #contacts-table tbody tr.contact.focused td a i.fa::before,
#recipient-dialog #contacts-table tbody tr.contact.person.focused td a i.fa::before,
#recipient-dialog table#contacts-table tbody tr.contact.person.focused td a i.fa::before,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person.focused td a i.fa::before,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person.focused td a i.fa::before,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"].focused td a i.fa::before,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"].focused td a i.fa::before,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"].focused td a i.fa::before,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"].focused td a i.fa::before,
#recipient-dialog #contacts-table tbody tr[role="option"].focused td a i.fa::before,
#recipient-dialog table#contacts-table tbody tr[role="option"].focused td a i.fa::before,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"].focused td a i.fa::before,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"].focused td a i.fa::before,
#recipient-dialog #contacts-table tbody tr.focused td.contact a i.fa-user::before,
#recipient-dialog table#contacts-table tbody tr.focused td.contact a i.fa-user::before,
#recipient-dialog .scroller #contacts-table tbody tr.focused td.contact a i.fa-user::before,
#recipient-dialog .listbox #contacts-table tbody tr.focused td.contact a i.fa-user::before,
#recipient-dialog #contacts-table tbody tr.contact.focused td.contact a i.fa-user::before,
#recipient-dialog table#contacts-table tbody tr.contact.focused td.contact a i.fa-user::before,
#recipient-dialog .scroller #contacts-table tbody tr.contact.focused td.contact a i.fa-user::before,
#recipient-dialog .listbox #contacts-table tbody tr.contact.focused td.contact a i.fa-user::before,
#recipient-dialog #contacts-table tbody tr.contact.person.focused td.contact a i.fa-user::before,
#recipient-dialog table#contacts-table tbody tr.contact.person.focused td.contact a i.fa-user::before,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person.focused td.contact a i.fa-user::before,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person.focused td.contact a i.fa-user::before,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"].focused td.contact a i.fa-user::before,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"].focused td.contact a i.fa-user::before,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"].focused td.contact a i.fa-user::before,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"].focused td.contact a i.fa-user::before,
#recipient-dialog #contacts-table tbody tr[role="option"].focused td.contact a i.fa-user::before,
#recipient-dialog table#contacts-table tbody tr[role="option"].focused td.contact a i.fa-user::before,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"].focused td.contact a i.fa-user::before,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"].focused td.contact a i.fa-user::before,
#recipient-dialog #contacts-table tbody tr.focused td[id^="l:rcmrow"] a i.fa-user::before,
#recipient-dialog table#contacts-table tbody tr.focused td[id^="l:rcmrow"] a i.fa-user::before,
#recipient-dialog .scroller #contacts-table tbody tr.focused td[id^="l:rcmrow"] a i.fa-user::before,
#recipient-dialog .listbox #contacts-table tbody tr.focused td[id^="l:rcmrow"] a i.fa-user::before,
#recipient-dialog #contacts-table tbody tr.contact.focused td[id^="l:rcmrow"] a i.fa-user::before,
#recipient-dialog table#contacts-table tbody tr.contact.focused td[id^="l:rcmrow"] a i.fa-user::before,
#recipient-dialog .scroller #contacts-table tbody tr.contact.focused td[id^="l:rcmrow"] a i.fa-user::before,
#recipient-dialog .listbox #contacts-table tbody tr.contact.focused td[id^="l:rcmrow"] a i.fa-user::before,
#recipient-dialog #contacts-table tbody tr.contact.person.focused td[id^="l:rcmrow"] a i.fa-user::before,
#recipient-dialog table#contacts-table tbody tr.contact.person.focused td[id^="l:rcmrow"] a i.fa-user::before,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person.focused td[id^="l:rcmrow"] a i.fa-user::before,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person.focused td[id^="l:rcmrow"] a i.fa-user::before,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"].focused td[id^="l:rcmrow"] a i.fa-user::before,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"].focused td[id^="l:rcmrow"] a i.fa-user::before,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"].focused td[id^="l:rcmrow"] a i.fa-user::before,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"].focused td[id^="l:rcmrow"] a i.fa-user::before,
#recipient-dialog #contacts-table tbody tr[role="option"].focused td[id^="l:rcmrow"] a i.fa-user::before,
#recipient-dialog table#contacts-table tbody tr[role="option"].focused td[id^="l:rcmrow"] a i.fa-user::before,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"].focused td[id^="l:rcmrow"] a i.fa-user::before,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"].focused td[id^="l:rcmrow"] a i.fa-user::before,
#recipient-dialog #contacts-table tbody tr.focused td a i.fa-user::before,
#recipient-dialog table#contacts-table tbody tr.focused td a i.fa-user::before,
#recipient-dialog .scroller #contacts-table tbody tr.focused td a i.fa-user::before,
#recipient-dialog .listbox #contacts-table tbody tr.focused td a i.fa-user::before,
#recipient-dialog #contacts-table tbody tr.contact.focused td a i.fa-user::before,
#recipient-dialog table#contacts-table tbody tr.contact.focused td a i.fa-user::before,
#recipient-dialog .scroller #contacts-table tbody tr.contact.focused td a i.fa-user::before,
#recipient-dialog .listbox #contacts-table tbody tr.contact.focused td a i.fa-user::before,
#recipient-dialog #contacts-table tbody tr.contact.person.focused td a i.fa-user::before,
#recipient-dialog table#contacts-table tbody tr.contact.person.focused td a i.fa-user::before,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person.focused td a i.fa-user::before,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person.focused td a i.fa-user::before,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"].focused td a i.fa-user::before,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"].focused td a i.fa-user::before,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"].focused td a i.fa-user::before,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"].focused td a i.fa-user::before,
#recipient-dialog #contacts-table tbody tr[role="option"].focused td a i.fa-user::before,
#recipient-dialog table#contacts-table tbody tr[role="option"].focused td a i.fa-user::before,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"].focused td a i.fa-user::before,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"].focused td a i.fa-user::before,
#recipient-dialog #contacts-table tbody tr.focused td.contact a i[class*="fa-"]::before,
#recipient-dialog table#contacts-table tbody tr.focused td.contact a i[class*="fa-"]::before,
#recipient-dialog .scroller #contacts-table tbody tr.focused td.contact a i[class*="fa-"]::before,
#recipient-dialog .listbox #contacts-table tbody tr.focused td.contact a i[class*="fa-"]::before,
#recipient-dialog #contacts-table tbody tr.contact.focused td.contact a i[class*="fa-"]::before,
#recipient-dialog table#contacts-table tbody tr.contact.focused td.contact a i[class*="fa-"]::before,
#recipient-dialog .scroller #contacts-table tbody tr.contact.focused td.contact a i[class*="fa-"]::before,
#recipient-dialog .listbox #contacts-table tbody tr.contact.focused td.contact a i[class*="fa-"]::before,
#recipient-dialog #contacts-table tbody tr.contact.person.focused td.contact a i[class*="fa-"]::before,
#recipient-dialog table#contacts-table tbody tr.contact.person.focused td.contact a i[class*="fa-"]::before,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person.focused td.contact a i[class*="fa-"]::before,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person.focused td.contact a i[class*="fa-"]::before,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"].focused td.contact a i[class*="fa-"]::before,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"].focused td.contact a i[class*="fa-"]::before,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"].focused td.contact a i[class*="fa-"]::before,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"].focused td.contact a i[class*="fa-"]::before,
#recipient-dialog #contacts-table tbody tr[role="option"].focused td.contact a i[class*="fa-"]::before,
#recipient-dialog table#contacts-table tbody tr[role="option"].focused td.contact a i[class*="fa-"]::before,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"].focused td.contact a i[class*="fa-"]::before,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"].focused td.contact a i[class*="fa-"]::before,
#recipient-dialog #contacts-table tbody tr.focused td[id^="l:rcmrow"] a i[class*="fa-"]::before,
#recipient-dialog table#contacts-table tbody tr.focused td[id^="l:rcmrow"] a i[class*="fa-"]::before,
#recipient-dialog .scroller #contacts-table tbody tr.focused td[id^="l:rcmrow"] a i[class*="fa-"]::before,
#recipient-dialog .listbox #contacts-table tbody tr.focused td[id^="l:rcmrow"] a i[class*="fa-"]::before,
#recipient-dialog #contacts-table tbody tr.contact.focused td[id^="l:rcmrow"] a i[class*="fa-"]::before,
#recipient-dialog table#contacts-table tbody tr.contact.focused td[id^="l:rcmrow"] a i[class*="fa-"]::before,
#recipient-dialog .scroller #contacts-table tbody tr.contact.focused td[id^="l:rcmrow"] a i[class*="fa-"]::before,
#recipient-dialog .listbox #contacts-table tbody tr.contact.focused td[id^="l:rcmrow"] a i[class*="fa-"]::before,
#recipient-dialog #contacts-table tbody tr.contact.person.focused td[id^="l:rcmrow"] a i[class*="fa-"]::before,
#recipient-dialog table#contacts-table tbody tr.contact.person.focused td[id^="l:rcmrow"] a i[class*="fa-"]::before,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person.focused td[id^="l:rcmrow"] a i[class*="fa-"]::before,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person.focused td[id^="l:rcmrow"] a i[class*="fa-"]::before,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"].focused td[id^="l:rcmrow"] a i[class*="fa-"]::before,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"].focused td[id^="l:rcmrow"] a i[class*="fa-"]::before,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"].focused td[id^="l:rcmrow"] a i[class*="fa-"]::before,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"].focused td[id^="l:rcmrow"] a i[class*="fa-"]::before,
#recipient-dialog #contacts-table tbody tr[role="option"].focused td[id^="l:rcmrow"] a i[class*="fa-"]::before,
#recipient-dialog table#contacts-table tbody tr[role="option"].focused td[id^="l:rcmrow"] a i[class*="fa-"]::before,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"].focused td[id^="l:rcmrow"] a i[class*="fa-"]::before,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"].focused td[id^="l:rcmrow"] a i[class*="fa-"]::before,
#recipient-dialog #contacts-table tbody tr.focused td a i[class*="fa-"]::before,
#recipient-dialog table#contacts-table tbody tr.focused td a i[class*="fa-"]::before,
#recipient-dialog .scroller #contacts-table tbody tr.focused td a i[class*="fa-"]::before,
#recipient-dialog .listbox #contacts-table tbody tr.focused td a i[class*="fa-"]::before,
#recipient-dialog #contacts-table tbody tr.contact.focused td a i[class*="fa-"]::before,
#recipient-dialog table#contacts-table tbody tr.contact.focused td a i[class*="fa-"]::before,
#recipient-dialog .scroller #contacts-table tbody tr.contact.focused td a i[class*="fa-"]::before,
#recipient-dialog .listbox #contacts-table tbody tr.contact.focused td a i[class*="fa-"]::before,
#recipient-dialog #contacts-table tbody tr.contact.person.focused td a i[class*="fa-"]::before,
#recipient-dialog table#contacts-table tbody tr.contact.person.focused td a i[class*="fa-"]::before,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person.focused td a i[class*="fa-"]::before,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person.focused td a i[class*="fa-"]::before,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"].focused td a i[class*="fa-"]::before,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"].focused td a i[class*="fa-"]::before,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"].focused td a i[class*="fa-"]::before,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"].focused td a i[class*="fa-"]::before,
#recipient-dialog #contacts-table tbody tr[role="option"].focused td a i[class*="fa-"]::before,
#recipient-dialog table#contacts-table tbody tr[role="option"].focused td a i[class*="fa-"]::before,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"].focused td a i[class*="fa-"]::before,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"].focused td a i[class*="fa-"]::before,
#recipient-dialog #contacts-table tbody tr.focused td.contact a i::before,
#recipient-dialog table#contacts-table tbody tr.focused td.contact a i::before,
#recipient-dialog .scroller #contacts-table tbody tr.focused td.contact a i::before,
#recipient-dialog .listbox #contacts-table tbody tr.focused td.contact a i::before,
#recipient-dialog #contacts-table tbody tr.contact.focused td.contact a i::before,
#recipient-dialog table#contacts-table tbody tr.contact.focused td.contact a i::before,
#recipient-dialog .scroller #contacts-table tbody tr.contact.focused td.contact a i::before,
#recipient-dialog .listbox #contacts-table tbody tr.contact.focused td.contact a i::before,
#recipient-dialog #contacts-table tbody tr.contact.person.focused td.contact a i::before,
#recipient-dialog table#contacts-table tbody tr.contact.person.focused td.contact a i::before,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person.focused td.contact a i::before,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person.focused td.contact a i::before,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"].focused td.contact a i::before,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"].focused td.contact a i::before,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"].focused td.contact a i::before,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"].focused td.contact a i::before,
#recipient-dialog #contacts-table tbody tr[role="option"].focused td.contact a i::before,
#recipient-dialog table#contacts-table tbody tr[role="option"].focused td.contact a i::before,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"].focused td.contact a i::before,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"].focused td.contact a i::before,
#recipient-dialog #contacts-table tbody tr.focused td[id^="l:rcmrow"] a i::before,
#recipient-dialog table#contacts-table tbody tr.focused td[id^="l:rcmrow"] a i::before,
#recipient-dialog .scroller #contacts-table tbody tr.focused td[id^="l:rcmrow"] a i::before,
#recipient-dialog .listbox #contacts-table tbody tr.focused td[id^="l:rcmrow"] a i::before,
#recipient-dialog #contacts-table tbody tr.contact.focused td[id^="l:rcmrow"] a i::before,
#recipient-dialog table#contacts-table tbody tr.contact.focused td[id^="l:rcmrow"] a i::before,
#recipient-dialog .scroller #contacts-table tbody tr.contact.focused td[id^="l:rcmrow"] a i::before,
#recipient-dialog .listbox #contacts-table tbody tr.contact.focused td[id^="l:rcmrow"] a i::before,
#recipient-dialog #contacts-table tbody tr.contact.person.focused td[id^="l:rcmrow"] a i::before,
#recipient-dialog table#contacts-table tbody tr.contact.person.focused td[id^="l:rcmrow"] a i::before,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person.focused td[id^="l:rcmrow"] a i::before,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person.focused td[id^="l:rcmrow"] a i::before,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"].focused td[id^="l:rcmrow"] a i::before,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"].focused td[id^="l:rcmrow"] a i::before,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"].focused td[id^="l:rcmrow"] a i::before,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"].focused td[id^="l:rcmrow"] a i::before,
#recipient-dialog #contacts-table tbody tr[role="option"].focused td[id^="l:rcmrow"] a i::before,
#recipient-dialog table#contacts-table tbody tr[role="option"].focused td[id^="l:rcmrow"] a i::before,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"].focused td[id^="l:rcmrow"] a i::before,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"].focused td[id^="l:rcmrow"] a i::before,
#recipient-dialog #contacts-table tbody tr.focused td a i::before,
#recipient-dialog table#contacts-table tbody tr.focused td a i::before,
#recipient-dialog .scroller #contacts-table tbody tr.focused td a i::before,
#recipient-dialog .listbox #contacts-table tbody tr.focused td a i::before,
#recipient-dialog #contacts-table tbody tr.contact.focused td a i::before,
#recipient-dialog table#contacts-table tbody tr.contact.focused td a i::before,
#recipient-dialog .scroller #contacts-table tbody tr.contact.focused td a i::before,
#recipient-dialog .listbox #contacts-table tbody tr.contact.focused td a i::before,
#recipient-dialog #contacts-table tbody tr.contact.person.focused td a i::before,
#recipient-dialog table#contacts-table tbody tr.contact.person.focused td a i::before,
#recipient-dialog .scroller #contacts-table tbody tr.contact.person.focused td a i::before,
#recipient-dialog .listbox #contacts-table tbody tr.contact.person.focused td a i::before,
#recipient-dialog #contacts-table tbody tr[id^="rcmrow"].focused td a i::before,
#recipient-dialog table#contacts-table tbody tr[id^="rcmrow"].focused td a i::before,
#recipient-dialog .scroller #contacts-table tbody tr[id^="rcmrow"].focused td a i::before,
#recipient-dialog .listbox #contacts-table tbody tr[id^="rcmrow"].focused td a i::before,
#recipient-dialog #contacts-table tbody tr[role="option"].focused td a i::before,
#recipient-dialog table#contacts-table tbody tr[role="option"].focused td a i::before,
#recipient-dialog .scroller #contacts-table tbody tr[role="option"].focused td a i::before,
#recipient-dialog .listbox #contacts-table tbody tr[role="option"].focused td a i::before {
  opacity: 1 !important;
  /* Show inner glow */
}
/* Pagination - Neumorphic Design - ONLY INSIDE RECIPIENT DIALOG MODAL */
/* Make sure this ONLY applies when inside a visible/open dialog - NOT on inbox page */
/* Target pagination inside recipient-dialog regardless of footer/small classes */
#recipient-dialog .pagenav.menu,
#recipient-dialog .pagenav.menu.footer,
#recipient-dialog .pagenav.menu.small,
#recipient-dialog .pagenav.menu.footer.small,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.small,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer.small,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.small,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer.small,
.ui-dialog .ui-dialog-content:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu {
  padding: 0.75rem 0 !important;
  /* Reduced vertical spacing */
  background: transparent !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  /* Reduced gap */
  margin: 0 !important;
  flex-wrap: wrap !important;
  /* Allow wrapping on small screens */
  /* Pagination Input (CONCAVE/PRESSED EFFECT) */
  /* Pagination/Inner Buttons (e.g., in pagenav) - Circular navigation buttons */
  /* Replace text with symbols for navigation buttons - match screenshot using ::after */
  /* Page number buttons (not arrow buttons) - Rounded rectangles */
  /* Hover: Vibrant background change for Pagination buttons */
  /* Animation: Pagination arrow content scales up on hover */
  /* Legacy selector for compatibility */
}
#recipient-dialog .pagenav.menu .pagenav-text,
#recipient-dialog .pagenav.menu.footer .pagenav-text,
#recipient-dialog .pagenav.menu.small .pagenav-text,
#recipient-dialog .pagenav.menu.footer.small .pagenav-text,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu .pagenav-text,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer .pagenav-text,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.small .pagenav-text,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer.small .pagenav-text,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu .pagenav-text,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer .pagenav-text,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.small .pagenav-text,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer.small .pagenav-text,
.ui-dialog .ui-dialog-content:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu .pagenav-text {
  color: #ddd !important;
  font-size: 12px !important;
  /* Smaller font */
  font-weight: 500 !important;
  margin: 0 10px !important;
  /* Reduced horizontal margin */
  white-space: nowrap !important;
}
#recipient-dialog .pagenav.menu input[type="text"],
#recipient-dialog .pagenav.menu.footer input[type="text"],
#recipient-dialog .pagenav.menu.small input[type="text"],
#recipient-dialog .pagenav.menu.footer.small input[type="text"],
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu input[type="text"],
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer input[type="text"],
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.small input[type="text"],
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer.small input[type="text"],
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu input[type="text"],
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer input[type="text"],
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.small input[type="text"],
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer.small input[type="text"],
.ui-dialog .ui-dialog-content:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu input[type="text"],
#recipient-dialog .pagenav.menu input.rcpagejumper,
#recipient-dialog .pagenav.menu.footer input.rcpagejumper,
#recipient-dialog .pagenav.menu.small input.rcpagejumper,
#recipient-dialog .pagenav.menu.footer.small input.rcpagejumper,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu input.rcpagejumper,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer input.rcpagejumper,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.small input.rcpagejumper,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer.small input.rcpagejumper,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu input.rcpagejumper,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer input.rcpagejumper,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.small input.rcpagejumper,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer.small input.rcpagejumper,
.ui-dialog .ui-dialog-content:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu input.rcpagejumper {
  background: var(--neumorphic-bg) !important;
  border: none !important;
  outline: none !important;
  color: #ddd !important;
  /* Light text color */
  /* Concave shadow styling */
  box-shadow: inset 3px 3px 6px var(--dark-shadow), inset -3px -3px 6px var(--light-shadow) !important;
  transition: box-shadow 0.3s ease !important;
  padding: 0.35rem 0.5rem !important;
  /* Reduced padding */
  border-radius: 6px !important;
  /* Smaller border radius */
  width: 38px !important;
  /* Reduced width */
  min-width: 38px !important;
  text-align: center !important;
  font-size: 12px !important;
  /* Smaller font */
  font-weight: 500 !important;
}
#recipient-dialog .pagenav.menu input[type="text"]:focus,
#recipient-dialog .pagenav.menu.footer input[type="text"]:focus,
#recipient-dialog .pagenav.menu.small input[type="text"]:focus,
#recipient-dialog .pagenav.menu.footer.small input[type="text"]:focus,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu input[type="text"]:focus,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer input[type="text"]:focus,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.small input[type="text"]:focus,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer.small input[type="text"]:focus,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu input[type="text"]:focus,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer input[type="text"]:focus,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.small input[type="text"]:focus,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer.small input[type="text"]:focus,
.ui-dialog .ui-dialog-content:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu input[type="text"]:focus,
#recipient-dialog .pagenav.menu input.rcpagejumper:focus,
#recipient-dialog .pagenav.menu.footer input.rcpagejumper:focus,
#recipient-dialog .pagenav.menu.small input.rcpagejumper:focus,
#recipient-dialog .pagenav.menu.footer.small input.rcpagejumper:focus,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu input.rcpagejumper:focus,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer input.rcpagejumper:focus,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.small input.rcpagejumper:focus,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer.small input.rcpagejumper:focus,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu input.rcpagejumper:focus,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer input.rcpagejumper:focus,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.small input.rcpagejumper:focus,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer.small input.rcpagejumper:focus,
.ui-dialog .ui-dialog-content:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu input.rcpagejumper:focus {
  box-shadow: inset 4px 4px 8px var(--dark-shadow), inset -4px -4px 8px var(--light-shadow) !important;
  outline: none !important;
}
#recipient-dialog .pagenav.menu a.firstpage,
#recipient-dialog .pagenav.menu.footer a.firstpage,
#recipient-dialog .pagenav.menu.small a.firstpage,
#recipient-dialog .pagenav.menu.footer.small a.firstpage,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu a.firstpage,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer a.firstpage,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.small a.firstpage,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer.small a.firstpage,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.firstpage,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer a.firstpage,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.small a.firstpage,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer.small a.firstpage,
.ui-dialog .ui-dialog-content:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.firstpage,
#recipient-dialog .pagenav.menu a.prevpage,
#recipient-dialog .pagenav.menu.footer a.prevpage,
#recipient-dialog .pagenav.menu.small a.prevpage,
#recipient-dialog .pagenav.menu.footer.small a.prevpage,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu a.prevpage,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer a.prevpage,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.small a.prevpage,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer.small a.prevpage,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.prevpage,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer a.prevpage,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.small a.prevpage,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer.small a.prevpage,
.ui-dialog .ui-dialog-content:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.prevpage,
#recipient-dialog .pagenav.menu a.nextpage,
#recipient-dialog .pagenav.menu.footer a.nextpage,
#recipient-dialog .pagenav.menu.small a.nextpage,
#recipient-dialog .pagenav.menu.footer.small a.nextpage,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu a.nextpage,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer a.nextpage,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.small a.nextpage,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer.small a.nextpage,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.nextpage,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer a.nextpage,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.small a.nextpage,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer.small a.nextpage,
.ui-dialog .ui-dialog-content:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.nextpage,
#recipient-dialog .pagenav.menu a.lastpage,
#recipient-dialog .pagenav.menu.footer a.lastpage,
#recipient-dialog .pagenav.menu.small a.lastpage,
#recipient-dialog .pagenav.menu.footer.small a.lastpage,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu a.lastpage,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer a.lastpage,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.small a.lastpage,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer.small a.lastpage,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.lastpage,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer a.lastpage,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.small a.lastpage,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer.small a.lastpage,
.ui-dialog .ui-dialog-content:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.lastpage {
  display: inline-flex !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  justify-content: center !important;
  align-items: center !important;
  background: var(--neumorphic-bg) !important;
  border-radius: 50% !important;
  /* Circular buttons */
  margin: 0 !important;
  padding: 0 !important;
  color: #ddd !important;
  /* Light color for pagination arrows */
  box-shadow: 3px 3px 6px var(--dark-shadow), -3px -3px 6px var(--light-shadow) !important;
  /* Softer shadow */
  transition: all 0.2s ease !important;
  text-decoration: none !important;
  border: none !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
  /* Target the inner span which holds the arrow text for transition */
}
#recipient-dialog .pagenav.menu a.firstpage span.inner,
#recipient-dialog .pagenav.menu.footer a.firstpage span.inner,
#recipient-dialog .pagenav.menu.small a.firstpage span.inner,
#recipient-dialog .pagenav.menu.footer.small a.firstpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu a.firstpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer a.firstpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.small a.firstpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer.small a.firstpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.firstpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer a.firstpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.small a.firstpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer.small a.firstpage span.inner,
.ui-dialog .ui-dialog-content:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.firstpage span.inner,
#recipient-dialog .pagenav.menu a.prevpage span.inner,
#recipient-dialog .pagenav.menu.footer a.prevpage span.inner,
#recipient-dialog .pagenav.menu.small a.prevpage span.inner,
#recipient-dialog .pagenav.menu.footer.small a.prevpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu a.prevpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer a.prevpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.small a.prevpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer.small a.prevpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.prevpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer a.prevpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.small a.prevpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer.small a.prevpage span.inner,
.ui-dialog .ui-dialog-content:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.prevpage span.inner,
#recipient-dialog .pagenav.menu a.nextpage span.inner,
#recipient-dialog .pagenav.menu.footer a.nextpage span.inner,
#recipient-dialog .pagenav.menu.small a.nextpage span.inner,
#recipient-dialog .pagenav.menu.footer.small a.nextpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu a.nextpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer a.nextpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.small a.nextpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer.small a.nextpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.nextpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer a.nextpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.small a.nextpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer.small a.nextpage span.inner,
.ui-dialog .ui-dialog-content:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.nextpage span.inner,
#recipient-dialog .pagenav.menu a.lastpage span.inner,
#recipient-dialog .pagenav.menu.footer a.lastpage span.inner,
#recipient-dialog .pagenav.menu.small a.lastpage span.inner,
#recipient-dialog .pagenav.menu.footer.small a.lastpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu a.lastpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer a.lastpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.small a.lastpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer.small a.lastpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.lastpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer a.lastpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.small a.lastpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer.small a.lastpage span.inner,
.ui-dialog .ui-dialog-content:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.lastpage span.inner {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: transform 0.2s ease-out !important;
  line-height: 1 !important;
  font-size: 12px !important;
  /* Font size for page numbers */
  font-weight: 600 !important;
  position: relative !important;
}
#recipient-dialog .pagenav.menu a.firstpage span.inner,
#recipient-dialog .pagenav.menu.footer a.firstpage span.inner,
#recipient-dialog .pagenav.menu.small a.firstpage span.inner,
#recipient-dialog .pagenav.menu.footer.small a.firstpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu a.firstpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer a.firstpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.small a.firstpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer.small a.firstpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.firstpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer a.firstpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.small a.firstpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer.small a.firstpage span.inner,
.ui-dialog .ui-dialog-content:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.firstpage span.inner {
  font-size: 0 !important;
  position: relative !important;
}
#recipient-dialog .pagenav.menu a.firstpage span.inner::after,
#recipient-dialog .pagenav.menu.footer a.firstpage span.inner::after,
#recipient-dialog .pagenav.menu.small a.firstpage span.inner::after,
#recipient-dialog .pagenav.menu.footer.small a.firstpage span.inner::after,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu a.firstpage span.inner::after,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer a.firstpage span.inner::after,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.small a.firstpage span.inner::after,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer.small a.firstpage span.inner::after,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.firstpage span.inner::after,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer a.firstpage span.inner::after,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.small a.firstpage span.inner::after,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer.small a.firstpage span.inner::after,
.ui-dialog .ui-dialog-content:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.firstpage span.inner::after {
  content: "«" !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  display: inline-block !important;
  line-height: 1 !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
#recipient-dialog .pagenav.menu a.prevpage span.inner,
#recipient-dialog .pagenav.menu.footer a.prevpage span.inner,
#recipient-dialog .pagenav.menu.small a.prevpage span.inner,
#recipient-dialog .pagenav.menu.footer.small a.prevpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu a.prevpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer a.prevpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.small a.prevpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer.small a.prevpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.prevpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer a.prevpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.small a.prevpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer.small a.prevpage span.inner,
.ui-dialog .ui-dialog-content:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.prevpage span.inner {
  font-size: 0 !important;
  position: relative !important;
}
#recipient-dialog .pagenav.menu a.prevpage span.inner::after,
#recipient-dialog .pagenav.menu.footer a.prevpage span.inner::after,
#recipient-dialog .pagenav.menu.small a.prevpage span.inner::after,
#recipient-dialog .pagenav.menu.footer.small a.prevpage span.inner::after,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu a.prevpage span.inner::after,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer a.prevpage span.inner::after,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.small a.prevpage span.inner::after,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer.small a.prevpage span.inner::after,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.prevpage span.inner::after,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer a.prevpage span.inner::after,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.small a.prevpage span.inner::after,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer.small a.prevpage span.inner::after,
.ui-dialog .ui-dialog-content:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.prevpage span.inner::after {
  content: "‹" !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  display: inline-block !important;
  line-height: 1 !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
#recipient-dialog .pagenav.menu a.nextpage span.inner,
#recipient-dialog .pagenav.menu.footer a.nextpage span.inner,
#recipient-dialog .pagenav.menu.small a.nextpage span.inner,
#recipient-dialog .pagenav.menu.footer.small a.nextpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu a.nextpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer a.nextpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.small a.nextpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer.small a.nextpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.nextpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer a.nextpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.small a.nextpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer.small a.nextpage span.inner,
.ui-dialog .ui-dialog-content:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.nextpage span.inner {
  font-size: 0 !important;
  position: relative !important;
}
#recipient-dialog .pagenav.menu a.nextpage span.inner::after,
#recipient-dialog .pagenav.menu.footer a.nextpage span.inner::after,
#recipient-dialog .pagenav.menu.small a.nextpage span.inner::after,
#recipient-dialog .pagenav.menu.footer.small a.nextpage span.inner::after,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu a.nextpage span.inner::after,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer a.nextpage span.inner::after,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.small a.nextpage span.inner::after,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer.small a.nextpage span.inner::after,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.nextpage span.inner::after,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer a.nextpage span.inner::after,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.small a.nextpage span.inner::after,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer.small a.nextpage span.inner::after,
.ui-dialog .ui-dialog-content:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.nextpage span.inner::after {
  content: "›" !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  display: inline-block !important;
  line-height: 1 !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
#recipient-dialog .pagenav.menu a.lastpage span.inner,
#recipient-dialog .pagenav.menu.footer a.lastpage span.inner,
#recipient-dialog .pagenav.menu.small a.lastpage span.inner,
#recipient-dialog .pagenav.menu.footer.small a.lastpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu a.lastpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer a.lastpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.small a.lastpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer.small a.lastpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.lastpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer a.lastpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.small a.lastpage span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer.small a.lastpage span.inner,
.ui-dialog .ui-dialog-content:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.lastpage span.inner {
  font-size: 0 !important;
  position: relative !important;
}
#recipient-dialog .pagenav.menu a.lastpage span.inner::after,
#recipient-dialog .pagenav.menu.footer a.lastpage span.inner::after,
#recipient-dialog .pagenav.menu.small a.lastpage span.inner::after,
#recipient-dialog .pagenav.menu.footer.small a.lastpage span.inner::after,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu a.lastpage span.inner::after,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer a.lastpage span.inner::after,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.small a.lastpage span.inner::after,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer.small a.lastpage span.inner::after,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.lastpage span.inner::after,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer a.lastpage span.inner::after,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.small a.lastpage span.inner::after,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer.small a.lastpage span.inner::after,
.ui-dialog .ui-dialog-content:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.lastpage span.inner::after {
  content: "»" !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  display: inline-block !important;
  line-height: 1 !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
#recipient-dialog .pagenav.menu a.button:not(.firstpage):not(.prevpage):not(.nextpage):not(.lastpage),
#recipient-dialog .pagenav.menu.footer a.button:not(.firstpage):not(.prevpage):not(.nextpage):not(.lastpage),
#recipient-dialog .pagenav.menu.small a.button:not(.firstpage):not(.prevpage):not(.nextpage):not(.lastpage),
#recipient-dialog .pagenav.menu.footer.small a.button:not(.firstpage):not(.prevpage):not(.nextpage):not(.lastpage),
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu a.button:not(.firstpage):not(.prevpage):not(.nextpage):not(.lastpage),
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer a.button:not(.firstpage):not(.prevpage):not(.nextpage):not(.lastpage),
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.small a.button:not(.firstpage):not(.prevpage):not(.nextpage):not(.lastpage),
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer.small a.button:not(.firstpage):not(.prevpage):not(.nextpage):not(.lastpage),
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.button:not(.firstpage):not(.prevpage):not(.nextpage):not(.lastpage),
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer a.button:not(.firstpage):not(.prevpage):not(.nextpage):not(.lastpage),
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.small a.button:not(.firstpage):not(.prevpage):not(.nextpage):not(.lastpage),
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer.small a.button:not(.firstpage):not(.prevpage):not(.nextpage):not(.lastpage),
.ui-dialog .ui-dialog-content:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.button:not(.firstpage):not(.prevpage):not(.nextpage):not(.lastpage) {
  display: inline-flex !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  justify-content: center !important;
  align-items: center !important;
  background: var(--neumorphic-bg) !important;
  border-radius: 6px !important;
  /* Rounded rectangle for page numbers */
  margin: 0 !important;
  padding: 0 !important;
  color: #ddd !important;
  box-shadow: 3px 3px 6px var(--dark-shadow), -3px -3px 6px var(--light-shadow) !important;
  transition: all 0.2s ease !important;
  text-decoration: none !important;
  border: none !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
  font-weight: 500 !important;
}
#recipient-dialog .pagenav.menu a.button:not(.firstpage):not(.prevpage):not(.nextpage):not(.lastpage).active,
#recipient-dialog .pagenav.menu.footer a.button:not(.firstpage):not(.prevpage):not(.nextpage):not(.lastpage).active,
#recipient-dialog .pagenav.menu.small a.button:not(.firstpage):not(.prevpage):not(.nextpage):not(.lastpage).active,
#recipient-dialog .pagenav.menu.footer.small a.button:not(.firstpage):not(.prevpage):not(.nextpage):not(.lastpage).active,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu a.button:not(.firstpage):not(.prevpage):not(.nextpage):not(.lastpage).active,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer a.button:not(.firstpage):not(.prevpage):not(.nextpage):not(.lastpage).active,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.small a.button:not(.firstpage):not(.prevpage):not(.nextpage):not(.lastpage).active,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer.small a.button:not(.firstpage):not(.prevpage):not(.nextpage):not(.lastpage).active,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.button:not(.firstpage):not(.prevpage):not(.nextpage):not(.lastpage).active,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer a.button:not(.firstpage):not(.prevpage):not(.nextpage):not(.lastpage).active,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.small a.button:not(.firstpage):not(.prevpage):not(.nextpage):not(.lastpage).active,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer.small a.button:not(.firstpage):not(.prevpage):not(.nextpage):not(.lastpage).active,
.ui-dialog .ui-dialog-content:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.button:not(.firstpage):not(.prevpage):not(.nextpage):not(.lastpage).active,
#recipient-dialog .pagenav.menu a.button:not(.firstpage):not(.prevpage):not(.nextpage):not(.lastpage).selected,
#recipient-dialog .pagenav.menu.footer a.button:not(.firstpage):not(.prevpage):not(.nextpage):not(.lastpage).selected,
#recipient-dialog .pagenav.menu.small a.button:not(.firstpage):not(.prevpage):not(.nextpage):not(.lastpage).selected,
#recipient-dialog .pagenav.menu.footer.small a.button:not(.firstpage):not(.prevpage):not(.nextpage):not(.lastpage).selected,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu a.button:not(.firstpage):not(.prevpage):not(.nextpage):not(.lastpage).selected,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer a.button:not(.firstpage):not(.prevpage):not(.nextpage):not(.lastpage).selected,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.small a.button:not(.firstpage):not(.prevpage):not(.nextpage):not(.lastpage).selected,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer.small a.button:not(.firstpage):not(.prevpage):not(.nextpage):not(.lastpage).selected,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.button:not(.firstpage):not(.prevpage):not(.nextpage):not(.lastpage).selected,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer a.button:not(.firstpage):not(.prevpage):not(.nextpage):not(.lastpage).selected,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.small a.button:not(.firstpage):not(.prevpage):not(.nextpage):not(.lastpage).selected,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer.small a.button:not(.firstpage):not(.prevpage):not(.nextpage):not(.lastpage).selected,
.ui-dialog .ui-dialog-content:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.button:not(.firstpage):not(.prevpage):not(.nextpage):not(.lastpage).selected {
  background: var(--vibrant-hover-bg) !important;
  color: #4a90e2 !important;
  box-shadow: inset 2px 2px 4px var(--dark-shadow), inset -2px -2px 4px var(--light-shadow) !important;
}
#recipient-dialog .pagenav.menu a.firstpage:hover:not(.disabled),
#recipient-dialog .pagenav.menu.footer a.firstpage:hover:not(.disabled),
#recipient-dialog .pagenav.menu.small a.firstpage:hover:not(.disabled),
#recipient-dialog .pagenav.menu.footer.small a.firstpage:hover:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu a.firstpage:hover:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer a.firstpage:hover:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.small a.firstpage:hover:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer.small a.firstpage:hover:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.firstpage:hover:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer a.firstpage:hover:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.small a.firstpage:hover:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer.small a.firstpage:hover:not(.disabled),
.ui-dialog .ui-dialog-content:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.firstpage:hover:not(.disabled),
#recipient-dialog .pagenav.menu a.prevpage:hover:not(.disabled),
#recipient-dialog .pagenav.menu.footer a.prevpage:hover:not(.disabled),
#recipient-dialog .pagenav.menu.small a.prevpage:hover:not(.disabled),
#recipient-dialog .pagenav.menu.footer.small a.prevpage:hover:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu a.prevpage:hover:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer a.prevpage:hover:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.small a.prevpage:hover:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer.small a.prevpage:hover:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.prevpage:hover:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer a.prevpage:hover:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.small a.prevpage:hover:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer.small a.prevpage:hover:not(.disabled),
.ui-dialog .ui-dialog-content:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.prevpage:hover:not(.disabled),
#recipient-dialog .pagenav.menu a.nextpage:hover:not(.disabled),
#recipient-dialog .pagenav.menu.footer a.nextpage:hover:not(.disabled),
#recipient-dialog .pagenav.menu.small a.nextpage:hover:not(.disabled),
#recipient-dialog .pagenav.menu.footer.small a.nextpage:hover:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu a.nextpage:hover:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer a.nextpage:hover:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.small a.nextpage:hover:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer.small a.nextpage:hover:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.nextpage:hover:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer a.nextpage:hover:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.small a.nextpage:hover:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer.small a.nextpage:hover:not(.disabled),
.ui-dialog .ui-dialog-content:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.nextpage:hover:not(.disabled),
#recipient-dialog .pagenav.menu a.lastpage:hover:not(.disabled),
#recipient-dialog .pagenav.menu.footer a.lastpage:hover:not(.disabled),
#recipient-dialog .pagenav.menu.small a.lastpage:hover:not(.disabled),
#recipient-dialog .pagenav.menu.footer.small a.lastpage:hover:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu a.lastpage:hover:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer a.lastpage:hover:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.small a.lastpage:hover:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer.small a.lastpage:hover:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.lastpage:hover:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer a.lastpage:hover:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.small a.lastpage:hover:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer.small a.lastpage:hover:not(.disabled),
.ui-dialog .ui-dialog-content:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.lastpage:hover:not(.disabled) {
  background: var(--vibrant-hover-bg) !important;
  box-shadow: 5px 5px 10px var(--dark-shadow), -5px -5px 10px var(--light-shadow) !important;
  transform: scale(1.05) !important;
}
#recipient-dialog .pagenav.menu a.button:hover:not(.disabled):not(.active):not(.selected),
#recipient-dialog .pagenav.menu.footer a.button:hover:not(.disabled):not(.active):not(.selected),
#recipient-dialog .pagenav.menu.small a.button:hover:not(.disabled):not(.active):not(.selected),
#recipient-dialog .pagenav.menu.footer.small a.button:hover:not(.disabled):not(.active):not(.selected),
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu a.button:hover:not(.disabled):not(.active):not(.selected),
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer a.button:hover:not(.disabled):not(.active):not(.selected),
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.small a.button:hover:not(.disabled):not(.active):not(.selected),
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer.small a.button:hover:not(.disabled):not(.active):not(.selected),
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.button:hover:not(.disabled):not(.active):not(.selected),
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer a.button:hover:not(.disabled):not(.active):not(.selected),
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.small a.button:hover:not(.disabled):not(.active):not(.selected),
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer.small a.button:hover:not(.disabled):not(.active):not(.selected),
.ui-dialog .ui-dialog-content:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.button:hover:not(.disabled):not(.active):not(.selected) {
  background: var(--vibrant-hover-bg) !important;
  box-shadow: 5px 5px 10px var(--dark-shadow), -5px -5px 10px var(--light-shadow) !important;
  transform: scale(1.05) !important;
}
#recipient-dialog .pagenav.menu a.firstpage:hover:not(.disabled) span.inner,
#recipient-dialog .pagenav.menu.footer a.firstpage:hover:not(.disabled) span.inner,
#recipient-dialog .pagenav.menu.small a.firstpage:hover:not(.disabled) span.inner,
#recipient-dialog .pagenav.menu.footer.small a.firstpage:hover:not(.disabled) span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu a.firstpage:hover:not(.disabled) span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer a.firstpage:hover:not(.disabled) span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.small a.firstpage:hover:not(.disabled) span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer.small a.firstpage:hover:not(.disabled) span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.firstpage:hover:not(.disabled) span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer a.firstpage:hover:not(.disabled) span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.small a.firstpage:hover:not(.disabled) span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer.small a.firstpage:hover:not(.disabled) span.inner,
.ui-dialog .ui-dialog-content:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.firstpage:hover:not(.disabled) span.inner,
#recipient-dialog .pagenav.menu a.prevpage:hover:not(.disabled) span.inner,
#recipient-dialog .pagenav.menu.footer a.prevpage:hover:not(.disabled) span.inner,
#recipient-dialog .pagenav.menu.small a.prevpage:hover:not(.disabled) span.inner,
#recipient-dialog .pagenav.menu.footer.small a.prevpage:hover:not(.disabled) span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu a.prevpage:hover:not(.disabled) span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer a.prevpage:hover:not(.disabled) span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.small a.prevpage:hover:not(.disabled) span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer.small a.prevpage:hover:not(.disabled) span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.prevpage:hover:not(.disabled) span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer a.prevpage:hover:not(.disabled) span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.small a.prevpage:hover:not(.disabled) span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer.small a.prevpage:hover:not(.disabled) span.inner,
.ui-dialog .ui-dialog-content:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.prevpage:hover:not(.disabled) span.inner,
#recipient-dialog .pagenav.menu a.nextpage:hover:not(.disabled) span.inner,
#recipient-dialog .pagenav.menu.footer a.nextpage:hover:not(.disabled) span.inner,
#recipient-dialog .pagenav.menu.small a.nextpage:hover:not(.disabled) span.inner,
#recipient-dialog .pagenav.menu.footer.small a.nextpage:hover:not(.disabled) span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu a.nextpage:hover:not(.disabled) span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer a.nextpage:hover:not(.disabled) span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.small a.nextpage:hover:not(.disabled) span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer.small a.nextpage:hover:not(.disabled) span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.nextpage:hover:not(.disabled) span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer a.nextpage:hover:not(.disabled) span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.small a.nextpage:hover:not(.disabled) span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer.small a.nextpage:hover:not(.disabled) span.inner,
.ui-dialog .ui-dialog-content:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.nextpage:hover:not(.disabled) span.inner,
#recipient-dialog .pagenav.menu a.lastpage:hover:not(.disabled) span.inner,
#recipient-dialog .pagenav.menu.footer a.lastpage:hover:not(.disabled) span.inner,
#recipient-dialog .pagenav.menu.small a.lastpage:hover:not(.disabled) span.inner,
#recipient-dialog .pagenav.menu.footer.small a.lastpage:hover:not(.disabled) span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu a.lastpage:hover:not(.disabled) span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer a.lastpage:hover:not(.disabled) span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.small a.lastpage:hover:not(.disabled) span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer.small a.lastpage:hover:not(.disabled) span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.lastpage:hover:not(.disabled) span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer a.lastpage:hover:not(.disabled) span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.small a.lastpage:hover:not(.disabled) span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer.small a.lastpage:hover:not(.disabled) span.inner,
.ui-dialog .ui-dialog-content:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.lastpage:hover:not(.disabled) span.inner {
  transform: scale(1.1) !important;
}
#recipient-dialog .pagenav.menu a.button:hover:not(.disabled) span.inner,
#recipient-dialog .pagenav.menu.footer a.button:hover:not(.disabled) span.inner,
#recipient-dialog .pagenav.menu.small a.button:hover:not(.disabled) span.inner,
#recipient-dialog .pagenav.menu.footer.small a.button:hover:not(.disabled) span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu a.button:hover:not(.disabled) span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer a.button:hover:not(.disabled) span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.small a.button:hover:not(.disabled) span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer.small a.button:hover:not(.disabled) span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.button:hover:not(.disabled) span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer a.button:hover:not(.disabled) span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.small a.button:hover:not(.disabled) span.inner,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer.small a.button:hover:not(.disabled) span.inner,
.ui-dialog .ui-dialog-content:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.button:hover:not(.disabled) span.inner {
  transform: scale(1.1) !important;
}
#recipient-dialog .pagenav.menu a.firstpage:active:not(.disabled),
#recipient-dialog .pagenav.menu.footer a.firstpage:active:not(.disabled),
#recipient-dialog .pagenav.menu.small a.firstpage:active:not(.disabled),
#recipient-dialog .pagenav.menu.footer.small a.firstpage:active:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu a.firstpage:active:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer a.firstpage:active:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.small a.firstpage:active:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer.small a.firstpage:active:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.firstpage:active:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer a.firstpage:active:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.small a.firstpage:active:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer.small a.firstpage:active:not(.disabled),
.ui-dialog .ui-dialog-content:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.firstpage:active:not(.disabled),
#recipient-dialog .pagenav.menu a.prevpage:active:not(.disabled),
#recipient-dialog .pagenav.menu.footer a.prevpage:active:not(.disabled),
#recipient-dialog .pagenav.menu.small a.prevpage:active:not(.disabled),
#recipient-dialog .pagenav.menu.footer.small a.prevpage:active:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu a.prevpage:active:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer a.prevpage:active:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.small a.prevpage:active:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer.small a.prevpage:active:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.prevpage:active:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer a.prevpage:active:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.small a.prevpage:active:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer.small a.prevpage:active:not(.disabled),
.ui-dialog .ui-dialog-content:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.prevpage:active:not(.disabled),
#recipient-dialog .pagenav.menu a.nextpage:active:not(.disabled),
#recipient-dialog .pagenav.menu.footer a.nextpage:active:not(.disabled),
#recipient-dialog .pagenav.menu.small a.nextpage:active:not(.disabled),
#recipient-dialog .pagenav.menu.footer.small a.nextpage:active:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu a.nextpage:active:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer a.nextpage:active:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.small a.nextpage:active:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer.small a.nextpage:active:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.nextpage:active:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer a.nextpage:active:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.small a.nextpage:active:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer.small a.nextpage:active:not(.disabled),
.ui-dialog .ui-dialog-content:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.nextpage:active:not(.disabled),
#recipient-dialog .pagenav.menu a.lastpage:active:not(.disabled),
#recipient-dialog .pagenav.menu.footer a.lastpage:active:not(.disabled),
#recipient-dialog .pagenav.menu.small a.lastpage:active:not(.disabled),
#recipient-dialog .pagenav.menu.footer.small a.lastpage:active:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu a.lastpage:active:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer a.lastpage:active:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.small a.lastpage:active:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer.small a.lastpage:active:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.lastpage:active:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer a.lastpage:active:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.small a.lastpage:active:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer.small a.lastpage:active:not(.disabled),
.ui-dialog .ui-dialog-content:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.lastpage:active:not(.disabled) {
  box-shadow: inset 2px 2px 4px var(--dark-shadow), inset -2px -2px 4px var(--light-shadow) !important;
  transform: scale(0.95) !important;
}
#recipient-dialog .pagenav.menu a.button:active:not(.disabled),
#recipient-dialog .pagenav.menu.footer a.button:active:not(.disabled),
#recipient-dialog .pagenav.menu.small a.button:active:not(.disabled),
#recipient-dialog .pagenav.menu.footer.small a.button:active:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu a.button:active:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer a.button:active:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.small a.button:active:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer.small a.button:active:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.button:active:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer a.button:active:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.small a.button:active:not(.disabled),
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer.small a.button:active:not(.disabled),
.ui-dialog .ui-dialog-content:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.button:active:not(.disabled) {
  box-shadow: inset 2px 2px 4px var(--dark-shadow), inset -2px -2px 4px var(--light-shadow) !important;
  transform: scale(0.95) !important;
}
#recipient-dialog .pagenav.menu a.firstpage.disabled,
#recipient-dialog .pagenav.menu.footer a.firstpage.disabled,
#recipient-dialog .pagenav.menu.small a.firstpage.disabled,
#recipient-dialog .pagenav.menu.footer.small a.firstpage.disabled,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu a.firstpage.disabled,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer a.firstpage.disabled,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.small a.firstpage.disabled,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer.small a.firstpage.disabled,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.firstpage.disabled,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer a.firstpage.disabled,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.small a.firstpage.disabled,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer.small a.firstpage.disabled,
.ui-dialog .ui-dialog-content:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.firstpage.disabled,
#recipient-dialog .pagenav.menu a.prevpage.disabled,
#recipient-dialog .pagenav.menu.footer a.prevpage.disabled,
#recipient-dialog .pagenav.menu.small a.prevpage.disabled,
#recipient-dialog .pagenav.menu.footer.small a.prevpage.disabled,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu a.prevpage.disabled,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer a.prevpage.disabled,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.small a.prevpage.disabled,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer.small a.prevpage.disabled,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.prevpage.disabled,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer a.prevpage.disabled,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.small a.prevpage.disabled,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer.small a.prevpage.disabled,
.ui-dialog .ui-dialog-content:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.prevpage.disabled,
#recipient-dialog .pagenav.menu a.nextpage.disabled,
#recipient-dialog .pagenav.menu.footer a.nextpage.disabled,
#recipient-dialog .pagenav.menu.small a.nextpage.disabled,
#recipient-dialog .pagenav.menu.footer.small a.nextpage.disabled,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu a.nextpage.disabled,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer a.nextpage.disabled,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.small a.nextpage.disabled,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer.small a.nextpage.disabled,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.nextpage.disabled,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer a.nextpage.disabled,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.small a.nextpage.disabled,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer.small a.nextpage.disabled,
.ui-dialog .ui-dialog-content:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.nextpage.disabled,
#recipient-dialog .pagenav.menu a.lastpage.disabled,
#recipient-dialog .pagenav.menu.footer a.lastpage.disabled,
#recipient-dialog .pagenav.menu.small a.lastpage.disabled,
#recipient-dialog .pagenav.menu.footer.small a.lastpage.disabled,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu a.lastpage.disabled,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer a.lastpage.disabled,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.small a.lastpage.disabled,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer.small a.lastpage.disabled,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.lastpage.disabled,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer a.lastpage.disabled,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.small a.lastpage.disabled,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer.small a.lastpage.disabled,
.ui-dialog .ui-dialog-content:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.lastpage.disabled {
  opacity: 0.4 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
  box-shadow: inset 2px 2px 4px var(--dark-shadow), inset -2px -2px 4px var(--light-shadow) !important;
}
#recipient-dialog .pagenav.menu a.button.disabled,
#recipient-dialog .pagenav.menu.footer a.button.disabled,
#recipient-dialog .pagenav.menu.small a.button.disabled,
#recipient-dialog .pagenav.menu.footer.small a.button.disabled,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu a.button.disabled,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer a.button.disabled,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.small a.button.disabled,
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer.small a.button.disabled,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.button.disabled,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer a.button.disabled,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.small a.button.disabled,
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer.small a.button.disabled,
.ui-dialog .ui-dialog-content:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a.button.disabled {
  opacity: 0.4 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
  box-shadow: inset 2px 2px 4px var(--dark-shadow), inset -2px -2px 4px var(--light-shadow) !important;
}
#recipient-dialog .pagenav.menu a:not(.button),
#recipient-dialog .pagenav.menu.footer a:not(.button),
#recipient-dialog .pagenav.menu.small a:not(.button),
#recipient-dialog .pagenav.menu.footer.small a:not(.button),
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu a:not(.button),
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer a:not(.button),
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.small a:not(.button),
.ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu.footer.small a:not(.button),
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a:not(.button),
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer a:not(.button),
.ui-dialog[aria-describedby*="recipient-dialog"]:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.small a:not(.button),
.ui-dialog[aria-describedby*="recipient-dialog"]:not([aria-hidden="true"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu.footer.small a:not(.button),
.ui-dialog .ui-dialog-content:not([style*="display: none"]) #recipient-dialog:not([style*="display: none"]) .pagenav.menu a:not(.button) {
  display: inline-flex !important;
  width: 32px !important;
  height: 32px !important;
  justify-content: center !important;
  align-items: center !important;
  background: var(--neumorphic-bg) !important;
  border-radius: 50% !important;
  margin: 0 !important;
  color: #ddd !important;
  box-shadow: 4px 4px 8px var(--dark-shadow), -4px -4px 8px var(--light-shadow) !important;
  transition: all 0.2s ease !important;
  text-decoration: none !important;
  border: none !important;
}
/* Hide ::before pseudo-elements on buttons that have i/svg elements to prevent duplicate icons */
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button:has(i)::before,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button:has(svg)::before,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button i + ::before {
  display: none !important;
  content: none !important;
  visibility: hidden !important;
}
/* Fallback for browsers without :has() support - hide all ::before on buttons */
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button::before {
  display: none !important;
  content: none !important;
  visibility: hidden !important;
}
/* Dialog Button Pane - Neumorphic Footer */
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane {
  background: var(--neumorphic-bg) !important;
  background-color: var(--neumorphic-bg) !important;
  background-image: none !important;
  padding: 0 !important;
  /* Remove all padding */
  border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
  /* Soft light separator */
  border-radius: 0 0 var(--neumorphic-radius) var(--neumorphic-radius) !important;
  border: none !important;
  margin-top: 0.5rem !important;
  /* Global Button Neumorphism (Raised/Convex) - Target ALL buttons */
  /* Default/Secondary Button Neumorphism - Multiple selectors */
  /* Primary/Main Action Button (with a highlight color) - Enhanced selectors */
}
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane .ui-dialog-buttonset,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content .ui-dialog-buttonset,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix .ui-dialog-buttonset,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane .ui-dialog-buttonset,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane .ui-dialog-buttonset {
  display: flex !important;
  gap: 1rem !important;
  justify-content: flex-end !important;
  align-items: center !important;
  padding: 1.25rem 1.5rem !important;
  /* Add padding to buttonset instead */
}
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.ui-button,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.ui-button,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.ui-button,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.ui-button,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.ui-button,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.ui-button.ui-widget,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.ui-button.ui-widget,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.ui-button.ui-widget,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.ui-button.ui-widget,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.ui-button.ui-widget,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.ui-button.ui-state-default,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.ui-button.ui-state-default,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.ui-button.ui-state-default,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.ui-button.ui-state-default,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.ui-button.ui-state-default,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.ui-button.ui-corner-all,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.ui-button.ui-corner-all,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.ui-button.ui-corner-all,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.ui-button.ui-corner-all,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.ui-button.ui-corner-all,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.btn,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.btn,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-primary,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.btn-primary,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.btn-primary,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-primary,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-primary,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-secondary,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.btn-secondary,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.btn-secondary,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-secondary,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-secondary {
  padding: 0.875rem 1.75rem !important;
  /* Increased padding for better look */
  border-radius: 12px !important;
  border: none !important;
  cursor: pointer !important;
  font-weight: 500 !important;
  transition: all 0.2s ease !important;
  display: inline-flex !important;
  /* Added flex for icon alignment */
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  line-height: 1 !important;
  /* Ensure text and icon align */
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-width: 120px !important;
  white-space: nowrap !important;
  background-image: none !important;
  /* Apply neumorphic shadow - removed "none" to enable shadows */
}
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button svg,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button svg,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.ui-button svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.ui-button svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.ui-button svg,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.ui-button svg,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.ui-button svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.ui-button.ui-widget svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.ui-button.ui-widget svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.ui-button.ui-widget svg,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.ui-button.ui-widget svg,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.ui-button.ui-widget svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.ui-button.ui-state-default svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.ui-button.ui-state-default svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.ui-button.ui-state-default svg,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.ui-button.ui-state-default svg,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.ui-button.ui-state-default svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.ui-button.ui-corner-all svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.ui-button.ui-corner-all svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.ui-button.ui-corner-all svg,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.ui-button.ui-corner-all svg,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.ui-button.ui-corner-all svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.btn svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.btn svg,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn svg,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-primary svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.btn-primary svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.btn-primary svg,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-primary svg,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-primary svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-secondary svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.btn-secondary svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.btn-secondary svg,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-secondary svg,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-secondary svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button i,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button i,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.ui-button i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.ui-button i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.ui-button i,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.ui-button i,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.ui-button i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.ui-button.ui-widget i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.ui-button.ui-widget i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.ui-button.ui-widget i,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.ui-button.ui-widget i,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.ui-button.ui-widget i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.ui-button.ui-state-default i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.ui-button.ui-state-default i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.ui-button.ui-state-default i,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.ui-button.ui-state-default i,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.ui-button.ui-state-default i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.ui-button.ui-corner-all i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.ui-button.ui-corner-all i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.ui-button.ui-corner-all i,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.ui-button.ui-corner-all i,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.ui-button.ui-corner-all i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.btn i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.btn i,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn i,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-primary i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.btn-primary i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.btn-primary i,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-primary i,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-primary i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-secondary i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.btn-secondary i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.btn-secondary i,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-secondary i,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-secondary i {
  transition: transform 0.3s ease-out !important;
}
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-secondary,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.btn-secondary,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.btn-secondary,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-secondary,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-secondary,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.cancel,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.cancel,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.cancel,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.cancel,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.cancel,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="cancel"],
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button[class*="cancel"],
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button[class*="cancel"],
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="cancel"],
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="cancel"],
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="close"],
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button[class*="close"],
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button[class*="close"],
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="close"],
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="close"] {
  background: var(--neumorphic-bg) !important;
  background-color: var(--neumorphic-bg) !important;
  background-image: none !important;
  color: #ddd !important;
  /* Light text color for dark mode */
  box-shadow: 6px 6px 12px var(--dark-shadow), -6px -6px 12px var(--light-shadow) !important;
  /* Neumorphic raised effect */
  order: 2 !important;
  /* Cancel button on right */
  /* Light mode */
  /* Light mode */
  /* Hover: Vibrant background change for secondary button */
  /* Animation: Cancel icon rotates on hover */
}
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-secondary,
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.btn-secondary,
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.btn-secondary,
html:not(.dark-mode) body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-secondary,
html:not(.dark-mode) html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-secondary,
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.cancel,
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.cancel,
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.cancel,
html:not(.dark-mode) body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.cancel,
html:not(.dark-mode) html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.cancel,
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="cancel"],
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button[class*="cancel"],
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button[class*="cancel"],
html:not(.dark-mode) body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="cancel"],
html:not(.dark-mode) html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="cancel"],
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="close"],
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button[class*="close"],
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button[class*="close"],
html:not(.dark-mode) body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="close"],
html:not(.dark-mode) html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="close"] {
  color: #2c363a !important;
}
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-secondary i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.btn-secondary i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.btn-secondary i,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-secondary i,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-secondary i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.cancel i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.cancel i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.cancel i,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.cancel i,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.cancel i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="cancel"] i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button[class*="cancel"] i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button[class*="cancel"] i,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="cancel"] i,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="cancel"] i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="close"] i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button[class*="close"] i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button[class*="close"] i,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="close"] i,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="close"] i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-secondary svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.btn-secondary svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.btn-secondary svg,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-secondary svg,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-secondary svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.cancel svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.cancel svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.cancel svg,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.cancel svg,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.cancel svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="cancel"] svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button[class*="cancel"] svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button[class*="cancel"] svg,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="cancel"] svg,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="cancel"] svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="close"] svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button[class*="close"] svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button[class*="close"] svg,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="close"] svg,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="close"] svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-secondary span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.btn-secondary span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.btn-secondary span.icon,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-secondary span.icon,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-secondary span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.cancel span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.cancel span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.cancel span.icon,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.cancel span.icon,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.cancel span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="cancel"] span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button[class*="cancel"] span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button[class*="cancel"] span.icon,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="cancel"] span.icon,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="cancel"] span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="close"] span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button[class*="close"] span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button[class*="close"] span.icon,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="close"] span.icon,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="close"] span.icon {
  color: #ddd !important;
  stroke: #ddd !important;
  fill: #ddd !important;
  /* Ensure secondary button icons match text color */
}
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-secondary i,
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.btn-secondary i,
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.btn-secondary i,
html:not(.dark-mode) body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-secondary i,
html:not(.dark-mode) html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-secondary i,
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.cancel i,
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.cancel i,
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.cancel i,
html:not(.dark-mode) body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.cancel i,
html:not(.dark-mode) html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.cancel i,
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="cancel"] i,
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button[class*="cancel"] i,
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button[class*="cancel"] i,
html:not(.dark-mode) body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="cancel"] i,
html:not(.dark-mode) html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="cancel"] i,
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="close"] i,
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button[class*="close"] i,
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button[class*="close"] i,
html:not(.dark-mode) body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="close"] i,
html:not(.dark-mode) html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="close"] i,
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-secondary svg,
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.btn-secondary svg,
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.btn-secondary svg,
html:not(.dark-mode) body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-secondary svg,
html:not(.dark-mode) html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-secondary svg,
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.cancel svg,
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.cancel svg,
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.cancel svg,
html:not(.dark-mode) body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.cancel svg,
html:not(.dark-mode) html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.cancel svg,
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="cancel"] svg,
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button[class*="cancel"] svg,
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button[class*="cancel"] svg,
html:not(.dark-mode) body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="cancel"] svg,
html:not(.dark-mode) html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="cancel"] svg,
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="close"] svg,
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button[class*="close"] svg,
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button[class*="close"] svg,
html:not(.dark-mode) body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="close"] svg,
html:not(.dark-mode) html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="close"] svg,
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-secondary span.icon,
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.btn-secondary span.icon,
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.btn-secondary span.icon,
html:not(.dark-mode) body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-secondary span.icon,
html:not(.dark-mode) html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-secondary span.icon,
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.cancel span.icon,
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.cancel span.icon,
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.cancel span.icon,
html:not(.dark-mode) body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.cancel span.icon,
html:not(.dark-mode) html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.cancel span.icon,
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="cancel"] span.icon,
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button[class*="cancel"] span.icon,
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button[class*="cancel"] span.icon,
html:not(.dark-mode) body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="cancel"] span.icon,
html:not(.dark-mode) html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="cancel"] span.icon,
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="close"] span.icon,
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button[class*="close"] span.icon,
html:not(.dark-mode) .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button[class*="close"] span.icon,
html:not(.dark-mode) body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="close"] span.icon,
html:not(.dark-mode) html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="close"] span.icon {
  color: #2c363a !important;
  stroke: #2c363a !important;
  fill: #2c363a !important;
}
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-secondary:hover,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.btn-secondary:hover,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.btn-secondary:hover,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-secondary:hover,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-secondary:hover,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.cancel:hover,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.cancel:hover,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.cancel:hover,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.cancel:hover,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.cancel:hover,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="cancel"]:hover,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button[class*="cancel"]:hover,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button[class*="cancel"]:hover,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="cancel"]:hover,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="cancel"]:hover,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="close"]:hover,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button[class*="close"]:hover,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button[class*="close"]:hover,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="close"]:hover,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="close"]:hover {
  background: var(--vibrant-hover-bg) !important;
  background-color: var(--vibrant-hover-bg) !important;
  box-shadow: 8px 8px 15px var(--dark-shadow), -8px -8px 15px var(--light-shadow) !important;
  opacity: 1 !important;
  /* Ensure opacity is not reduced */
  transform: translateY(-1px) !important;
}
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-secondary:active,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.btn-secondary:active,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.btn-secondary:active,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-secondary:active,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-secondary:active,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.cancel:active,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.cancel:active,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.cancel:active,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.cancel:active,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.cancel:active,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="cancel"]:active,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button[class*="cancel"]:active,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button[class*="cancel"]:active,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="cancel"]:active,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="cancel"]:active,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="close"]:active,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button[class*="close"]:active,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button[class*="close"]:active,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="close"]:active,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="close"]:active {
  background: var(--vibrant-hover-bg) !important;
  box-shadow: inset 3px 3px 5px var(--dark-shadow), inset -3px -3px 5px var(--light-shadow) !important;
  transform: translateY(0) scale(0.98) !important;
}
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-secondary:hover i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.btn-secondary:hover i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.btn-secondary:hover i,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-secondary:hover i,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-secondary:hover i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.cancel:hover i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.cancel:hover i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.cancel:hover i,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.cancel:hover i,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.cancel:hover i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="cancel"]:hover i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button[class*="cancel"]:hover i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button[class*="cancel"]:hover i,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="cancel"]:hover i,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="cancel"]:hover i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="close"]:hover i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button[class*="close"]:hover i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button[class*="close"]:hover i,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="close"]:hover i,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="close"]:hover i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-secondary:hover svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.btn-secondary:hover svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.btn-secondary:hover svg,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-secondary:hover svg,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-secondary:hover svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.cancel:hover svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.cancel:hover svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.cancel:hover svg,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.cancel:hover svg,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.cancel:hover svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="cancel"]:hover svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button[class*="cancel"]:hover svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button[class*="cancel"]:hover svg,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="cancel"]:hover svg,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="cancel"]:hover svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="close"]:hover svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button[class*="close"]:hover svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button[class*="close"]:hover svg,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="close"]:hover svg,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="close"]:hover svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-secondary:hover span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.btn-secondary:hover span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.btn-secondary:hover span.icon,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-secondary:hover span.icon,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-secondary:hover span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.cancel:hover span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.cancel:hover span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.cancel:hover span.icon,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.cancel:hover span.icon,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.cancel:hover span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="cancel"]:hover span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button[class*="cancel"]:hover span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button[class*="cancel"]:hover span.icon,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="cancel"]:hover span.icon,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="cancel"]:hover span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="close"]:hover span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button[class*="close"]:hover span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button[class*="close"]:hover span.icon,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="close"]:hover span.icon,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="close"]:hover span.icon {
  transform: rotate(90deg) !important;
}
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-primary,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.btn-primary,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.btn-primary,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-primary,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-primary,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert.recipient,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.insert.recipient,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.insert.recipient,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert.recipient,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert.recipient,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.insert,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.insert,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="insert"],
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button[class*="insert"],
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button[class*="insert"],
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="insert"],
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="insert"],
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="add"],
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button[class*="add"],
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button[class*="add"],
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="add"],
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="add"],
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="send"],
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button[class*="send"],
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button[class*="send"],
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="send"],
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="send"],
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.mainaction,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.mainaction,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.mainaction,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.mainaction,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.mainaction {
  background: #4a90e2 !important;
  /* A subtle blue highlight */
  background-color: #4a90e2 !important;
  background-image: none !important;
  color: white !important;
  /* Keep text white */
  box-shadow: 6px 6px 12px rgba(74, 144, 226, 0.4), /* Blue shadow, Increased size */ -2px -2px 5px var(--light-shadow) !important;
  order: 1 !important;
  /* Insert button on left */
  font-weight: 600 !important;
  /* Slightly bolder text */
  /* Ensure icon spacing */
  /* Hover: Slightly darker background for primary button */
  /* Animation: Primary Button Hover (Send Icon) - Translate/Move right */
}
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-primary i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.btn-primary i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.btn-primary i,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-primary i,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-primary i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert.recipient i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.insert.recipient i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.insert.recipient i,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert.recipient i,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert.recipient i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.insert i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.insert i,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert i,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="insert"] i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button[class*="insert"] i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button[class*="insert"] i,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="insert"] i,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="insert"] i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="add"] i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button[class*="add"] i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button[class*="add"] i,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="add"] i,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="add"] i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="send"] i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button[class*="send"] i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button[class*="send"] i,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="send"] i,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="send"] i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.mainaction i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.mainaction i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.mainaction i,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.mainaction i,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.mainaction i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-primary svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.btn-primary svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.btn-primary svg,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-primary svg,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-primary svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert.recipient svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.insert.recipient svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.insert.recipient svg,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert.recipient svg,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert.recipient svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.insert svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.insert svg,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert svg,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="insert"] svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button[class*="insert"] svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button[class*="insert"] svg,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="insert"] svg,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="insert"] svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="add"] svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button[class*="add"] svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button[class*="add"] svg,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="add"] svg,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="add"] svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="send"] svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button[class*="send"] svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button[class*="send"] svg,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="send"] svg,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="send"] svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.mainaction svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.mainaction svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.mainaction svg,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.mainaction svg,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.mainaction svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-primary span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.btn-primary span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.btn-primary span.icon,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-primary span.icon,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-primary span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert.recipient span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.insert.recipient span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.insert.recipient span.icon,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert.recipient span.icon,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert.recipient span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.insert span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.insert span.icon,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert span.icon,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="insert"] span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button[class*="insert"] span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button[class*="insert"] span.icon,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="insert"] span.icon,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="insert"] span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="add"] span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button[class*="add"] span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button[class*="add"] span.icon,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="add"] span.icon,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="add"] span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="send"] span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button[class*="send"] span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button[class*="send"] span.icon,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="send"] span.icon,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="send"] span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.mainaction span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.mainaction span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.mainaction span.icon,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.mainaction span.icon,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.mainaction span.icon {
  color: white !important;
  stroke: white !important;
  fill: white !important;
  /* Ensure primary button icons are white */
  font-size: 1.1em !important;
}
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-primary i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.btn-primary i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.btn-primary i,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-primary i,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-primary i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert.recipient i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.insert.recipient i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.insert.recipient i,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert.recipient i,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert.recipient i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.insert i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.insert i,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert i,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="insert"] i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button[class*="insert"] i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button[class*="insert"] i,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="insert"] i,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="insert"] i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="add"] i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button[class*="add"] i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button[class*="add"] i,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="add"] i,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="add"] i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="send"] i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button[class*="send"] i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button[class*="send"] i,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="send"] i,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="send"] i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.mainaction i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.mainaction i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.mainaction i,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.mainaction i,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.mainaction i {
  margin-right: 6px !important;
}
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-primary:hover,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.btn-primary:hover,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.btn-primary:hover,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-primary:hover,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-primary:hover,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert.recipient:hover,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.insert.recipient:hover,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.insert.recipient:hover,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert.recipient:hover,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert.recipient:hover,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert:hover,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.insert:hover,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.insert:hover,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert:hover,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert:hover,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="insert"]:hover,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button[class*="insert"]:hover,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button[class*="insert"]:hover,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="insert"]:hover,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="insert"]:hover,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="add"]:hover,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button[class*="add"]:hover,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button[class*="add"]:hover,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="add"]:hover,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="add"]:hover,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="send"]:hover,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button[class*="send"]:hover,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button[class*="send"]:hover,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="send"]:hover,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="send"]:hover,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.mainaction:hover,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.mainaction:hover,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.mainaction:hover,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.mainaction:hover,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.mainaction:hover {
  background: #3a7fd1 !important;
  background-color: #3a7fd1 !important;
  box-shadow: 8px 8px 15px rgba(74, 144, 226, 0.6), -2px -2px 5px var(--light-shadow) !important;
  transform: translateY(-2px) !important;
  /* More lift on hover */
}
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-primary:active,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.btn-primary:active,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.btn-primary:active,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-primary:active,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-primary:active,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert.recipient:active,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.insert.recipient:active,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.insert.recipient:active,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert.recipient:active,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert.recipient:active,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert:active,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.insert:active,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.insert:active,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert:active,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert:active,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="insert"]:active,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button[class*="insert"]:active,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button[class*="insert"]:active,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="insert"]:active,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="insert"]:active,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="add"]:active,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button[class*="add"]:active,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button[class*="add"]:active,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="add"]:active,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="add"]:active,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="send"]:active,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button[class*="send"]:active,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button[class*="send"]:active,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="send"]:active,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="send"]:active,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.mainaction:active,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.mainaction:active,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.mainaction:active,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.mainaction:active,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.mainaction:active {
  background: #2d6bb8 !important;
  background-color: #2d6bb8 !important;
  box-shadow: inset 3px 3px 5px rgba(45, 107, 184, 0.8), inset -3px -3px 5px rgba(74, 144, 226, 0.6) !important;
  transform: translateY(0) scale(0.98) !important;
}
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-primary:hover i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.btn-primary:hover i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.btn-primary:hover i,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-primary:hover i,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-primary:hover i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert.recipient:hover i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.insert.recipient:hover i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.insert.recipient:hover i,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert.recipient:hover i,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert.recipient:hover i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert:hover i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.insert:hover i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.insert:hover i,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert:hover i,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert:hover i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="insert"]:hover i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button[class*="insert"]:hover i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button[class*="insert"]:hover i,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="insert"]:hover i,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="insert"]:hover i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="add"]:hover i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button[class*="add"]:hover i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button[class*="add"]:hover i,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="add"]:hover i,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="add"]:hover i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="send"]:hover i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button[class*="send"]:hover i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button[class*="send"]:hover i,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="send"]:hover i,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="send"]:hover i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.mainaction:hover i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.mainaction:hover i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.mainaction:hover i,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.mainaction:hover i,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.mainaction:hover i,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-primary:hover svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.btn-primary:hover svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.btn-primary:hover svg,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-primary:hover svg,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-primary:hover svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert.recipient:hover svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.insert.recipient:hover svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.insert.recipient:hover svg,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert.recipient:hover svg,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert.recipient:hover svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert:hover svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.insert:hover svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.insert:hover svg,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert:hover svg,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert:hover svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="insert"]:hover svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button[class*="insert"]:hover svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button[class*="insert"]:hover svg,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="insert"]:hover svg,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="insert"]:hover svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="add"]:hover svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button[class*="add"]:hover svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button[class*="add"]:hover svg,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="add"]:hover svg,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="add"]:hover svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="send"]:hover svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button[class*="send"]:hover svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button[class*="send"]:hover svg,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="send"]:hover svg,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="send"]:hover svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.mainaction:hover svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.mainaction:hover svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.mainaction:hover svg,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.mainaction:hover svg,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.mainaction:hover svg,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-primary:hover span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.btn-primary:hover span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.btn-primary:hover span.icon,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-primary:hover span.icon,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.btn-primary:hover span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert.recipient:hover span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.insert.recipient:hover span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.insert.recipient:hover span.icon,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert.recipient:hover span.icon,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert.recipient:hover span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert:hover span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.insert:hover span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.insert:hover span.icon,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert:hover span.icon,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.insert:hover span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="insert"]:hover span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button[class*="insert"]:hover span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button[class*="insert"]:hover span.icon,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="insert"]:hover span.icon,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="insert"]:hover span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="add"]:hover span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button[class*="add"]:hover span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button[class*="add"]:hover span.icon,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="add"]:hover span.icon,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="add"]:hover span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="send"]:hover span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button[class*="send"]:hover span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button[class*="send"]:hover span.icon,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="send"]:hover span.icon,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button[class*="send"]:hover span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.mainaction:hover span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-widget-content button.mainaction:hover span.icon,
.ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane.ui-helper-clearfix button.mainaction:hover span.icon,
body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.mainaction:hover span.icon,
html body .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button.mainaction:hover span.icon {
  transform: translateX(3px) !important;
}
/* Hide Voice Labels */
#recipient-dialog .voice {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border-width: 0 !important;
}
/* Responsive Design */
@media (max-width: 768px) {
  .ui-dialog[aria-describedby*="recipient-dialog"] {
    width: 95% !important;
    max-width: 95% !important;
    left: 2.5% !important;
    right: 2.5% !important;
  }
  #recipient-dialog .searchbar.menu {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  #recipient-dialog .searchbar.menu form {
    width: 100% !important;
  }
  .ui-dialog[aria-describedby*="recipient-dialog"] #recipient-dialog .pagenav.menu:not(.footer):not(.small) {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane {
    flex-direction: column !important;
  }
  .ui-dialog[aria-describedby*="recipient-dialog"] .ui-dialog-buttonpane button {
    width: 100% !important;
  }
}
/* ============================================
   END RECIPIENT DIALOG MODAL - NEUMORPHIC DESIGN
   ============================================ */
/* ============================================
   START OF FLOATING COMPOSE BUTTON (Shiny Green Light Neumorphism)
   ============================================ */
.aj-float-btn,
#aj-floating-compose {
  /* Display and Positioning */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: fixed !important;
  bottom: 30px !important;
  right: 30px !important;
  z-index: 9999 !important;
  /* Size and Shape */
  border-radius: 50% !important;
  width: 72px !important;
  height: 72px !important;
  min-width: 72px !important;
  min-height: 72px !important;
  padding: 0 !important;
  /* Visual Styling */
  background: #a4e061 !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  /* Inverted shadows for light base */
  box-shadow: 8px 8px 16px #88c049, -8px -8px 16px #c0ff81 !important;
  /* Ensure visibility */
  visibility: visible !important;
  opacity: 1 !important;
  /* Text/Icon Styling */
  font-size: 2rem !important;
  line-height: 1 !important;
  color: #1d2024 !important;
  text-align: center !important;
  text-decoration: none !important;
}
/* Remove the internal glow layer as the button is now the color itself */
.aj-float-btn::before {
  display: none;
}
.aj-float-btn:hover,
#aj-floating-compose:hover {
  /* Aggressive lift and spread for dramatic effect */
  transform: translateY(-10px) scale(1.05) !important;
  /* Exaggerated lift shadows, using a very dark shadow for depth */
  box-shadow: 25px 25px 50px #4d6828, -10px -10px 20px #c0ff81 !important;
  background: #b0e870 !important;
  /* Slightly lighter on hover */
}
.aj-float-btn:hover::before {
  /* Ensure the internal glow is suppressed */
  opacity: 0;
}
.aj-float-btn .icon-compose {
  /* Icon color must be dark on a light background */
  color: #1d2024;
  transform: scale(1) rotate(0deg);
  transition: transform var(--transition-speed) var(--transition-curve), filter var(--transition-speed) var(--transition-curve);
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.5));
}
.aj-float-btn:hover .icon-compose {
  /* Icon glow is subtle, coupled with pulse animation */
  filter: drop-shadow(0 0 8px #a4e061);
  animation: pulse-icon 1.5s infinite ease-in-out;
}
/* Utility class for icons */
.icon {
  width: 32px;
  height: 32px;
  stroke-width: 2;
}
/* Keyframe Animations for Contact Rows - ULTRA REFINED */
@keyframes contactRowFadeIn {
  0% {
    opacity: 0;
    transform: translateY(10px) scale(0.95);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes focusPulse {
  0%,
  100% {
    box-shadow: 8px 8px 16px var(--dark-shadow), -8px -8px 16px var(--light-shadow), inset 0 0 0 2.5px #4a90e2, inset 0 0 30px rgba(74, 144, 226, 0.2), 0 0 0 1px rgba(74, 144, 226, 0.2);
  }
  50% {
    box-shadow: 8px 8px 16px var(--dark-shadow), -8px -8px 16px var(--light-shadow), inset 0 0 0 2.5px #4a90e2, inset 0 0 30px rgba(74, 144, 226, 0.3), 0 0 0 2px rgba(74, 144, 226, 0.3);
  }
}
/* Adjust icon size for the floating button */
.aj-float-btn .icon,
#aj-floating-compose .icon {
  width: 30px !important;
  height: 30px !important;
  display: block !important;
}
/* Dark Mode Support for Floating Button */
.task-mail .dark-mode .aj-float-btn,
.task-mail html.dark-mode .aj-float-btn,
.task-mail body.dark-mode .aj-float-btn,
.dark-mode .task-mail .aj-float-btn,
.task-mail .dark-mode #aj-floating-compose,
.task-mail html.dark-mode #aj-floating-compose,
.task-mail body.dark-mode #aj-floating-compose,
.dark-mode .task-mail #aj-floating-compose {
  background: #2ed573 !important;
  /* Green for dark mode */
  box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.5), -8px -8px 16px rgba(46, 213, 115, 0.3) !important;
  color: #ffffff !important;
}
.task-mail .dark-mode .aj-float-btn:hover,
.task-mail html.dark-mode .aj-float-btn:hover,
.task-mail body.dark-mode .aj-float-btn:hover,
.dark-mode .task-mail .aj-float-btn:hover,
.task-mail .dark-mode #aj-floating-compose:hover,
.task-mail html.dark-mode #aj-floating-compose:hover,
.task-mail body.dark-mode #aj-floating-compose:hover,
.dark-mode .task-mail #aj-floating-compose:hover {
  background: #38d97a !important;
  box-shadow: 25px 25px 50px rgba(0, 0, 0, 0.7), -10px -10px 20px rgba(46, 213, 115, 0.4) !important;
}
/* ============================================
   END OF FLOATING COMPOSE BUTTON (Shiny Green Light Neumorphism)
   ============================================ */
/* ===========================================================
   MESSAGE VIEW PAGE - Neumorphic Design
   =========================================================== */
/* Message View Toolbar - Neumorphic Design */
.task-mail .header[role="toolbar"] {
  background: var(--bg-color) !important;
  background-color: var(--bg-color) !important;
  border-radius: 16px !important;
  padding: 12px 20px !important;
  margin-bottom: 20px !important;
  box-shadow: 8px 8px 16px var(--shadow-dark), -8px -8px 16px var(--shadow-light) !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  position: relative !important;
  z-index: 10 !important;
  /* Toolbar menu */
  /* Popup menus */
}
.task-mail .header[role="toolbar"] .header-title {
  color: var(--text-main) !important;
  font-weight: 700 !important;
  font-size: 1.1rem !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap !important;
}
.task-mail .header[role="toolbar"] .menu.toolbar.listing {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  align-items: center !important;
}
.task-mail .header[role="toolbar"] .menu.toolbar.listing li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  /* Dropbutton styling */
}
.task-mail .header[role="toolbar"] .menu.toolbar.listing li.spacer {
  width: 1px !important;
  height: 24px !important;
  background: rgba(0, 0, 0, 0.1) !important;
  margin: 0 4px !important;
}
.task-mail .header[role="toolbar"] .menu.toolbar.listing li a,
.task-mail .header[role="toolbar"] .menu.toolbar.listing li span.dropbutton {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 16px !important;
  border-radius: 10px !important;
  background: var(--bg-color) !important;
  box-shadow: 4px 4px 8px var(--shadow-dark), -4px -4px 8px var(--shadow-light) !important;
  color: var(--text-main) !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
  border: none !important;
  min-height: 36px !important;
  line-height: 1.4 !important;
}
.task-mail .header[role="toolbar"] .menu.toolbar.listing li a .inner,
.task-mail .header[role="toolbar"] .menu.toolbar.listing li span.dropbutton .inner {
  display: inline !important;
}
.task-mail .header[role="toolbar"] .menu.toolbar.listing li a::before,
.task-mail .header[role="toolbar"] .menu.toolbar.listing li span.dropbutton::before {
  font-family: 'Icons' !important;
  font-size: 0.9rem !important;
  margin-right: 6px !important;
}
.task-mail .header[role="toolbar"] .menu.toolbar.listing li a:hover:not(.disabled),
.task-mail .header[role="toolbar"] .menu.toolbar.listing li span.dropbutton:hover:not(.disabled) {
  box-shadow: inset 3px 3px 6px var(--shadow-dark), inset -3px -3px 6px var(--shadow-light) !important;
  transform: translateY(-1px) scale(0.98) !important;
  color: var(--accent-color) !important;
}
.task-mail .header[role="toolbar"] .menu.toolbar.listing li a:active:not(.disabled),
.task-mail .header[role="toolbar"] .menu.toolbar.listing li span.dropbutton:active:not(.disabled) {
  transform: translateY(0) scale(0.96) !important;
}
.task-mail .header[role="toolbar"] .menu.toolbar.listing li a.disabled,
.task-mail .header[role="toolbar"] .menu.toolbar.listing li span.dropbutton.disabled {
  opacity: 0.4 !important;
  cursor: not-allowed !important;
}
.task-mail .header[role="toolbar"] .menu.toolbar.listing li span.dropbutton {
  display: flex !important;
  gap: 0 !important;
}
.task-mail .header[role="toolbar"] .menu.toolbar.listing li span.dropbutton > a {
  border-radius: 10px 0 0 10px !important;
  margin-right: 0 !important;
}
.task-mail .header[role="toolbar"] .menu.toolbar.listing li span.dropbutton > a.dropdown {
  border-radius: 0 10px 10px 0 !important;
  padding: 10px 8px !important;
  min-width: 32px !important;
  margin-left: -1px !important;
}
.task-mail .header[role="toolbar"] .popupmenu {
  background: var(--bg-color) !important;
  border-radius: 12px !important;
  padding: 8px !important;
  box-shadow: 12px 12px 24px var(--shadow-dark), -12px -12px 24px var(--shadow-light) !important;
  border: none !important;
  min-width: 200px !important;
  z-index: 10000 !important;
}
.task-mail .header[role="toolbar"] .popupmenu h3.voice {
  display: none !important;
}
.task-mail .header[role="toolbar"] .popupmenu ul.menu.listing {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.task-mail .header[role="toolbar"] .popupmenu ul.menu.listing li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.task-mail .header[role="toolbar"] .popupmenu ul.menu.listing li a {
  display: flex !important;
  align-items: center !important;
  padding: 10px 14px !important;
  border-radius: 8px !important;
  background: var(--bg-color) !important;
  box-shadow: 3px 3px 6px var(--shadow-dark), -3px -3px 6px var(--shadow-light) !important;
  color: var(--text-main) !important;
  font-size: 0.9rem !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
  border: none !important;
}
.task-mail .header[role="toolbar"] .popupmenu ul.menu.listing li a::before {
  font-family: 'Icons' !important;
  font-size: 0.85rem !important;
  margin-right: 10px !important;
  width: 18px !important;
  text-align: center !important;
}
.task-mail .header[role="toolbar"] .popupmenu ul.menu.listing li a:hover:not(.disabled) {
  box-shadow: inset 2px 2px 4px var(--shadow-dark), inset -2px -2px 4px var(--shadow-light) !important;
  color: var(--accent-color) !important;
}
.task-mail .header[role="toolbar"] .popupmenu ul.menu.listing li a.disabled {
  opacity: 0.4 !important;
  cursor: not-allowed !important;
}
/* Dark Mode - Toolbar */
html.dark-mode .task-mail .header[role="toolbar"],
body.dark-mode .task-mail .header[role="toolbar"] {
  background: #1a202c !important;
  box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.8), -4px -4px 8px rgba(0, 0, 0, 0.3) !important;
}
html.dark-mode .task-mail .header[role="toolbar"] .header-title,
body.dark-mode .task-mail .header[role="toolbar"] .header-title {
  color: #e2e8f0 !important;
}
html.dark-mode .task-mail .header[role="toolbar"] .menu.toolbar.listing li a,
body.dark-mode .task-mail .header[role="toolbar"] .menu.toolbar.listing li a,
html.dark-mode .task-mail .header[role="toolbar"] .menu.toolbar.listing li span.dropbutton,
body.dark-mode .task-mail .header[role="toolbar"] .menu.toolbar.listing li span.dropbutton {
  background: #2d3748 !important;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.8), -2px -2px 4px rgba(0, 0, 0, 0.3) !important;
  color: #e2e8f0 !important;
}
html.dark-mode .task-mail .header[role="toolbar"] .menu.toolbar.listing li a:hover:not(.disabled),
body.dark-mode .task-mail .header[role="toolbar"] .menu.toolbar.listing li a:hover:not(.disabled),
html.dark-mode .task-mail .header[role="toolbar"] .menu.toolbar.listing li span.dropbutton:hover:not(.disabled),
body.dark-mode .task-mail .header[role="toolbar"] .menu.toolbar.listing li span.dropbutton:hover:not(.disabled) {
  box-shadow: inset 3px 3px 6px rgba(0, 0, 0, 0.9), inset -1px -1px 2px rgba(0, 0, 0, 0.4) !important;
  color: #00f2fe !important;
}
html.dark-mode .task-mail .header[role="toolbar"] .menu.toolbar.listing li.spacer,
body.dark-mode .task-mail .header[role="toolbar"] .menu.toolbar.listing li.spacer {
  background: rgba(0, 0, 0, 0.2) !important;
}
html.dark-mode .task-mail .header[role="toolbar"] .popupmenu,
body.dark-mode .task-mail .header[role="toolbar"] .popupmenu {
  background: #2d3748 !important;
  box-shadow: 12px 12px 24px rgba(0, 0, 0, 0.9), -6px -6px 12px rgba(0, 0, 0, 0.4) !important;
}
html.dark-mode .task-mail .header[role="toolbar"] .popupmenu ul.menu.listing li a,
body.dark-mode .task-mail .header[role="toolbar"] .popupmenu ul.menu.listing li a {
  background: #2d3748 !important;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.8), -1px -1px 2px rgba(0, 0, 0, 0.3) !important;
  color: #e2e8f0 !important;
}
html.dark-mode .task-mail .header[role="toolbar"] .popupmenu ul.menu.listing li a:hover:not(.disabled),
body.dark-mode .task-mail .header[role="toolbar"] .popupmenu ul.menu.listing li a:hover:not(.disabled) {
  box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.9), inset -1px -1px 2px rgba(0, 0, 0, 0.4) !important;
  color: #00f2fe !important;
}
/* Message Header - Neumorphic Card */
.task-mail #message-header {
  background: var(--bg-color) !important;
  background-color: var(--bg-color) !important;
  border-radius: 20px !important;
  padding: 24px 28px !important;
  margin-bottom: 24px !important;
  box-shadow: 15px 15px 30px var(--shadow-dark), -15px -15px 30px var(--shadow-light) !important;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  /* Ensure all text is readable */
  /* Header links */
}
.task-mail #message-header * {
  color: var(--text-main) !important;
}
.task-mail #message-header .header-left,
.task-mail #message-header .header-right {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}
.task-mail #message-header .subject {
  color: var(--text-main) !important;
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  margin: 0 !important;
  line-height: 1.4 !important;
}
.task-mail #message-header .header-name,
.task-mail #message-header .header-email {
  color: var(--text-main) !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
}
.task-mail #message-header .header-date {
  color: var(--text-light) !important;
  font-size: 0.9rem !important;
}
.task-mail #message-header .header-links,
.task-mail #message-header .slim-link {
  color: var(--text-light) !important;
  font-size: 0.9rem !important;
}
.task-mail #message-header .header-links:hover,
.task-mail #message-header .slim-link:hover {
  color: var(--accent-color) !important;
}
.task-mail #message-header .button.icon {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  border-radius: 50% !important;
  background: var(--bg-color) !important;
  box-shadow: 8px 8px 16px var(--shadow-dark), -8px -8px 16px var(--shadow-light) !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border: none !important;
}
.task-mail #message-header .button.icon:hover {
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  transform: scale(0.95) !important;
}
.task-mail #message-header .button.icon:active {
  box-shadow: inset 6px 6px 12px var(--shadow-dark), inset -6px -6px 12px var(--shadow-light) !important;
}
/* Message View Layout - Left and Right Columns */
/* .leftcol and .rightcol are inside #message-content, not #layout-content */
.task-mail #message-content {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 20px !important;
}
.task-mail #message-content > .leftcol {
  flex: 1 !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}
.task-mail #message-content > .rightcol {
  flex: 0 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
}
/* Message Content Container */
.task-mail #message-content {
  background: transparent !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  margin-bottom: 0 !important;
  min-height: auto !important;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  flex: 1 !important;
  width: 100% !important;
  /* Left column (message body) styling */
  /* Image attachments in message body - prevent overlap */
  /* Ensure message body content doesn't overlap */
}
.task-mail #message-content > .leftcol {
  background: var(--bg-color) !important;
  background-color: var(--bg-color) !important;
  border-radius: 20px !important;
  padding: 28px !important;
  box-shadow: 15px 15px 30px var(--shadow-dark), -15px -15px 30px var(--shadow-light) !important;
  margin-bottom: 24px !important;
  min-height: 400px !important;
  position: relative !important;
  z-index: 2 !important;
}
.task-mail #message-content .attachmentslist {
  background: var(--bg-color) !important;
  border-radius: 20px !important;
  padding: 20px !important;
  margin-top: 24px !important;
  margin-bottom: 0 !important;
  box-shadow: 15px 15px 30px var(--shadow-dark), -15px -15px 30px var(--shadow-light) !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)) !important;
  gap: 12px !important;
  position: relative !important;
  z-index: 1 !important;
  clear: both !important;
  /* List style attachments (fallback) */
}
.task-mail #message-content .attachmentslist .attachment {
  background: var(--bg-color) !important;
  border-radius: 12px !important;
  padding: 12px !important;
  margin: 0 !important;
  box-shadow: 6px 6px 12px var(--shadow-dark), -6px -6px 12px var(--shadow-light) !important;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  position: relative !important;
  overflow: hidden !important;
  min-height: auto !important;
  max-width: 100% !important;
  /* Attachment thumbnail/image */
  /* Attachment filename */
  /* Attachment size */
  /* Action buttons container */
  /* Show and Download buttons */
}
.task-mail #message-content .attachmentslist .attachment img,
.task-mail #message-content .attachmentslist .attachment .attachment-thumbnail {
  width: 100% !important;
  height: 100px !important;
  object-fit: cover !important;
  border-radius: 8px !important;
  margin-bottom: 8px !important;
  box-shadow: 3px 3px 6px var(--shadow-dark), -3px -3px 6px var(--shadow-light) !important;
  transition: all 0.3s ease !important;
}
.task-mail #message-content .attachmentslist .attachment .attachment-name,
.task-mail #message-content .attachmentslist .attachment .filename {
  color: var(--text-main) !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  margin-bottom: 4px !important;
  text-align: center !important;
  word-break: break-word !important;
  line-height: 1.3 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}
.task-mail #message-content .attachmentslist .attachment .attachment-size,
.task-mail #message-content .attachmentslist .attachment .size {
  color: var(--text-light) !important;
  font-size: 0.75rem !important;
  margin-bottom: 8px !important;
  text-align: center !important;
}
.task-mail #message-content .attachmentslist .attachment .attachment-actions {
  display: flex !important;
  gap: 6px !important;
  width: 100% !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
}
.task-mail #message-content .attachmentslist .attachment a.button,
.task-mail #message-content .attachmentslist .attachment button,
.task-mail #message-content .attachmentslist .attachment .button {
  background: var(--bg-color) !important;
  border-radius: 8px !important;
  padding: 6px 12px !important;
  color: var(--text-main) !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  box-shadow: 3px 3px 6px var(--shadow-dark), -3px -3px 6px var(--shadow-light) !important;
  transition: all 0.3s ease !important;
  border: none !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  text-decoration: none !important;
  flex: 1 !important;
  min-width: 0 !important;
  justify-content: center !important;
}
.task-mail #message-content .attachmentslist .attachment a.button:hover,
.task-mail #message-content .attachmentslist .attachment button:hover,
.task-mail #message-content .attachmentslist .attachment .button:hover {
  box-shadow: inset 2px 2px 4px var(--shadow-dark), inset -2px -2px 4px var(--shadow-light) !important;
  transform: translateY(-1px) scale(0.98) !important;
  color: var(--accent-color) !important;
}
.task-mail #message-content .attachmentslist .attachment a.button:active,
.task-mail #message-content .attachmentslist .attachment button:active,
.task-mail #message-content .attachmentslist .attachment .button:active {
  transform: translateY(0) scale(0.96) !important;
}
.task-mail #message-content .attachmentslist .attachment:hover {
  box-shadow: 8px 8px 16px var(--shadow-dark), -8px -8px 16px var(--shadow-light) !important;
  transform: translateY(-2px) scale(1.01) !important;
}
.task-mail #message-content .attachmentslist .attachment:hover img,
.task-mail #message-content .attachmentslist .attachment:hover .attachment-thumbnail {
  transform: scale(1.03) !important;
  box-shadow: 4px 4px 8px var(--shadow-dark), -4px -4px 8px var(--shadow-light) !important;
}
.task-mail #message-content .attachmentslist li {
  background: var(--bg-color) !important;
  border-radius: 12px !important;
  padding: 16px 20px !important;
  margin-bottom: 12px !important;
  box-shadow: 6px 6px 12px var(--shadow-dark), -6px -6px 12px var(--shadow-light) !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  list-style: none !important;
}
.task-mail #message-content .attachmentslist li::before {
  font-family: 'Icons' !important;
  font-size: 1.5rem !important;
  color: var(--accent-color) !important;
  margin-right: 0 !important;
  width: 40px !important;
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--bg-color) !important;
  border-radius: 10px !important;
  box-shadow: 4px 4px 8px var(--shadow-dark), -4px -4px 8px var(--shadow-light) !important;
}
.task-mail #message-content .attachmentslist li:hover {
  box-shadow: inset 3px 3px 6px var(--shadow-dark), inset -3px -3px 6px var(--shadow-light) !important;
  transform: translateX(4px) !important;
}
.task-mail #message-content p.image-attachment,
.task-mail #message-content fieldset.image-attachment {
  margin: 20px 0 !important;
  clear: both !important;
  position: relative !important;
  z-index: 1 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  float: none !important;
  display: block !important;
}
.task-mail #message-content #messagebody {
  overflow: visible !important;
  position: relative !important;
  z-index: 1 !important;
}
.task-mail #message-content #messagebody p.image-attachment,
.task-mail #message-content #messagebody fieldset.image-attachment {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
/* Message Body */
.task-mail #messagebody {
  background: var(--bg-color) !important;
  background-color: var(--bg-color) !important;
  border-radius: 16px !important;
  padding: 24px !important;
  min-height: 300px !important;
  color: var(--text-main) !important;
  line-height: 1.6 !important;
  font-size: 1rem !important;
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  /* Ensure all text is readable */
  /* Links */
  /* Headings */
  /* Code blocks */
  /* Blockquotes */
}
.task-mail #messagebody p,
.task-mail #messagebody div,
.task-mail #messagebody span,
.task-mail #messagebody a,
.task-mail #messagebody li,
.task-mail #messagebody td,
.task-mail #messagebody th {
  color: var(--text-main) !important;
}
.task-mail #messagebody a {
  color: var(--accent-color) !important;
  text-decoration: none !important;
}
.task-mail #messagebody a:hover {
  color: var(--accent-color) !important;
  text-decoration: underline !important;
}
.task-mail #messagebody h1,
.task-mail #messagebody h2,
.task-mail #messagebody h3,
.task-mail #messagebody h4,
.task-mail #messagebody h5,
.task-mail #messagebody h6 {
  color: var(--text-main) !important;
  font-weight: 700 !important;
}
.task-mail #messagebody pre,
.task-mail #messagebody code {
  background: rgba(0, 0, 0, 0.05) !important;
  color: var(--text-main) !important;
  border-radius: 6px !important;
  padding: 8px !important;
}
.task-mail #messagebody blockquote {
  border-left: 4px solid var(--accent-color) !important;
  padding-left: 16px !important;
  margin-left: 0 !important;
  color: var(--text-main) !important;
  background: rgba(0, 0, 0, 0.02) !important;
  border-radius: 4px !important;
}
.task-mail #messagebody iframe {
  border-radius: 12px !important;
  background: var(--bg-color) !important;
}
/* Message Part Headers */
.task-mail .message-partheaders {
  background: var(--bg-color) !important;
  border-radius: 12px !important;
  padding: 12px 16px !important;
  margin: 16px 0 !important;
  box-shadow: 4px 4px 8px var(--shadow-dark), -4px -4px 8px var(--shadow-light) !important;
  border: none !important;
}
/* Message Parts */
.task-mail .message-part,
.task-mail .message-htmlpart {
  background: var(--bg-color) !important;
  border-radius: 12px !important;
  padding: 20px !important;
  margin-bottom: 16px !important;
  box-shadow: 5px 5px 10px var(--shadow-dark), -5px -5px 10px var(--shadow-light) !important;
  border: none !important;
  border-top: none !important;
}
/* Dark Mode - Message View */
html.dark-mode .task-mail #message-header,
body.dark-mode .task-mail #message-header {
  background: #1a202c !important;
  background-color: #1a202c !important;
  box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.5), -15px -15px 30px rgba(255, 255, 255, 0.05) !important;
  /* Ensure all text is readable in dark mode */
  /* Header links in dark mode */
}
html.dark-mode .task-mail #message-header *,
body.dark-mode .task-mail #message-header * {
  color: #e2e8f0 !important;
}
html.dark-mode .task-mail #message-header .subject,
body.dark-mode .task-mail #message-header .subject {
  color: #f3f4f6 !important;
  font-weight: 700 !important;
}
html.dark-mode .task-mail #message-header .header-name,
body.dark-mode .task-mail #message-header .header-name,
html.dark-mode .task-mail #message-header .header-email,
body.dark-mode .task-mail #message-header .header-email {
  color: #e2e8f0 !important;
  font-weight: 600 !important;
}
html.dark-mode .task-mail #message-header .header-date,
body.dark-mode .task-mail #message-header .header-date {
  color: #a0aec0 !important;
}
html.dark-mode .task-mail #message-header .header-links,
body.dark-mode .task-mail #message-header .header-links,
html.dark-mode .task-mail #message-header .slim-link,
body.dark-mode .task-mail #message-header .slim-link {
  color: #a0aec0 !important;
}
html.dark-mode .task-mail #message-header .header-links:hover,
body.dark-mode .task-mail #message-header .header-links:hover,
html.dark-mode .task-mail #message-header .slim-link:hover,
body.dark-mode .task-mail #message-header .slim-link:hover {
  color: #00f2fe !important;
}
html.dark-mode .task-mail #message-header .button.icon,
body.dark-mode .task-mail #message-header .button.icon {
  background: #1a202c !important;
  box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.5), -8px -8px 16px rgba(255, 255, 255, 0.05) !important;
}
html.dark-mode .task-mail #message-header .button.icon:hover,
body.dark-mode .task-mail #message-header .button.icon:hover {
  box-shadow: inset 4px 4px 8px rgba(0, 0, 0, 0.6), inset -2px -2px 4px rgba(0, 0, 0, 0.4) !important;
}
html.dark-mode .task-mail #message-content,
body.dark-mode .task-mail #message-content {
  background: #1a202c !important;
  background-color: #1a202c !important;
  box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.5), -15px -15px 30px rgba(255, 255, 255, 0.05) !important;
}
html.dark-mode .task-mail #message-content .attachmentslist,
body.dark-mode .task-mail #message-content .attachmentslist {
  background: #2d3748 !important;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5), -5px -5px 10px rgba(255, 255, 255, 0.05) !important;
}
html.dark-mode .task-mail #message-content .attachmentslist .attachment,
body.dark-mode .task-mail #message-content .attachmentslist .attachment {
  background: #2d3748 !important;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5), -3px -3px 6px rgba(255, 255, 255, 0.05) !important;
}
html.dark-mode .task-mail #messagebody,
body.dark-mode .task-mail #messagebody {
  background: #1a202c !important;
  background-color: #1a202c !important;
  color: #e2e8f0 !important;
  box-shadow: inset 4px 4px 8px rgba(0, 0, 0, 0.5), inset -4px -4px 8px rgba(255, 255, 255, 0.05) !important;
  /* Ensure all text is readable in dark mode */
  /* Links in dark mode */
  /* Headings in dark mode */
  /* Code blocks in dark mode */
  /* Blockquotes in dark mode */
  /* Tables in dark mode */
}
html.dark-mode .task-mail #messagebody p,
body.dark-mode .task-mail #messagebody p,
html.dark-mode .task-mail #messagebody div,
body.dark-mode .task-mail #messagebody div,
html.dark-mode .task-mail #messagebody span,
body.dark-mode .task-mail #messagebody span,
html.dark-mode .task-mail #messagebody li,
body.dark-mode .task-mail #messagebody li,
html.dark-mode .task-mail #messagebody td,
body.dark-mode .task-mail #messagebody td,
html.dark-mode .task-mail #messagebody th,
body.dark-mode .task-mail #messagebody th {
  color: #e2e8f0 !important;
}
html.dark-mode .task-mail #messagebody a,
body.dark-mode .task-mail #messagebody a {
  color: #00f2fe !important;
}
html.dark-mode .task-mail #messagebody a:hover,
body.dark-mode .task-mail #messagebody a:hover {
  color: #00d9e6 !important;
}
html.dark-mode .task-mail #messagebody h1,
body.dark-mode .task-mail #messagebody h1,
html.dark-mode .task-mail #messagebody h2,
body.dark-mode .task-mail #messagebody h2,
html.dark-mode .task-mail #messagebody h3,
body.dark-mode .task-mail #messagebody h3,
html.dark-mode .task-mail #messagebody h4,
body.dark-mode .task-mail #messagebody h4,
html.dark-mode .task-mail #messagebody h5,
body.dark-mode .task-mail #messagebody h5,
html.dark-mode .task-mail #messagebody h6,
body.dark-mode .task-mail #messagebody h6 {
  color: #f3f4f6 !important;
}
html.dark-mode .task-mail #messagebody pre,
body.dark-mode .task-mail #messagebody pre,
html.dark-mode .task-mail #messagebody code,
body.dark-mode .task-mail #messagebody code {
  background: rgba(0, 0, 0, 0.3) !important;
  color: #e2e8f0 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}
html.dark-mode .task-mail #messagebody blockquote,
body.dark-mode .task-mail #messagebody blockquote {
  border-left-color: #00f2fe !important;
  background: rgba(0, 242, 254, 0.1) !important;
  color: #e2e8f0 !important;
}
html.dark-mode .task-mail #messagebody table,
body.dark-mode .task-mail #messagebody table {
  color: #e2e8f0 !important;
}
html.dark-mode .task-mail #messagebody table td,
body.dark-mode .task-mail #messagebody table td,
html.dark-mode .task-mail #messagebody table th,
body.dark-mode .task-mail #messagebody table th {
  color: #e2e8f0 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}
html.dark-mode .task-mail .message-partheaders,
body.dark-mode .task-mail .message-partheaders {
  background: #2d3748 !important;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5), -4px -4px 8px rgba(255, 255, 255, 0.05) !important;
}
html.dark-mode .task-mail .message-part,
html.dark-mode .task-mail .message-htmlpart,
body.dark-mode .task-mail .message-part,
body.dark-mode .task-mail .message-htmlpart {
  background: #2d3748 !important;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5), -5px -5px 10px rgba(255, 255, 255, 0.05) !important;
}
/* ===========================================================
   MESSAGE ACTION BUTTONS - Neumorphic Design
   =========================================================== */
.task-mail .ajmail-actions {
  display: flex !important;
  gap: 12px !important;
  padding: 20px 0 !important;
  margin-bottom: 24px !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
}
.task-mail .ajmail-actions .ajmail-action-btn {
  background: var(--bg-color) !important;
  background-color: var(--bg-color) !important;
  border-radius: 10px !important;
  padding: 10px 20px !important;
  color: var(--text-main) !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  box-shadow: 6px 6px 12px var(--shadow-dark), -6px -6px 12px var(--shadow-light) !important;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  border: none !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-width: 110px !important;
  position: relative !important;
  overflow: hidden !important;
  line-height: 1.4 !important;
  height: auto !important;
  /* Icon before text */
  /* Reply button */
  /* Reply all button */
  /* Forward button */
  /* Delete button */
  /* Specific hover colors */
}
.task-mail .ajmail-actions .ajmail-action-btn::before {
  font-family: 'Icons' !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 1.1rem !important;
  display: inline-block !important;
  margin-right: 0 !important;
  transition: all 0.3s ease !important;
}
.task-mail .ajmail-actions .ajmail-action-btn.reply::before {
  content: "\f3e5" !important;
  /* reply icon */
  color: #4a90e2 !important;
}
.task-mail .ajmail-actions .ajmail-action-btn.replyall::before {
  content: "\f122" !important;
  /* reply-all icon */
  color: #4a90e2 !important;
}
.task-mail .ajmail-actions .ajmail-action-btn.forward::before {
  content: "\f064" !important;
  /* forward icon */
  color: #8b5cf6 !important;
}
.task-mail .ajmail-actions .ajmail-action-btn.delete::before {
  content: "\f2ed" !important;
  /* delete icon */
  color: #ef4444 !important;
}
.task-mail .ajmail-actions .ajmail-action-btn:hover {
  box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light) !important;
  transform: translateY(-2px) scale(0.98) !important;
  color: var(--accent-color) !important;
}
.task-mail .ajmail-actions .ajmail-action-btn:hover::before {
  transform: scale(1.2) !important;
}
.task-mail .ajmail-actions .ajmail-action-btn:active {
  box-shadow: inset 6px 6px 12px var(--shadow-dark), inset -6px -6px 12px var(--shadow-light) !important;
  transform: translateY(0) scale(0.96) !important;
}
.task-mail .ajmail-actions .ajmail-action-btn.reply:hover {
  color: #4a90e2 !important;
}
.task-mail .ajmail-actions .ajmail-action-btn.reply:hover::before {
  color: #4a90e2 !important;
}
.task-mail .ajmail-actions .ajmail-action-btn.replyall:hover {
  color: #4a90e2 !important;
}
.task-mail .ajmail-actions .ajmail-action-btn.replyall:hover::before {
  color: #4a90e2 !important;
}
.task-mail .ajmail-actions .ajmail-action-btn.forward:hover {
  color: #8b5cf6 !important;
}
.task-mail .ajmail-actions .ajmail-action-btn.forward:hover::before {
  color: #8b5cf6 !important;
}
.task-mail .ajmail-actions .ajmail-action-btn.delete:hover {
  color: #ef4444 !important;
}
.task-mail .ajmail-actions .ajmail-action-btn.delete:hover::before {
  color: #ef4444 !important;
}
/* Dark Mode - Action Buttons */
html.dark-mode .task-mail .ajmail-actions .ajmail-action-btn,
body.dark-mode .task-mail .ajmail-actions .ajmail-action-btn {
  background: #1a202c !important;
  background-color: #1a202c !important;
  box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.5), -8px -8px 16px rgba(255, 255, 255, 0.05) !important;
  color: #e2e8f0 !important;
}
html.dark-mode .task-mail .ajmail-actions .ajmail-action-btn:hover,
body.dark-mode .task-mail .ajmail-actions .ajmail-action-btn:hover {
  box-shadow: inset 4px 4px 8px rgba(0, 0, 0, 0.6), inset -4px -4px 8px rgba(255, 255, 255, 0.08) !important;
  background: #2d3748 !important;
  background-color: #2d3748 !important;
}
html.dark-mode .task-mail .ajmail-actions .ajmail-action-btn:active,
body.dark-mode .task-mail .ajmail-actions .ajmail-action-btn:active {
  box-shadow: inset 6px 6px 12px rgba(0, 0, 0, 0.7), inset -6px -6px 12px rgba(255, 255, 255, 0.1) !important;
}
/* Enhanced Dark Mode - Attachments */
html.dark-mode .task-mail #message-content .attachmentslist,
body.dark-mode .task-mail #message-content .attachmentslist {
  background: #1a202c !important;
  box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.5), -15px -15px 30px rgba(255, 255, 255, 0.05) !important;
}
html.dark-mode .task-mail #message-content .attachmentslist .attachment,
body.dark-mode .task-mail #message-content .attachmentslist .attachment {
  background: #2d3748 !important;
  box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.5), -8px -8px 16px rgba(255, 255, 255, 0.05) !important;
}
html.dark-mode .task-mail #message-content .attachmentslist .attachment .attachment-name,
body.dark-mode .task-mail #message-content .attachmentslist .attachment .attachment-name,
html.dark-mode .task-mail #message-content .attachmentslist .attachment .filename,
body.dark-mode .task-mail #message-content .attachmentslist .attachment .filename {
  color: #e2e8f0 !important;
}
html.dark-mode .task-mail #message-content .attachmentslist .attachment .attachment-size,
body.dark-mode .task-mail #message-content .attachmentslist .attachment .attachment-size,
html.dark-mode .task-mail #message-content .attachmentslist .attachment .size,
body.dark-mode .task-mail #message-content .attachmentslist .attachment .size {
  color: #a0aec0 !important;
}
html.dark-mode .task-mail #message-content .attachmentslist .attachment a.button,
body.dark-mode .task-mail #message-content .attachmentslist .attachment a.button,
html.dark-mode .task-mail #message-content .attachmentslist .attachment button,
body.dark-mode .task-mail #message-content .attachmentslist .attachment button,
html.dark-mode .task-mail #message-content .attachmentslist .attachment .button,
body.dark-mode .task-mail #message-content .attachmentslist .attachment .button {
  background: #2d3748 !important;
  color: #e2e8f0 !important;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5), -4px -4px 8px rgba(255, 255, 255, 0.05) !important;
}
html.dark-mode .task-mail #message-content .attachmentslist .attachment a.button:hover,
body.dark-mode .task-mail #message-content .attachmentslist .attachment a.button:hover,
html.dark-mode .task-mail #message-content .attachmentslist .attachment button:hover,
body.dark-mode .task-mail #message-content .attachmentslist .attachment button:hover,
html.dark-mode .task-mail #message-content .attachmentslist .attachment .button:hover,
body.dark-mode .task-mail #message-content .attachmentslist .attachment .button:hover {
  background: #374151 !important;
  box-shadow: inset 3px 3px 6px rgba(0, 0, 0, 0.6), inset -3px -3px 6px rgba(0, 0, 0, 0.4) !important;
}
html.dark-mode .task-mail #message-content .attachmentslist .attachment:hover,
body.dark-mode .task-mail #message-content .attachmentslist .attachment:hover {
  box-shadow: 12px 12px 24px rgba(0, 0, 0, 0.6), -12px -12px 24px rgba(255, 255, 255, 0.08) !important;
}
html.dark-mode .task-mail #message-content .attachmentslist li,
body.dark-mode .task-mail #message-content .attachmentslist li {
  background: #2d3748 !important;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.5), -6px -6px 12px rgba(255, 255, 255, 0.05) !important;
  color: #e2e8f0 !important;
}
html.dark-mode .task-mail #message-content .attachmentslist li::before,
body.dark-mode .task-mail #message-content .attachmentslist li::before {
  background: #2d3748 !important;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5), -4px -4px 8px rgba(255, 255, 255, 0.05) !important;
}
html.dark-mode .task-mail #message-content .attachmentslist li:hover,
body.dark-mode .task-mail #message-content .attachmentslist li:hover {
  box-shadow: inset 3px 3px 6px rgba(0, 0, 0, 0.6), inset -3px -3px 6px rgba(255, 255, 255, 0.08) !important;
}
/* ===========================================================
   RIGHT COLUMN ATTACHMENTS BOX - Neumorphic Design
   =========================================================== */
.task-mail .rightcol.ajmail-attachments-box {
  background: var(--bg-color) !important;
  background-color: var(--bg-color) !important;
  border-radius: 20px !important;
  padding: 20px !important;
  margin-left: 20px !important;
  margin-top: 0 !important;
  box-shadow: 15px 15px 30px var(--shadow-dark), -15px -15px 30px var(--shadow-light) !important;
  min-width: 280px !important;
  max-width: 350px !important;
  width: 100% !important;
  position: relative !important;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  align-self: flex-start !important;
  /* Hide voice label */
  /* Attachments list */
}
.task-mail .rightcol.ajmail-attachments-box h2.voice {
  display: none !important;
}
.task-mail .rightcol.ajmail-attachments-box #attachment-list.attachmentslist {
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  list-style: none !important;
}
.task-mail .rightcol.ajmail-attachments-box #attachment-list.attachmentslist li {
  background: var(--bg-color) !important;
  border-radius: 10px !important;
  padding: 12px !important;
  margin: 0 !important;
  box-shadow: 5px 5px 10px var(--shadow-dark), -5px -5px 10px var(--shadow-light) !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  list-style: none !important;
  position: relative !important;
  /* File icon before filename */
  /* Image files */
  /* PDF files */
  /* Document files */
  /* Spreadsheet files */
  /* Text files */
  /* Default file icon */
  /* Filename link */
  /* Options dropdown button */
}
.task-mail .rightcol.ajmail-attachments-box #attachment-list.attachmentslist li::before {
  font-family: 'Icons' !important;
  font-size: 1.2rem !important;
  color: var(--accent-color) !important;
  margin-right: 0 !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--bg-color) !important;
  border-radius: 8px !important;
  box-shadow: 3px 3px 6px var(--shadow-dark), -3px -3px 6px var(--shadow-light) !important;
  flex-shrink: 0 !important;
  line-height: 1 !important;
  padding: 0 !important;
}
.task-mail .rightcol.ajmail-attachments-box #attachment-list.attachmentslist li.image::before {
  content: "\f1c5" !important;
  color: #8b5cf6 !important;
}
.task-mail .rightcol.ajmail-attachments-box #attachment-list.attachmentslist li.pdf::before {
  content: "\f1c1" !important;
  color: #ef4444 !important;
}
.task-mail .rightcol.ajmail-attachments-box #attachment-list.attachmentslist li.doc,
.task-mail .rightcol.ajmail-attachments-box #attachment-list.attachmentslist li.docx,
.task-mail .rightcol.ajmail-attachments-box #attachment-list.attachmentslist li.odt,
.task-mail .rightcol.ajmail-attachments-box #attachment-list.attachmentslist li.msword::before {
  content: "\f1c2" !important;
  color: #4a90e2 !important;
}
.task-mail .rightcol.ajmail-attachments-box #attachment-list.attachmentslist li.xls,
.task-mail .rightcol.ajmail-attachments-box #attachment-list.attachmentslist li.xlsx,
.task-mail .rightcol.ajmail-attachments-box #attachment-list.attachmentslist li.ods,
.task-mail .rightcol.ajmail-attachments-box #attachment-list.attachmentslist li.msexcel::before {
  content: "\f1c3" !important;
  color: #10b981 !important;
}
.task-mail .rightcol.ajmail-attachments-box #attachment-list.attachmentslist li.txt,
.task-mail .rightcol.ajmail-attachments-box #attachment-list.attachmentslist li.text::before {
  content: "\f15c" !important;
  color: #6b7280 !important;
}
.task-mail .rightcol.ajmail-attachments-box #attachment-list.attachmentslist li::before {
  content: "\f15b" !important;
}
.task-mail .rightcol.ajmail-attachments-box #attachment-list.attachmentslist li a.filename {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  text-decoration: none !important;
  color: var(--text-main) !important;
  min-width: 0 !important;
}
.task-mail .rightcol.ajmail-attachments-box #attachment-list.attachmentslist li a.filename .attachment-name {
  color: var(--text-main) !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  word-break: break-word !important;
  line-height: 1.3 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}
.task-mail .rightcol.ajmail-attachments-box #attachment-list.attachmentslist li a.filename .attachment-size {
  color: var(--text-light) !important;
  font-size: 0.75rem !important;
  font-weight: 400 !important;
}
.task-mail .rightcol.ajmail-attachments-box #attachment-list.attachmentslist li a.filename:hover .attachment-name {
  color: var(--accent-color) !important;
}
.task-mail .rightcol.ajmail-attachments-box #attachment-list.attachmentslist li a.button.icon.dropdown {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  border-radius: 8px !important;
  background: var(--bg-color) !important;
  box-shadow: 3px 3px 6px var(--shadow-dark), -3px -3px 6px var(--shadow-light) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border: none !important;
  transition: all 0.3s ease !important;
  flex-shrink: 0 !important;
}
.task-mail .rightcol.ajmail-attachments-box #attachment-list.attachmentslist li a.button.icon.dropdown .inner {
  display: none !important;
}
.task-mail .rightcol.ajmail-attachments-box #attachment-list.attachmentslist li a.button.icon.dropdown::before {
  content: "\f142" !important;
  font-family: 'Icons' !important;
  font-size: 1rem !important;
  color: var(--text-light) !important;
}
.task-mail .rightcol.ajmail-attachments-box #attachment-list.attachmentslist li a.button.icon.dropdown:hover {
  box-shadow: inset 3px 3px 6px var(--shadow-dark), inset -3px -3px 6px var(--shadow-light) !important;
  transform: scale(0.95) !important;
}
.task-mail .rightcol.ajmail-attachments-box #attachment-list.attachmentslist li a.button.icon.dropdown:hover::before {
  color: var(--accent-color) !important;
}
.task-mail .rightcol.ajmail-attachments-box #attachment-list.attachmentslist li:hover {
  box-shadow: 8px 8px 16px var(--shadow-dark), -8px -8px 16px var(--shadow-light) !important;
  transform: translateY(-2px) !important;
}
/* Dark Mode - Right Column Attachments */
html.dark-mode .task-mail .rightcol.ajmail-attachments-box,
body.dark-mode .task-mail .rightcol.ajmail-attachments-box {
  background: #1a202c !important;
  background-color: #1a202c !important;
  box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.5), -15px -15px 30px rgba(255, 255, 255, 0.05) !important;
}
html.dark-mode .task-mail .rightcol.ajmail-attachments-box #attachment-list.attachmentslist li,
body.dark-mode .task-mail .rightcol.ajmail-attachments-box #attachment-list.attachmentslist li {
  background: #2d3748 !important;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.5), -6px -6px 12px rgba(255, 255, 255, 0.05) !important;
}
html.dark-mode .task-mail .rightcol.ajmail-attachments-box #attachment-list.attachmentslist li::before,
body.dark-mode .task-mail .rightcol.ajmail-attachments-box #attachment-list.attachmentslist li::before {
  background: #2d3748 !important;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5), -4px -4px 8px rgba(255, 255, 255, 0.05) !important;
}
html.dark-mode .task-mail .rightcol.ajmail-attachments-box #attachment-list.attachmentslist li a.filename .attachment-name,
body.dark-mode .task-mail .rightcol.ajmail-attachments-box #attachment-list.attachmentslist li a.filename .attachment-name {
  color: #e2e8f0 !important;
}
html.dark-mode .task-mail .rightcol.ajmail-attachments-box #attachment-list.attachmentslist li a.filename .attachment-size,
body.dark-mode .task-mail .rightcol.ajmail-attachments-box #attachment-list.attachmentslist li a.filename .attachment-size {
  color: #a0aec0 !important;
}
html.dark-mode .task-mail .rightcol.ajmail-attachments-box #attachment-list.attachmentslist li a.filename:hover .attachment-name,
body.dark-mode .task-mail .rightcol.ajmail-attachments-box #attachment-list.attachmentslist li a.filename:hover .attachment-name {
  color: #00f2fe !important;
}
html.dark-mode .task-mail .rightcol.ajmail-attachments-box #attachment-list.attachmentslist li a.button.icon.dropdown,
body.dark-mode .task-mail .rightcol.ajmail-attachments-box #attachment-list.attachmentslist li a.button.icon.dropdown {
  background: #2d3748 !important;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5), -4px -4px 8px rgba(255, 255, 255, 0.05) !important;
}
html.dark-mode .task-mail .rightcol.ajmail-attachments-box #attachment-list.attachmentslist li a.button.icon.dropdown::before,
body.dark-mode .task-mail .rightcol.ajmail-attachments-box #attachment-list.attachmentslist li a.button.icon.dropdown::before {
  color: #a0aec0 !important;
}
html.dark-mode .task-mail .rightcol.ajmail-attachments-box #attachment-list.attachmentslist li a.button.icon.dropdown:hover,
body.dark-mode .task-mail .rightcol.ajmail-attachments-box #attachment-list.attachmentslist li a.button.icon.dropdown:hover {
  box-shadow: inset 3px 3px 6px rgba(0, 0, 0, 0.6), inset -3px -3px 6px rgba(0, 0, 0, 0.4) !important;
}
html.dark-mode .task-mail .rightcol.ajmail-attachments-box #attachment-list.attachmentslist li a.button.icon.dropdown:hover::before,
body.dark-mode .task-mail .rightcol.ajmail-attachments-box #attachment-list.attachmentslist li a.button.icon.dropdown:hover::before {
  color: #00f2fe !important;
}
html.dark-mode .task-mail .rightcol.ajmail-attachments-box #attachment-list.attachmentslist li:hover,
body.dark-mode .task-mail .rightcol.ajmail-attachments-box #attachment-list.attachmentslist li:hover {
  box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.8), -4px -4px 8px rgba(0, 0, 0, 0.3) !important;
}
/* ===========================================================
   FINAL DARK MODE OVERRIDE - FORCE ALL SHADOWS TO BE DARK
   This must be at the end to override everything
   =========================================================== */
html.dark-mode .task-settings #layout-sidebar .scroller #settings-menu li > a,
html.dark-mode .task-settings #layout-sidebar .scroller .listing li > a,
html.dark-mode .task-settings #layout-list .listing li > a,
body.dark-mode .task-settings #layout-sidebar .scroller #settings-menu li > a,
body.dark-mode .task-settings #layout-sidebar .scroller .listing li > a,
body.dark-mode .task-settings #layout-list .listing li > a,
.dark-mode .task-settings #layout-sidebar .scroller #settings-menu li > a,
.dark-mode .task-settings #layout-sidebar .scroller .listing li > a,
.dark-mode .task-settings #layout-list .listing li > a {
  box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.8), -4px -4px 8px rgba(0, 0, 0, 0.3) !important;
}
html.dark-mode .task-settings #layout-sidebar .scroller #settings-menu li > a::before,
html.dark-mode .task-settings #layout-sidebar .scroller .listing li > a::before,
html.dark-mode .task-settings #layout-list .listing li > a::before,
body.dark-mode .task-settings #layout-sidebar .scroller #settings-menu li > a::before,
body.dark-mode .task-settings #layout-sidebar .scroller .listing li > a::before,
body.dark-mode .task-settings #layout-list .listing li > a::before,
.dark-mode .task-settings #layout-sidebar .scroller #settings-menu li > a::before,
.dark-mode .task-settings #layout-sidebar .scroller .listing li > a::before,
.dark-mode .task-settings #layout-list .listing li > a::before {
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.6), -2px -2px 4px rgba(0, 0, 0, 0.3) !important;
}
html.dark-mode .task-settings #layout-sidebar .scroller #settings-menu li > a:hover,
html.dark-mode .task-settings #layout-sidebar .scroller .listing li > a:hover,
html.dark-mode .task-settings #layout-list .listing li > a:hover,
body.dark-mode .task-settings #layout-sidebar .scroller #settings-menu li > a:hover,
body.dark-mode .task-settings #layout-sidebar .scroller .listing li > a:hover,
body.dark-mode .task-settings #layout-list .listing li > a:hover,
.dark-mode .task-settings #layout-sidebar .scroller #settings-menu li > a:hover,
.dark-mode .task-settings #layout-sidebar .scroller .listing li > a:hover,
.dark-mode .task-settings #layout-list .listing li > a:hover {
  box-shadow: inset 6px 6px 12px rgba(0, 0, 0, 0.9), inset -3px -3px 6px rgba(0, 0, 0, 0.4) !important;
}
html.dark-mode .task-settings #layout-sidebar .scroller #settings-menu li > a:hover::before,
html.dark-mode .task-settings #layout-sidebar .scroller .listing li > a:hover::before,
html.dark-mode .task-settings #layout-list .listing li > a:hover::before,
body.dark-mode .task-settings #layout-sidebar .scroller #settings-menu li > a:hover::before,
body.dark-mode .task-settings #layout-sidebar .scroller .listing li > a:hover::before,
body.dark-mode .task-settings #layout-list .listing li > a:hover::before,
.dark-mode .task-settings #layout-sidebar .scroller #settings-menu li > a:hover::before,
.dark-mode .task-settings #layout-sidebar .scroller .listing li > a:hover::before,
.dark-mode .task-settings #layout-list .listing li > a:hover::before {
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.8), -2px -2px 4px rgba(0, 0, 0, 0.4) !important;
}
html.dark-mode .task-settings #layout-sidebar .scroller #settings-menu li > a.selected,
html.dark-mode .task-settings #layout-sidebar .scroller .listing li > a.selected,
html.dark-mode .task-settings #layout-list .listing li > a.selected,
body.dark-mode .task-settings #layout-sidebar .scroller #settings-menu li > a.selected,
body.dark-mode .task-settings #layout-sidebar .scroller .listing li > a.selected,
body.dark-mode .task-settings #layout-list .listing li > a.selected,
.dark-mode .task-settings #layout-sidebar .scroller #settings-menu li > a.selected,
.dark-mode .task-settings #layout-sidebar .scroller .listing li > a.selected,
.dark-mode .task-settings #layout-list .listing li > a.selected,
html.dark-mode .task-settings #layout-sidebar .scroller #settings-menu li > a.active,
html.dark-mode .task-settings #layout-sidebar .scroller .listing li > a.active,
html.dark-mode .task-settings #layout-list .listing li > a.active,
body.dark-mode .task-settings #layout-sidebar .scroller #settings-menu li > a.active,
body.dark-mode .task-settings #layout-sidebar .scroller .listing li > a.active,
body.dark-mode .task-settings #layout-list .listing li > a.active,
.dark-mode .task-settings #layout-sidebar .scroller #settings-menu li > a.active,
.dark-mode .task-settings #layout-sidebar .scroller .listing li > a.active,
.dark-mode .task-settings #layout-list .listing li > a.active {
  box-shadow: inset 8px 8px 16px rgba(0, 0, 0, 0.9), inset -4px -4px 8px rgba(0, 0, 0, 0.4) !important;
}
html.dark-mode .task-settings #layout-sidebar .scroller #settings-menu li > a.selected::before,
html.dark-mode .task-settings #layout-sidebar .scroller .listing li > a.selected::before,
html.dark-mode .task-settings #layout-list .listing li > a.selected::before,
body.dark-mode .task-settings #layout-sidebar .scroller #settings-menu li > a.selected::before,
body.dark-mode .task-settings #layout-sidebar .scroller .listing li > a.selected::before,
body.dark-mode .task-settings #layout-list .listing li > a.selected::before,
.dark-mode .task-settings #layout-sidebar .scroller #settings-menu li > a.selected::before,
.dark-mode .task-settings #layout-sidebar .scroller .listing li > a.selected::before,
.dark-mode .task-settings #layout-list .listing li > a.selected::before,
html.dark-mode .task-settings #layout-sidebar .scroller #settings-menu li > a.active::before,
html.dark-mode .task-settings #layout-sidebar .scroller .listing li > a.active::before,
html.dark-mode .task-settings #layout-list .listing li > a.active::before,
body.dark-mode .task-settings #layout-sidebar .scroller #settings-menu li > a.active::before,
body.dark-mode .task-settings #layout-sidebar .scroller .listing li > a.active::before,
body.dark-mode .task-settings #layout-list .listing li > a.active::before,
.dark-mode .task-settings #layout-sidebar .scroller #settings-menu li > a.active::before,
.dark-mode .task-settings #layout-sidebar .scroller .listing li > a.active::before,
.dark-mode .task-settings #layout-list .listing li > a.active::before {
  box-shadow: inset 3px 3px 6px rgba(0, 0, 0, 0.6) !important;
}
/* FINAL OVERRIDE - Back button positioning */
/* FINAL OVERRIDE - Back button positioning - MAXIMUM SPECIFICITY */
.task-settings #layout-list .header {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
}
.task-settings #layout-list .header .back-sidebar-button {
  order: -1 !important;
  margin-right: 16px !important;
  margin-left: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  max-width: 44px !important;
  max-height: 44px !important;
  padding: 0 !important;
  position: relative !important;
  flex-shrink: 0 !important;
}
.task-settings #layout-list .header .back-sidebar-button::before {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  line-height: 1 !important;
  margin: 0 !important;
  font-size: 1.1rem !important;
}
.task-settings #layout-list .header .back-sidebar-button .inner {
  display: none !important;
}
.task-settings #layout-list .header .header-title {
  order: 1 !important;
  margin-left: 0 !important;
  flex: 0 1 auto !important;
}
/* ===========================================================
   FINAL DARK MODE OVERRIDE - Table Rows - Force Dark Shadows
   This overrides ALL light shadows on table rows in dark mode
   =========================================================== */
html.dark-mode .task-settings #layout-list table.listing tbody tr td.section,
body.dark-mode .task-settings #layout-list table.listing tbody tr td.section,
.dark-mode .task-settings #layout-list table.listing tbody tr td.section {
  box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.8), -4px -4px 8px rgba(0, 0, 0, 0.3) !important;
}
html.dark-mode .task-settings #layout-list table.listing tbody tr:hover td.section,
body.dark-mode .task-settings #layout-list table.listing tbody tr:hover td.section,
.dark-mode .task-settings #layout-list table.listing tbody tr:hover td.section {
  box-shadow: 12px 12px 24px rgba(0, 0, 0, 0.9), -6px -6px 12px rgba(0, 0, 0, 0.4) !important;
}
html.dark-mode .task-settings #layout-list table.listing tbody tr.selected td.section,
html.dark-mode .task-settings #layout-list table.listing tbody tr.focused td.section,
body.dark-mode .task-settings #layout-list table.listing tbody tr.selected td.section,
body.dark-mode .task-settings #layout-list table.listing tbody tr.focused td.section,
.dark-mode .task-settings #layout-list table.listing tbody tr.selected td.section,
.dark-mode .task-settings #layout-list table.listing tbody tr.focused td.section {
  box-shadow: inset 10px 10px 20px rgba(0, 0, 0, 0.9), inset -5px -5px 10px rgba(0, 0, 0, 0.4) !important;
}
html.dark-mode .task-settings #layout-list table.listing tbody tr td.section::before,
body.dark-mode .task-settings #layout-list table.listing tbody tr td.section::before,
.dark-mode .task-settings #layout-list table.listing tbody tr td.section::before {
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.6), -2px -2px 4px rgba(0, 0, 0, 0.3) !important;
}
html.dark-mode .task-settings #layout-list table.listing tbody tr:hover td.section::before,
body.dark-mode .task-settings #layout-list table.listing tbody tr:hover td.section::before,
.dark-mode .task-settings #layout-list table.listing tbody tr:hover td.section::before {
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.8), -2px -2px 4px rgba(0, 0, 0, 0.4) !important;
}
html.dark-mode .task-settings #layout-list table.listing tbody tr.selected td.section::before,
html.dark-mode .task-settings #layout-list table.listing tbody tr.focused td.section::before,
body.dark-mode .task-settings #layout-list table.listing tbody tr.selected td.section::before,
body.dark-mode .task-settings #layout-list table.listing tbody tr.focused td.section::before,
.dark-mode .task-settings #layout-list table.listing tbody tr.selected td.section::before,
.dark-mode .task-settings #layout-list table.listing tbody tr.focused td.section::before {
  box-shadow: inset 3px 3px 6px rgba(0, 0, 0, 0.6) !important;
}
/* FINAL DARK MODE OVERRIDE - Table Rows - Force Dark Shadows on Icons */
html.dark-mode .task-settings #layout-list table.listing tbody tr td.section::before,
body.dark-mode .task-settings #layout-list table.listing tbody tr td.section::before,
.dark-mode .task-settings #layout-list table.listing tbody tr td.section::before {
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.6), -2px -2px 4px rgba(0, 0, 0, 0.3) !important;
}
html.dark-mode .task-settings #layout-list table.listing tbody tr:hover td.section::before,
body.dark-mode .task-settings #layout-list table.listing tbody tr:hover td.section::before,
.dark-mode .task-settings #layout-list table.listing tbody tr:hover td.section::before {
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.8), -2px -2px 4px rgba(0, 0, 0, 0.4) !important;
}
html.dark-mode .task-settings #layout-list table.listing tbody tr.selected td.section::before,
html.dark-mode .task-settings #layout-list table.listing tbody tr.focused td.section::before,
body.dark-mode .task-settings #layout-list table.listing tbody tr.selected td.section::before,
body.dark-mode .task-settings #layout-list table.listing tbody tr.focused td.section::before,
.dark-mode .task-settings #layout-list table.listing tbody tr.selected td.section::before,
.dark-mode .task-settings #layout-list table.listing tbody tr.focused td.section::before {
  box-shadow: inset 3px 3px 6px rgba(0, 0, 0, 0.6) !important;
}