:root {
  color-scheme: dark;
  --bg: #050b15;
  --bg-2: #091321;
  --panel: rgba(16, 25, 40, .84);
  --panel-solid: #101a2a;
  --panel-2: #142136;
  --panel-3: #192a43;
  --text: #f7f9fc;
  --muted: #93a2b8;
  --muted-2: #65758d;
  --line: rgba(255,255,255,.09);
  --line-strong: rgba(255,255,255,.16);
  --shadow: 0 24px 70px rgba(0,0,0,.34), 0 2px 10px rgba(0,0,0,.22);
  --shadow-soft: 0 15px 38px rgba(0,0,0,.24);
  --radius-xl: 32px;
  --radius-lg: 24px;
  --radius-md: 18px;
  --radius-sm: 13px;
  --blue: #147eff;
  --blue-2: #55b6ff;
  --green: #34c759;
  --mint: #62e6c2;
  --orange: #ff9f0a;
  --yellow: #ffd60a;
  --red: #ff453a;
  --pink: #ff4fa2;
  --purple: #bf5af2;
  --cyan: #32d8ff;
  --indigo: #5e5ce6;
  --teal: #2dd4bf;
  --slate: #70829d;
  --sidebar-w: 92px;
  --topbar-h: 78px;
}

[data-theme="light"] {
  color-scheme: light;
  --bg: #eef2f7;
  --bg-2: #f7f9fc;
  --panel: rgba(255,255,255,.83);
  --panel-solid: #ffffff;
  --panel-2: #f3f6fa;
  --panel-3: #eaf0f7;
  --text: #101828;
  --muted: #64748b;
  --muted-2: #94a3b8;
  --line: rgba(15,23,42,.08);
  --line-strong: rgba(15,23,42,.14);
  --shadow: 0 24px 70px rgba(40,55,75,.13), 0 2px 10px rgba(40,55,75,.07);
  --shadow-soft: 0 15px 38px rgba(40,55,75,.10);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-height: 100vh;
  background:
    radial-gradient(circle at 20% -10%, rgba(24,126,255,.18), transparent 34%),
    radial-gradient(circle at 90% 5%, rgba(191,90,242,.12), transparent 28%),
    linear-gradient(145deg, var(--bg), var(--bg-2));
  color: var(--text);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", Inter, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
button, input, select, textarea { font: inherit; }
button { color: inherit; }
a { color: inherit; text-decoration: none; }
svg { display: block; }
::selection { background: rgba(20,126,255,.32); }

.app-shell { min-height: 100vh; }

.sidebar {
  position: fixed;
  inset: 0 auto 0 0;
  width: var(--sidebar-w);
  z-index: 50;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px 12px;
  border-right: 1px solid var(--line);
  background: rgba(5,11,21,.76);
  backdrop-filter: blur(28px) saturate(140%);
  -webkit-backdrop-filter: blur(28px) saturate(140%);
}
[data-theme="light"] .sidebar { background: rgba(246,249,253,.78); }

.brand-mark {
  width: 56px;
  height: 56px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  background: linear-gradient(145deg, #ffffff, #dfe9f6);
  color: #07101d;
  box-shadow: 0 12px 28px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.8);
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -.8px;
  cursor: pointer;
  transition: transform .25s ease;
}
.brand-mark:hover { transform: translateY(-2px) scale(1.03); }

.sidebar-nav {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 9px;
  margin-top: 26px;
  width: 100%;
  flex: 1;
}
.side-link {
  width: 58px;
  min-height: 58px;
  border: 0;
  border-radius: 19px;
  background: transparent;
  display: grid;
  place-items: center;
  cursor: pointer;
  color: var(--muted);
  position: relative;
  transition: .24s ease;
}
.side-link:hover { color: var(--text); background: rgba(255,255,255,.07); transform: translateY(-2px); }
.side-link.active { color: #fff; background: linear-gradient(145deg, #1c8cff, #0b66db); box-shadow: 0 12px 28px rgba(20,126,255,.35); }
.side-link .nav-tip {
  position: absolute;
  left: 72px;
  white-space: nowrap;
  padding: 8px 11px;
  border-radius: 10px;
  background: #0d1726;
  border: 1px solid var(--line);
  color: white;
  font-size: 12px;
  opacity: 0;
  transform: translateX(-6px);
  pointer-events: none;
  transition: .18s ease;
  box-shadow: var(--shadow-soft);
}
.side-link:hover .nav-tip { opacity: 1; transform: translateX(0); }
.side-bottom { display: grid; gap: 10px; }

.topbar {
  position: fixed;
  left: var(--sidebar-w);
  right: 0;
  top: 0;
  height: var(--topbar-h);
  z-index: 40;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 28px;
  background: linear-gradient(to bottom, rgba(5,11,21,.88), rgba(5,11,21,.56));
  backdrop-filter: blur(24px) saturate(135%);
  -webkit-backdrop-filter: blur(24px) saturate(135%);
  border-bottom: 1px solid var(--line);
}
[data-theme="light"] .topbar { background: linear-gradient(to bottom, rgba(245,248,252,.9), rgba(245,248,252,.62)); }
.topbar-left { display: flex; align-items: center; gap: 15px; min-width: 0; }
.topbar-title-wrap { min-width: 0; }
.topbar-kicker { color: var(--muted); font-size: 12px; margin-bottom: 2px; }
.topbar-title { font-size: 20px; font-weight: 760; letter-spacing: -.4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.topbar-actions { display: flex; align-items: center; gap: 10px; }
.icon-button {
  border: 1px solid var(--line);
  background: rgba(255,255,255,.06);
  width: 44px;
  height: 44px;
  border-radius: 15px;
  display: grid;
  place-items: center;
  cursor: pointer;
  color: var(--muted);
  transition: .2s ease;
  position: relative;
}
.icon-button:hover { color: var(--text); background: rgba(255,255,255,.11); transform: translateY(-1px); }
.icon-button .dot {
  position: absolute;
  width: 9px; height: 9px; border-radius: 50%;
  background: var(--red);
  top: 8px; right: 8px;
  border: 2px solid var(--bg);
}

.search-trigger {
  border: 1px solid var(--line);
  background: rgba(255,255,255,.06);
  color: var(--muted);
  height: 44px;
  min-width: 250px;
  padding: 0 14px;
  border-radius: 15px;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  transition: .2s ease;
}
.search-trigger:hover { background: rgba(255,255,255,.1); color: var(--text); }
.search-trigger kbd {
  margin-left: auto;
  padding: 3px 7px;
  border-radius: 7px;
  background: rgba(255,255,255,.08);
  border: 1px solid var(--line);
  font-size: 11px;
  color: var(--muted);
}
.profile-button {
  height: 46px;
  border-radius: 16px;
  padding: 4px 10px 4px 5px;
  background: rgba(255,255,255,.07);
  border: 1px solid var(--line);
  display: flex;
  align-items: center;
  gap: 9px;
  cursor: pointer;
}
.avatar {
  width: 36px; height: 36px; border-radius: 13px;
  display: grid; place-items: center;
  background: linear-gradient(145deg, #75c8ff, #1b77ff);
  color: white; font-weight: 780; font-size: 13px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.35);
}
.profile-copy { text-align: left; line-height: 1.15; }
.profile-copy strong { display:block; font-size: 12px; }
.profile-copy span { color: var(--muted); font-size: 10px; }

.main-content {
  margin-left: var(--sidebar-w);
  padding: calc(var(--topbar-h) + 22px) 28px 34px;
  min-height: 100vh;
}
.page { animation: pageIn .35s ease both; }
@keyframes pageIn { from { opacity:0; transform: translateY(8px); } to { opacity:1; transform:none; } }

.page-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin: 5px 0 20px;
}
.page-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--muted);
  font-size: 13px;
  margin-bottom: 7px;
}
.page-title { margin: 0; font-size: clamp(30px, 4vw, 49px); line-height: .98; letter-spacing: -2.2px; font-weight: 820; }
.page-subtitle { margin: 10px 0 0; color: var(--muted); max-width: 760px; line-height: 1.55; }
.page-actions { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; justify-content: flex-end; }

.btn {
  min-height: 42px;
  padding: 0 15px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(255,255,255,.06);
  color: var(--text);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-weight: 680;
  font-size: 13px;
  cursor: pointer;
  transition: .2s ease;
}
.btn:hover { transform: translateY(-2px); background: rgba(255,255,255,.11); }
.btn.primary { background: linear-gradient(145deg, #1f8cff, #0b68dd); border-color: transparent; color: #fff; box-shadow: 0 12px 28px rgba(20,126,255,.28); }
.btn.danger { background: rgba(255,69,58,.14); color: #ff8b84; border-color: rgba(255,69,58,.2); }
.btn.small { min-height: 34px; border-radius: 11px; padding: 0 11px; font-size: 12px; }
.btn.ghost { background: transparent; }

.bento-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0,1fr));
  grid-auto-rows: 96px;
  gap: 14px;
}
.widget {
  position: relative;
  border-radius: var(--radius-lg);
  border: 1px solid rgba(255,255,255,.08);
  overflow: hidden;
  isolation: isolate;
  box-shadow: var(--shadow-soft);
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
  cursor: pointer;
}
.widget::after {
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(145deg, rgba(255,255,255,.16), transparent 32%, transparent 72%, rgba(0,0,0,.12));
  z-index:-1;
  pointer-events:none;
}
.widget:hover { transform: translateY(-4px) scale(1.005); box-shadow: 0 28px 65px rgba(0,0,0,.33); filter: saturate(1.04); }
.widget-content { height: 100%; padding: 19px; display:flex; flex-direction:column; }
.widget-title { font-size: 16px; font-weight: 770; letter-spacing: -.35px; }
.widget-label { font-size: 11px; color: rgba(255,255,255,.75); margin-top: 3px; }
.widget-value { font-size: 42px; line-height: 1; font-weight: 790; letter-spacing: -2px; margin-top: auto; }
.widget-footer { margin-top:auto; display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:12px; color:rgba(255,255,255,.78); }
.widget .app-icon { background: rgba(255,255,255,.18); color:#fff; box-shadow: inset 0 1px 0 rgba(255,255,255,.22); }

.span-2x2 { grid-column: span 6; grid-row: span 4; }
.span-2x1 { grid-column: span 6; grid-row: span 2; }
.span-1x2 { grid-column: span 3; grid-row: span 4; }
.span-1x1 { grid-column: span 3; grid-row: span 2; }
.span-wide { grid-column: span 9; grid-row: span 2; }
.span-small { grid-column: span 3; grid-row: span 2; }

.gradient-red { background: linear-gradient(145deg, #ff5a4e, #d8322b 74%); color:#fff; }
.gradient-blue { background: linear-gradient(145deg, #3aa9ff, #0975e7 75%); color:#fff; }
.gradient-cyan { background: linear-gradient(145deg, #25cef4, #078bb7 76%); color:#fff; }
.gradient-green { background: linear-gradient(145deg, #58db76, #15933f 78%); color:#fff; }
.gradient-yellow { background: linear-gradient(145deg, #ffe15e, #f0ae00 76%); color:#17130a; }
.gradient-orange { background: linear-gradient(145deg, #ffb24e, #f47d20 78%); color:#fff; }
.gradient-purple { background: linear-gradient(145deg, #cf79ff, #7a35d9 76%); color:#fff; }
.gradient-pink { background: linear-gradient(145deg, #ff77b9, #db2f7e 76%); color:#fff; }
.gradient-dark { background: linear-gradient(145deg, #1e2b3f, #0d1625 80%); color:#fff; }
.gradient-light { background: linear-gradient(145deg, #f9fbff, #dfe8f5 80%); color:#0b1320; }

.today-widget .widget-content { padding: 25px; }
.today-date { font-size: 13px; opacity: .85; }
.today-heading { font-size: 34px; font-weight: 800; letter-spacing: -1.5px; margin-top: 8px; }
.today-summary { font-size: 14px; line-height: 1.5; max-width: 520px; margin-top: 7px; opacity: .9; }
.today-list { margin-top: 20px; display: grid; gap: 9px; }
.today-list-row { display:flex; align-items:center; gap:10px; font-size:13px; }
.today-list-row span:first-child { width:7px; height:7px; border-radius:50%; background:rgba(255,255,255,.85); flex:none; }
.today-actions { display:flex; gap:9px; margin-top:auto; flex-wrap:wrap; }
.today-actions .btn { background:rgba(255,255,255,.16); border-color:rgba(255,255,255,.18); color:white; }
.today-actions .btn.primary { background:white; color:#d8322b; }

.module-widget .module-top { display:flex; align-items:flex-start; justify-content:space-between; }
.module-widget .module-icon { width:52px; height:52px; border-radius:17px; display:grid; place-items:center; background:rgba(255,255,255,.18); }
.module-widget .module-arrow { width:34px; height:34px; border-radius:12px; display:grid; place-items:center; background:rgba(255,255,255,.13); }
.module-widget .module-copy { margin-top:auto; }
.module-widget .module-copy h3 { margin:0; font-size:20px; line-height:1.08; letter-spacing:-.7px; }
.module-widget .module-copy p { margin:7px 0 0; font-size:12px; line-height:1.4; opacity:.8; }

.map-widget { background:#eaf3e8; color:#132018; }
.map-grid { position:absolute; inset:0; opacity:.95; background:
  linear-gradient(27deg, transparent 43%, rgba(240,201,74,.75) 44%, rgba(240,201,74,.75) 47%, transparent 48%),
  linear-gradient(105deg, transparent 47%, rgba(255,255,255,.95) 48%, rgba(255,255,255,.95) 51%, transparent 52%),
  linear-gradient(8deg, transparent 54%, rgba(255,255,255,.75) 55%, rgba(255,255,255,.75) 58%, transparent 59%),
  repeating-linear-gradient(0deg, transparent 0 26px, rgba(66,119,77,.11) 27px 28px),
  repeating-linear-gradient(90deg, transparent 0 34px, rgba(66,119,77,.1) 35px 36px);
}
.map-pin { position:absolute; top:42%; left:53%; transform:translate(-50%,-50%); width:46px; height:46px; border-radius:50% 50% 50% 10px; rotate:-45deg; background:#1f8cff; box-shadow:0 12px 26px rgba(31,140,255,.34); display:grid; place-items:center; }
.map-pin svg { rotate:45deg; color:#fff; }
.map-caption { position:absolute; left:17px; right:17px; bottom:15px; background:rgba(255,255,255,.78); backdrop-filter:blur(12px); padding:10px 12px; border-radius:13px; display:flex; justify-content:space-between; align-items:center; font-size:12px; }

.clock-face { width:84px; height:84px; border-radius:50%; background:#fff; color:#111; margin:auto; position:relative; box-shadow:inset 0 0 0 3px #121212, 0 10px 24px rgba(0,0,0,.22); }
.clock-face::before, .clock-face::after { content:""; position:absolute; left:50%; top:50%; transform-origin:bottom center; border-radius:3px; }
.clock-face::before { width:3px; height:25px; background:#111; transform:translate(-50%,-100%) rotate(40deg); }
.clock-face::after { width:2px; height:31px; background:#ff453a; transform:translate(-50%,-100%) rotate(190deg); }
.clock-dot { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:7px; height:7px; border-radius:50%; background:#111; }

.weather-temp { font-size:50px; letter-spacing:-3px; font-weight:790; line-height:1; }
.weather-strip { display:grid; grid-template-columns:repeat(5,1fr); gap:5px; margin-top:auto; }
.weather-day { text-align:center; font-size:10px; opacity:.86; }
.weather-day strong { display:block; font-size:12px; margin-top:5px; }

.app-icon {
  width: 44px; height: 44px; border-radius: 15px;
  display: grid; place-items: center; flex: none;
}
.app-icon.small { width:34px; height:34px; border-radius:11px; }
.app-icon.large { width:58px; height:58px; border-radius:19px; }
.icon-tone-blue { background:rgba(20,126,255,.16); color:#61b3ff; }
.icon-tone-green { background:rgba(52,199,89,.16); color:#6fe58a; }
.icon-tone-orange { background:rgba(255,159,10,.16); color:#ffc05c; }
.icon-tone-yellow { background:rgba(255,214,10,.16); color:#ffe36c; }
.icon-tone-purple { background:rgba(191,90,242,.16); color:#d58cff; }
.icon-tone-cyan { background:rgba(50,216,255,.16); color:#76e8ff; }
.icon-tone-red { background:rgba(255,69,58,.16); color:#ff8e87; }
.icon-tone-pink { background:rgba(255,79,162,.16); color:#ff9dcc; }
.icon-tone-indigo { background:rgba(94,92,230,.16); color:#9d9cff; }
.icon-tone-mint { background:rgba(98,230,194,.16); color:#8df0d6; }
.icon-tone-teal { background:rgba(45,212,191,.16); color:#76e8d5; }
.icon-tone-slate { background:rgba(112,130,157,.16); color:#a9b8cc; }

.stats-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px; margin-bottom:16px; }
.stat-card {
  border-radius: var(--radius-md);
  border:1px solid var(--line);
  background: linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.035));
  padding:17px;
  min-height:136px;
  box-shadow:var(--shadow-soft);
  display:flex; flex-direction:column;
  transition:.22s ease;
}
.stat-card:hover { transform:translateY(-3px); background:linear-gradient(145deg, rgba(255,255,255,.11), rgba(255,255,255,.05)); }
.stat-top { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; }
.stat-label { color:var(--muted); font-size:12px; }
.stat-value { font-size:31px; font-weight:790; letter-spacing:-1.3px; margin-top:auto; }
.stat-meta { font-size:11px; color:var(--muted); margin-top:5px; }

.content-grid { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(290px,.74fr); gap:15px; }
.panel {
  border:1px solid var(--line);
  background:var(--panel);
  backdrop-filter:blur(20px) saturate(130%);
  -webkit-backdrop-filter:blur(20px) saturate(130%);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-soft);
  overflow:hidden;
}
.panel-header { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:17px 19px; border-bottom:1px solid var(--line); }
.panel-title { font-size:15px; font-weight:760; letter-spacing:-.25px; }
.panel-subtitle { color:var(--muted); font-size:11px; margin-top:3px; }
.panel-body { padding:17px 19px; }

.module-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; }
.module-card {
  border:1px solid var(--line);
  background:linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.035));
  min-height:184px;
  border-radius:var(--radius-md);
  padding:18px;
  cursor:pointer;
  transition:.24s ease;
  position:relative;
  overflow:hidden;
}
.module-card::after { content:""; position:absolute; width:120px; height:120px; border-radius:50%; right:-45px; bottom:-55px; background:var(--glow,rgba(20,126,255,.14)); filter:blur(4px); }
.module-card:hover { transform:translateY(-4px); border-color:var(--line-strong); box-shadow:var(--shadow-soft); }
.module-card-head { display:flex; align-items:flex-start; justify-content:space-between; }
.module-card h3 { margin:22px 0 7px; font-size:17px; line-height:1.12; letter-spacing:-.45px; }
.module-card p { margin:0; color:var(--muted); font-size:12px; line-height:1.45; max-width:85%; }
.module-card-arrow { color:var(--muted); }

.tabs { display:flex; gap:5px; overflow:auto; padding:5px; background:rgba(255,255,255,.05); border:1px solid var(--line); border-radius:14px; scrollbar-width:none; }
.tabs::-webkit-scrollbar { display:none; }
.tab-button { border:0; background:transparent; color:var(--muted); white-space:nowrap; padding:9px 13px; border-radius:10px; font-size:12px; font-weight:690; cursor:pointer; transition:.18s; }
.tab-button:hover { color:var(--text); }
.tab-button.active { background:rgba(255,255,255,.1); color:var(--text); box-shadow:0 4px 15px rgba(0,0,0,.13); }

.toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 18px; border-bottom:1px solid var(--line); }
.toolbar-left, .toolbar-right { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.input-shell { height:39px; min-width:210px; border-radius:12px; display:flex; align-items:center; gap:8px; padding:0 11px; border:1px solid var(--line); background:rgba(255,255,255,.05); color:var(--muted); }
.input-shell input { width:100%; background:transparent; border:0; outline:0; color:var(--text); font-size:12px; }
.input-shell input::placeholder { color:var(--muted-2); }
.select-shell { height:39px; border:1px solid var(--line); background:rgba(255,255,255,.05); color:var(--text); border-radius:12px; padding:0 10px; outline:0; font-size:12px; }

.data-table-wrap { overflow:auto; }
.data-table { width:100%; border-collapse:collapse; min-width:720px; }
.data-table th { text-align:left; padding:12px 18px; color:var(--muted); font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.7px; background:rgba(255,255,255,.025); border-bottom:1px solid var(--line); }
.data-table td { padding:14px 18px; border-bottom:1px solid var(--line); font-size:12px; }
.data-table tr:last-child td { border-bottom:0; }
.data-table tbody tr { transition:.18s; cursor:pointer; }
.data-table tbody tr:hover { background:rgba(255,255,255,.035); }
.table-primary { font-weight:700; }
.table-secondary { color:var(--muted); font-size:11px; margin-top:3px; }

.badge { display:inline-flex; align-items:center; gap:6px; border-radius:999px; padding:6px 9px; font-size:10px; font-weight:760; border:1px solid transparent; white-space:nowrap; }
.badge::before { content:""; width:6px; height:6px; border-radius:50%; background:currentColor; }
.badge-success { background:rgba(52,199,89,.12); color:#73e98f; border-color:rgba(52,199,89,.18); }
.badge-warning { background:rgba(255,159,10,.12); color:#ffc568; border-color:rgba(255,159,10,.18); }
.badge-danger { background:rgba(255,69,58,.12); color:#ff8c85; border-color:rgba(255,69,58,.18); }
.badge-info { background:rgba(20,126,255,.12); color:#77bcff; border-color:rgba(20,126,255,.18); }
.badge-progress { background:rgba(191,90,242,.12); color:#d68cff; border-color:rgba(191,90,242,.18); }
.badge-muted { background:rgba(148,163,184,.1); color:#9cabc0; border-color:rgba(148,163,184,.14); }

.activity-list { display:grid; gap:10px; }
.activity-item { display:flex; gap:11px; padding:11px; border-radius:14px; background:rgba(255,255,255,.035); border:1px solid var(--line); }
.activity-copy { min-width:0; }
.activity-copy strong { font-size:12px; display:block; }
.activity-copy span { font-size:10px; color:var(--muted); display:block; margin-top:4px; line-height:1.4; }

.progress-ring { width:88px; height:88px; border-radius:50%; display:grid; place-items:center; background:conic-gradient(var(--ring,var(--blue)) calc(var(--value,0)*1%), rgba(10,132,255,.14) 0); position:relative; box-shadow:inset 0 0 0 1px rgba(10,132,255,.08); }
.progress-ring::before { content:""; position:absolute; inset:8px; border-radius:50%; background:var(--panel-solid); }
.progress-ring strong { position:relative; z-index:1; font-size:19px; }
.progress-row { display:flex; align-items:center; gap:17px; }
.progress-details { flex:1; }
.progress-line { height:8px; border-radius:999px; background:rgba(10,132,255,.12); overflow:hidden; margin-top:8px; }
.progress-line span { display:block; height:100%; width:var(--value); background:linear-gradient(90deg, var(--blue), var(--cyan)); border-radius:inherit; }

.quick-list { display:grid; gap:9px; }
.quick-row { display:flex; align-items:center; gap:11px; padding:11px; border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.03); cursor:pointer; transition:.18s; }
.quick-row:hover { background:rgba(255,255,255,.07); transform:translateX(3px); }
.quick-row-copy { min-width:0; flex:1; }
.quick-row-copy strong { display:block; font-size:12px; }
.quick-row-copy span { display:block; color:var(--muted); font-size:10px; margin-top:3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.quick-count { font-size:22px; font-weight:780; letter-spacing:-1px; }

.nexa-nav { display:flex; gap:7px; padding:6px; border-radius:16px; border:1px solid var(--line); background:rgba(255,255,255,.05); width:max-content; max-width:100%; overflow:auto; }
.nexa-nav button { border:0; background:transparent; color:var(--muted); border-radius:11px; min-height:39px; padding:0 14px; font-weight:700; font-size:12px; cursor:pointer; white-space:nowrap; }
.nexa-nav button.active, .nexa-nav button:hover { background:rgba(255,255,255,.1); color:var(--text); }

.platform-grid, .property-grid, .account-grid, .report-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; }
.platform-card, .property-card, .account-card, .report-card {
  border:1px solid var(--line);
  background:linear-gradient(145deg, rgba(255,255,255,.085), rgba(255,255,255,.035));
  border-radius:var(--radius-md);
  padding:17px;
  min-height:210px;
  position:relative;
  overflow:hidden;
  transition:.23s;
}
.platform-card:hover, .property-card:hover, .account-card:hover, .report-card:hover { transform:translateY(-4px); border-color:var(--line-strong); box-shadow:var(--shadow-soft); }
.platform-head, .property-head, .account-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.platform-card h3, .property-card h3, .account-card h3, .report-card h3 { margin:16px 0 5px; font-size:17px; letter-spacing:-.45px; }
.platform-card p, .property-card p, .account-card p, .report-card p { margin:0; color:var(--muted); font-size:11px; line-height:1.45; }
.platform-meta { display:grid; gap:6px; margin-top:16px; }
.platform-meta-row { display:flex; justify-content:space-between; gap:12px; font-size:11px; color:var(--muted); }
.platform-meta-row strong { color:var(--text); font-weight:660; }
.card-actions { display:flex; gap:7px; flex-wrap:wrap; margin-top:16px; }

.property-map-mini { height:72px; border-radius:14px; margin-top:12px; position:relative; overflow:hidden; background:#dcebd9; }
.property-map-mini::before { content:""; position:absolute; inset:0; background:repeating-linear-gradient(30deg, transparent 0 20px, rgba(255,255,255,.75) 21px 24px), repeating-linear-gradient(110deg, transparent 0 27px, rgba(76,120,78,.1) 28px 30px); }
.property-map-mini::after { content:""; position:absolute; width:18px; height:18px; border-radius:50% 50% 50% 4px; background:var(--blue); left:52%; top:42%; transform:rotate(-45deg); box-shadow:0 8px 14px rgba(20,126,255,.28); }

.account-meta { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:14px; }
.meta-box { padding:9px; border-radius:12px; background:rgba(255,255,255,.045); border:1px solid var(--line); }
.meta-box span { display:block; color:var(--muted); font-size:9px; margin-bottom:4px; }
.meta-box strong { display:block; font-size:11px; }

.detail-hero { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:20px; align-items:center; padding:22px; border-radius:var(--radius-lg); border:1px solid var(--line); background:linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.03)); box-shadow:var(--shadow-soft); margin-bottom:14px; }
.detail-identity { display:flex; align-items:center; gap:15px; }
.detail-identity h2 { margin:0; font-size:24px; letter-spacing:-.9px; }
.detail-identity p { margin:6px 0 0; color:var(--muted); font-size:12px; }
.detail-actions { display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; }

.checklist { display:grid; gap:9px; }
.check-row { display:flex; align-items:center; gap:11px; padding:12px; border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.035); }
.check-row input { width:18px; height:18px; accent-color:var(--blue); }
.check-row label { flex:1; font-size:12px; cursor:pointer; }
.check-row.done label { color:var(--muted); text-decoration:line-through; }

.folder-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px; margin-bottom:15px; }
.folder-card { border:1px solid var(--line); border-radius:var(--radius-md); background:linear-gradient(145deg, rgba(255,255,255,.085), rgba(255,255,255,.03)); padding:17px; min-height:175px; cursor:pointer; transition:.22s; position:relative; overflow:hidden; }
.folder-card:hover { transform:translateY(-4px); border-color:var(--line-strong); box-shadow:var(--shadow-soft); }
.folder-card::after { content:""; position:absolute; width:110px; height:110px; right:-40px; bottom:-48px; border-radius:50%; background:var(--folder-glow,rgba(20,126,255,.15)); }
.folder-card h3 { margin:22px 0 6px; font-size:16px; letter-spacing:-.4px; max-width:82%; }
.folder-card p { margin:0; color:var(--muted); font-size:11px; }

.empty-state { padding:50px 20px; text-align:center; color:var(--muted); }
.empty-state .app-icon { margin:0 auto 14px; }

.overlay {
  position:fixed;
  inset:0;
  z-index:100;
  display:none;
  background:rgba(1,5,10,.68);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  padding:8vh 20px 20px;
}
.overlay.open { display:block; animation:fadeIn .18s ease; }
@keyframes fadeIn { from{opacity:0} to{opacity:1} }
.command-box { width:min(760px,100%); margin:0 auto; background:var(--panel-solid); border:1px solid var(--line-strong); border-radius:24px; box-shadow:0 35px 110px rgba(0,0,0,.5); overflow:hidden; }
.command-input { height:70px; display:flex; align-items:center; gap:12px; padding:0 20px; border-bottom:1px solid var(--line); }
.command-input input { flex:1; border:0; outline:0; background:transparent; color:var(--text); font-size:18px; }
.command-results { max-height:62vh; overflow:auto; padding:10px; }
.command-item { display:flex; align-items:center; gap:12px; padding:12px; border-radius:14px; cursor:pointer; }
.command-item:hover, .command-item.active { background:rgba(255,255,255,.07); }
.command-item-copy { flex:1; min-width:0; }
.command-item-copy strong { display:block; font-size:13px; }
.command-item-copy span { display:block; font-size:10px; color:var(--muted); margin-top:3px; }
.command-item kbd { color:var(--muted); font-size:10px; }

.drawer {
  position:fixed;
  z-index:90;
  top:0;
  right:-430px;
  width:min(410px,100vw);
  height:100vh;
  background:rgba(11,18,29,.94);
  backdrop-filter:blur(26px);
  border-left:1px solid var(--line);
  transition:right .3s cubic-bezier(.22,.8,.24,1);
  box-shadow:-25px 0 80px rgba(0,0,0,.35);
  display:flex;
  flex-direction:column;
}
[data-theme="light"] .drawer { background:rgba(250,252,255,.96); }
.drawer.open { right:0; }
.drawer-header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:20px; border-bottom:1px solid var(--line); }
.drawer-body { padding:13px; overflow:auto; }
.notification-item { display:flex; gap:12px; padding:13px; border-radius:16px; border:1px solid transparent; }
.notification-item:hover { background:rgba(255,255,255,.05); border-color:var(--line); }
.notification-copy { flex:1; }
.notification-copy strong { display:block; font-size:12px; }
.notification-copy p { margin:4px 0 0; color:var(--muted); font-size:10px; line-height:1.45; }
.notification-time { color:var(--muted-2); font-size:9px; }

.dropdown {
  position:fixed;
  z-index:85;
  min-width:260px;
  padding:8px;
  border-radius:18px;
  border:1px solid var(--line-strong);
  background:var(--panel-solid);
  box-shadow:var(--shadow);
  display:none;
}
.dropdown.open { display:block; animation:dropIn .18s ease; }
@keyframes dropIn { from { opacity:0; transform:translateY(-6px) scale(.98); } to { opacity:1; transform:none; } }
.dropdown-head { padding:10px 11px 13px; border-bottom:1px solid var(--line); margin-bottom:6px; }
.dropdown-head strong { display:block; font-size:13px; }
.dropdown-head span { display:block; color:var(--muted); font-size:10px; margin-top:3px; }
.dropdown-item { width:100%; border:0; background:transparent; color:var(--text); display:flex; align-items:center; gap:10px; padding:10px 11px; border-radius:12px; cursor:pointer; text-align:left; font-size:12px; }
.dropdown-item:hover { background:rgba(255,255,255,.06); }
.dropdown-item .check { margin-left:auto; color:var(--blue); }
.dropdown-sep { height:1px; background:var(--line); margin:6px 4px; }

.modal-backdrop { position:fixed; inset:0; z-index:110; display:none; place-items:center; padding:20px; background:rgba(1,5,10,.7); backdrop-filter:blur(14px); }
.modal-backdrop.open { display:grid; }
.modal { width:min(620px,100%); max-height:88vh; overflow:auto; background:var(--panel-solid); border:1px solid var(--line-strong); border-radius:25px; box-shadow:0 40px 120px rgba(0,0,0,.55); }
.modal-header { display:flex; justify-content:space-between; align-items:flex-start; gap:15px; padding:20px; border-bottom:1px solid var(--line); }
.modal-header h3 { margin:0; font-size:21px; letter-spacing:-.7px; }
.modal-header p { margin:5px 0 0; color:var(--muted); font-size:11px; }
.modal-body { padding:20px; }
.modal-footer { display:flex; justify-content:flex-end; gap:8px; padding:16px 20px 20px; }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:13px; }
.today-form-grid .form-field { display:grid; gap:6px; }
.form-field.full { grid-column:1/-1; }
.form-field label { font-size:11px; color:var(--muted); }
.form-field label .required { color:var(--red); }
.form-field input, .form-field select, .form-field textarea { width:100%; border:1px solid var(--line); background:rgba(255,255,255,.045); color:var(--text); border-radius:13px; padding:11px 12px; outline:0; }
.form-field input:focus, .form-field select:focus, .form-field textarea:focus { border-color:rgba(20,126,255,.55); box-shadow:0 0 0 3px rgba(20,126,255,.12); }
.form-field textarea { min-height:95px; resize:vertical; }

.toast-stack { position:fixed; z-index:140; right:20px; bottom:20px; display:grid; gap:10px; }
.toast { min-width:280px; max-width:360px; padding:13px 14px; border-radius:15px; border:1px solid var(--line-strong); background:var(--panel-solid); box-shadow:var(--shadow); display:flex; align-items:center; gap:10px; animation:toastIn .25s ease; }
@keyframes toastIn { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:none; } }
.toast-copy strong { display:block; font-size:12px; }
.toast-copy span { color:var(--muted); font-size:10px; display:block; margin-top:3px; }

.mobile-nav { display:none; }
.mobile-menu-button { display:none; }

.login-page {
  min-height:100vh;
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(380px,.8fr);
  background:
    radial-gradient(circle at 10% 10%, rgba(20,126,255,.22), transparent 30%),
    radial-gradient(circle at 88% 18%, rgba(191,90,242,.16), transparent 27%),
    linear-gradient(145deg,#040a13,#0a1422);
}
.login-showcase { padding:42px; display:flex; flex-direction:column; min-height:100vh; }
.login-brand { display:flex; align-items:center; gap:13px; font-weight:780; font-size:18px; }
.login-hero { margin:auto 0; max-width:720px; }
.login-hero h1 { margin:0; font-size:clamp(48px,6vw,82px); line-height:.92; letter-spacing:-4px; }
.login-hero p { color:#9babc0; max-width:620px; font-size:16px; line-height:1.6; }
.login-mini-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:11px; margin-top:28px; }
.login-mini { min-height:120px; border-radius:22px; padding:16px; display:flex; flex-direction:column; box-shadow:var(--shadow-soft); }
.login-mini strong { margin-top:auto; font-size:14px; }
.login-panel-wrap { display:grid; place-items:center; padding:30px; background:rgba(255,255,255,.035); border-left:1px solid rgba(255,255,255,.08); backdrop-filter:blur(20px); }
.login-card { width:min(440px,100%); background:rgba(13,22,36,.78); border:1px solid rgba(255,255,255,.1); border-radius:30px; padding:28px; box-shadow:0 35px 100px rgba(0,0,0,.35); }
.login-card h2 { margin:20px 0 5px; font-size:30px; letter-spacing:-1.3px; }
.login-card > p { margin:0 0 22px; color:#8fa0b7; font-size:13px; }
.login-card .form-field { margin-bottom:13px; }
.login-card .form-field input { min-height:48px; }
.login-submit { width:100%; min-height:48px; margin-top:7px; }
.login-footer { margin-top:18px; color:#718198; font-size:10px; line-height:1.5; text-align:center; }

@media (max-width: 1220px) {
  .span-2x2 { grid-column:span 8; }
  .span-1x2 { grid-column:span 4; }
  .span-1x1 { grid-column:span 4; }
  .span-2x1 { grid-column:span 8; }
  .stats-grid { grid-template-columns:repeat(2,1fr); }
  .folder-grid { grid-template-columns:repeat(2,1fr); }
  .module-grid, .platform-grid, .property-grid, .account-grid, .report-grid { grid-template-columns:repeat(2,1fr); }
}

@media (max-width: 900px) {
  :root { --sidebar-w:0px; --topbar-h:70px; }
  .sidebar { transform:translateX(-105%); width:260px; align-items:stretch; padding:15px; transition:.28s ease; }
  .sidebar.open { transform:translateX(0); }
  .brand-mark { margin-left:2px; }
  .sidebar-nav { align-items:stretch; }
  .side-link { width:100%; min-height:48px; padding:0 13px; display:flex; justify-content:flex-start; gap:12px; border-radius:14px; }
  .side-link .nav-tip { position:static; opacity:1; transform:none; background:transparent; border:0; padding:0; box-shadow:none; color:inherit; font-size:12px; }
  .side-bottom { margin-top:auto; }
  .topbar { left:0; padding:0 16px; }
  .mobile-menu-button { display:grid; }
  .search-trigger { min-width:44px; width:44px; padding:0; justify-content:center; }
  .search-trigger span, .search-trigger kbd { display:none; }
  .profile-copy { display:none; }
  .profile-button { width:46px; padding:4px; }
  .main-content { margin-left:0; padding:calc(var(--topbar-h) + 18px) 16px 92px; }
  .content-grid { grid-template-columns:1fr; }
  .bento-grid { grid-template-columns:repeat(8,1fr); }
  .span-2x2, .span-2x1 { grid-column:span 8; }
  .span-1x2, .span-1x1, .span-small { grid-column:span 4; }
  .module-grid, .platform-grid, .property-grid, .account-grid, .report-grid { grid-template-columns:repeat(2,1fr); }
  .mobile-nav { position:fixed; z-index:45; left:12px; right:12px; bottom:12px; height:64px; display:grid; grid-template-columns:repeat(5,1fr); padding:6px; border-radius:22px; background:rgba(10,18,30,.9); border:1px solid var(--line-strong); backdrop-filter:blur(20px); box-shadow:var(--shadow); }
  [data-theme="light"] .mobile-nav { background:rgba(255,255,255,.9); }
  .mobile-nav button { border:0; background:transparent; color:var(--muted); border-radius:16px; display:grid; place-items:center; cursor:pointer; }
  .mobile-nav button.active { color:#fff; background:linear-gradient(145deg,#1b8cff,#0c68dc); }
  .login-page { grid-template-columns:1fr; }
  .login-showcase { display:none; }
  .login-panel-wrap { min-height:100vh; border:0; }
}

@media (max-width: 640px) {
  .topbar-title { font-size:16px; max-width:150px; }
  .topbar-kicker { display:none; }
  .topbar-actions { gap:6px; }
  .icon-button { width:40px; height:40px; border-radius:13px; }
  .profile-button { width:40px; height:40px; border-radius:13px; }
  .avatar { width:30px; height:30px; border-radius:10px; font-size:11px; }
  .page-heading { align-items:flex-start; flex-direction:column; }
  .page-actions { justify-content:flex-start; }
  .page-title { font-size:34px; letter-spacing:-1.5px; }
  .bento-grid { grid-template-columns:repeat(4,1fr); grid-auto-rows:92px; }
  .span-2x2, .span-2x1, .span-1x2, .span-1x1, .span-wide, .span-small { grid-column:span 4; }
  .span-2x2 { grid-row:span 4; }
  .span-1x2 { grid-row:span 3; }
  .span-1x1, .span-2x1, .span-wide, .span-small { grid-row:span 2; }
  .today-heading { font-size:27px; }
  .today-summary { font-size:12px; }
  .stats-grid, .module-grid, .platform-grid, .property-grid, .account-grid, .report-grid, .folder-grid { grid-template-columns:1fr; }
  .stat-card { min-height:122px; }
  .toolbar { align-items:stretch; flex-direction:column; }
  .toolbar-left, .toolbar-right { width:100%; }
  .input-shell { flex:1; min-width:0; }
  .detail-hero { grid-template-columns:1fr; }
  .detail-actions { justify-content:flex-start; }
  .form-grid { grid-template-columns:1fr; }
  .form-field.full { grid-column:auto; }
  .modal { border-radius:22px; }
  .login-panel-wrap { padding:18px; }
  .login-card { padding:22px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; scroll-behavior:auto !important; }
}

/* ========================================================================== 
   HELPRITE DESK — APPLE SYSTEM UI REFINEMENT
   Uses Apple-like system neutrals, iOS semantic colours and supplied branding.
   ========================================================================== */
:root {
  color-scheme: dark;
  --bg: #000000;
  --bg-2: #000000;
  --panel: rgba(28, 28, 30, .92);
  --panel-solid: #1c1c1e;
  --panel-2: #2c2c2e;
  --panel-3: #3a3a3c;
  --text: #f5f5f7;
  --muted: #a1a1a6;
  --muted-2: #6e6e73;
  --line: rgba(255, 255, 255, .10);
  --line-strong: rgba(255, 255, 255, .16);
  --shadow: 0 24px 70px rgba(0, 0, 0, .44), 0 1px 0 rgba(255, 255, 255, .04) inset;
  --shadow-soft: 0 12px 34px rgba(0, 0, 0, .28), 0 1px 0 rgba(255, 255, 255, .035) inset;
  --radius-xl: 28px;
  --radius-lg: 22px;
  --radius-md: 18px;
  --radius-sm: 12px;
  --blue: #0a84ff;
  --blue-2: #64d2ff;
  --green: #30d158;
  --mint: #63e6be;
  --orange: #ff9f0a;
  --yellow: #ffd60a;
  --red: #ff453a;
  --pink: #ff375f;
  --purple: #bf5af2;
  --cyan: #64d2ff;
  --indigo: #5e5ce6;
  --teal: #5ac8fa;
  --slate: #8e8e93;
}

[data-theme="light"] {
  color-scheme: light;
  --bg: #f5f5f7;
  --bg-2: #f5f5f7;
  --panel: rgba(255, 255, 255, .94);
  --panel-solid: #ffffff;
  --panel-2: #f2f2f7;
  --panel-3: #e5e5ea;
  --text: #1d1d1f;
  --muted: #6e6e73;
  --muted-2: #8e8e93;
  --line: rgba(0, 0, 0, .08);
  --line-strong: rgba(0, 0, 0, .14);
  --shadow: 0 22px 60px rgba(0, 0, 0, .11), 0 1px 0 rgba(255, 255, 255, .85) inset;
  --shadow-soft: 0 10px 30px rgba(0, 0, 0, .08), 0 1px 0 rgba(255, 255, 255, .8) inset;
  --blue: #007aff;
  --blue-2: #32ade6;
  --green: #34c759;
  --orange: #ff9500;
  --yellow: #ffcc00;
  --red: #ff3b30;
  --pink: #ff2d55;
  --purple: #af52de;
  --cyan: #32ade6;
  --indigo: #5856d6;
  --teal: #5ac8fa;
}

body {
  background: var(--bg);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  letter-spacing: -.005em;
}

::selection { background: rgba(10, 132, 255, .32); }

.brand-on-light { display: none !important; }
[data-theme="light"] .brand-on-dark { display: none !important; }
[data-theme="light"] .brand-on-light { display: block !important; }

.brand-mark {
  width: 58px;
  height: 58px;
  padding: 4px;
  border: 0;
  border-radius: 18px;
  background: transparent;
  box-shadow: none;
  overflow: hidden;
}
.brand-mark img { width: 100%; height: 100%; object-fit: contain; }
.brand-mark:hover { transform: scale(1.035); background: rgba(255, 255, 255, .055); }
[data-theme="light"] .brand-mark:hover { background: rgba(0, 0, 0, .045); }

.brand-full { display: inline-flex; width: min(250px, 62vw); }
.brand-full img { display: block; width: 100%; height: auto; object-fit: contain; }
.login-card-logo { display: inline-flex; width: 190px; max-width: 72%; }
.login-card-logo img { width: 100%; height: auto; object-fit: contain; }

.sidebar {
  background: rgba(0, 0, 0, .82);
  border-right-color: rgba(255, 255, 255, .09);
  backdrop-filter: saturate(180%) blur(26px);
  -webkit-backdrop-filter: saturate(180%) blur(26px);
}
[data-theme="light"] .sidebar { background: rgba(245, 245, 247, .84); }

.side-link { border-radius: 16px; }
.side-link:hover { background: rgba(255, 255, 255, .08); transform: none; }
[data-theme="light"] .side-link:hover { background: rgba(0, 0, 0, .055); }
.side-link.active {
  color: #fff;
  background: var(--blue);
  box-shadow: 0 10px 26px rgba(10, 132, 255, .28);
}
.side-link .nav-tip { background: rgba(44, 44, 46, .98); border-color: rgba(255, 255, 255, .12); }
[data-theme="light"] .side-link .nav-tip { background: rgba(255, 255, 255, .98); color: #1d1d1f; border-color: rgba(0, 0, 0, .1); }

.topbar {
  background: rgba(0, 0, 0, .72);
  border-bottom-color: rgba(255, 255, 255, .09);
  backdrop-filter: saturate(180%) blur(24px);
  -webkit-backdrop-filter: saturate(180%) blur(24px);
}
[data-theme="light"] .topbar { background: rgba(245, 245, 247, .78); }

.icon-button,
.search-trigger,
.profile-button,
.btn {
  background: rgba(255, 255, 255, .075);
  border-color: rgba(255, 255, 255, .11);
  box-shadow: none;
}
[data-theme="light"] .icon-button,
[data-theme="light"] .search-trigger,
[data-theme="light"] .profile-button,
[data-theme="light"] .btn { background: rgba(255, 255, 255, .86); border-color: rgba(0, 0, 0, .08); }
.icon-button:hover,
.search-trigger:hover,
.btn:hover { background: rgba(255, 255, 255, .13); transform: none; }
[data-theme="light"] .icon-button:hover,
[data-theme="light"] .search-trigger:hover,
[data-theme="light"] .btn:hover { background: #fff; }

.avatar { background: var(--blue); box-shadow: none; }
.btn.primary {
  background: var(--blue);
  border-color: var(--blue);
  box-shadow: none;
}
.btn.primary:hover { background: #409cff; border-color: #409cff; }
[data-theme="light"] .btn.primary:hover { background: #0071e3; border-color: #0071e3; }

.page-title { font-weight: 740; letter-spacing: -.055em; }
.page-subtitle { color: var(--muted); }

.widget {
  border-color: rgba(255, 255, 255, .085);
  box-shadow: var(--shadow-soft);
}
[data-theme="light"] .widget { border-color: rgba(0, 0, 0, .06); }
.widget::after { display: none; }
.widget:hover { transform: translateY(-2px); filter: none; box-shadow: var(--shadow); }

.gradient-red { background: #ff453a; color: #fff; }
.gradient-blue { background: #0a84ff; color: #fff; }
.gradient-cyan { background: #64d2ff; color: #111; }
.gradient-green { background: #30d158; color: #07130b; }
.gradient-yellow { background: #ffd60a; color: #111; }
.gradient-orange { background: #ff9f0a; color: #111; }
.gradient-purple { background: #bf5af2; color: #fff; }
.gradient-pink { background: #ff375f; color: #fff; }
.gradient-dark { background: #1c1c1e; color: #fff; }
.gradient-light { background: #f2f2f7; color: #1d1d1f; }
[data-theme="light"] .gradient-red { background: #ff3b30; }
[data-theme="light"] .gradient-blue { background: #007aff; }
[data-theme="light"] .gradient-cyan { background: #32ade6; }
[data-theme="light"] .gradient-green { background: #34c759; }
[data-theme="light"] .gradient-yellow { background: #ffcc00; }
[data-theme="light"] .gradient-orange { background: #ff9500; }
[data-theme="light"] .gradient-purple { background: #af52de; }
[data-theme="light"] .gradient-pink { background: #ff2d55; }
[data-theme="light"] .gradient-dark { background: #1d1d1f; }
[data-theme="light"] .gradient-light { background: #fff; }

.widget .app-icon,
.module-widget .module-icon,
.module-widget .module-arrow { background: rgba(255, 255, 255, .2); box-shadow: none; }
.gradient-cyan .module-icon,
.gradient-cyan .module-arrow,
.gradient-yellow .module-icon,
.gradient-yellow .module-arrow,
.gradient-orange .module-icon,
.gradient-orange .module-arrow,
.gradient-green .module-icon,
.gradient-green .module-arrow { background: rgba(0, 0, 0, .12); }

.today-actions .btn { background: rgba(255,255,255,.18); border-color: rgba(255,255,255,.18); }
.today-actions .btn.primary { background: #fff; border-color: #fff; color: #ff3b30; }

.map-widget { background: #e6efe3; color: #1d2a20; }
.map-pin { background: #007aff; box-shadow: 0 10px 24px rgba(0, 122, 255, .28); }
.map-caption { background: rgba(255, 255, 255, .82); border: 1px solid rgba(0, 0, 0, .04); }

.stat-card,
.panel,
.module-card,
.platform-card,
.folder-card,
.detail-hero {
  background: var(--panel-solid);
  border-color: var(--line);
  box-shadow: var(--shadow-soft);
}
.stat-card:hover,
.module-card:hover,
.platform-card:hover,
.folder-card:hover { background: var(--panel-2); transform: translateY(-2px); }
[data-theme="light"] .stat-card:hover,
[data-theme="light"] .module-card:hover,
[data-theme="light"] .platform-card:hover,
[data-theme="light"] .folder-card:hover { background: #fff; }

.icon-tone-blue { background: rgba(10,132,255,.14); color:#0a84ff; }
.icon-tone-green { background: rgba(48,209,88,.14); color:#30d158; }
.icon-tone-orange { background: rgba(255,159,10,.14); color:#ff9f0a; }
.icon-tone-yellow { background: rgba(255,214,10,.14); color:#ffd60a; }
.icon-tone-purple { background: rgba(191,90,242,.14); color:#bf5af2; }
.icon-tone-cyan { background: rgba(100,210,255,.14); color:#64d2ff; }
.icon-tone-red { background: rgba(255,69,58,.14); color:#ff453a; }
.icon-tone-pink { background: rgba(255,55,95,.14); color:#ff375f; }
.icon-tone-indigo { background: rgba(94,92,230,.14); color:#7d7aff; }
.icon-tone-mint { background: rgba(99,230,190,.14); color:#63e6be; }
.icon-tone-teal { background: rgba(90,200,250,.14); color:#5ac8fa; }
.icon-tone-slate { background: rgba(142,142,147,.14); color:#aeaeb2; }
[data-theme="light"] .icon-tone-blue { color:#007aff; }
[data-theme="light"] .icon-tone-green { color:#248a3d; }
[data-theme="light"] .icon-tone-orange { color:#c93400; }
[data-theme="light"] .icon-tone-yellow { color:#8a6d00; }
[data-theme="light"] .icon-tone-purple { color:#8944ab; }
[data-theme="light"] .icon-tone-cyan { color:#0071a4; }
[data-theme="light"] .icon-tone-red { color:#d70015; }
[data-theme="light"] .icon-tone-pink { color:#d30f45; }
[data-theme="light"] .icon-tone-indigo { color:#3634a3; }
[data-theme="light"] .icon-tone-mint { color:#0f7f66; }
[data-theme="light"] .icon-tone-teal { color:#0071a4; }
[data-theme="light"] .icon-tone-slate { color:#636366; }

.badge-success { color:#30d158; }
.badge-warning { color:#ff9f0a; }
.badge-danger { color:#ff453a; }
.badge-info { color:#64d2ff; }
.badge-progress { color:#bf5af2; }
[data-theme="light"] .badge-success { color:#248a3d; }
[data-theme="light"] .badge-warning { color:#9a6700; }
[data-theme="light"] .badge-danger { color:#d70015; }
[data-theme="light"] .badge-info { color:#0071a4; }
[data-theme="light"] .badge-progress { color:#8944ab; }

.progress-line span { background: var(--blue); }
.today-form-grid .form-field input:focus,
.today-form-grid .form-field select:focus,
.today-form-grid .form-field textarea:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(10,132,255,.18); }

.mobile-nav { background: rgba(28, 28, 30, .88); }
[data-theme="light"] .mobile-nav { background: rgba(255, 255, 255, .9); }
.mobile-nav button.active { background: var(--blue); }

.login-page {
  background: #000;
  color: #f5f5f7;
}
.login-showcase {
  background: #000;
  position: relative;
  overflow: hidden;
}
.login-showcase::after {
  content: "";
  position: absolute;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  left: -220px;
  bottom: -280px;
  background: rgba(10,132,255,.12);
  filter: blur(2px);
  pointer-events: none;
}
.login-brand,
.login-hero,
.login-security-note { position: relative; z-index: 1; }
.login-hero h1 { font-weight: 720; letter-spacing: -.065em; }
.login-hero p { color: #a1a1a6; }
.login-mini { border: 1px solid rgba(255,255,255,.08); box-shadow: none; }
.login-security-note { color: #6e6e73; font-size: 11px; }
.login-panel-wrap {
  background: #f5f5f7;
  border-left: 0;
  backdrop-filter: none;
}
.login-card {
  color: #1d1d1f;
  background: #fff;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 28px;
  box-shadow: 0 28px 70px rgba(0,0,0,.16);
}
.login-card > p,
.login-card .form-field label,
.login-options,
.login-footer { color: #6e6e73; }
.login-card .form-field input {
  color: #1d1d1f;
  background: #f5f5f7;
  border-color: rgba(0,0,0,.08);
}
.login-card .form-field input:focus { border-color: #007aff; box-shadow: 0 0 0 3px rgba(0,122,255,.15); }
.login-options { display:flex; justify-content:space-between; align-items:center; margin:4px 0 10px; font-size:11px; }
.login-link { border:0; background:none; color:#007aff; cursor:pointer; padding:0; }
.login-card .brand-on-dark { display: none !important; }
.login-card .brand-on-light { display: block !important; }

@media (max-width: 900px) {
  .sidebar .brand-mark { margin: 0 0 8px; }
  .login-panel-wrap { background: #f5f5f7; }
}


/* ==============================================================
   Persistent role interface, adaptive branding and Apple back link
   Added without altering the original interface declarations above.
   ============================================================== */
.role-hidden { display: none !important; }
.dropdown-item.role-selected { color: var(--text); background: rgba(0,122,255,.11); }
.role-active-check { margin-left: auto; color: #0a84ff; display: inline-grid; place-items: center; }
.apple-back-link {
  width: max-content;
  min-height: 34px;
  margin: 0 0 14px;
  padding: 0 11px 0 8px;
  border: 1px solid var(--line);
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: rgba(255,255,255,.055);
  color: #0a84ff;
  font-size: 13px;
  font-weight: 620;
  letter-spacing: -.12px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}
.apple-back-link:hover { transform: translateX(-2px); background: rgba(10,132,255,.10); border-color: rgba(10,132,255,.24); }
.apple-back-link:focus-visible { outline: 3px solid rgba(10,132,255,.22); outline-offset: 2px; }
[data-theme="light"] .apple-back-link { background: rgba(255,255,255,.82); box-shadow: 0 2px 10px rgba(0,0,0,.035); }

/* ==============================================================
   Apple-style authentication pages
   ============================================================== */
.apple-auth-page {
  min-height: 100vh;
  margin: 0;
  background: #000;
  color: #f5f5f7;
  display: grid;
  grid-template-rows: auto 1fr auto;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", Inter, Segoe UI, sans-serif;
}
[data-theme="light"] .apple-auth-page { background: #f5f5f7; color: #1d1d1f; }
.apple-auth-header {
  min-height: 64px;
  padding: 10px clamp(18px,3vw,40px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.76);
  backdrop-filter: saturate(180%) blur(22px);
  -webkit-backdrop-filter: saturate(180%) blur(22px);
}
[data-theme="light"] .apple-auth-header { background: rgba(250,250,252,.78); border-color: rgba(0,0,0,.08); }
.apple-auth-header .auth-wordmark { width: 146px; display: inline-flex; align-items: center; }
.apple-auth-header .auth-wordmark img { width: 100%; height: auto; object-fit: contain; }
.apple-auth-header-actions { display: flex; align-items: center; gap: 9px; }
.apple-auth-back {
  min-height: 36px;
  padding: 0 12px 0 9px;
  border-radius: 999px;
  border: 0;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #2997ff;
  background: transparent;
  font-size: 14px;
  font-weight: 590;
}
.apple-auth-back:hover { background: rgba(255,255,255,.075); }
[data-theme="light"] .apple-auth-back:hover { background: rgba(0,0,0,.045); }
.auth-theme-button {
  width: 38px;
  height: 38px;
  padding: 0;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.13);
  background: rgba(255,255,255,.07);
  color: inherit;
  display: grid;
  place-items: center;
  cursor: pointer;
}
[data-theme="light"] .auth-theme-button { border-color: rgba(0,0,0,.09); background: rgba(255,255,255,.72); }
.apple-auth-main { display: grid; place-items: center; padding: 48px 20px 34px; }
.apple-auth-card {
  width: min(100%, 460px);
  text-align: center;
  padding: 8px 18px 24px;
}
.apple-auth-symbol {
  width: 82px;
  height: 82px;
  margin: 0 auto 24px;
  border-radius: 25px;
  display: grid;
  place-items: center;
  background: #fff;
  box-shadow: 0 20px 55px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.9);
}
.apple-auth-symbol img { width: 70px; height: 70px; object-fit: contain; }
[data-theme="light"] .apple-auth-symbol { box-shadow: 0 18px 48px rgba(0,0,0,.12); }
.apple-auth-card h1 { margin: 0; font-size: clamp(30px,5vw,40px); line-height: 1.08; letter-spacing: -.045em; font-weight: 700; }
.apple-auth-intro { margin: 12px auto 28px; max-width: 380px; color: #a1a1a6; font-size: 16px; line-height: 1.5; }
[data-theme="light"] .apple-auth-intro { color: #6e6e73; }
.apple-auth-form { text-align: left; }
.apple-auth-fields {
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 15px;
  background: #1c1c1e;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}
[data-theme="light"] .apple-auth-fields { background: #fff; border-color: rgba(0,0,0,.16); box-shadow: 0 5px 22px rgba(0,0,0,.055); }
.apple-auth-field { position: relative; border-bottom: 1px solid rgba(255,255,255,.11); }
.apple-auth-field:last-child { border-bottom: 0; }
[data-theme="light"] .apple-auth-field { border-color: rgba(0,0,0,.10); }
.apple-auth-field label { position: absolute; left: 16px; top: 8px; color: #8e8e93; font-size: 11px; pointer-events: none; }
.apple-auth-field input {
  width: 100%;
  min-height: 58px;
  padding: 24px 48px 7px 16px;
  border: 0;
  outline: 0;
  background: transparent;
  color: inherit;
  font-size: 16px;
  border-radius: 0;
}
.apple-auth-field:focus-within { box-shadow: inset 0 0 0 2px #0a84ff; z-index: 1; }
.auth-password-toggle { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); width: 38px; height: 38px; border: 0; border-radius: 50%; background: transparent; color: #8e8e93; display: grid; place-items: center; cursor: pointer; }
.auth-password-toggle:hover,.auth-password-toggle.active { color: #0a84ff; background: rgba(10,132,255,.10); }
.apple-auth-options { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: 14px 2px 20px; color: #a1a1a6; font-size: 13px; }
[data-theme="light"] .apple-auth-options { color: #6e6e73; }
.apple-auth-check { display: inline-flex; align-items: center; gap: 8px; }
.apple-auth-link { color: #2997ff; font-weight: 560; }
.apple-auth-link:hover { text-decoration: underline; }
.apple-auth-submit {
  width: 100%;
  min-height: 50px;
  border: 0;
  border-radius: 999px;
  background: #0071e3;
  color: #fff;
  font-size: 16px;
  font-weight: 650;
  cursor: pointer;
  transition: transform .18s ease, background .18s ease, opacity .18s ease;
}
.apple-auth-submit:hover { background: #0077ed; transform: translateY(-1px); }
.apple-auth-submit:disabled { opacity: .65; cursor: wait; transform: none; }
.apple-auth-secondary { width: 100%; min-height: 48px; margin-top: 11px; border-radius: 999px; border: 1px solid rgba(255,255,255,.17); background: transparent; color: inherit; display: inline-flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 600; }
[data-theme="light"] .apple-auth-secondary { border-color: rgba(0,0,0,.16); }
.apple-auth-note { margin: 22px auto 0; color: #6e6e73; font-size: 12px; line-height: 1.55; text-align: center; }
.apple-auth-status-icon { width: 70px; height: 70px; margin: 0 auto 23px; border-radius: 50%; display: grid; place-items: center; background: rgba(48,209,88,.14); color: #30d158; }
.apple-auth-status-icon.warning { background: rgba(255,159,10,.14); color: #ff9f0a; }
.apple-auth-email { color: inherit; font-weight: 650; }
.apple-auth-otp { display: grid; grid-template-columns: repeat(6,1fr); gap: 8px; margin: 6px 0 20px; }
.apple-auth-otp input { width: 100%; aspect-ratio: 1/1.12; min-width: 0; border-radius: 13px; border: 1px solid rgba(255,255,255,.16); background: #1c1c1e; color: inherit; text-align: center; font-size: 25px; font-weight: 650; outline: 0; }
.apple-auth-otp input:focus { border-color: #0a84ff; box-shadow: 0 0 0 3px rgba(10,132,255,.18); }
[data-theme="light"] .apple-auth-otp input { background: #fff; border-color: rgba(0,0,0,.16); }
.apple-auth-footer { padding: 18px 20px 26px; color: #6e6e73; font-size: 11px; text-align: center; }
@media (max-width: 600px) {
  .apple-auth-header { min-height: 58px; padding: 8px 14px; }
  .apple-auth-header .auth-wordmark { width: 124px; }
  .apple-auth-main { align-items: start; padding-top: 36px; }
  .apple-auth-card { padding-inline: 4px; }
  .apple-auth-card h1 { font-size: 31px; }
  .apple-auth-intro { font-size: 15px; }
  .apple-auth-otp { gap: 6px; }
  .apple-auth-otp input { border-radius: 11px; font-size: 21px; }
}


/* Revision 5: persistent role preview and complete Apple authentication flow. */
.role-preview-list { max-height: min(44vh, 360px); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
.role-preview-list .dropdown-item { flex-shrink: 0; }
.auth-inline-links { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px 14px; margin-top: 17px; font-size: 13px; }
.auth-inline-links a { color: #2997ff; font-weight: 560; }
.auth-inline-links a:hover { text-decoration: underline; }


/* ===== Helprite Desk v6: Apple heading, controls and feedback ===== */

/* Back action: right side of the title area, with existing page actions beneath it. */
.page-heading {
  align-items: flex-start;
}
.page-heading-side {
  flex: 0 0 auto;
  min-width: max-content;
  padding-top: 26px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 16px;
}
.page-heading-side .page-actions {
  max-width: 540px;
}
.apple-back-link.page-heading-back {
  margin: 0;
  min-height: 38px;
  padding: 0 14px 0 10px;
  background: rgba(44,44,46,.72);
  border-color: rgba(255,255,255,.14);
  color: #0a84ff;
  box-shadow: 0 1px 0 rgba(255,255,255,.06) inset, 0 5px 18px rgba(0,0,0,.16);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
}
[data-theme="light"] .apple-back-link.page-heading-back {
  background: rgba(255,255,255,.82);
  border-color: rgba(0,0,0,.10);
  color: #007aff;
  box-shadow: 0 1px 0 rgba(255,255,255,.9) inset, 0 5px 18px rgba(0,0,0,.06);
}
.apple-back-link.page-heading-back:hover {
  transform: translateY(-1px);
  background: rgba(58,58,60,.9);
}
[data-theme="light"] .apple-back-link.page-heading-back:hover {
  background: #fff;
}

/* Apple form control tokens. */
:root[data-theme="dark"] {
  --apple-control-bg: #1c1c1e;
  --apple-control-bg-hover: #242426;
  --apple-control-border: rgba(255,255,255,.14);
  --apple-control-border-strong: rgba(255,255,255,.22);
  --apple-control-placeholder: #636366;
  --apple-control-disabled: #151517;
  --apple-control-shadow: 0 1px 0 rgba(255,255,255,.055) inset, 0 1px 2px rgba(0,0,0,.20);
  --apple-alert-bg: rgba(38,38,40,.94);
  --apple-alert-separator: rgba(255,255,255,.13);
}
:root[data-theme="light"] {
  --apple-control-bg: #ffffff;
  --apple-control-bg-hover: #f9f9fb;
  --apple-control-border: rgba(0,0,0,.14);
  --apple-control-border-strong: rgba(0,0,0,.22);
  --apple-control-placeholder: #8e8e93;
  --apple-control-disabled: #f2f2f7;
  --apple-control-shadow: 0 1px 0 rgba(255,255,255,.9) inset, 0 1px 2px rgba(0,0,0,.045);
  --apple-alert-bg: rgba(248,248,250,.96);
  --apple-alert-separator: rgba(0,0,0,.12);
}

.static-form .panel-body {
  padding: 24px;
}
.static-form .form-grid {
  gap: 18px 16px;
}
.static-form .form-field {
  gap: 8px;
}
.static-form .form-field label {
  color: var(--text);
  font-size: 13px;
  line-height: 1.3;
  font-weight: 650;
  letter-spacing: -.08px;
}
.static-form .form-field label .required,
.static-form .required {
  color: #ff453a;
}
.static-form .form-field input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
.static-form .form-field select,
.static-form .form-field textarea,
.form-field input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
.form-field select,
.form-field textarea {
  width: 100%;
  min-height: 48px;
  padding: 11px 14px;
  border: 1px solid var(--apple-control-border);
  border-radius: 12px;
  background-color: var(--apple-control-bg);
  color: var(--text);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", Inter, "Segoe UI", sans-serif;
  font-size: 15px;
  font-weight: 430;
  line-height: 1.35;
  letter-spacing: -.12px;
  outline: none;
  box-shadow: var(--apple-control-shadow);
  transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}
.static-form .form-field textarea,
.form-field textarea {
  min-height: 118px;
  padding-top: 13px;
  resize: vertical;
}
.static-form .form-field input::placeholder,
.static-form .form-field textarea::placeholder,
.form-field input::placeholder,
.form-field textarea::placeholder {
  color: var(--apple-control-placeholder);
  opacity: 1;
}
.static-form .form-field input:hover:not(:disabled):not([readonly]),
.static-form .form-field select:hover:not(:disabled),
.static-form .form-field textarea:hover:not(:disabled):not([readonly]),
.form-field input:hover:not(:disabled):not([readonly]),
.form-field select:hover:not(:disabled),
.form-field textarea:hover:not(:disabled):not([readonly]) {
  background-color: var(--apple-control-bg-hover);
  border-color: var(--apple-control-border-strong);
}
.static-form .form-field input:focus,
.static-form .form-field select:focus,
.static-form .form-field textarea:focus,
.today-form-grid .form-field input:focus,
.today-form-grid .form-field select:focus,
.today-form-grid .form-field textarea:focus {
  border-color: #0a84ff;
  background-color: var(--apple-control-bg);
  box-shadow: 0 0 0 4px rgba(10,132,255,.18), var(--apple-control-shadow);
}
[data-theme="light"] .static-form .form-field input:focus,
[data-theme="light"] .static-form .form-field select:focus,
[data-theme="light"] .static-form .form-field textarea:focus,
[data-theme="light"] .form-field input:focus,
[data-theme="light"] .form-field select:focus,
[data-theme="light"] .form-field textarea:focus {
  border-color: #007aff;
  box-shadow: 0 0 0 4px rgba(0,122,255,.14), var(--apple-control-shadow);
}
.static-form .form-field:focus-within > label,
.form-field:focus-within > label {
  color: #0a84ff;
}
[data-theme="light"] .static-form .form-field:focus-within > label,
[data-theme="light"] .form-field:focus-within > label {
  color: #007aff;
}

/* Native selects with a restrained macOS chevron. */
.static-form .form-field select,
.form-field select,
.select-shell {
  -webkit-appearance: none;
  appearance: none;
  padding-right: 42px;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23a1a1a6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 14px;
}
.static-form select option,
.form-field select option,
.select-shell option {
  background: #1c1c1e;
  color: #f5f5f7;
  font-size: 15px;
}
[data-theme="light"] .static-form select option,
[data-theme="light"] .form-field select option,
[data-theme="light"] .select-shell option {
  background: #fff;
  color: #1d1d1f;
}

/* Date, time and date-time inputs keep native Apple controls but match the surface. */
:root[data-theme="dark"] input[type="date"],
:root[data-theme="dark"] input[type="time"],
:root[data-theme="dark"] input[type="datetime-local"],
:root[data-theme="dark"] input[type="month"],
:root[data-theme="dark"] input[type="week"] {
  color-scheme: dark;
}
:root[data-theme="light"] input[type="date"],
:root[data-theme="light"] input[type="time"],
:root[data-theme="light"] input[type="datetime-local"],
:root[data-theme="light"] input[type="month"],
:root[data-theme="light"] input[type="week"] {
  color-scheme: light;
}
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator,
input[type="datetime-local"]::-webkit-calendar-picker-indicator,
input[type="month"]::-webkit-calendar-picker-indicator,
input[type="week"]::-webkit-calendar-picker-indicator {
  cursor: pointer;
  opacity: .72;
}

/* Apple checkbox and radio treatment. */
.static-form input[type="checkbox"],
.static-form input[type="radio"],
[data-permission-section] input[type="checkbox"],
.apple-auth-check input[type="checkbox"] {
  width: 20px;
  height: 20px;
  min-height: 20px;
  margin: 0;
  flex: 0 0 20px;
  accent-color: #0a84ff;
}

/* File controls follow the same rounded control surface. */
.static-form input[type="file"]::file-selector-button,
.form-field input[type="file"]::file-selector-button {
  margin: -5px 12px -5px -7px;
  min-height: 36px;
  padding: 0 13px;
  border: 0;
  border-radius: 9px;
  background: rgba(10,132,255,.14);
  color: #0a84ff;
  font: inherit;
  font-weight: 650;
  cursor: pointer;
}
[data-theme="light"] .static-form input[type="file"]::file-selector-button,
[data-theme="light"] .form-field input[type="file"]::file-selector-button {
  color: #007aff;
  background: rgba(0,122,255,.10);
}

/* Read-only View pages are unmistakably non-editable. */
.static-form[data-form-mode="view"] input,
.static-form[data-form-mode="view"] select,
.static-form[data-form-mode="view"] textarea,
.static-form[data-readonly-view="true"] input,
.static-form[data-readonly-view="true"] select,
.static-form[data-readonly-view="true"] textarea {
  opacity: 1;
  color: var(--text);
  background-color: var(--apple-control-disabled);
  border-color: transparent;
  box-shadow: none;
  cursor: default;
  -webkit-text-fill-color: var(--text);
}
.static-form[data-form-mode="view"] .form-field:focus-within > label,
.static-form[data-readonly-view="true"] .form-field:focus-within > label {
  color: var(--text);
}

/* Search and filter controls use the same Apple method without changing layout. */
.input-shell,
.select-shell {
  min-height: 42px;
  border-radius: 12px;
  border-color: var(--apple-control-border);
  background-color: var(--apple-control-bg);
  box-shadow: var(--apple-control-shadow);
}
.input-shell input,
.table-search,
.select-shell,
.table-filter {
  font-size: 14px;
}
.select-shell:focus,
.table-filter:focus,
.table-search:focus {
  border-color: #0a84ff;
  box-shadow: 0 0 0 4px rgba(10,132,255,.16), var(--apple-control-shadow);
}

/* Existing modal windows restyled as macOS/iOS system sheets. */
.modal-backdrop {
  background: rgba(0,0,0,.46);
  -webkit-backdrop-filter: saturate(120%) blur(18px);
  backdrop-filter: saturate(120%) blur(18px);
}
.modal {
  width: min(620px,100%);
  border: 1px solid var(--apple-alert-separator);
  border-radius: 22px;
  background: var(--apple-alert-bg);
  box-shadow: 0 28px 90px rgba(0,0,0,.42), 0 1px 0 rgba(255,255,255,.08) inset;
  -webkit-backdrop-filter: saturate(180%) blur(34px);
  backdrop-filter: saturate(180%) blur(34px);
}
.modal-header {
  padding: 22px 22px 18px;
  border-color: var(--apple-alert-separator);
}
.modal-header h3 {
  font-size: 20px;
  font-weight: 720;
  letter-spacing: -.45px;
}
.modal-header p {
  font-size: 13px;
  line-height: 1.45;
}
.modal-body { padding: 22px; }
.modal-footer {
  padding: 16px 22px 22px;
  border-top: 1px solid var(--apple-alert-separator);
}

/* Apple feedback notifications. */
.toast-stack {
  top: calc(var(--topbar-h) + 14px);
  right: 22px;
  bottom: auto;
  width: min(380px, calc(100vw - 32px));
  gap: 10px;
  pointer-events: none;
}
.apple-auth-page .toast-stack { top: 78px; }
.toast {
  min-width: 0;
  width: 100%;
  max-width: none;
  padding: 12px 14px 12px 12px;
  border: 1px solid var(--apple-alert-separator);
  border-radius: 17px;
  background: var(--apple-alert-bg);
  box-shadow: 0 18px 55px rgba(0,0,0,.30), 0 1px 0 rgba(255,255,255,.08) inset;
  gap: 11px;
  pointer-events: auto;
  -webkit-backdrop-filter: saturate(180%) blur(28px);
  backdrop-filter: saturate(180%) blur(28px);
}
.toast-icon {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  color: #fff;
  background: #0a84ff;
  box-shadow: 0 5px 14px rgba(10,132,255,.24);
}
.toast.toast-success .toast-icon { background:#30d158; box-shadow:0 5px 14px rgba(48,209,88,.22); }
.toast.toast-danger .toast-icon { background:#ff453a; box-shadow:0 5px 14px rgba(255,69,58,.22); }
.toast.toast-warning .toast-icon { background:#ff9f0a; box-shadow:0 5px 14px rgba(255,159,10,.22); }
.toast-copy { min-width: 0; }
.toast-copy strong {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -.12px;
}
.toast-copy span {
  margin-top: 3px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}

/* Apple alert/prompt created by shared JavaScript. */
.apple-alert-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1000;
  padding: 22px;
  display: grid;
  place-items: center;
  background: rgba(0,0,0,.46);
  opacity: 0;
  transition: opacity .18s ease;
  -webkit-backdrop-filter: saturate(120%) blur(18px);
  backdrop-filter: saturate(120%) blur(18px);
}
.apple-alert-backdrop.open { opacity: 1; }
.apple-alert {
  width: min(370px,100%);
  overflow: hidden;
  border: 1px solid var(--apple-alert-separator);
  border-radius: 22px;
  background: var(--apple-alert-bg);
  color: var(--text);
  text-align: center;
  box-shadow: 0 34px 110px rgba(0,0,0,.46), 0 1px 0 rgba(255,255,255,.10) inset;
  transform: scale(.94) translateY(8px);
  opacity: 0;
  transition: transform .2s cubic-bezier(.2,.8,.2,1), opacity .18s ease;
  -webkit-backdrop-filter: saturate(180%) blur(36px);
  backdrop-filter: saturate(180%) blur(36px);
}
.apple-alert-backdrop.open .apple-alert {
  transform: scale(1) translateY(0);
  opacity: 1;
}
.apple-alert-content { padding: 24px 25px 21px; }
.apple-alert-icon {
  width: 50px;
  height: 50px;
  margin: 0 auto 14px;
  border-radius: 15px;
  display: grid;
  place-items: center;
  color: #fff;
  background: #0a84ff;
  box-shadow: 0 10px 25px rgba(10,132,255,.22);
}
.apple-alert-icon.success { background:#30d158; box-shadow:0 10px 25px rgba(48,209,88,.20); }
.apple-alert-icon.warning { background:#ff9f0a; box-shadow:0 10px 25px rgba(255,159,10,.22); }
.apple-alert-icon.danger { background:#ff453a; box-shadow:0 10px 25px rgba(255,69,58,.22); }
.apple-alert-title {
  margin: 0;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 740;
  letter-spacing: -.38px;
}
.apple-alert-message {
  margin: 8px auto 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
  max-width: 300px;
}
.apple-alert-actions {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  border-top: 1px solid var(--apple-alert-separator);
}
.apple-alert-button {
  min-height: 50px;
  padding: 0 14px;
  border: 0;
  border-left: 1px solid var(--apple-alert-separator);
  background: transparent;
  color: #0a84ff;
  font: inherit;
  font-size: 14px;
  font-weight: 650;
  cursor: pointer;
}
.apple-alert-button:first-child { border-left: 0; }
.apple-alert-button:hover { background: rgba(255,255,255,.065); }
[data-theme="light"] .apple-alert-button { color: #007aff; }
[data-theme="light"] .apple-alert-button:hover { background: rgba(0,0,0,.035); }
.apple-alert-button.primary { font-weight: 740; }
.apple-alert-button.destructive { color: #ff453a; }
[data-theme="light"] .apple-alert-button.destructive { color: #d70015; }

@media (max-width: 760px) {
  .page-heading-side {
    width: 100%;
    min-width: 0;
    padding-top: 0;
    gap: 12px;
  }
  .apple-back-link.page-heading-back { align-self: flex-end; }
  .page-heading-side .page-actions {
    width: 100%;
    max-width: none;
    justify-content: flex-start;
  }
  .static-form .panel-body { padding: 18px; }
  .toast-stack { top: 14px; right: 16px; }
}

/* Fully controlled Apple checkbox and radio appearance. */
.static-form input[type="checkbox"],
[data-permission-section] input[type="checkbox"],
.apple-auth-check input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  position: relative;
  width: 20px;
  height: 20px;
  min-height: 20px;
  padding: 0;
  border: 1px solid var(--apple-control-border-strong);
  border-radius: 6px;
  background: var(--apple-control-bg);
  box-shadow: var(--apple-control-shadow);
  cursor: pointer;
  transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.static-form input[type="checkbox"]:checked,
[data-permission-section] input[type="checkbox"]:checked,
.apple-auth-check input[type="checkbox"]:checked {
  border-color: #0a84ff;
  background: #0a84ff;
  box-shadow: 0 2px 7px rgba(10,132,255,.28);
}
.static-form input[type="checkbox"]:checked::after,
[data-permission-section] input[type="checkbox"]:checked::after,
.apple-auth-check input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.static-form input[type="radio"] {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  min-height: 20px;
  padding: 0;
  border: 1px solid var(--apple-control-border-strong);
  border-radius: 50%;
  background: var(--apple-control-bg);
  box-shadow: var(--apple-control-shadow);
  cursor: pointer;
}
.static-form input[type="radio"]:checked {
  border: 6px solid #0a84ff;
  background: #fff;
}
.static-form input[type="checkbox"]:focus-visible,
.static-form input[type="radio"]:focus-visible,
[data-permission-section] input[type="checkbox"]:focus-visible,
.apple-auth-check input[type="checkbox"]:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 4px rgba(10,132,255,.18);
}
.static-form input[type="checkbox"]:disabled,
.static-form input[type="radio"]:disabled,
[data-permission-section] input[type="checkbox"]:disabled,
.apple-auth-check input[type="checkbox"]:disabled {
  opacity: .52;
  cursor: default;
}

/* ========================================================================== 
   HELPRITE DESK v7 — MOBILE/TABLET RESPONSIVE REFINEMENT
   Keeps the existing Apple visual language and only improves responsive flow.
   ========================================================================== */
html { -webkit-text-size-adjust: 100%; }
body { overflow-x: hidden; }
.topbar-left,
.topbar-actions,
.topbar-title-wrap,
.page-heading > div:first-child,
.panel-header > *,
.toolbar-left,
.toolbar-right { min-width: 0; }
.icon-button svg,
.search-trigger svg,
.profile-button svg,
.mobile-nav svg,
.app-icon svg { display: block; margin: auto; }
.data-table-wrap {
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-inline: contain;
}
.tab-button[aria-selected="true"] { color: var(--text); }
.tab-button:focus-visible,
.nexa-nav button:focus-visible {
  outline: 3px solid rgba(10,132,255,.20);
  outline-offset: 1px;
}
[data-tab-panel][hidden] { display: none !important; }

@media (max-width: 1024px) {
  .panel-header,
  .toolbar {
    flex-wrap: wrap;
  }
  .panel-header > .tabs,
  .toolbar-left > .tabs {
    max-width: 100%;
  }
  .tabs {
    max-width: 100%;
  }
  .platform-card,
  .property-card,
  .account-card,
  .report-card,
  .module-card,
  .folder-card {
    min-width: 0;
  }
}

@media (max-width: 760px) {
  :root { --topbar-h: 68px; }

  .topbar {
    min-height: var(--topbar-h);
    height: var(--topbar-h);
    padding: 0 12px;
    gap: 8px;
  }
  .topbar-left {
    flex: 1 1 auto;
    gap: 8px;
    overflow: hidden;
  }
  .topbar-title-wrap { flex: 1 1 auto; overflow: hidden; }
  .topbar-title {
    max-width: none;
    font-size: 15px;
    line-height: 1.15;
  }
  .topbar-actions {
    flex: 0 0 auto;
    gap: 4px;
  }
  .mobile-menu-button,
  .topbar .icon-button,
  .topbar .search-trigger,
  .topbar .profile-button {
    width: 38px;
    min-width: 38px;
    height: 38px;
    min-height: 38px;
    border-radius: 13px;
    padding: 0;
  }
  .topbar .profile-button .avatar {
    width: 30px;
    height: 30px;
    border-radius: 10px;
  }
  .topbar .profile-button > svg { display: none; }

  .main-content {
    padding: calc(var(--topbar-h) + 16px) 14px calc(92px + env(safe-area-inset-bottom));
  }
  .page { width: 100%; min-width: 0; }
  .page-heading {
    width: 100%;
    gap: 16px;
    margin-bottom: 18px;
  }
  .page-title {
    font-size: clamp(31px, 9vw, 38px);
    line-height: 1.02;
    letter-spacing: -.055em;
    overflow-wrap: anywhere;
  }
  .page-description {
    max-width: 100%;
    font-size: 14px;
    line-height: 1.55;
  }
  .page-heading-side {
    width: 100%;
    min-width: 0;
    gap: 12px;
  }
  .page-heading-side .page-actions {
    width: 100%;
    max-width: 100%;
    gap: 8px;
    flex-wrap: wrap;
  }
  .page-heading-side .page-actions .btn {
    max-width: 100%;
  }

  /* Keep page/module menus in a compact two-column Apple grid on phones. */
  .stats-grid,
  .module-grid,
  .platform-grid,
  .property-grid,
  .account-grid,
  .report-grid,
  .folder-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .stat-card {
    min-height: 126px;
    padding: 14px;
  }
  .stat-top { gap: 7px; }
  .stat-value { font-size: 28px; }
  .stat-label { font-size: 11px; }
  .stat-meta {
    max-width: 78px;
    font-size: 10px;
    text-align: right;
    line-height: 1.25;
  }
  .module-card,
  .folder-card {
    min-height: 158px;
    padding: 14px;
  }
  .platform-card,
  .property-card,
  .account-card,
  .report-card {
    min-height: 188px;
    padding: 14px;
  }
  .module-card h3,
  .folder-card h3,
  .platform-card h3,
  .property-card h3,
  .account-card h3,
  .report-card h3 {
    margin-top: 15px;
    font-size: 15px;
    line-height: 1.18;
    overflow-wrap: anywhere;
  }
  .module-card p,
  .folder-card p,
  .platform-card p,
  .property-card p,
  .account-card p,
  .report-card p {
    max-width: 100%;
    font-size: 10.5px;
    line-height: 1.38;
  }
  .module-card-arrow { margin-left: 5px; }
  .app-icon { width: 40px; height: 40px; border-radius: 13px; }
  .app-icon.small { width: 34px; height: 34px; border-radius: 11px; }

  /* Tabs become a true two-column segmented menu instead of overflowing. */
  .panel-header {
    align-items: center;
    padding: 14px;
  }
  .panel-header > .tabs {
    flex: 1 1 calc(100% - 50px);
    order: 1;
  }
  .panel-header > .icon-button {
    order: 2;
    flex: 0 0 auto;
  }
  .tabs {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px;
    overflow: visible;
  }
  .tab-button {
    width: 100%;
    min-width: 0;
    min-height: 39px;
    padding: 8px 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: normal;
    text-align: center;
    line-height: 1.2;
    overflow-wrap: anywhere;
  }
  .nexa-nav {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    overflow: visible;
  }
  .nexa-nav button {
    width: 100%;
    min-width: 0;
    padding: 0 9px;
    white-space: normal;
    line-height: 1.2;
  }

  .toolbar {
    align-items: stretch;
    flex-direction: column;
    padding: 13px 14px;
  }
  .toolbar-left,
  .toolbar-right {
    width: 100%;
    align-items: stretch;
  }
  .toolbar-left .input-shell,
  .toolbar-left .select-shell,
  .toolbar-left .table-filter {
    width: 100%;
    flex: 1 1 100%;
    min-width: 0;
  }
  .toolbar-left > .tabs { flex: 1 1 100%; }
  .toolbar-right { justify-content: flex-start; }
  .toolbar[data-pagination-for] .toolbar-right {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 2px;
  }
  .toolbar[data-pagination-for] .toolbar-right > * { flex: 0 0 auto; }

  .data-table { min-width: 680px; }
  .data-table th { padding: 11px 14px; }
  .data-table td { padding: 13px 14px; }

  .detail-identity { align-items: flex-start; }
  .detail-identity h2 { font-size: 21px; }
  .detail-actions { width: 100%; justify-content: flex-start; }
  .detail-actions .btn { flex: 1 1 auto; }

  .mobile-nav {
    left: 12px;
    right: 12px;
    bottom: calc(10px + env(safe-area-inset-bottom));
    height: 64px;
    padding: 6px;
    align-items: stretch;
  }
  .mobile-nav a,
  .mobile-nav button {
    min-width: 0;
    min-height: 50px;
    border: 0;
    border-radius: 16px;
    background: transparent;
    color: var(--muted);
    display: grid;
    place-items: center;
    text-decoration: none;
    cursor: pointer;
  }
  .mobile-nav a.active,
  .mobile-nav button.active {
    color: #fff;
    background: var(--blue);
  }
  [data-theme="light"] .mobile-nav a.active,
  [data-theme="light"] .mobile-nav button.active { color: #fff; }

  /* Mobile dropdowns behave like Apple bottom sheets and no longer fall off-screen. */
  #profileDropdown,
  #recordActionsDropdown {
    left: 12px !important;
    right: 12px !important;
    top: auto !important;
    bottom: calc(84px + env(safe-area-inset-bottom)) !important;
    width: auto;
    min-width: 0;
    max-height: calc(100dvh - 116px - env(safe-area-inset-bottom));
    overflow-y: auto;
    overscroll-behavior: contain;
    border-radius: 22px;
  }
  .role-preview-list { max-height: min(38vh, 300px); }

  .drawer {
    width: min(410px, 100vw);
    padding-bottom: env(safe-area-inset-bottom);
  }
  .modal-backdrop,
  .apple-alert-backdrop {
    padding: 14px;
    padding-bottom: calc(14px + env(safe-area-inset-bottom));
  }
}

@media (max-width: 520px) {
  .topbar { padding-inline: 10px; }
  .topbar-actions { gap: 3px; }
  .mobile-menu-button,
  .topbar .icon-button,
  .topbar .search-trigger,
  .topbar .profile-button {
    width: 36px;
    min-width: 36px;
    height: 36px;
    min-height: 36px;
    border-radius: 12px;
  }
  .topbar-title { font-size: 14px; }
  .topbar .profile-button .avatar { width: 28px; height: 28px; }
  .main-content { padding-inline: 12px; }

  .module-card,
  .folder-card { min-height: 150px; padding: 13px; }
  .platform-card,
  .property-card,
  .account-card,
  .report-card { min-height: 176px; padding: 13px; }
  .module-card h3,
  .folder-card h3,
  .platform-card h3,
  .property-card h3,
  .account-card h3,
  .report-card h3 { font-size: 14px; }
  .account-meta { grid-template-columns: 1fr; }
  .card-actions { display: grid; grid-template-columns: 1fr; }
  .card-actions .btn { width: 100%; }
}

@media (max-width: 430px) {
  /* Lower-priority actions remain available in the side menu on narrow phones. */
  .topbar-actions > a[href="reports.php"],
  .topbar-actions > a[href="admin.php"] { display: none; }
  .topbar-title { font-size: 14px; }
  .page-title { font-size: 31px; }
}

/* ========================================================================== 
   HELPRITE DESK v8 — MENU, HEADING AND MOBILE NAVIGATION REFINEMENT
   Preserves the existing Apple interface while applying the requested layout.
   ========================================================================== */

/* Remove decorative corner colour/glow from every menu grid card. */
.module-card::after,
.folder-card::after {
  display: none !important;
  content: none !important;
}
.module-card,
.folder-card,
.platform-card,
.property-card,
.account-card,
.report-card {
  background-image: none !important;
  background-color: var(--panel-solid) !important;
}

/* A clear Apple-style visual divider between statistics and menu options. */
.section-divider {
  width: 100%;
  min-width: 0;
  margin: 20px 0 14px;
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--text);
}
.section-divider::after {
  content: "";
  height: 1px;
  flex: 1 1 auto;
  background: var(--line-strong);
}
.section-divider > span {
  flex: 0 0 auto;
  font-size: 14px;
  line-height: 1;
  font-weight: 720;
  letter-spacing: -.18px;
}
.panel-body > .section-divider:first-child { margin-top: 0; }

/* Back is part of the title row on every application page. */
.page-heading-copy {
  flex: 1 1 auto;
  min-width: 0;
}
.page-title-row {
  width: 100%;
  min-width: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.page-title-row .page-title {
  flex: 1 1 auto;
  min-width: 0;
}
.page-title-row .page-heading-back {
  flex: 0 0 auto;
  margin: 1px 0 0;
}
.page-heading-side {
  padding-top: 26px;
}

/* Profile initials/photo fully cover the mobile profile button. */
.avatar img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border-radius: inherit;
}

/* Mobile sidebar close control. */
.sidebar-mobile-head { display: contents; }
.sidebar-close-button,
.sidebar-scrim { display: none; }

@media (max-width: 900px) {
  .sidebar {
    z-index: 82;
  }
  .sidebar-mobile-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    width: 100%;
    min-height: 58px;
    padding: 0 2px 8px;
  }
  .sidebar-mobile-head .brand-mark {
    margin: 0;
  }
  .sidebar-close-button {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border: 1px solid var(--line);
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: rgba(255,255,255,.07);
    color: var(--text);
    cursor: pointer;
  }
  [data-theme="light"] .sidebar-close-button {
    background: rgba(255,255,255,.88);
    border-color: rgba(0,0,0,.08);
  }
  .sidebar-scrim {
    position: fixed;
    inset: 0;
    z-index: 81;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: rgba(0,0,0,.30);
    opacity: 0;
    pointer-events: none;
    transition: opacity .22s ease;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
  }
  .sidebar.open + .sidebar-scrim {
    display: block;
    opacity: 1;
    pointer-events: auto;
  }

  /* Remove the unintended white pills behind sidebar menu labels. */
  .sidebar .side-link .nav-tip,
  [data-theme="light"] .sidebar .side-link .nav-tip {
    position: static !important;
    opacity: 1 !important;
    transform: none !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: inherit !important;
    font-size: 14px !important;
    line-height: 1.25;
    font-weight: 560;
    pointer-events: none;
  }
  .sidebar .side-link {
    min-height: 50px;
    gap: 14px;
  }
  .sidebar .side-link svg { flex: 0 0 auto; }

  .topbar .profile-button {
    padding: 0;
    overflow: hidden;
    border: 0;
    background: transparent;
  }
  .topbar .profile-button .avatar {
    width: 100% !important;
    height: 100% !important;
    border-radius: inherit !important;
    box-shadow: none;
  }
}

@media (max-width: 760px) {
  /* Title and Back stay on the same line; other actions remain below. */
  .page-heading {
    align-items: stretch;
    gap: 12px;
  }
  .page-title-row {
    align-items: center;
    gap: 10px;
  }
  .page-title-row .page-title {
    font-size: clamp(28px, 8.2vw, 36px);
    line-height: 1.04;
  }
  .page-title-row .page-heading-back {
    min-height: 36px;
    padding: 0 12px 0 9px;
    white-space: nowrap;
  }
  .page-heading-side {
    width: 100%;
    padding-top: 0;
    gap: 10px;
  }
  .page-heading-side .page-actions {
    width: 100%;
    justify-content: flex-start;
  }
  .section-divider {
    margin: 18px 0 12px;
    gap: 10px;
  }
  .section-divider > span { font-size: 15px; }

  /* Home: Today remains full width, all remaining widgets form a two-column grid. */
  body[data-page-route="/home"] .bento-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: auto;
    gap: 10px;
  }
  body[data-page-route="/home"] .bento-grid > .widget {
    grid-column: span 1 !important;
    grid-row: auto !important;
    min-width: 0;
    min-height: 205px;
  }
  body[data-page-route="/home"] .bento-grid > .today-widget {
    grid-column: 1 / -1 !important;
    min-height: 410px;
  }
  body[data-page-route="/home"] .bento-grid > .map-widget {
    min-height: 205px;
  }
  body[data-page-route="/home"] .module-widget .widget-content {
    padding: 15px;
  }
  body[data-page-route="/home"] .module-widget .module-copy h3 {
    font-size: 17px;
    line-height: 1.12;
  }
  body[data-page-route="/home"] .module-widget .module-copy p {
    font-size: 11px;
  }
  body[data-page-route="/home"] .module-widget .module-icon {
    width: 46px;
    height: 46px;
    border-radius: 15px;
  }
}

@media (max-width: 430px) {
  .page-title-row { gap: 8px; }
  .page-title-row .page-title { font-size: 28px; }
  .page-title-row .page-heading-back {
    min-height: 34px;
    padding-inline: 8px 10px;
    font-size: 12px;
  }
  body[data-page-route="/home"] .bento-grid > .widget { min-height: 190px; }
  body[data-page-route="/home"] .bento-grid > .today-widget { min-height: 405px; }
  body[data-page-route="/home"] .module-widget .module-copy h3 { font-size: 15px; }
  body[data-page-route="/home"] .module-widget .module-copy p { font-size: 10px; }
}


/* ========================================================================== 
   HELPRITE DESK v9 — MOBILE TOPBAR BRAND
   On phone and tablet layouts, replace the current page title in the fixed
   header with the official Helprite Desk logo. Desktop layout is unchanged.
   ========================================================================== */
.mobile-topbar-brand {
  display: none;
  align-items: center;
  justify-content: flex-start;
  flex: 0 1 112px;
  width: 112px;
  height: 38px;
  min-width: 82px;
  overflow: hidden;
}
.mobile-topbar-brand img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: left center;
}

@media (max-width: 760px) {
  .topbar-title-wrap {
    display: none !important;
  }
  .mobile-topbar-brand {
    display: flex;
  }
}

@media (max-width: 520px) {
  .mobile-topbar-brand {
    flex-basis: 104px;
    width: 104px;
    height: 36px;
  }
}

@media (max-width: 390px) {
  .mobile-topbar-brand {
    flex-basis: 92px;
    width: 92px;
    min-width: 74px;
    height: 34px;
  }
}


/* ===== Helprite Drive v10: Google Drive / iCloud inspired workspace ===== */
:root{
  --drive-accent:#0aa7ad;
  --drive-accent-strong:#078e94;
  --drive-blue:#0a84ff;
  --drive-bg:#f5f7fa;
  --drive-surface:#ffffff;
  --drive-surface-2:#f8fafc;
  --drive-border:#dce3eb;
  --drive-text:#071a3a;
  --drive-muted:#69778f;
  --drive-folder:#e7ba2d;
  --drive-shadow:0 14px 36px rgba(35,48,68,.08);
}
[data-theme="dark"]{
  --drive-bg:#08111f;
  --drive-surface:#101b2b;
  --drive-surface-2:#132237;
  --drive-border:rgba(255,255,255,.10);
  --drive-text:#f5f8fc;
  --drive-muted:#91a0b5;
  --drive-folder:#e6b92e;
  --drive-shadow:0 18px 45px rgba(0,0,0,.28);
}
.drive-experience{background:var(--drive-bg);}
.drive-experience .main-content.drive-main-content{padding:calc(var(--topbar-h) + 14px) 14px 24px;background:var(--drive-bg);}
.drive-workspace{display:grid;grid-template-columns:310px minmax(0,1fr);gap:14px;max-width:1880px;margin:0 auto;align-items:start;min-height:calc(100vh - var(--topbar-h) - 38px);color:var(--drive-text);}
.drive-local-sidebar{position:sticky;top:calc(var(--topbar-h) + 14px);max-height:calc(100vh - var(--topbar-h) - 28px);overflow:auto;scrollbar-width:thin;background:var(--drive-surface);border:1px solid var(--drive-border);border-radius:14px;padding:18px;box-shadow:0 1px 0 rgba(255,255,255,.35) inset;}
.drive-user-card{display:flex;align-items:center;gap:12px;padding:0 0 16px;border-bottom:1px solid var(--drive-border);}
.drive-user-avatar,.drive-table-avatar{display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#31a9ff,#0074e8);font-weight:750;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.35);}
.drive-user-avatar{width:42px;height:42px;border-radius:50%;font-size:12px;flex:0 0 auto;}
.drive-user-card div{min-width:0}.drive-user-card strong{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drive-user-card span:last-child{display:block;color:var(--drive-muted);font-size:12px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.drive-dropzone-mini{width:100%;min-height:116px;margin:16px 0;padding:14px;border:1px dashed var(--drive-border);border-radius:10px;background:var(--drive-surface);color:var(--drive-text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:.2s ease}.drive-dropzone-mini>svg{width:34px;height:34px;padding:8px;border-radius:7px;color:#fff;background:var(--drive-accent)}.drive-dropzone-mini strong{font-size:14px}.drive-dropzone-mini span{font-size:12px;color:var(--drive-muted)}.drive-dropzone-mini:hover{border-color:var(--drive-accent);background:color-mix(in srgb,var(--drive-accent) 5%,var(--drive-surface))}
.drive-local-nav{display:grid;gap:3px;padding-bottom:16px;border-bottom:1px solid var(--drive-border)}.drive-local-link{min-height:36px;border-radius:7px;display:flex;align-items:center;gap:9px;padding:0 8px;color:var(--drive-text);font-size:13px;font-weight:580}.drive-local-link:hover{background:var(--drive-surface-2)}.drive-local-link.active{background:color-mix(in srgb,var(--drive-accent) 9%,var(--drive-surface-2));font-weight:700}.drive-local-link svg{color:var(--drive-text)}.drive-local-link b{margin-left:auto;min-width:22px;padding:2px 7px;border-radius:6px;background:color-mix(in srgb,var(--drive-accent) 12%,var(--drive-surface-2));color:var(--drive-text);font-size:10px;text-align:center}
.drive-storage-block{padding-top:16px}.drive-storage-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.drive-storage-title strong{font-size:12px}.drive-storage-title span{padding:2px 6px;border-radius:5px;background:#24b861;color:#fff;font-size:9px;font-weight:700}.drive-storage-card{display:grid;grid-template-columns:1fr auto;gap:3px;padding:10px;border:1px solid var(--drive-border);border-radius:10px;margin-bottom:12px}.drive-storage-card strong,.drive-storage-type strong{font-size:11px}.drive-storage-card span,.drive-storage-type small{display:block;color:var(--drive-muted);font-size:10px;margin-top:2px}.drive-storage-card>b{font-size:9px;color:var(--drive-accent)}.drive-storage-card i,.drive-storage-type i{grid-column:1/-1;height:4px;border-radius:999px;background:var(--drive-surface-2);overflow:hidden;margin-top:7px}.drive-storage-card i span,.drive-storage-type i span{display:block;height:100%;border-radius:inherit;background:var(--drive-accent)}
.drive-storage-type{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:8px;align-items:center;margin:7px 0}.drive-type-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center}.drive-type-icon.cyan{background:#dbfbfa;color:#00a6a7}.drive-type-icon.blue{background:#e8f3ff;color:#087be8}.drive-type-icon.orange{background:#fff5df;color:#d99100}.drive-type-icon.indigo{background:#edf0ff;color:#4667f2}.drive-type-icon.red{background:#fff0ef;color:#f33}.drive-type-icon.green{background:#e8faee;color:#18a654}.drive-storage-type>b{font-size:10px;font-weight:600}.drive-storage-type i{grid-column:1/-1;margin-top:-2px}
.drive-canvas{min-width:0}.drive-command-bar{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 10px 8px 16px;background:var(--drive-surface);border:1px solid var(--drive-border);border-radius:7px}.drive-breadcrumbs{display:flex;align-items:center;min-width:0;gap:8px;color:var(--drive-accent);font-size:13px;font-weight:620}.drive-breadcrumbs a,.drive-breadcrumb-current{display:flex;align-items:center;gap:6px;white-space:nowrap}.drive-breadcrumb-current{min-width:0;overflow:hidden;text-overflow:ellipsis}.drive-breadcrumb-sep{color:var(--drive-muted)}.drive-command-actions{display:flex;align-items:center;gap:8px;position:relative}.drive-local-toggle{display:none}
.drive-segmented{display:flex;overflow:hidden;border:1px solid var(--drive-border);border-radius:6px;background:var(--drive-surface)}.drive-segmented a,.drive-segmented button{width:31px;height:31px;border:0;border-right:1px solid var(--drive-border);background:transparent;color:var(--drive-text);display:grid;place-items:center;cursor:pointer}.drive-segmented>*:last-child{border-right:0}.drive-segmented .active{background:#001431;color:#fff}.drive-segmented button[data-drive-view="grid"].active,.drive-segmented button[data-drive-view="list"].active{background:#d9ecff;color:#0876da;box-shadow:inset 0 0 0 1px #87c1ff}[data-theme="dark"] .drive-segmented button[data-drive-view].active{background:#163a5e;color:#79bdff}
.drive-btn{min-height:31px;padding:0 10px;border-radius:6px;border:1px solid var(--drive-border);background:var(--drive-surface);color:var(--drive-text);display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:11px;font-weight:650;cursor:pointer;transition:.18s}.drive-btn:hover{transform:translateY(-1px);filter:brightness(.98)}.drive-btn.outline{border-color:var(--drive-accent);color:var(--drive-accent)}.drive-btn.solid{background:var(--drive-accent);border-color:var(--drive-accent);color:#fff}.drive-btn.neutral{background:var(--drive-surface-2)}.drive-btn.danger{background:#ff3b30;border-color:#ff3b30;color:#fff}.drive-popover-wrap{position:relative}
.drive-upload-menu,.drive-filter-menu{position:absolute;z-index:80;top:calc(100% + 6px);right:0;min-width:170px;padding:6px;background:var(--drive-surface);border:1px solid var(--drive-border);border-radius:7px;box-shadow:var(--drive-shadow);opacity:0;visibility:hidden;transform:translateY(-5px);transition:.16s}.drive-upload-menu.open,.drive-filter-menu.open{opacity:1;visibility:visible;transform:none}.drive-upload-menu button,.drive-filter-menu button{width:100%;min-height:36px;border:0;background:transparent;color:var(--drive-muted);display:flex;align-items:center;gap:8px;padding:0 10px;border-radius:5px;text-align:left;font-size:12px;cursor:pointer}.drive-upload-menu button:hover,.drive-filter-menu button:hover,.drive-filter-menu button.active{background:var(--drive-surface-2);color:var(--drive-text)}
.drive-title-row{display:grid;grid-template-columns:minmax(0,1fr) 320px auto;align-items:end;gap:10px;padding:14px 0 10px;border-bottom:1px solid var(--drive-border)}.drive-title-row h1{margin:0 0 9px;font-size:17px;line-height:1.2;letter-spacing:-.2px}.drive-filter-btn{min-height:29px;padding:0 10px;border:1px solid var(--drive-border);border-radius:6px;background:var(--drive-surface);color:var(--drive-text);display:flex;align-items:center;gap:7px;font-size:11px;cursor:pointer}.drive-filter-menu{left:0;right:auto;min-width:190px}.drive-search-wrap{min-height:31px;border:1px solid var(--drive-border);border-radius:6px;background:var(--drive-surface);display:flex;align-items:center;gap:8px;padding:0 10px;color:var(--drive-muted)}.drive-search-wrap input{width:100%;border:0;outline:0;background:transparent;color:var(--drive-text);font-size:11px}.drive-search-wrap input::placeholder{color:var(--drive-muted)}.drive-back-btn{min-height:31px;padding:0 10px;border:1px solid var(--drive-border);border-radius:6px;background:var(--drive-surface);display:flex;align-items:center;gap:5px;font-size:11px;font-weight:650}
.drive-folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;padding:16px 0}.drive-folder-card{position:relative;min-width:0;min-height:204px;border:1px solid var(--drive-border);border-radius:12px;background:color-mix(in srgb,var(--drive-blue) 2%,var(--drive-surface));overflow:visible;transition:.18s}.drive-folder-card:hover{border-color:color-mix(in srgb,var(--drive-blue) 34%,var(--drive-border));box-shadow:0 10px 28px rgba(32,82,138,.08);transform:translateY(-1px)}.drive-folder-open{height:100%;min-height:204px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px 16px 18px;text-align:center}.drive-folder-art{width:82px;color:var(--drive-folder);margin-bottom:18px}.drive-folder-art svg{width:100%;height:auto}.drive-folder-card strong{display:block;width:100%;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drive-folder-card small{color:var(--drive-muted);font-size:11px;margin-top:5px}.drive-lock{position:absolute;left:11px;top:10px;width:29px;height:29px;border:1px solid var(--drive-border);border-radius:7px;display:grid;place-items:center;color:var(--drive-muted);background:var(--drive-surface-2)}.drive-more{position:absolute;right:7px;top:7px;width:30px;height:30px;border:0;border-radius:7px;background:transparent;color:var(--drive-text);display:grid;place-items:center;cursor:pointer}.drive-more:hover{background:var(--drive-surface-2)}.drive-item-check{position:absolute;left:10px;top:48px;opacity:0;transition:.15s}.drive-folder-card:hover .drive-item-check,.drive-item-check:has(input:checked){opacity:1}.drive-item-check input,.drive-row-check input{position:absolute;opacity:0}.drive-item-check span,.drive-row-check span{width:14px;height:14px;border:1px solid var(--drive-border);border-radius:3px;background:var(--drive-surface);display:block}.drive-item-check input:checked+span,.drive-row-check input:checked+span{background:var(--drive-accent);border-color:var(--drive-accent);box-shadow:inset 0 0 0 3px var(--drive-surface)}.drive-star{position:absolute;right:11px;bottom:10px;width:29px;height:29px;border:0;border-radius:7px;background:transparent;color:var(--drive-muted);display:grid;place-items:center;cursor:pointer;opacity:0}.drive-folder-card:hover .drive-star,.drive-star.active{opacity:1}.drive-star.active{color:#e2a900}.drive-star.active svg{fill:currentColor}
.drive-folder-grid.is-list{display:grid;grid-template-columns:1fr;gap:8px}.drive-folder-grid.is-list .drive-folder-card{min-height:64px}.drive-folder-grid.is-list .drive-folder-open{min-height:62px;padding:8px 75px 8px 54px;align-items:flex-start;justify-content:center;text-align:left}.drive-folder-grid.is-list .drive-folder-art{position:absolute;left:22px;width:29px;margin:0}.drive-folder-grid.is-list .drive-lock{display:none}.drive-folder-grid.is-list .drive-item-check{left:9px;top:25px}.drive-folder-grid.is-list .drive-star{right:39px;bottom:17px}
.drive-activity-section{margin-top:2px}.drive-section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px}.drive-section-heading h2{margin:0;font-size:17px}.drive-section-heading button{width:30px;height:30px;border:1px solid var(--drive-border);border-radius:6px;background:var(--drive-surface);color:var(--drive-text);display:grid;place-items:center;cursor:pointer}.drive-table-wrap{position:relative;border:1px solid var(--drive-border);border-radius:7px;background:var(--drive-surface);overflow:auto}.drive-activity-table{width:100%;min-width:820px;border-collapse:collapse;font-size:12px}.drive-activity-table th{height:45px;padding:0 10px;text-align:left;background:var(--drive-surface-2);font-weight:650;color:var(--drive-text);border-bottom:1px solid var(--drive-border)}.drive-activity-table td{height:57px;padding:7px 10px;border-bottom:1px solid var(--drive-border);color:var(--drive-muted)}.drive-activity-table tr:last-child td{border-bottom:0}.drive-activity-table tr:hover td{background:color-mix(in srgb,var(--drive-blue) 2%,var(--drive-surface))}.drive-file-name{display:flex;align-items:center;gap:8px;min-width:300px}.drive-file-name strong{display:block;color:var(--drive-text);font-size:12px;font-weight:580}.drive-file-name small,.drive-activity-table td>small{display:block;color:var(--drive-muted);font-size:10px;margin-top:3px}.drive-file-icon{width:34px;height:34px;border-radius:7px;background:var(--drive-surface-2);display:grid;place-items:center;flex:0 0 auto;font-size:8px;font-weight:800}.drive-file-icon.pdf{color:#ff2d2d}.drive-file-icon.doc{color:#0a9ba4}.drive-file-icon.folder{color:#d8aa20}.drive-file-icon.share{color:#397cff}.drive-file-icon.trash{color:#ff3b30}.drive-table-avatar{width:20px;height:20px;border-radius:50%;font-size:6px}.drive-table-more{width:28px;height:28px;border:0;background:transparent;color:var(--drive-text);border-radius:6px;display:grid;place-items:center;cursor:pointer}.drive-table-more:hover{background:var(--drive-surface-2)}.drive-no-results{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--drive-muted);gap:6px}.drive-no-results strong{font-size:15px;color:var(--drive-text)}.drive-no-results span{font-size:12px}.drive-no-results[hidden]{display:none}
.drive-empty-state{min-height:245px;margin-top:14px;border:1px solid var(--drive-border);border-radius:7px;background:var(--drive-surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--drive-muted)}.drive-empty-state svg{color:var(--drive-muted)}.drive-empty-state strong{font-size:17px;color:var(--drive-text)}.drive-empty-state span{font-size:12px}
.drive-context-menu{position:fixed;z-index:150;width:205px;padding:6px;background:var(--drive-surface);border:1px solid var(--drive-border);border-radius:7px;box-shadow:0 18px 45px rgba(0,0,0,.15);opacity:0;visibility:hidden;transform:scale(.97);transform-origin:top right;transition:.12s}.drive-context-menu.open{opacity:1;visibility:visible;transform:scale(1)}.drive-context-menu button{width:100%;min-height:31px;padding:0 9px;border:0;border-radius:5px;background:transparent;color:var(--drive-muted);display:flex;align-items:center;gap:9px;text-align:left;font-size:11px;cursor:pointer}.drive-context-menu button:hover{background:var(--drive-surface-2);color:var(--drive-text)}.drive-context-menu>div{height:1px;background:var(--drive-border);margin:5px -6px}.drive-context-menu button.danger{color:#ff3b30}
.drive-modal-backdrop{position:fixed;inset:0;z-index:200;background:rgba(10,18,28,.55);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:.18s}.drive-modal-backdrop.open{opacity:1;visibility:visible}.drive-modal{width:min(100%,790px);max-height:calc(100vh - 40px);overflow:auto;border:1px solid var(--drive-border);border-radius:7px;background:var(--drive-surface);box-shadow:0 32px 90px rgba(0,0,0,.25);transform:translateY(8px) scale(.99);transition:.18s}.drive-modal-backdrop.open .drive-modal{transform:none}.drive-modal-small{max-width:500px}.drive-modal>header{min-height:72px;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--drive-border)}.drive-modal header h2{margin:0;font-size:19px}.drive-modal header p{margin:4px 0 0;color:var(--drive-muted);font-size:12px}.drive-modal header button{width:34px;height:34px;border:0;background:transparent;color:var(--drive-muted);display:grid;place-items:center;cursor:pointer}.drive-modal-body{padding:18px}.drive-modal footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--drive-border)}
.drive-upload-zone{min-height:210px;border:1px solid var(--drive-border);border-radius:7px;background:var(--drive-surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--drive-text);text-align:center;padding:20px}.drive-upload-zone>svg{width:56px;height:56px;padding:12px;border-radius:7px;background:#ececf8;color:var(--drive-accent)}[data-theme="dark"] .drive-upload-zone>svg{background:#1b2c43}.drive-upload-zone strong{font-size:18px}.drive-upload-zone span{font-size:12px;color:var(--drive-muted)}.drive-upload-zone.is-dragging{border-color:var(--drive-accent);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--drive-accent) 25%,transparent);background:color-mix(in srgb,var(--drive-accent) 4%,var(--drive-surface))}
.drive-upload-settings{margin-top:14px;border:1px solid var(--drive-border);border-radius:7px}.drive-upload-settings h3{margin:0;padding:9px 20px;border-bottom:1px solid var(--drive-border);display:flex;align-items:center;gap:7px;font-size:14px}.drive-upload-settings>div{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px}.drive-form-field{display:grid;gap:7px}.drive-form-field.full{grid-column:1/-1}.drive-form-field>span,.drive-check-field>span:first-child{font-size:12px;font-weight:650;color:var(--drive-text)}.drive-form-field b{color:#ff3b30}.drive-form-field input,.drive-form-field select,.drive-form-field textarea{width:100%;min-height:39px;border:1px solid var(--drive-border);border-radius:6px;background:var(--drive-surface);color:var(--drive-text);padding:0 12px;outline:0;font-size:12px}.drive-form-field textarea{padding:10px 12px;resize:vertical}.drive-form-field input:focus,.drive-form-field select:focus,.drive-form-field textarea:focus{border-color:var(--drive-blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--drive-blue) 15%,transparent)}.drive-check-field{display:grid;gap:11px}.drive-check-field>span:last-child{font-size:12px;color:var(--drive-text)}
.drive-full-form-card{max-width:860px;margin:18px auto;padding:22px;border:1px solid var(--drive-border);border-radius:10px;background:var(--drive-surface)}.drive-full-form-card>h2{margin:0;font-size:20px}.drive-full-form-card>p{color:var(--drive-muted);font-size:13px}.drive-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.drive-full-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.drive-upload-choice{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.drive-danger-card{text-align:center}.drive-danger-card>svg{margin:0 auto 12px;color:#ff3b30}
.drive-floating-settings{position:fixed;right:0;top:50%;z-index:60;width:44px;height:46px;border:0;border-radius:6px 0 0 6px;background:var(--drive-accent);color:#fff;display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.12);cursor:pointer}.drive-footer{text-align:center;color:var(--drive-muted);font-size:11px;padding:18px 0 2px}
.drive-local-scrim{display:none}
@media(max-width:1180px){.drive-workspace{grid-template-columns:260px minmax(0,1fr)}.drive-folder-grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr))}.drive-local-sidebar{padding:14px}.drive-title-row{grid-template-columns:minmax(0,1fr) 250px auto}}
@media(max-width:900px){.drive-experience .main-content.drive-main-content{padding-left:10px;padding-right:10px}.drive-workspace{grid-template-columns:1fr}.drive-local-sidebar{position:fixed;left:10px;top:calc(var(--topbar-h) + 10px);bottom:82px;width:min(310px,calc(100vw - 30px));max-height:none;z-index:120;transform:translateX(calc(-100% - 24px));transition:.22s;box-shadow:0 24px 65px rgba(0,0,0,.25)}.drive-local-sidebar.open{transform:none}.drive-local-toggle{width:32px;height:32px;border:1px solid var(--drive-border);border-radius:6px;background:var(--drive-surface);color:var(--drive-text);display:grid;place-items:center}.drive-command-bar{padding-left:10px}.drive-breadcrumbs{font-size:12px}.drive-title-row{grid-template-columns:minmax(0,1fr) minmax(180px,280px) auto}.drive-upload-settings>div{grid-template-columns:1fr}.drive-check-field,.drive-form-field.full{grid-column:1}.drive-folder-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.drive-floating-settings{display:none}}
@media(max-width:680px){.drive-experience .main-content.drive-main-content{padding-top:calc(var(--topbar-h) + 8px);padding-bottom:94px}.drive-command-bar{align-items:flex-start;flex-direction:column;padding:9px}.drive-command-actions{width:100%;justify-content:flex-end;flex-wrap:wrap}.drive-breadcrumbs{width:100%;overflow-x:auto;padding:2px}.drive-btn span{display:none}.drive-btn{width:33px;padding:0}.drive-btn.solid{width:auto;padding:0 9px}.drive-btn.solid span{display:inline}.drive-title-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.drive-title-row>div:first-child{grid-column:1}.drive-search-wrap{grid-column:1/-1;grid-row:2}.drive-back-btn{grid-column:2;grid-row:1;align-self:start;margin-top:0}.drive-folder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:12px}.drive-folder-card,.drive-folder-open{min-height:158px}.drive-folder-open{padding:32px 10px 14px}.drive-folder-art{width:62px;margin-bottom:12px}.drive-folder-card strong{font-size:12px}.drive-folder-card small{font-size:10px}.drive-lock{width:25px;height:25px;left:7px;top:7px}.drive-more{right:3px;top:3px}.drive-star{right:5px;bottom:5px}.drive-activity-table{min-width:760px}.drive-section-heading h2{font-size:16px}.drive-modal-backdrop{align-items:flex-end;padding:0}.drive-modal{width:100%;max-height:92vh;border-radius:16px 16px 0 0}.drive-modal>header{padding:14px 16px}.drive-modal-body{padding:14px}.drive-modal footer{padding:12px 14px}.drive-upload-zone{min-height:185px}.drive-upload-settings>div{padding:14px}.drive-form-grid,.drive-upload-choice{grid-template-columns:1fr}.drive-form-field.full{grid-column:1}.drive-full-form-card{padding:16px}.drive-context-menu{width:220px}.drive-footer{padding-bottom:8px}}
@media(max-width:390px){.drive-segmented a,.drive-segmented button{width:29px}.drive-command-actions{gap:5px}.drive-breadcrumbs span{max-width:150px;overflow:hidden;text-overflow:ellipsis}.drive-folder-grid{gap:8px}.drive-folder-card,.drive-folder-open{min-height:148px}}

/* ===== Helprite Drive v11: Apple-style information side panel ===== */
.drive-info-wrap {
  position: fixed;
  inset: 0;
  z-index: 520;
  pointer-events: none;
  visibility: hidden;
}
.drive-info-wrap.open {
  pointer-events: auto;
  visibility: visible;
}
.drive-info-scrim {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background: rgba(0,0,0,.48);
  opacity: 0;
  transition: opacity .22s ease;
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
}
.drive-info-wrap.open .drive-info-scrim { opacity: 1; }
.drive-info-drawer {
  --info-border: color-mix(in srgb, var(--drive-text) 12%, transparent);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: min(410px, 100vw);
  display: grid;
  grid-template-rows: auto minmax(0,1fr);
  overflow: hidden;
  background: var(--drive-surface);
  color: var(--drive-text);
  border-left: 1px solid var(--info-border);
  box-shadow: -24px 0 72px rgba(0,0,0,.24);
  transform: translateX(102%);
  transition: transform .25s cubic-bezier(.2,.78,.2,1);
}
.drive-info-wrap.open .drive-info-drawer { transform: translateX(0); }
.drive-info-header {
  min-height: 62px;
  padding: 0 14px 0 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: #080b0d;
  color: #fff;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.drive-info-header h2 {
  margin: 0;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 720;
  letter-spacing: -.25px;
}
.drive-info-header > div { display: flex; align-items: center; gap: 2px; }
.drive-info-icon-button {
  width: 34px;
  height: 34px;
  padding: 0;
  border: 0;
  border-radius: 9px;
  display: grid;
  place-items: center;
  background: transparent;
  color: #fff;
  cursor: pointer;
  transition: background .15s ease, color .15s ease, transform .15s ease;
}
.drive-info-icon-button:hover { background: rgba(255,255,255,.10); }
.drive-info-icon-button:active { transform: scale(.94); }
.drive-info-icon-button.star { color: #ffd60a; }
.drive-info-icon-button.star.active svg { fill: currentColor; }
.drive-info-icon-button.danger { color: #fff; }
.drive-info-icon-button.danger:hover { color: #ff453a; }
.drive-info-scroll {
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb,var(--drive-muted) 55%,transparent) transparent;
  padding-bottom: max(20px,env(safe-area-inset-bottom));
}
.drive-info-hero {
  min-height: 138px;
  padding: 18px 18px 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 6px;
  background: var(--drive-surface-2);
  border-bottom: 1px solid var(--info-border);
}
.drive-info-hero-icon {
  width: 58px;
  height: 52px;
  display: grid;
  place-items: center;
  margin-bottom: 3px;
}
.drive-info-hero-icon svg { width: 100%; height: 100%; display: block; }
.drive-info-hero-icon.folder { color: #e8b92c; }
.drive-info-hero-icon.file { color: #ff2d2d; width: 48px; height: 58px; }
.drive-info-hero > div { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 8px; max-width: 100%; }
.drive-info-hero strong {
  max-width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 15px;
  font-weight: 680;
}
.drive-info-size {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 7px;
  border-radius: 6px;
  background: #12b8bd;
  color: #fff;
  font-size: 10px;
  line-height: 1;
  font-weight: 760;
}
.drive-info-hero small { color: var(--drive-muted); font-size: 11px; }
.drive-info-section { padding: 14px 16px 0; }
.drive-info-section h3,
.drive-info-section-title h3 {
  margin: 0 0 9px;
  color: var(--drive-text);
  font-size: 15px;
  line-height: 1.2;
  font-weight: 650;
  letter-spacing: -.15px;
}
.drive-info-facts {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  overflow: hidden;
  border: 1px solid var(--info-border);
  border-radius: 7px;
  background: var(--drive-surface);
}
.drive-info-facts > div {
  min-height: 74px;
  padding: 10px 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  text-align: center;
  border-left: 1px solid var(--info-border);
}
.drive-info-facts > div:first-child { border-left: 0; }
.drive-info-facts span { color: var(--drive-muted); font-size: 10px; }
.drive-info-facts strong { font-size: 11px; line-height: 1.45; font-weight: 560; overflow-wrap: anywhere; }
.drive-info-owner,
.drive-info-description,
.drive-info-contents,
.drive-info-activity-list,
.drive-info-members {
  border: 1px solid var(--info-border);
  border-radius: 7px;
  background: var(--drive-surface-2);
}
.drive-info-owner { padding: 10px; display: grid; gap: 4px; }
.drive-info-owner strong { font-size: 12px; line-height: 1.35; }
.drive-info-owner em { color: var(--drive-muted); font-style: normal; font-weight: 500; }
.drive-info-owner span { color: var(--drive-muted); font-size: 10px; }
.drive-info-description { min-height: 42px; padding: 10px; color: var(--drive-muted); font-size: 11px; line-height: 1.45; }
.drive-info-content-row {
  min-height: 66px;
  padding: 9px 10px;
  display: grid;
  grid-template-columns: 28px minmax(0,1fr) auto;
  align-items: center;
  gap: 9px;
}
.drive-info-content-row > div { min-width: 0; }
.drive-info-content-row strong { display: block; font-size: 12px; }
.drive-info-content-row small { display: block; margin-top: 3px; color: var(--drive-muted); font-size: 10px; }
.drive-info-content-row > span:last-child { color: var(--drive-text); font-size: 10px; }
.mini-folder { width: 24px; height: 22px; color: #e8b92c; display: grid; place-items: center; }
.mini-folder svg { width: 100%; height: 100%; }
.drive-info-activity-list { padding: 0 10px; max-height: 250px; overflow-y: auto; background: var(--drive-surface); }
.drive-info-activity {
  min-height: 66px;
  padding: 10px 0;
  display: grid;
  grid-template-columns: 32px minmax(0,1fr);
  align-items: start;
  gap: 8px;
  border-top: 1px solid var(--info-border);
  color: var(--drive-text);
  font-size: 11px;
  line-height: 1.35;
}
.drive-info-activity:first-child { border-top: 0; }
.drive-info-activity strong { font-weight: 670; }
.drive-info-activity small { display: block; margin-top: 3px; color: var(--drive-muted); font-size: 10px; }
.drive-info-avatar {
  width: 31px;
  height: 31px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: linear-gradient(145deg,#18233a,#0aaeb5);
  color: #fff;
  font-size: 9px;
  font-weight: 750;
  box-shadow: 0 0 0 1px color-mix(in srgb,var(--drive-text) 9%,transparent);
}
.drive-info-avatar.muted { background: #d7d8da; color: #8a8c90; }
.drive-info-section-title { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.drive-info-section-title button {
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--drive-accent);
  font-size: 10px;
  cursor: pointer;
}
.drive-info-members { padding: 5px 10px; background: var(--drive-surface); }
.drive-info-member {
  min-height: 58px;
  display: grid;
  grid-template-columns: 34px minmax(0,1fr) auto;
  align-items: center;
  gap: 9px;
  border-top: 1px solid var(--info-border);
}
.drive-info-member:first-child { border-top: 0; }
.drive-info-member > div { min-width: 0; }
.drive-info-member strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.drive-info-member small { display: block; margin-top: 3px; color: var(--drive-muted); font-size: 10px; }
.drive-info-badge {
  max-width: 115px;
  padding: 3px 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 5px;
  background: var(--drive-surface-2);
  color: var(--drive-text);
  font-size: 8px;
  font-weight: 700;
}
.drive-info-badge.owner { background: #08b8bd; color: #fff; }
body.drive-info-open { overflow: hidden; }

/* Keep every global record-action and Drive item menu deterministic. */
#recordActionsDropdown:not(.open),
.drive-context-menu:not(.open),
[data-drive-upload-menu]:not(.open),
[data-drive-filter-menu]:not(.open) { pointer-events: none; }

@media (max-width: 760px) {
  .drive-info-drawer { width: min(430px,100vw); }
  .drive-info-header { min-height: 58px; padding-left: 16px; }
  .drive-info-header h2 { font-size: 17px; }
  .drive-info-section { padding-left: 14px; padding-right: 14px; }
  .drive-info-hero { min-height: 130px; }
}

@media (max-width: 430px) {
  .drive-info-drawer { width: 100vw; border-left: 0; }
  .drive-info-facts strong { font-size: 10px; }
  .drive-info-member { grid-template-columns: 34px minmax(0,1fr); }
  .drive-info-badge { grid-column: 2; justify-self: start; margin: -6px 0 7px; }
}

/* ========================================================================== 
   HELPRITE DESK v12 — HOME DASHBOARD ONE-SCREEN DESKTOP FIT
   Keeps the established Apple widget layout, but lets the complete home
   dashboard occupy the available desktop/laptop viewport without a page
   scrollbar. Phone and tablet card sizing remains controlled by the existing
   responsive rules above.
   ========================================================================== */
@media (min-width: 901px) {
  html:has(body[data-page-route="/home"]),
  body[data-page-route="/home"] {
    height: 100%;
    overflow: hidden;
  }

  body[data-page-route="/home"] .app-shell {
    height: 100dvh;
    min-height: 0;
  }

  body[data-page-route="/home"] .main-content {
    height: 100dvh;
    min-height: 0;
    padding-top: calc(var(--topbar-h) + 14px);
    padding-bottom: 12px;
    overflow: hidden;
  }

  body[data-page-route="/home"] .page {
    height: 100%;
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
  }

  body[data-page-route="/home"] .page-heading {
    align-items: flex-end;
    margin: 0 0 12px;
    gap: 16px;
  }

  body[data-page-route="/home"] .page-eyebrow {
    margin-bottom: 4px;
    font-size: 12px;
  }

  body[data-page-route="/home"] .page-title {
    font-size: clamp(34px, 3vw, 44px);
    line-height: 1;
    letter-spacing: -2px;
  }

  body[data-page-route="/home"] .page-subtitle {
    margin-top: 5px;
    font-size: 14px;
    line-height: 1.35;
  }

  body[data-page-route="/home"] .page-heading-side {
    padding-top: 0;
  }

  body[data-page-route="/home"] .page-actions .btn,
  body[data-page-route="/home"] .page-heading-back {
    min-height: 38px;
    border-radius: 13px;
  }

  body[data-page-route="/home"] .bento-grid {
    height: 100%;
    min-height: 0;
    grid-template-rows: repeat(8, minmax(0, 1fr));
    grid-auto-rows: unset;
    gap: 10px;
  }

  body[data-page-route="/home"] .widget {
    min-height: 0;
    border-radius: 20px;
  }

  body[data-page-route="/home"] .widget-content {
    min-height: 0;
    padding: 14px;
  }

  body[data-page-route="/home"] .today-widget .widget-content {
    padding: 18px;
  }

  body[data-page-route="/home"] .today-date {
    font-size: 12px;
  }

  body[data-page-route="/home"] .today-heading {
    margin-top: 5px;
    font-size: clamp(27px, 2.15vw, 32px);
    line-height: 1.02;
    letter-spacing: -1.15px;
  }

  body[data-page-route="/home"] .today-summary {
    margin-top: 5px;
    max-width: 560px;
    font-size: 12.5px;
    line-height: 1.35;
  }

  body[data-page-route="/home"] .today-list {
    margin-top: 10px;
    gap: 5px;
  }

  body[data-page-route="/home"] .today-list-row {
    gap: 8px;
    font-size: 12px;
    line-height: 1.25;
  }

  body[data-page-route="/home"] .today-actions {
    gap: 8px;
  }

  body[data-page-route="/home"] .today-actions .btn {
    min-height: 34px;
    padding-inline: 13px;
    border-radius: 12px;
    font-size: 12px;
  }

  body[data-page-route="/home"] .module-widget .module-icon {
    width: 44px;
    height: 44px;
    border-radius: 14px;
  }

  body[data-page-route="/home"] .module-widget .module-icon svg {
    width: 23px;
    height: 23px;
  }

  body[data-page-route="/home"] .module-widget .module-arrow {
    width: 34px;
    height: 34px;
    border-radius: 12px;
  }

  body[data-page-route="/home"] .module-widget .module-copy h3 {
    font-size: 17px;
    line-height: 1.08;
    letter-spacing: -.5px;
  }

  body[data-page-route="/home"] .module-widget .module-copy p {
    margin-top: 4px;
    font-size: 10.5px;
    line-height: 1.25;
  }

  body[data-page-route="/home"] .map-pin {
    width: 42px;
    height: 42px;
  }

  body[data-page-route="/home"] .map-caption {
    left: 12px;
    right: 12px;
    bottom: 12px;
    padding: 9px 11px;
    border-radius: 13px;
    font-size: 11px;
  }

  body[data-page-route="/home"] .map-caption strong {
    font-size: 12px;
  }

  body[data-page-route="/home"] .widget-title {
    font-size: 14px;
  }

  body[data-page-route="/home"] .widget-label {
    margin-top: 2px;
    font-size: 10px;
  }

  body[data-page-route="/home"] .weather-temp {
    font-size: 38px;
    letter-spacing: -2px;
  }

  body[data-page-route="/home"] .weather-strip {
    gap: 4px;
  }

  body[data-page-route="/home"] .weather-day {
    padding: 5px 4px;
    border-radius: 9px;
    font-size: 9px;
  }

  body[data-page-route="/home"] .clock-face {
    width: 58px;
    height: 58px;
  }

  body[data-page-route="/home"] .clock-face::before {
    height: 18px;
  }

  body[data-page-route="/home"] .clock-face::after {
    height: 22px;
  }
}

@media (min-width: 901px) and (max-height: 740px) {
  body[data-page-route="/home"] .main-content {
    padding-top: calc(var(--topbar-h) + 9px);
    padding-bottom: 8px;
  }

  body[data-page-route="/home"] .page-heading {
    margin-bottom: 8px;
  }

  body[data-page-route="/home"] .page-eyebrow {
    display: none;
  }

  body[data-page-route="/home"] .page-title {
    font-size: 34px;
  }

  body[data-page-route="/home"] .page-subtitle {
    margin-top: 3px;
    font-size: 12px;
  }

  body[data-page-route="/home"] .bento-grid {
    gap: 8px;
  }

  body[data-page-route="/home"] .widget {
    border-radius: 17px;
  }

  body[data-page-route="/home"] .today-widget .widget-content {
    padding: 14px;
  }

  body[data-page-route="/home"] .today-heading {
    font-size: 25px;
  }

  body[data-page-route="/home"] .today-summary {
    font-size: 11px;
  }

  body[data-page-route="/home"] .today-list {
    margin-top: 7px;
    gap: 3px;
  }

  body[data-page-route="/home"] .today-list-row {
    font-size: 10.5px;
  }

  body[data-page-route="/home"] .today-actions .btn {
    min-height: 30px;
  }

  body[data-page-route="/home"] .module-widget .module-icon {
    width: 38px;
    height: 38px;
  }

  body[data-page-route="/home"] .module-widget .module-arrow {
    width: 30px;
    height: 30px;
  }

  body[data-page-route="/home"] .module-widget .module-copy h3 {
    font-size: 15px;
  }

  body[data-page-route="/home"] .module-widget .module-copy p {
    font-size: 9.5px;
  }
}


/* HELPRITE V13 PROFILE EXPERIENCE */
.profile-photo-picker{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;padding:18px;margin-bottom:18px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035)}
[data-theme="light"] .profile-photo-picker{background:#f8fafc}
.profile-photo-preview{width:92px;height:92px;border-radius:28px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#1688ff,#005fce);background-size:cover;background-position:center;color:#fff;font-size:28px;font-weight:780;letter-spacing:-1px;box-shadow:0 14px 34px rgba(10,132,255,.24),inset 0 1px 0 rgba(255,255,255,.26)}
.profile-photo-preview.has-photo{background-color:var(--panel-2)}
.profile-photo-copy{min-width:0}.profile-photo-copy h3{margin:0 0 4px;font-size:16px;letter-spacing:-.3px}.profile-photo-copy p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}
.profile-photo-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:12px}.profile-photo-actions input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.profile-photo-actions label{cursor:pointer}
.profile-hero{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:26px;background:var(--panel);box-shadow:var(--shadow-soft);padding:26px;margin-bottom:18px}
.profile-hero::after{content:"";position:absolute;inset:auto -90px -130px auto;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(10,132,255,.18),transparent 68%);pointer-events:none}
.profile-hero-main{position:relative;z-index:1;display:flex;align-items:center;gap:20px}.profile-hero-avatar{width:108px;height:108px;flex:0 0 auto;border-radius:32px;display:grid;place-items:center;background:linear-gradient(145deg,#1688ff,#0069d9);color:#fff;font-size:34px;font-weight:800;letter-spacing:-1.5px;box-shadow:0 18px 42px rgba(10,132,255,.28),inset 0 1px 0 rgba(255,255,255,.3);background-size:cover;background-position:center}
.profile-hero-copy{min-width:0;flex:1}.profile-hero-copy h2{margin:0;font-size:28px;line-height:1.05;letter-spacing:-1px}.profile-hero-copy p{margin:7px 0 0;color:var(--muted);font-size:13px}.profile-hero-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:13px}.profile-hero-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-left:auto}
.profile-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr);gap:18px;align-items:start}.profile-stack{display:grid;gap:18px}
.profile-section{border:1px solid var(--line);border-radius:20px;background:var(--panel);box-shadow:var(--shadow-soft);overflow:hidden}.profile-section-head{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.profile-section-head h3{margin:0;font-size:15px;letter-spacing:-.25px}.profile-section-head p{margin:3px 0 0;color:var(--muted);font-size:11px}.profile-section-body{padding:18px}
.profile-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.profile-detail{min-width:0;padding:13px 14px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid var(--line)}[data-theme="light"] .profile-detail{background:#f8fafc}.profile-detail span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.05em;font-weight:700}.profile-detail strong{display:block;margin-top:5px;font-size:13px;line-height:1.35;overflow-wrap:anywhere}.profile-detail small{display:block;margin-top:3px;color:var(--muted);font-size:11px}
.profile-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.profile-metric{padding:14px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.035)}[data-theme="light"] .profile-metric{background:#f8fafc}.profile-metric strong{font-size:21px;letter-spacing:-.7px}.profile-metric span{display:block;margin-top:3px;color:var(--muted);font-size:10px}
.profile-security-list,.profile-activity-list{display:grid;gap:0}.profile-security-item,.profile-activity-item{display:flex;align-items:flex-start;gap:11px;padding:12px 0;border-bottom:1px solid var(--line)}.profile-security-item:last-child,.profile-activity-item:last-child{border-bottom:0}.profile-security-icon,.profile-activity-icon{width:34px;height:34px;flex:0 0 auto;border-radius:11px;display:grid;place-items:center;background:rgba(10,132,255,.12);color:var(--blue)}.profile-security-copy,.profile-activity-copy{min-width:0;flex:1}.profile-security-copy strong,.profile-activity-copy strong{font-size:12px}.profile-security-copy p,.profile-activity-copy p{margin:3px 0 0;color:var(--muted);font-size:11px;line-height:1.4}.profile-security-state{font-size:10px;color:var(--green);font-weight:700;white-space:nowrap}
.profile-permission-summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.profile-permission-summary .badge{font-size:10px}
.profile-edit-note{display:flex;gap:10px;align-items:flex-start;padding:13px 14px;border-radius:14px;background:rgba(10,132,255,.09);border:1px solid rgba(10,132,255,.18);color:var(--text);font-size:12px;line-height:1.5;margin-bottom:18px}.profile-edit-note svg{flex:0 0 auto;color:var(--blue);margin-top:1px}
.password-strength{height:6px;border-radius:999px;background:var(--panel-3);overflow:hidden;margin-top:8px}.password-strength span{display:block;width:78%;height:100%;border-radius:inherit;background:var(--green)}
@media(max-width:960px){.profile-layout{grid-template-columns:1fr}.profile-hero-main{align-items:flex-start}.profile-hero-actions{margin-left:0}}
@media(max-width:700px){.profile-photo-picker{grid-template-columns:1fr;text-align:center}.profile-photo-preview{margin:auto}.profile-photo-actions{justify-content:center}.profile-hero{padding:19px;border-radius:21px}.profile-hero-main{display:grid;text-align:center}.profile-hero-avatar{width:92px;height:92px;border-radius:28px;margin:auto}.profile-hero-copy h2{font-size:24px}.profile-hero-meta,.profile-hero-actions{justify-content:center}.profile-details{grid-template-columns:1fr}.profile-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-metric{padding:11px 9px}.profile-metric strong{font-size:18px}}
@media(max-width:430px){.profile-metrics{grid-template-columns:1fr}.profile-hero-actions .btn{flex:1;justify-content:center}}

/* HELPRITE V14 NATIVE SELECTS AND PAGE ACTION ALIGNMENT */

/* All page-heading actions share one predictable Apple button size. */
.page-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  column-gap: 22px;
  row-gap: 12px;
}
.page-heading-copy {
  width: 100%;
  min-width: 0;
}
.page-heading-side {
  width: auto;
  min-width: 0;
  max-width: none;
  padding-top: 26px;
  align-items: flex-end;
  gap: 10px;
}
.page-heading-side .page-actions {
  width: auto;
  max-width: none;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: 9px;
}
.page-heading-side .page-actions .btn,
.page-title-row .apple-back-link.page-heading-back {
  min-height: 42px;
  height: 42px;
  padding: 0 15px;
  border-radius: 14px;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 13px;
  line-height: 1;
  font-weight: 680;
  white-space: nowrap;
  text-decoration: none;
  vertical-align: middle;
}
.page-title-row .apple-back-link.page-heading-back {
  margin-top: 1px;
  min-width: 82px;
}
.page-title-row .apple-back-link.page-heading-back:hover {
  transform: translateY(-2px);
}
.page-heading-side .page-actions .btn svg,
.page-title-row .apple-back-link.page-heading-back svg {
  flex: 0 0 auto;
}

/* Native Apple-style selects: no enhanced replacement layer or generated markup. */
select,
.form-field select,
.filter-select,
.drive-form-field select {
  appearance: none;
  -webkit-appearance: none;
  background-image:
    linear-gradient(45deg, transparent 50%, currentColor 50%),
    linear-gradient(135deg, currentColor 50%, transparent 50%);
  background-position:
    calc(100% - 18px) 50%,
    calc(100% - 13px) 50%;
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
  padding-right: 38px !important;
}
select[multiple],
.today-form-grid .form-field select[multiple] {
  appearance: auto;
  -webkit-appearance: auto;
  background-image: none;
  padding-right: 12px !important;
}

@media (max-width: 1180px) {
  .page-heading-side .page-actions {
    flex-wrap: wrap;
    max-width: 620px;
  }
}

@media (max-width: 760px) {
  .page-heading {
    display: block;
  }
  .page-title-row {
    align-items: center;
  }
  .page-title-row .apple-back-link.page-heading-back {
    min-height: 42px;
    height: 42px;
    min-width: 82px;
    padding: 0 13px;
    font-size: 13px;
    border-radius: 14px;
  }
  .page-heading-side {
    width: 100%;
    padding-top: 12px;
    align-items: stretch;
  }
  .page-heading-side .page-actions {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
  .page-heading-side .page-actions .btn {
    width: 100%;
    min-width: 0;
    white-space: normal;
    text-align: center;
  }
}

@media (max-width: 430px) {
  .page-title-row .apple-back-link.page-heading-back {
    min-height: 42px;
    height: 42px;
    min-width: 78px;
    padding: 0 11px;
    font-size: 12.5px;
  }
}

/* HELPRITE V15 — PAGE ACTION ORDER AND SINGLE-LINE DESKTOP HEADING */

/* The title remains on the left; every page action shares one right-side row. */
.page-heading {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 22px;
}
.page-heading-copy {
  min-width: 0;
}
.page-title-row {
  display: block;
}
.page-heading-side {
  width: auto;
  min-width: 0;
  max-width: none;
  padding-top: 0;
  align-self: center;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
.page-heading-side .page-actions {
  width: auto;
  max-width: none;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 9px;
}

/* Back is a normal-sized action and always appears last at the far right. */
.page-heading-side .apple-back-link.page-heading-back {
  order: 999;
  margin: 0;
  min-width: 82px;
  min-height: 42px;
  height: 42px;
  padding: 0 15px;
  border-radius: 14px;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 13px;
  line-height: 1;
  font-weight: 680;
  white-space: nowrap;
  text-decoration: none;
  vertical-align: middle;
}
.page-heading-side .apple-back-link.page-heading-back:hover {
  transform: translateY(-2px);
}

/* Desktop and laptop: keep all title actions on one horizontal line. */
@media (min-width: 1181px) {
  .page-heading-side .page-actions {
    flex-wrap: nowrap;
  }
}

/* Tablet: allow a clean wrap only when the available width is genuinely limited. */
@media (min-width: 761px) and (max-width: 1180px) {
  .page-heading {
    align-items: start;
  }
  .page-heading-side {
    padding-top: 26px;
  }
  .page-heading-side .page-actions {
    max-width: 610px;
    flex-wrap: wrap;
  }
}

/* Mobile keeps the established two-column action layout, with Back in the final cell. */
@media (max-width: 760px) {
  .page-heading {
    display: block;
  }
  .page-title-row {
    display: block;
  }
  .page-heading-side {
    width: 100%;
    padding-top: 12px;
    display: block;
  }
  .page-heading-side .page-actions {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
  .page-heading-side .page-actions .btn,
  .page-heading-side .apple-back-link.page-heading-back {
    width: 100%;
    min-width: 0;
    min-height: 42px;
    height: 42px;
    margin: 0;
  }
}


/* HELPRITE V18 LIVE WEATHER + LOCAL TIME */
.home-weather-widget,
.home-clock-widget {
  cursor: default;
}

.weather-widget-content,
.clock-widget-content {
  min-width: 0;
}

.weather-head,
.clock-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.weather-updated::before {
  content: " · ";
}

.weather-refresh-button {
  width: 31px;
  height: 31px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 11px;
  background: rgba(255,255,255,.09);
  color: #fff;
  display: grid;
  place-items: center;
  cursor: pointer;
  flex: none;
  transition: transform .2s ease, background .2s ease, opacity .2s ease;
}

.weather-refresh-button:hover {
  background: rgba(255,255,255,.16);
  transform: translateY(-1px);
}

.weather-refresh-button:focus-visible {
  outline: 3px solid rgba(10,132,255,.34);
  outline-offset: 2px;
}

.weather-refresh-button.is-loading svg {
  animation: helprite-weather-spin .8s linear infinite;
}

@keyframes helprite-weather-spin {
  to { transform: rotate(360deg); }
}

.weather-current {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 7px;
  min-width: 0;
}

.weather-symbol {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: rgba(255,255,255,.11);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12);
  font-size: 23px;
  line-height: 1;
  flex: none;
}

.weather-temp {
  display: flex;
  align-items: flex-start;
  gap: 1px;
}

.weather-temp sup {
  font-size: .38em;
  line-height: 1;
  margin-top: .16em;
  letter-spacing: 0;
}

.weather-condition {
  margin-top: 1px;
  font-size: 11px;
  line-height: 1.2;
  color: rgba(255,255,255,.78);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.weather-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin: 5px 0 7px;
  color: rgba(255,255,255,.68);
  font-size: 9.5px;
  line-height: 1.15;
}

.weather-meta span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.weather-strip {
  margin-top: auto;
}

.weather-day {
  min-width: 0;
  padding: 5px 3px;
  border-radius: 9px;
  background: rgba(255,255,255,.065);
  line-height: 1;
}

.weather-day span,
.weather-day i,
.weather-day strong {
  display: block;
}

.weather-day span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.weather-day i {
  height: 13px;
  margin-top: 3px;
  font-size: 12px;
  font-style: normal;
  line-height: 13px;
}

.weather-day strong {
  margin-top: 3px;
}

.weather-day.is-loading {
  opacity: .58;
}

.clock-widget-content .widget-label {
  color: rgba(11,19,32,.62);
}

.clock-live-indicator {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 7px;
  border-radius: 999px;
  background: rgba(52,199,89,.12);
  color: #15803d;
  font-size: 9px;
  font-weight: 760;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.clock-live-indicator i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #34c759;
  box-shadow: 0 0 0 4px rgba(52,199,89,.12);
}

.clock-layout {
  display: grid;
  grid-template-columns: 74px minmax(0,1fr);
  align-items: center;
  gap: 12px;
  margin-top: auto;
  margin-bottom: auto;
  min-width: 0;
}

.clock-face {
  width: 70px;
  height: 70px;
  margin: 0;
}

.clock-face::before,
.clock-face::after {
  content: none;
}

.clock-hand {
  position: absolute;
  left: 50%;
  bottom: 50%;
  transform-origin: 50% 100%;
  transform: translateX(-50%) rotate(0deg);
  border-radius: 999px;
  will-change: transform;
}

.clock-hour-hand {
  width: 4px;
  height: 20px;
  background: #111;
  z-index: 2;
}

.clock-minute-hand {
  width: 3px;
  height: 27px;
  background: #111;
  z-index: 3;
}

.clock-second-hand {
  width: 1.5px;
  height: 29px;
  background: #ff453a;
  z-index: 4;
}

.clock-dot {
  z-index: 5;
}

.clock-tick {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 2px;
  height: 6px;
  margin-left: -1px;
  margin-top: -33px;
  border-radius: 2px;
  background: rgba(17,17,17,.65);
  transform-origin: 1px 33px;
}

.clock-tick.tick-3 { transform: rotate(90deg); }
.clock-tick.tick-6 { transform: rotate(180deg); }
.clock-tick.tick-9 { transform: rotate(270deg); }

.clock-digital {
  min-width: 0;
}

.clock-time {
  color: #0b1320;
  font-size: clamp(18px, 1.65vw, 27px);
  font-weight: 790;
  letter-spacing: -.9px;
  line-height: 1;
  white-space: nowrap;
}

.clock-date {
  margin-top: 7px;
  color: rgba(11,19,32,.72);
  font-size: 10.5px;
  font-weight: 650;
  line-height: 1.2;
}

.clock-offset {
  margin-top: 3px;
  color: rgba(11,19,32,.5);
  font-size: 9.5px;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

html[data-theme="dark"] .home-clock-widget.gradient-light {
  background: linear-gradient(145deg, #f9fbff, #dfe8f5 80%);
  color: #0b1320;
}

@media (min-width: 901px) and (max-height: 900px) {
  body[data-page-route="/home"] .weather-current {
    margin-top: 4px;
  }

  body[data-page-route="/home"] .weather-symbol {
    width: 34px;
    height: 34px;
    border-radius: 11px;
    font-size: 19px;
  }

  body[data-page-route="/home"] .weather-meta {
    margin: 3px 0 5px;
    font-size: 8.8px;
  }

  body[data-page-route="/home"] .weather-day {
    padding: 4px 2px;
  }

  body[data-page-route="/home"] .weather-day i {
    height: 11px;
    margin-top: 2px;
    font-size: 10px;
    line-height: 11px;
  }

  body[data-page-route="/home"] .clock-layout {
    grid-template-columns: 60px minmax(0,1fr);
    gap: 9px;
  }

  body[data-page-route="/home"] .clock-face {
    width: 58px;
    height: 58px;
  }

  body[data-page-route="/home"] .clock-hour-hand { height: 16px; }
  body[data-page-route="/home"] .clock-minute-hand { height: 21px; }
  body[data-page-route="/home"] .clock-second-hand { height: 23px; }

  body[data-page-route="/home"] .clock-tick {
    margin-top: -27px;
    transform-origin: 1px 27px;
  }

  body[data-page-route="/home"] .clock-tick.tick-3 { transform: rotate(90deg); }
  body[data-page-route="/home"] .clock-tick.tick-6 { transform: rotate(180deg); }
  body[data-page-route="/home"] .clock-tick.tick-9 { transform: rotate(270deg); }

  body[data-page-route="/home"] .clock-date {
    margin-top: 5px;
    font-size: 9.5px;
  }

  body[data-page-route="/home"] .clock-offset {
    font-size: 8.8px;
  }
}

@media (max-width: 900px) {
  .weather-symbol {
    width: 38px;
    height: 38px;
  }

  .clock-layout {
    grid-template-columns: 66px minmax(0,1fr);
  }

  .clock-face {
    width: 64px;
    height: 64px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .weather-refresh-button.is-loading svg {
    animation: none;
  }
}


/* ========================================================================== 
   V19 · Task Calendar + contextual analytics charts
   ========================================================================== */
.analytics-divider{margin-top:22px}
.analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0 22px}
.analytics-grid.single{grid-template-columns:minmax(0,1fr)}
.analytics-grid.triple{grid-template-columns:repeat(3,minmax(0,1fr))}
.analytics-card{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);overflow:hidden}
.analytics-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 18px 0}
.analytics-card-title{font-size:16px;font-weight:750;letter-spacing:-.35px;color:var(--text)}
.analytics-card-subtitle{margin-top:4px;color:var(--muted);font-size:12px;line-height:1.45}
.analytics-card-badge{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border-radius:999px;background:var(--chip);border:1px solid var(--line);font-size:10px;font-weight:700;color:var(--muted);white-space:nowrap}
.analytics-card-body{padding:10px 14px 15px}
.hd-chart{position:relative;width:100%;height:260px;min-width:0;overflow:hidden}
.hd-chart.compact{height:220px}
.hd-chart svg{display:block;width:100%;height:100%;overflow:visible}
.hd-chart-grid{stroke:var(--line);stroke-width:1}
.hd-chart-axis{fill:var(--muted);font-size:10px;font-weight:600}
.hd-chart-label{fill:var(--muted);font-size:10px;font-weight:600}
.hd-chart-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.hd-chart-area{opacity:.1}
.hd-chart-point{stroke:var(--panel-solid);stroke-width:2;cursor:pointer}
.hd-chart-bar{rx:7;ry:7;cursor:pointer;transition:opacity .15s,transform .15s;transform-box:fill-box;transform-origin:center bottom}
.hd-chart-bar:hover{opacity:.78;transform:scaleY(1.02)}
.hd-chart-legend{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 14px;margin-top:6px;color:var(--muted);font-size:10px;font-weight:650}
.hd-chart-legend span{display:inline-flex;align-items:center;gap:6px}
.hd-chart-legend i{width:8px;height:8px;border-radius:999px;display:inline-block}
.hd-pie-wrap{height:100%;display:grid;grid-template-columns:minmax(150px,.9fr) minmax(160px,1.1fr);align-items:center;gap:18px;padding:8px 8px 4px}
.hd-pie{position:relative;width:min(190px,100%);aspect-ratio:1;border-radius:50%;margin:auto;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.hd-pie:after{content:"";position:absolute;inset:24%;border-radius:50%;background:var(--panel-solid);box-shadow:0 0 0 1px var(--line)}
.hd-pie-center{position:absolute;inset:31%;display:grid;place-items:center;z-index:1;text-align:center}
.hd-pie-center strong{font-size:24px;line-height:1;letter-spacing:-1px}
.hd-pie-center span{margin-top:4px;color:var(--muted);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.hd-pie-legend{display:grid;gap:10px}
.hd-pie-item{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:8px;color:var(--muted);font-size:11px}
.hd-pie-item i{width:9px;height:9px;border-radius:999px}
.hd-pie-item strong{color:var(--text);font-size:12px}
.hd-chart-tooltip{position:fixed;z-index:500;pointer-events:none;opacity:0;transform:translate(-50%,-110%);padding:7px 9px;border-radius:10px;background:rgba(20,20,22,.94);color:#fff;font-size:10px;font-weight:650;box-shadow:0 10px 30px rgba(0,0,0,.25);transition:opacity .08s;white-space:nowrap}
.hd-chart-tooltip.show{opacity:1}

/* Task module */
.task-shell{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;align-items:start}
.task-calendar-panel,.task-side-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);overflow:hidden}
.task-calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.task-calendar-nav,.task-view-switch{display:flex;align-items:center;gap:6px}
.task-calendar-title{font-size:18px;font-weight:780;letter-spacing:-.5px;min-width:170px;text-align:center}
.task-toolbar-btn{height:36px;min-width:36px;padding:0 11px;border:1px solid var(--line);border-radius:11px;background:var(--control);color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:700;cursor:pointer}
.task-toolbar-btn:hover{background:var(--hover)}
.task-toolbar-btn.active{background:var(--blue);border-color:var(--blue);color:#fff}
.task-filter-bar{display:grid;grid-template-columns:minmax(180px,1fr) repeat(3,minmax(120px,170px));gap:9px;padding:12px 16px;border-bottom:1px solid var(--line)}
.task-filter-bar .input,.task-filter-bar select{width:100%;height:38px}
.task-calendar-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-bottom:1px solid var(--line);background:var(--control)}
.task-calendar-weekdays span{padding:10px 8px;text-align:center;color:var(--muted);font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.06em}
.task-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));background:var(--line);gap:1px}
.task-calendar-day{position:relative;min-height:130px;background:var(--panel-solid);padding:8px;overflow:hidden;transition:background .15s}
.task-calendar-day:hover,.task-calendar-day.drag-over{background:var(--hover)}
.task-calendar-day.outside{opacity:.48}
.task-calendar-day.today{box-shadow:inset 0 0 0 2px var(--blue)}
.task-day-head{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:6px}
.task-day-number{width:25px;height:25px;border-radius:999px;display:grid;place-items:center;color:var(--text);font-size:11px;font-weight:750}
.task-calendar-day.today .task-day-number{background:var(--blue);color:#fff}
.task-day-add{width:24px;height:24px;border:0;border-radius:8px;background:transparent;color:var(--muted);display:grid;place-items:center;opacity:0;cursor:pointer}
.task-calendar-day:hover .task-day-add{opacity:1}
.task-day-events{display:grid;gap:4px}
.task-event{position:relative;display:block;width:100%;border:0;border-left:3px solid var(--blue);border-radius:7px;background:color-mix(in srgb,var(--blue) 12%,var(--panel-solid));color:var(--text);padding:5px 6px;text-align:left;font-size:9px;font-weight:700;line-height:1.3;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.task-event[data-priority="Urgent"]{border-left-color:var(--red);background:color-mix(in srgb,var(--red) 12%,var(--panel-solid))}
.task-event[data-priority="High"]{border-left-color:var(--orange);background:color-mix(in srgb,var(--orange) 12%,var(--panel-solid))}
.task-event[data-status="Completed"]{opacity:.6;text-decoration:line-through}
.task-more{border:0;background:transparent;color:var(--blue);font-size:9px;font-weight:750;padding:2px 3px;cursor:pointer}
.task-week-view{display:grid;grid-template-columns:repeat(7,minmax(130px,1fr));min-width:920px;background:var(--line);gap:1px}
.task-week-day{min-height:520px;background:var(--panel-solid);padding:10px}
.task-week-day-head{position:sticky;top:0;background:var(--panel-solid);padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid var(--line);font-size:11px;font-weight:750}
.task-week-event{margin-bottom:7px;padding:9px;border-radius:10px;background:var(--control);border-left:3px solid var(--blue);font-size:10px;cursor:pointer}
.task-week-event strong{display:block;font-size:11px;margin-bottom:3px}
.task-agenda{display:grid;gap:12px;padding:14px}
.task-agenda-group{border:1px solid var(--line);border-radius:14px;overflow:hidden}
.task-agenda-date{padding:10px 12px;background:var(--control);font-size:11px;font-weight:750}
.task-agenda-row{display:grid;grid-template-columns:74px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px;border-top:1px solid var(--line);cursor:pointer}
.task-agenda-row:hover{background:var(--hover)}
.task-agenda-time{font-size:10px;color:var(--muted);font-weight:700}
.task-agenda-copy strong{display:block;font-size:12px}
.task-agenda-copy span{font-size:10px;color:var(--muted)}
.task-side-section{padding:16px;border-bottom:1px solid var(--line)}
.task-side-section:last-child{border-bottom:0}
.task-side-title{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:760}
.task-mini-list{display:grid;gap:8px}
.task-mini-item{padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--control);cursor:pointer}
.task-mini-item strong{display:block;font-size:11px;margin-bottom:3px}
.task-mini-item span{font-size:9px;color:var(--muted)}
.task-color-dot{width:8px;height:8px;border-radius:999px;display:inline-block;margin-right:6px;background:var(--blue)}
.task-empty{display:grid;place-items:center;text-align:center;min-height:240px;padding:30px;color:var(--muted)}
.task-empty svg{margin-bottom:10px;opacity:.5}
.task-empty strong{display:block;color:var(--text);font-size:14px;margin-bottom:5px}
.task-modal-backdrop{position:fixed;inset:0;z-index:360;display:none;place-items:center;padding:18px;background:rgba(0,0,0,.5);backdrop-filter:blur(14px)}
.task-modal-backdrop.open{display:grid}
.task-modal{width:min(680px,100%);max-height:92vh;overflow:auto;border:1px solid var(--line-strong);border-radius:24px;background:var(--panel-solid);box-shadow:0 40px 110px rgba(0,0,0,.45)}
.task-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px;border-bottom:1px solid var(--line)}
.task-modal-header h3{margin:0;font-size:20px;letter-spacing:-.5px}.task-modal-header p{margin:4px 0 0;color:var(--muted);font-size:11px}
.task-modal-body{padding:20px}.task-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:14px 20px 20px}
.task-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.task-form-grid .field-full{grid-column:1/-1}
.task-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.task-detail-item{padding:12px;border-radius:13px;background:var(--control);border:1px solid var(--line)}.task-detail-item span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.06em;font-weight:750;margin-bottom:4px}.task-detail-item strong{font-size:12px}
.task-table-actions{display:flex;justify-content:flex-end;gap:5px}.task-action-btn{width:32px;height:32px;border:1px solid var(--line);border-radius:9px;background:var(--control);color:var(--text);display:grid;place-items:center;cursor:pointer}.task-action-btn:hover{background:var(--hover)}
.task-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.task-pagination-controls{display:flex;gap:5px}.task-page-btn{min-width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:var(--control);color:var(--text);font-size:10px;font-weight:700;cursor:pointer}.task-page-btn.active{background:var(--blue);border-color:var(--blue);color:#fff}.task-page-btn:disabled{opacity:.4;cursor:not-allowed}

@media(max-width:1100px){.analytics-grid.triple{grid-template-columns:repeat(2,minmax(0,1fr))}.task-shell{grid-template-columns:1fr}.task-side-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.task-side-section{border-bottom:0;border-right:1px solid var(--line)}.task-side-section:last-child{border-right:0}}
@media(max-width:780px){.analytics-grid,.analytics-grid.triple{grid-template-columns:1fr}.hd-chart{height:240px}.hd-pie-wrap{grid-template-columns:1fr;gap:8px}.hd-pie{width:150px}.task-filter-bar{grid-template-columns:1fr 1fr}.task-filter-bar>*:first-child{grid-column:1/-1}.task-calendar-title{order:-1;width:100%;text-align:left}.task-calendar-toolbar{align-items:flex-start}.task-calendar-day{min-height:110px;padding:6px}.task-day-number{width:22px;height:22px}.task-event{font-size:8px;padding:4px}.task-side-panel{grid-template-columns:1fr}.task-side-section{border-right:0;border-bottom:1px solid var(--line)}.task-form-grid,.task-detail-grid{grid-template-columns:1fr}.task-form-grid .field-full{grid-column:1}.task-modal-backdrop{align-items:flex-end;padding:0}.task-modal{width:100%;max-height:94vh;border-radius:22px 22px 0 0}.task-agenda-row{grid-template-columns:58px minmax(0,1fr)}}
@media(max-width:520px){.task-calendar-weekdays span{font-size:8px;padding:8px 2px}.task-calendar-day{min-height:88px}.task-event{border-left-width:2px}.task-day-add{display:none}.task-filter-bar{grid-template-columns:1fr}.task-filter-bar>*:first-child{grid-column:auto}.task-view-switch .task-toolbar-btn{padding:0 8px}.task-view-switch .task-toolbar-btn span{display:none}.task-pagination{align-items:flex-start;flex-direction:column}}

/* Task editor form alignment */
.task-modal .field,
.task-modal label.field{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-content:start;
  gap:7px;
  min-width:0;
}
.task-modal .field>span{
  display:block;
  color:var(--text);
  font-size:11px;
  font-weight:700;
  line-height:1.3;
}
.task-modal .input,
.task-modal select,
.task-modal textarea{
  display:block;
  width:100%;
  min-width:0;
  max-width:none;
  margin:0;
}
.task-modal textarea.input{height:auto;min-height:96px;resize:vertical}
.task-modal .required{color:var(--red)}

/* ========================================================================== 
   V20 · Universal Apple field system and task workspace refinements
   Keeps the established Helprite Desk design while normalising every
   editable field, filter, task form and task register control.
   ========================================================================== */

/* Shared Apple field primitives used by task pages and any non-static form. */
:where(label.field, .field) {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-content: start;
  gap: 8px;
  min-width: 0;
}

:where(label.field, .field) > span:first-child {
  display: block;
  color: var(--text);
  font-size: 13px;
  font-weight: 650;
  line-height: 1.3;
  letter-spacing: -.08px;
}

:where(
  .input,
  label.field > input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),
  label.field > select,
  label.field > textarea,
  .field > input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),
  .field > select,
  .field > textarea,
  .task-filter-bar > input,
  .task-filter-bar > select,
  [data-task-list-page] .search-box > input,
  [data-task-list-page] .filter-row > select
) {
  width: 100%;
  min-width: 0;
  min-height: 46px;
  height: 46px;
  margin: 0;
  padding: 0 14px;
  border: 1px solid var(--apple-control-border);
  border-radius: 13px;
  background-color: var(--apple-control-bg);
  color: var(--text);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", Inter, "Segoe UI", sans-serif;
  font-size: 14px;
  font-weight: 430;
  line-height: 1.35;
  letter-spacing: -.1px;
  outline: none;
  box-shadow: var(--apple-control-shadow);
  transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}

:where(
  label.field > textarea,
  .field > textarea,
  textarea.input
) {
  height: auto;
  min-height: 118px;
  padding: 12px 14px;
  resize: vertical;
}

:where(
  label.field > select,
  .field > select,
  .task-filter-bar > select,
  [data-task-list-page] .filter-row > select
) {
  -webkit-appearance: none;
  appearance: none;
  padding-right: 42px;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238e8e93' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 14px;
}

:where(
  .input,
  label.field > input,
  label.field > textarea,
  .field > input,
  .field > textarea,
  .task-filter-bar > input,
  [data-task-list-page] .search-box > input
)::placeholder {
  color: var(--apple-control-placeholder);
  opacity: 1;
}

:where(
  .input,
  label.field > input:not(:disabled):not([readonly]),
  label.field > select:not(:disabled),
  label.field > textarea:not(:disabled):not([readonly]),
  .field > input:not(:disabled):not([readonly]),
  .field > select:not(:disabled),
  .field > textarea:not(:disabled):not([readonly]),
  .task-filter-bar > input:not(:disabled),
  .task-filter-bar > select:not(:disabled),
  [data-task-list-page] .search-box > input:not(:disabled),
  [data-task-list-page] .filter-row > select:not(:disabled)
):hover {
  background-color: var(--apple-control-bg-hover);
  border-color: var(--apple-control-border-strong);
}

:where(
  .input,
  label.field > input,
  label.field > select,
  label.field > textarea,
  .field > input,
  .field > select,
  .field > textarea,
  .task-filter-bar > input,
  .task-filter-bar > select,
  [data-task-list-page] .search-box > input,
  [data-task-list-page] .filter-row > select
):focus {
  border-color: var(--blue);
  background-color: var(--apple-control-bg);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--blue) 17%, transparent), var(--apple-control-shadow);
}

:where(label.field, .field):focus-within > span:first-child {
  color: var(--blue);
}

:where(
  label.field > input,
  label.field > select,
  label.field > textarea,
  .field > input,
  .field > select,
  .field > textarea
):disabled,
:where(
  label.field > input,
  label.field > textarea,
  .field > input,
  .field > textarea
)[readonly] {
  opacity: 1;
  color: var(--text);
  background: var(--apple-control-disabled);
  border-color: transparent;
  box-shadow: none;
  cursor: default;
  -webkit-text-fill-color: var(--text);
}

:where(label.field, .field) .required {
  color: var(--red);
}

:where(label.field, .field) select option,
.task-filter-bar select option,
[data-task-list-page] .filter-row select option {
  background: var(--panel-solid);
  color: var(--text);
  font-size: 14px;
}

/* Keep native date/time pickers, but align their typography and spacing. */
:where(.input, label.field > input, .field > input)[type="date"],
:where(.input, label.field > input, .field > input)[type="time"],
:where(.input, label.field > input, .field > input)[type="datetime-local"],
:where(.input, label.field > input, .field > input)[type="month"],
:where(.input, label.field > input, .field > input)[type="week"] {
  padding-right: 12px;
}

/* Task register toolbar — compact, aligned and visually consistent. */
[data-task-list-page] .table-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--line);
  background: color-mix(in srgb, var(--panel-solid) 86%, transparent);
}

[data-task-list-page] .search-box {
  flex: 1 1 300px;
  min-width: 220px;
}

[data-task-list-page] .search-box > input {
  max-width: 440px;
}

[data-task-list-page] .filter-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(145px, 190px));
  align-items: center;
  gap: 8px;
}

[data-task-list-page] .table-wrap,
[data-task-list-page] .task-table-wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

[data-task-list-page] .task-register-table {
  width: 100%;
  min-width: 980px;
  border-collapse: collapse;
  table-layout: auto;
}

[data-task-list-page] .task-register-table th {
  padding: 12px 16px;
  border-bottom: 1px solid var(--line);
  background: color-mix(in srgb, var(--control) 72%, transparent);
  color: var(--muted);
  font-size: 10px;
  font-weight: 750;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: .065em;
  white-space: nowrap;
}

[data-task-list-page] .task-register-table td {
  padding: 13px 16px;
  border-bottom: 1px solid var(--line);
  color: var(--text);
  font-size: 12px;
  vertical-align: middle;
}

[data-task-list-page] .task-register-table tbody tr {
  transition: background .15s ease;
}

[data-task-list-page] .task-register-table tbody tr:hover {
  background: var(--hover);
}

[data-task-list-page] .task-register-table tbody tr:last-child td {
  border-bottom: 0;
}

[data-task-list-page] .task-register-table td:first-child {
  min-width: 280px;
}

[data-task-list-page] .task-register-table td:nth-child(2) {
  min-width: 190px;
}

[data-task-list-page] .task-register-table td:nth-child(3) {
  min-width: 150px;
}

[data-task-list-page] .task-register-table .table-subtext {
  margin-top: 3px;
  color: var(--muted);
  font-size: 10.5px;
  line-height: 1.35;
}

/* Task calendar search/filter row. */
.task-filter-bar {
  align-items: center;
  background: color-mix(in srgb, var(--panel-solid) 88%, transparent);
}

.task-filter-bar > :first-child {
  min-width: 0;
}

/* Dedicated task create/edit forms. */
#taskRecordForm {
  width: 100%;
}

#taskRecordForm .form-grid {
  gap: 17px 15px;
}

#taskRecordForm .field.span-2 {
  grid-column: 1 / -1;
}

/* Task modal form surfaces. */
.task-modal .task-modal-body {
  padding: 20px;
}

.task-modal .task-form-grid {
  gap: 17px 15px;
}

.task-modal .input,
.task-modal select,
.task-modal textarea {
  min-height: 46px;
  height: 46px;
  padding: 0 14px;
  border: 1px solid var(--apple-control-border);
  border-radius: 13px;
  background-color: var(--apple-control-bg);
  color: var(--text);
  font-size: 14px;
  box-shadow: var(--apple-control-shadow);
}

.task-modal textarea.input,
.task-modal textarea {
  height: auto;
  min-height: 118px;
  padding: 12px 14px;
}

.task-modal select {
  -webkit-appearance: none;
  appearance: none;
  padding-right: 42px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238e8e93' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 14px;
}

.task-modal .input:focus,
.task-modal select:focus,
.task-modal textarea:focus {
  border-color: var(--blue);
  background-color: var(--apple-control-bg);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--blue) 17%, transparent), var(--apple-control-shadow);
  outline: none;
}

.task-modal .task-modal-footer {
  border-top: 1px solid var(--line);
  background: color-mix(in srgb, var(--panel-solid) 94%, transparent);
}

/* Better horizontal alignment on medium and small screens. */
@media (max-width: 1100px) {
  [data-task-list-page] .table-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  [data-task-list-page] .search-box,
  [data-task-list-page] .search-box > input {
    width: 100%;
    max-width: none;
  }

  [data-task-list-page] .filter-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 780px) {
  :where(
    .input,
    label.field > input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),
    label.field > select,
    label.field > textarea,
    .field > input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),
    .field > select,
    .field > textarea,
    .task-filter-bar > input,
    .task-filter-bar > select,
    [data-task-list-page] .search-box > input,
    [data-task-list-page] .filter-row > select
  ) {
    min-height: 48px;
    height: 48px;
    border-radius: 13px;
    font-size: 16px;
  }

  :where(label.field > textarea, .field > textarea, textarea.input) {
    height: auto;
    min-height: 124px;
  }

  [data-task-list-page] .filter-row {
    grid-template-columns: 1fr;
  }

  [data-task-list-page] .task-register-table {
    min-width: 900px;
  }

  .task-filter-bar {
    grid-template-columns: 1fr !important;
    gap: 8px;
  }

  .task-filter-bar > *:first-child {
    grid-column: auto !important;
  }

  #taskRecordForm .form-grid,
  .task-modal .task-form-grid {
    grid-template-columns: 1fr;
  }

  #taskRecordForm .field.span-2,
  .task-modal .task-form-grid .field-full {
    grid-column: 1;
  }
}

/* ========================================================================== 
   HELPRITE DESK v23 — SIDEBAR BRAND VISIBILITY ON EVERY VIEWPORT
   Keep the Helprite mark fixed at the top of the navigation rail. The mark
   must never shrink when the available screen height is small; the menu area
   becomes scrollable instead.
   ========================================================================== */
.sidebar {
  overflow: hidden;
}

.sidebar-mobile-head {
  flex: 0 0 auto;
  min-width: 0;
}

.sidebar .brand-mark,
.sidebar-mobile-head .brand-mark {
  flex: 0 0 58px;
  width: 58px;
  min-width: 58px;
  max-width: 58px;
  height: 58px;
  min-height: 58px;
  max-height: 58px;
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.sidebar .brand-mark img,
.sidebar-mobile-head .brand-mark img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
  flex: 0 0 auto;
}

.sidebar-nav {
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding-block: 2px 8px;
}

.sidebar-nav::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

.side-bottom {
  flex: 0 0 auto;
}

/* Compact only the vertical rhythm on short desktop/laptop displays. */
@media (min-width: 901px) and (max-height: 760px) {
  .sidebar {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .sidebar .brand-mark,
  .sidebar-mobile-head .brand-mark {
    flex-basis: 52px;
    width: 52px;
    min-width: 52px;
    max-width: 52px;
    height: 52px;
    min-height: 52px;
    max-height: 52px;
  }

  .sidebar-nav {
    margin-top: 12px;
    gap: 5px;
  }

  .side-link {
    width: 52px;
    min-height: 48px;
    border-radius: 15px;
  }

  .side-bottom {
    gap: 5px;
  }
}

/* Drawer mode: keep the logo visible while the links scroll independently. */
@media (max-width: 900px) {
  .sidebar {
    overflow: hidden;
  }

  .sidebar-mobile-head {
    flex: 0 0 66px;
    min-height: 66px;
  }

  .sidebar-mobile-head .brand-mark {
    flex-basis: 54px;
    width: 54px;
    min-width: 54px;
    max-width: 54px;
    height: 54px;
    min-height: 54px;
    max-height: 54px;
  }

  .sidebar-nav {
    flex: 1 1 auto;
    min-height: 0;
  }
}

/* Establish a real, non-collapsing desktop brand row (overrides display:contents). */
.sidebar-mobile-head {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 58px;
}

@media (max-width: 900px) {
  .sidebar-mobile-head {
    justify-content: space-between;
  }
}

/* ========================================================================== 
   HELPRITE DESK v24 — UNIVERSAL HEADER BRAND + REFINED LIVE WIDGETS
   The full Helprite Desk logo now lives in the top bar on every application
   page. The navigation rail begins immediately with Home. Weather and local
   time retain their live functionality with a more responsive Apple layout.
   ========================================================================== */

/* Sidebar: no brand block; begin navigation at the top of the rail. */
.sidebar {
  padding-top: 10px;
}
.sidebar-mobile-head {
  display: none;
  width: 0;
  height: 0;
  min-height: 0;
  flex: 0 0 0;
}
.sidebar-nav {
  margin-top: 0;
  padding-top: 0;
}

/* Full system logo replaces the workspace/page title in the top bar. */
.topbar-system-logo {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  width: clamp(156px, 12vw, 205px);
  height: calc(var(--topbar-h) - 12px);
  min-height: 42px;
  max-height: 56px;
  flex: 0 0 auto;
  overflow: hidden;
  border-radius: 12px;
}
.topbar-system-logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: left center;
}
.topbar-system-logo:focus-visible {
  outline: 3px solid rgba(10,132,255,.28);
  outline-offset: 2px;
}

/* The old title block is intentionally retired. */
.topbar-title-wrap,
.mobile-topbar-brand {
  display: none !important;
}

/* Mobile drawer: preserve the close toggle without reserving a logo row. */
@media (max-width: 900px) {
  .sidebar {
    padding-top: 10px;
  }
  .sidebar-mobile-head {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 42px;
    height: 42px;
    min-height: 42px;
    z-index: 5;
    pointer-events: none;
  }
  .sidebar-mobile-head .sidebar-close-button {
    pointer-events: auto;
  }
  .sidebar-nav {
    margin-top: 0;
    padding-top: 0;
  }
  .topbar-system-logo {
    width: clamp(116px, 34vw, 150px);
    height: 42px;
    min-height: 38px;
    border-radius: 10px;
  }
}

@media (max-width: 420px) {
  .topbar-system-logo {
    width: clamp(102px, 30vw, 124px);
    height: 38px;
  }
}

/* Apple-style live weather card. */
.home-weather-widget {
  background:
    radial-gradient(circle at 82% 15%, rgba(255,255,255,.24), transparent 26%),
    linear-gradient(155deg, #38a8ff 0%, #0a84ff 42%, #0757c7 100%);
  border-color: rgba(255,255,255,.22);
  box-shadow: 0 18px 38px rgba(0,94,204,.24), inset 0 1px 0 rgba(255,255,255,.28);
}
.home-weather-widget::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(255,255,255,.17), transparent 34%, transparent 72%, rgba(0,0,0,.08));
  z-index: -1;
}
.weather-widget-content,
.clock-widget-content {
  padding: clamp(13px, 1.25vw, 18px) !important;
}
.weather-head,
.clock-head {
  align-items: center;
}
.weather-head .widget-title,
.clock-head .widget-title {
  font-size: clamp(14px, 1.15vw, 17px);
  letter-spacing: -.35px;
}
.weather-head .widget-label,
.clock-head .widget-label {
  font-size: clamp(9px, .72vw, 11px);
}
.weather-refresh-button {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: rgba(255,255,255,.14);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18);
}
.weather-current {
  flex: 1 1 auto;
  margin-top: clamp(7px, 1vh, 12px);
  gap: clamp(9px, 1vw, 14px);
}
.weather-symbol {
  width: clamp(42px, 4.2vw, 58px);
  height: clamp(42px, 4.2vw, 58px);
  border-radius: clamp(14px, 1.4vw, 18px);
  font-size: clamp(23px, 2.3vw, 31px);
  background: rgba(255,255,255,.17);
  border: 1px solid rgba(255,255,255,.12);
}
.weather-temp {
  font-size: clamp(37px, 4vw, 56px) !important;
  letter-spacing: clamp(-3px, -.2vw, -1.5px) !important;
}
.weather-condition {
  max-width: 15ch;
  font-size: clamp(10px, .78vw, 12px);
}
.weather-meta {
  margin: clamp(5px, .7vh, 9px) 0;
  padding: 6px 8px;
  border-radius: 10px;
  background: rgba(255,255,255,.09);
  font-size: clamp(8.5px, .67vw, 10px);
}
.weather-strip {
  grid-template-columns: repeat(5, minmax(38px, 1fr));
  gap: clamp(4px, .45vw, 7px) !important;
}
.weather-day {
  padding: clamp(5px, .6vw, 8px) 3px !important;
  border-radius: 10px !important;
  background: rgba(255,255,255,.10) !important;
  border: 1px solid rgba(255,255,255,.06);
}
.weather-day strong {
  font-size: clamp(10px, .82vw, 13px);
}

/* Apple-style live local-time card. */
.home-clock-widget.gradient-light {
  background:
    radial-gradient(circle at 88% 12%, rgba(10,132,255,.15), transparent 28%),
    linear-gradient(145deg, rgba(255,255,255,.98), rgba(231,239,249,.96));
  border-color: rgba(255,255,255,.7);
  box-shadow: 0 18px 38px rgba(35,57,82,.16), inset 0 1px 0 rgba(255,255,255,.95);
}
html[data-theme="dark"] .home-clock-widget.gradient-light {
  background:
    radial-gradient(circle at 88% 12%, rgba(10,132,255,.22), transparent 30%),
    linear-gradient(145deg, #f9fbff, #dce7f4 88%);
}
.clock-live-indicator {
  min-height: 25px;
  padding: 5px 9px;
  box-shadow: inset 0 0 0 1px rgba(52,199,89,.10);
}
.clock-layout {
  grid-template-columns: minmax(64px, .72fr) minmax(0, 1.28fr);
  gap: clamp(10px, 1.2vw, 18px);
  width: 100%;
  margin-block: auto;
}
.clock-face {
  width: clamp(64px, 6vw, 88px);
  height: clamp(64px, 6vw, 88px);
  border: 1px solid rgba(11,19,32,.09);
  box-shadow: inset 0 0 0 3px #111827, 0 12px 25px rgba(21,39,62,.18);
}
.clock-hour-hand {
  height: clamp(18px, 1.75vw, 25px);
}
.clock-minute-hand {
  height: clamp(24px, 2.35vw, 34px);
}
.clock-second-hand {
  height: clamp(27px, 2.55vw, 37px);
}
.clock-time {
  font-size: clamp(20px, 2vw, 31px);
  letter-spacing: clamp(-1.2px, -.08vw, -.5px);
  font-variant-numeric: tabular-nums;
}
.clock-date {
  margin-top: 7px;
  font-size: clamp(10px, .78vw, 12px);
}
.clock-offset {
  margin-top: 4px;
  font-size: clamp(9px, .7vw, 10.5px);
}

/* Tablet/mobile widgets receive comfortable dimensions and do not crush text. */
@media (max-width: 900px) {
  .home-weather-widget,
  .home-clock-widget {
    min-height: 210px;
  }
  .weather-widget-content,
  .clock-widget-content {
    padding: 15px !important;
  }
  .weather-strip {
    overflow-x: auto;
    scrollbar-width: none;
  }
  .weather-strip::-webkit-scrollbar { display: none; }
  .clock-layout {
    grid-template-columns: 76px minmax(0,1fr);
  }
  .clock-face {
    width: 72px;
    height: 72px;
  }
}

@media (max-width: 620px) {
  body[data-page-route="/home"] .home-weather-widget,
  body[data-page-route="/home"] .home-clock-widget,
  body[class*="role-"] .home-weather-widget,
  body[class*="role-"] .home-clock-widget {
    grid-column: 1 / -1 !important;
    grid-row: span 2 !important;
    min-height: 205px;
  }
  .weather-current {
    margin-top: 8px;
  }
  .weather-meta {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .weather-strip {
    grid-template-columns: repeat(5, minmax(54px,1fr));
  }
  .clock-layout {
    grid-template-columns: 82px minmax(0,1fr);
  }
  .clock-face {
    width: 78px;
    height: 78px;
  }
  .clock-time {
    font-size: clamp(25px, 8vw, 34px);
  }
}

/* ========================================================================== 
   HELPRITE DESK v25 — HEADER LOGO CONTAINMENT + MOBILE DRAWER BRAND
   Protect the full wordmark from intrinsic-size overflow on cached browsers,
   while restoring the logo inside the opened mobile navigation drawer.
   ========================================================================== */
.topbar {
  overflow: hidden;
}

.topbar-left {
  height: 100%;
  min-width: 0;
  flex: 1 1 auto;
  overflow: hidden;
}

.topbar-system-logo {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: clamp(156px, 12vw, 205px) !important;
  min-width: 156px !important;
  max-width: 205px !important;
  height: 56px !important;
  min-height: 42px !important;
  max-height: calc(var(--topbar-h) - 12px) !important;
  flex: 0 0 auto !important;
  overflow: hidden !important;
  border-radius: 12px;
  contain: layout paint;
  line-height: 0;
}

.topbar-system-logo img {
  position: static !important;
  inset: auto !important;
  display: block;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: left center !important;
  transform: none !important;
  margin: 0 !important;
}

/* The desktop rail remains icon-only and begins with Home. */
@media (min-width: 901px) {
  .sidebar-mobile-head {
    display: none !important;
  }
}

/* Mobile/tablet drawer restores the full system wordmark next to Close. */
@media (max-width: 900px) {
  .sidebar {
    padding-top: 10px;
  }

  .sidebar-mobile-head {
    display: flex !important;
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: 60px !important;
    min-height: 60px !important;
    flex: 0 0 60px !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px;
    padding: 2px 0 8px !important;
    pointer-events: auto !important;
    z-index: 5;
  }

  .sidebar-mobile-brand {
    display: inline-flex;
    align-items: center;
    width: min(170px, calc(100% - 54px));
    height: 48px;
    max-width: 170px;
    overflow: hidden;
    border-radius: 10px;
    line-height: 0;
    flex: 0 1 auto;
  }

  .sidebar-mobile-brand img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: left center !important;
  }

  .sidebar-mobile-head .sidebar-close-button {
    position: static !important;
    inset: auto !important;
    width: 42px;
    height: 42px;
    min-width: 42px;
    flex: 0 0 42px;
  }

  .sidebar-nav {
    margin-top: 0 !important;
    padding-top: 2px !important;
  }

  .topbar-system-logo {
    width: clamp(116px, 34vw, 150px) !important;
    min-width: 116px !important;
    max-width: 150px !important;
    height: 42px !important;
    min-height: 38px !important;
    max-height: 42px !important;
  }
}

@media (max-width: 420px) {
  .topbar-system-logo {
    width: clamp(102px, 30vw, 124px) !important;
    min-width: 102px !important;
    max-width: 124px !important;
    height: 38px !important;
  }

  .sidebar-mobile-brand {
    width: min(150px, calc(100% - 54px));
    height: 44px;
  }
}


/* ========================================================================== 
   HELPRITE DESK v27 — PROFESSIONAL ACCOUNT PROFILE + SIDEBAR HOVER TOOLTIPS
   ========================================================================== */

/* Account Profile: isolate the page from compact Home-dashboard rules. */
.account-profile-page .main-content {
  padding-bottom: 42px;
}
.account-profile-page .account-profile-heading {
  margin-bottom: 18px;
}
.account-profile-page .account-profile-view {
  width: 100%;
  max-width: 1680px;
  margin: 0 auto;
}

.account-profile-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(360px, 1.15fr) minmax(420px, 1fr) auto;
  align-items: center;
  gap: 24px;
  min-height: 176px;
  padding: 24px;
  margin-bottom: 14px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 25px;
  background:
    radial-gradient(circle at 92% 15%, rgba(10,132,255,.22), transparent 30%),
    radial-gradient(circle at 68% 110%, rgba(94,92,230,.13), transparent 37%),
    var(--panel);
  box-shadow: var(--shadow-soft);
}
.account-profile-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(125deg, rgba(255,255,255,.055), transparent 38%);
}
.account-profile-identity,
.account-profile-contact-summary,
.account-profile-hero-actions {
  position: relative;
  z-index: 1;
}
.account-profile-identity {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 18px;
}
.account-profile-avatar {
  position: relative;
  width: 104px;
  height: 104px;
  flex: 0 0 104px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 31px;
  background: linear-gradient(145deg, #2997ff, #0064d9 74%);
  color: #fff;
  box-shadow: 0 18px 42px rgba(10,132,255,.28), inset 0 1px 0 rgba(255,255,255,.35);
  font-size: 31px;
  font-weight: 800;
  letter-spacing: -1.2px;
}
.account-profile-avatar i {
  position: absolute;
  right: -2px;
  bottom: -2px;
  width: 23px;
  height: 23px;
  border: 4px solid var(--panel-solid);
  border-radius: 50%;
  background: var(--green);
  box-shadow: 0 4px 12px rgba(0,0,0,.28);
}
.account-profile-name { min-width: 0; }
.account-profile-kicker {
  margin-bottom: 6px;
  color: var(--blue);
  font-size: 11px;
  font-weight: 760;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.account-profile-name h2 {
  margin: 0;
  font-size: clamp(25px, 2.1vw, 34px);
  line-height: 1.02;
  letter-spacing: -1.25px;
}
.account-profile-name > p {
  margin: 7px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}
.account-profile-name > p span { margin: 0 5px; }
.account-profile-badges {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 12px;
}

.account-profile-contact-summary {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  padding: 4px 0;
}
.account-profile-contact-item {
  min-width: 0;
  display: grid;
  grid-template-columns: 37px minmax(0,1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: color-mix(in srgb, var(--panel-2) 84%, transparent);
}
.account-profile-mini-icon {
  width: 37px;
  height: 37px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  background: rgba(10,132,255,.13);
  color: var(--blue);
}
.account-profile-contact-item div { min-width: 0; }
.account-profile-contact-item small,
.account-profile-contact-item strong { display: block; }
.account-profile-contact-item small {
  color: var(--muted);
  font-size: 9px;
  font-weight: 720;
  letter-spacing: .045em;
  text-transform: uppercase;
}
.account-profile-contact-item strong {
  margin-top: 2px;
  overflow: hidden;
  color: var(--text);
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.account-profile-contact-item em {
  color: var(--green);
  font-size: 9px;
  font-style: normal;
  font-weight: 750;
}
.account-profile-hero-actions {
  display: grid;
  gap: 9px;
  min-width: 168px;
}
.account-profile-hero-actions .btn { width: 100%; }

.account-profile-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 12px;
  margin-bottom: 14px;
}
.account-profile-metrics article {
  min-width: 0;
  min-height: 100px;
  padding: 15px 16px;
  border: 1px solid var(--line);
  border-radius: 17px;
  background: var(--panel);
  box-shadow: var(--shadow-soft);
}
.account-profile-metrics span,
.account-profile-metrics strong,
.account-profile-metrics small { display: block; }
.account-profile-metrics span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 720;
  letter-spacing: .045em;
  text-transform: uppercase;
}
.account-profile-metrics strong {
  margin-top: 8px;
  font-size: 18px;
  letter-spacing: -.35px;
}
.account-profile-metrics small {
  margin-top: 4px;
  overflow: hidden;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.account-profile-grid {
  display: grid;
  grid-template-columns: minmax(0,1.55fr) minmax(340px,.75fr);
  gap: 14px;
  align-items: start;
}
.account-profile-primary,
.account-profile-secondary {
  display: grid;
  gap: 14px;
  min-width: 0;
}
.account-profile-card {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: var(--panel);
  box-shadow: var(--shadow-soft);
}
.account-profile-card-head {
  min-height: 74px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--line);
}
.account-profile-card-head > div {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 11px;
}
.account-profile-card-head h3 {
  margin: 0;
  font-size: 15px;
  letter-spacing: -.25px;
}
.account-profile-card-head p {
  margin: 3px 0 0;
  color: var(--muted);
  font-size: 10.5px;
  line-height: 1.4;
}
.account-profile-card-head.compact { min-height: 70px; }
.account-profile-section-icon {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: rgba(10,132,255,.13);
  color: var(--blue);
}
.account-profile-section-icon.tone-purple { background: rgba(191,90,242,.13); color: var(--purple); }
.account-profile-section-icon.tone-green { background: rgba(48,209,88,.13); color: var(--green); }
.account-profile-section-icon.tone-orange { background: rgba(255,159,10,.14); color: var(--orange); }

.account-profile-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 10px;
  padding: 15px;
}
.account-profile-detail {
  min-width: 0;
  min-height: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 12px 13px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: color-mix(in srgb, var(--panel-2) 82%, transparent);
}
.account-profile-detail > span {
  color: var(--muted);
  font-size: 9px;
  font-weight: 730;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.account-profile-detail strong {
  margin-top: 5px;
  overflow-wrap: anywhere;
  font-size: 12.5px;
  line-height: 1.35;
}
.account-profile-detail small {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 4px;
  color: var(--green);
  font-size: 9.5px;
}
.account-profile-detail small i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
}

.account-profile-setting-list { padding: 0 15px; }
.account-profile-setting {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 66px;
  padding: 12px 0;
  border-bottom: 1px solid var(--line);
}
.account-profile-setting:last-child { border-bottom: 0; }
.account-profile-setting > div { min-width: 0; }
.account-profile-setting strong,
.account-profile-setting span { display: block; }
.account-profile-setting strong { font-size: 12.5px; }
.account-profile-setting > div > span {
  margin-top: 3px;
  color: var(--muted);
  font-size: 10.5px;
  line-height: 1.4;
}
.account-profile-value-pill {
  flex: 0 0 auto;
  padding: 7px 9px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: color-mix(in srgb, var(--panel-2) 86%, transparent);
  color: var(--text);
  font-size: 9.5px;
  font-weight: 720;
  white-space: nowrap;
}
.account-profile-value-pill.success { color: var(--green); }

.account-profile-security-list { padding: 4px 15px 8px; }
.account-profile-security-row {
  display: grid;
  grid-template-columns: 36px minmax(0,1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 68px;
  border-bottom: 1px solid var(--line);
}
.account-profile-security-row:last-child { border-bottom: 0; }
.account-profile-security-icon {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  background: rgba(10,132,255,.13);
  color: var(--blue);
}
.account-profile-security-row div { min-width: 0; }
.account-profile-security-row strong,
.account-profile-security-row span { display: block; }
.account-profile-security-row strong { font-size: 11.5px; }
.account-profile-security-row div span {
  margin-top: 3px;
  color: var(--muted);
  font-size: 9.5px;
  line-height: 1.35;
}
.account-profile-security-row a,
.account-profile-security-row .account-profile-text-action,
.account-profile-security-row em {
  color: var(--green);
  font-size: 9.5px;
  font-style: normal;
  font-weight: 750;
  white-space: nowrap;
}
.account-profile-security-row a:hover,
.account-profile-security-row .account-profile-text-action:hover { text-decoration: underline; }

.account-profile-timeline { padding: 7px 15px 10px; }
.account-profile-timeline-item {
  position: relative;
  display: grid;
  grid-template-columns: 14px minmax(0,1fr);
  gap: 10px;
  padding: 10px 0;
}
.account-profile-timeline-item:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 29px;
  bottom: -5px;
  width: 1px;
  background: var(--line);
}
.account-profile-timeline-item > i {
  position: relative;
  z-index: 1;
  width: 11px;
  height: 11px;
  margin-top: 3px;
  border: 3px solid color-mix(in srgb, var(--blue) 25%, var(--panel));
  border-radius: 50%;
  background: var(--blue);
}
.account-profile-timeline-item > i.success {
  border-color: color-mix(in srgb, var(--green) 25%, var(--panel));
  background: var(--green);
}
.account-profile-timeline-item strong,
.account-profile-timeline-item span,
.account-profile-timeline-item small { display: block; }
.account-profile-timeline-item strong { font-size: 11.5px; }
.account-profile-timeline-item span {
  margin-top: 2px;
  color: var(--muted);
  font-size: 9.5px;
}
.account-profile-timeline-item small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 9px;
}

.account-profile-completion {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 15px;
}
.account-profile-completion-ring {
  width: 58px;
  height: 58px;
  flex: 0 0 58px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: conic-gradient(var(--green) 0 100%, var(--panel-3) 0);
  box-shadow: inset 0 0 0 7px var(--panel);
}
.account-profile-completion-ring span {
  font-size: 11px;
  font-weight: 780;
}
.account-profile-completion h3 { margin: 0; font-size: 13px; }
.account-profile-completion p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.45;
}

/* Sidebar tooltips are rendered at body level so they are never clipped by
   the narrow navigation rail or its scroll container. */
.sidebar-hover-tooltip {
  position: fixed;
  z-index: 1000;
  max-width: 260px;
  padding: 8px 11px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 10px;
  background: rgba(30,30,32,.96);
  color: #fff;
  box-shadow: 0 12px 32px rgba(0,0,0,.3);
  font-size: 12px;
  font-weight: 620;
  line-height: 1.2;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transform: translate3d(-5px,0,0) scale(.98);
  transition: opacity .14s ease, transform .14s ease;
}
.sidebar-hover-tooltip.show {
  opacity: 1;
  transform: translate3d(0,0,0) scale(1);
}
[data-theme="light"] .sidebar-hover-tooltip {
  border-color: rgba(0,0,0,.09);
  background: rgba(255,255,255,.97);
  color: #1d1d1f;
  box-shadow: 0 12px 30px rgba(0,0,0,.14);
}
@media (min-width: 901px) {
  .sidebar .side-link .nav-tip { display: none !important; }
}
@media (max-width: 900px) {
  .sidebar-hover-tooltip { display: none !important; }
}

@media (max-width: 1280px) {
  .account-profile-hero {
    grid-template-columns: minmax(330px,1fr) minmax(340px,.85fr);
  }
  .account-profile-hero-actions {
    grid-column: 1 / -1;
    grid-template-columns: repeat(2,minmax(0,1fr));
    width: min(380px,100%);
    margin-left: auto;
  }
}
@media (max-width: 1050px) {
  .account-profile-grid { grid-template-columns: 1fr; }
  .account-profile-secondary { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .account-profile-secondary .account-profile-completion { grid-column: 1 / -1; }
}
@media (max-width: 900px) {
  .account-profile-hero { grid-template-columns: 1fr; }
  .account-profile-contact-summary { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .account-profile-contact-item {
    grid-template-columns: 37px minmax(0,1fr);
  }
  .account-profile-contact-item em { display: none; }
  .account-profile-hero-actions {
    grid-column: auto;
    width: 100%;
    margin-left: 0;
  }
  .account-profile-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 700px) {
  .account-profile-page .account-profile-heading { margin-bottom: 14px; }
  .account-profile-hero { padding: 18px; border-radius: 21px; }
  .account-profile-identity { align-items: flex-start; }
  .account-profile-avatar { width: 82px; height: 82px; flex-basis: 82px; border-radius: 25px; font-size: 25px; }
  .account-profile-contact-summary { grid-template-columns: 1fr; }
  .account-profile-hero-actions { grid-template-columns: 1fr; }
  .account-profile-detail-grid { grid-template-columns: 1fr; }
  .account-profile-secondary { grid-template-columns: 1fr; }
  .account-profile-secondary .account-profile-completion { grid-column: auto; }
}
@media (max-width: 460px) {
  .account-profile-identity { display: grid; text-align: center; }
  .account-profile-avatar { margin: 0 auto; }
  .account-profile-badges { justify-content: center; }
  .account-profile-metrics { grid-template-columns: 1fr; }
  .account-profile-setting { align-items: flex-start; flex-direction: column; gap: 8px; }
  .account-profile-value-pill { align-self: flex-start; }
}

/* HELPRITE DESK v28 — account security icon alignment and inline password modal */
.account-profile-security-icon {
  position: relative;
  overflow: hidden;
  flex: 0 0 36px;
  line-height: 0;
}
.account-profile-security-icon svg {
  display: block;
  width: 18px;
  height: 18px;
  margin: 0;
  transform: none;
}
.account-profile-security-icon-shield {
  background: rgba(48,209,88,.13);
  color: var(--green);
}
.account-profile-security-icon-key {
  background: rgba(191,90,242,.14);
  color: var(--purple);
}
.account-profile-text-action {
  appearance: none;
  -webkit-appearance: none;
  padding: 6px 0 6px 10px;
  border: 0;
  background: transparent;
  color: var(--green);
  font: inherit;
  font-size: 9.5px;
  font-weight: 750;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
}
.account-profile-text-action:hover,
.account-profile-text-action:focus-visible {
  color: color-mix(in srgb, var(--green) 82%, white);
  text-decoration: underline;
  outline: none;
}

.account-password-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: grid;
  place-items: center;
  padding: 22px;
  background: rgba(0,0,0,.56);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .2s ease, visibility .2s ease;
  -webkit-backdrop-filter: saturate(125%) blur(18px);
  backdrop-filter: saturate(125%) blur(18px);
}
.account-password-modal-backdrop.open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.account-password-modal {
  width: min(520px,100%);
  max-height: min(760px,92vh);
  overflow: auto;
  border: 1px solid var(--line-strong);
  border-radius: 26px;
  background: color-mix(in srgb, var(--panel-solid) 96%, transparent);
  color: var(--text);
  box-shadow: 0 36px 120px rgba(0,0,0,.52), 0 1px 0 rgba(255,255,255,.08) inset;
  opacity: 0;
  transform: translateY(14px) scale(.965);
  transition: opacity .2s ease, transform .24s cubic-bezier(.2,.8,.2,1);
  -webkit-backdrop-filter: saturate(180%) blur(32px);
  backdrop-filter: saturate(180%) blur(32px);
}
.account-password-modal-backdrop.open .account-password-modal {
  opacity: 1;
  transform: translateY(0) scale(1);
}
.account-password-modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 22px 22px 18px;
  border-bottom: 1px solid var(--line);
}
.account-password-modal-heading {
  display: flex;
  align-items: center;
  gap: 13px;
  min-width: 0;
}
.account-password-modal-icon {
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: rgba(10,132,255,.14);
  color: var(--blue);
  box-shadow: 0 8px 22px rgba(10,132,255,.12);
}
.account-password-modal-icon svg { display: block; }
.account-password-modal-heading h2 {
  margin: 0;
  font-size: 20px;
  line-height: 1.15;
  letter-spacing: -.45px;
}
.account-password-modal-heading p {
  margin: 5px 0 0;
  max-width: 355px;
  color: var(--muted);
  font-size: 11.5px;
  line-height: 1.45;
}
.account-password-modal-close {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  display: grid;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--panel-2);
  color: var(--muted);
  cursor: pointer;
  transition: background .16s ease, color .16s ease, transform .16s ease;
}
.account-password-modal-close:hover {
  background: var(--hover);
  color: var(--text);
  transform: scale(1.03);
}
.account-password-modal-body {
  display: grid;
  gap: 16px;
  padding: 22px;
}
.account-password-field {
  display: grid;
  gap: 7px;
}
.account-password-field > span {
  color: var(--text);
  font-size: 11.5px;
  font-weight: 700;
}
.password-input-shell {
  position: relative;
}
.password-input-shell .input {
  width: 100%;
  min-height: 48px;
  padding-right: 48px;
}
.password-visibility-button {
  position: absolute;
  top: 50%;
  right: 8px;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: var(--muted);
  transform: translateY(-50%);
  cursor: pointer;
}
.password-visibility-button:hover,
.password-visibility-button:focus-visible {
  background: var(--hover);
  color: var(--text);
  outline: none;
}
.field-error {
  min-height: 14px;
  color: var(--red);
  font-size: 10px;
  line-height: 1.35;
}
.account-password-requirements {
  padding: 14px 15px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: color-mix(in srgb, var(--panel-2) 86%, transparent);
}
.account-password-requirements strong {
  display: block;
  margin-bottom: 9px;
  font-size: 11.5px;
}
.account-password-requirements ul {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.account-password-requirements li {
  position: relative;
  padding-left: 19px;
  color: var(--muted);
  font-size: 10.5px;
}
.account-password-requirements li::before {
  content: "";
  position: absolute;
  left: 1px;
  top: 50%;
  width: 8px;
  height: 8px;
  border: 1.5px solid currentColor;
  border-radius: 50%;
  transform: translateY(-50%);
}
.account-password-requirements li.valid {
  color: var(--green);
}
.account-password-requirements li.valid::before {
  background: currentColor;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--green) 15%, transparent);
}
.account-password-modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 9px;
  padding: 15px 22px 22px;
  border-top: 1px solid var(--line);
}
.account-password-modal-footer .btn {
  min-width: 118px;
  justify-content: center;
}
body.password-modal-open { overflow: hidden; }

@media (max-width: 620px) {
  .account-password-modal-backdrop {
    align-items: end;
    padding: 0;
  }
  .account-password-modal {
    width: 100%;
    max-height: 94vh;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    border-radius: 25px 25px 0 0;
  }
  .account-password-modal-header,
  .account-password-modal-body {
    padding-right: 18px;
    padding-left: 18px;
  }
  .account-password-modal-heading p { font-size: 12px; }
  .account-password-modal-footer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-right: 18px;
    padding-left: 18px;
    padding-bottom: calc(18px + env(safe-area-inset-bottom));
  }
  .account-password-modal-footer .btn { width: 100%; min-width: 0; }
}

/* ========================================================================== 
   HELPRITE DESK v29 — MOBILE WEATHER + LOCAL TIME REFINEMENT
   Keeps both live utilities readable on phones, removes the status badge,
   and gives the clock a calm Apple-style card composition.
   ========================================================================== */
.clock-live-indicator {
  display: none !important;
}

.home-clock-widget.gradient-light {
  overflow: hidden;
}

.home-clock-widget.gradient-light::before {
  content: "";
  position: absolute;
  width: 150px;
  height: 150px;
  right: -62px;
  bottom: -72px;
  border-radius: 50%;
  background: rgba(10,132,255,.10);
  filter: blur(2px);
  pointer-events: none;
  z-index: -1;
}

.clock-digital {
  position: relative;
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
}

@media (max-width: 620px) {
  /* These utility cards must never be squeezed into half-width phone columns. */
  body[data-page-route="/home"] .bento-grid > .home-weather-widget,
  body[data-page-route="/home"] .bento-grid > .home-clock-widget,
  body[class*="role-"] .bento-grid > .home-weather-widget,
  body[class*="role-"] .bento-grid > .home-clock-widget {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    min-height: 188px !important;
  }

  .home-weather-widget,
  .home-clock-widget {
    border-radius: 24px !important;
  }

  .weather-widget-content,
  .clock-widget-content {
    padding: 16px 17px !important;
  }

  .clock-head {
    min-height: 34px;
    align-items: flex-start;
  }

  .clock-head > div {
    min-width: 0;
  }

  .clock-head .widget-title {
    font-size: 16px;
    line-height: 1.15;
  }

  .clock-head .widget-label {
    margin-top: 3px;
    font-size: 10px;
    line-height: 1.2;
  }

  .clock-layout {
    grid-template-columns: 94px minmax(0, 1fr) !important;
    align-items: center;
    gap: 18px !important;
    width: 100%;
    margin: auto 0 0;
    padding-top: 8px;
  }

  .clock-face {
    width: 90px !important;
    height: 90px !important;
    margin: 0 !important;
    border-width: 0;
    box-shadow:
      inset 0 0 0 3px #111827,
      0 12px 24px rgba(21,39,62,.16),
      0 1px 0 rgba(255,255,255,.85);
  }

  .clock-hour-hand {
    height: 25px !important;
  }

  .clock-minute-hand {
    height: 34px !important;
  }

  .clock-second-hand {
    height: 37px !important;
  }

  .clock-tick {
    margin-top: -42px !important;
    transform-origin: 1px 42px !important;
  }

  .clock-tick.tick-3 { transform: rotate(90deg) !important; }
  .clock-tick.tick-6 { transform: rotate(180deg) !important; }
  .clock-tick.tick-9 { transform: rotate(270deg) !important; }

  .clock-time {
    font-size: clamp(32px, 10vw, 42px) !important;
    line-height: .95;
    letter-spacing: -1.8px;
  }

  .clock-date {
    margin-top: 9px;
    max-width: 22ch;
    font-size: 12px !important;
    line-height: 1.25;
  }

  .clock-offset {
    margin-top: 5px;
    font-size: 10.5px !important;
    line-height: 1.25;
  }

  /* Weather remains fully usable and visually balanced beside the clock. */
  .weather-head .widget-title {
    font-size: 16px;
  }

  .weather-current {
    margin-top: 8px;
  }

  .weather-symbol {
    width: 48px;
    height: 48px;
    border-radius: 15px;
    font-size: 26px;
  }

  .weather-temp {
    font-size: 45px !important;
  }

  .weather-meta {
    justify-content: space-between;
    flex-wrap: nowrap;
    margin: 7px 0;
  }

  .weather-strip {
    grid-template-columns: repeat(5, minmax(52px, 1fr));
    overflow: visible;
  }
}

@media (max-width: 390px) {
  body[data-page-route="/home"] .bento-grid > .home-weather-widget,
  body[data-page-route="/home"] .bento-grid > .home-clock-widget,
  body[class*="role-"] .bento-grid > .home-weather-widget,
  body[class*="role-"] .bento-grid > .home-clock-widget {
    min-height: 180px !important;
  }

  .weather-widget-content,
  .clock-widget-content {
    padding: 14px 15px !important;
  }

  .clock-layout {
    grid-template-columns: 82px minmax(0, 1fr) !important;
    gap: 13px !important;
  }

  .clock-face {
    width: 80px !important;
    height: 80px !important;
  }

  .clock-hour-hand { height: 22px !important; }
  .clock-minute-hand { height: 30px !important; }
  .clock-second-hand { height: 33px !important; }

  .clock-tick {
    margin-top: -37px !important;
    transform-origin: 1px 37px !important;
  }

  .clock-time {
    font-size: clamp(29px, 9.5vw, 36px) !important;
  }

  .clock-date {
    margin-top: 7px;
    font-size: 11px !important;
  }

  .clock-offset {
    font-size: 9.5px !important;
  }

  .weather-strip {
    grid-template-columns: repeat(5, minmax(48px, 1fr));
    gap: 4px !important;
    overflow-x: auto;
  }
}

/* ========================================================================== 
   HELPRITE DESK v30 — MOBILE TWO-COLUMN WEATHER + FULL LOCAL TIME
   Keeps Weather and Local Time side-by-side while ensuring HH:MM:SS remains
   fully visible on narrow phones without clipping or horizontal overflow.
   ========================================================================== */
@media (max-width: 620px) {
  body[data-page-route="/home"] .bento-grid > .home-weather-widget,
  body[data-page-route="/home"] .bento-grid > .home-clock-widget,
  body[class*="role-"] .bento-grid > .home-weather-widget,
  body[class*="role-"] .bento-grid > .home-clock-widget {
    grid-column: span 1 !important;
    grid-row: auto !important;
    min-width: 0 !important;
    min-height: 224px !important;
  }

  .home-weather-widget,
  .home-clock-widget {
    width: 100%;
    min-width: 0;
    border-radius: 22px !important;
  }

  .weather-widget-content,
  .clock-widget-content {
    min-width: 0;
    padding: 13px !important;
  }

  .clock-head {
    min-height: 31px;
    margin-bottom: 3px;
  }

  .clock-head .widget-title,
  .weather-head .widget-title {
    font-size: 14px !important;
    line-height: 1.15;
  }

  .clock-head .widget-label,
  .weather-head .widget-label {
    margin-top: 2px;
    font-size: 9px !important;
    line-height: 1.15;
  }

  .clock-layout {
    display: grid !important;
    grid-template-columns: clamp(52px, 14vw, 68px) minmax(0, 1fr) !important;
    align-items: center !important;
    gap: clamp(7px, 2vw, 11px) !important;
    width: 100%;
    min-width: 0;
    margin: auto 0 0 !important;
    padding-top: 5px !important;
  }

  .clock-face {
    width: clamp(52px, 14vw, 68px) !important;
    height: clamp(52px, 14vw, 68px) !important;
    min-width: 52px;
    margin: 0 !important;
    box-shadow:
      inset 0 0 0 2.5px #111827,
      0 9px 18px rgba(21,39,62,.15),
      0 1px 0 rgba(255,255,255,.82) !important;
  }

  .clock-hour-hand {
    height: clamp(14px, 3.9vw, 19px) !important;
  }

  .clock-minute-hand {
    height: clamp(19px, 5.1vw, 25px) !important;
  }

  .clock-second-hand {
    height: clamp(21px, 5.6vw, 28px) !important;
  }

  .clock-tick {
    margin-top: calc(clamp(52px, 14vw, 68px) / -2 + 4px) !important;
    transform-origin: 1px calc(clamp(52px, 14vw, 68px) / 2 - 4px) !important;
  }

  .clock-digital {
    width: 100%;
    min-width: 0;
    overflow: visible;
  }

  .clock-time {
    display: block;
    width: 100%;
    min-width: 0;
    white-space: nowrap;
    overflow: visible;
    font-size: clamp(17px, 5.05vw, 25px) !important;
    line-height: 1 !important;
    letter-spacing: clamp(-1.25px, -.24vw, -.7px) !important;
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum" 1;
  }

  .clock-date {
    margin-top: 7px !important;
    max-width: none !important;
    font-size: clamp(8.7px, 2.45vw, 11px) !important;
    line-height: 1.2 !important;
  }

  .clock-offset {
    margin-top: 4px !important;
    font-size: clamp(8px, 2.2vw, 9.5px) !important;
    line-height: 1.15 !important;
    white-space: normal;
  }

  .weather-current {
    gap: 8px;
    margin-top: 7px !important;
  }

  .weather-symbol {
    width: clamp(38px, 10vw, 46px) !important;
    height: clamp(38px, 10vw, 46px) !important;
    border-radius: 13px !important;
    font-size: clamp(21px, 5.8vw, 26px) !important;
  }

  .weather-temp {
    font-size: clamp(31px, 9vw, 42px) !important;
    line-height: .95;
  }

  .weather-condition {
    font-size: clamp(9px, 2.4vw, 11px) !important;
    line-height: 1.15;
  }

  .weather-meta {
    gap: 5px !important;
    margin: 7px 0 !important;
    padding: 5px 6px !important;
    font-size: clamp(7.5px, 2vw, 9px) !important;
    white-space: nowrap;
    overflow: hidden;
  }

  .weather-strip {
    grid-template-columns: repeat(5, minmax(42px, 1fr)) !important;
    gap: 4px !important;
    overflow-x: auto !important;
    overflow-y: hidden;
    padding-bottom: 2px;
    scrollbar-width: none;
  }

  .weather-strip::-webkit-scrollbar {
    display: none;
  }

  .weather-day {
    min-width: 42px;
    padding: 5px 2px !important;
    border-radius: 9px !important;
  }

  .weather-day span,
  .weather-day strong {
    font-size: clamp(8px, 2.1vw, 9.5px) !important;
  }
}

@media (max-width: 390px) {
  body[data-page-route="/home"] .bento-grid > .home-weather-widget,
  body[data-page-route="/home"] .bento-grid > .home-clock-widget,
  body[class*="role-"] .bento-grid > .home-weather-widget,
  body[class*="role-"] .bento-grid > .home-clock-widget {
    grid-column: span 1 !important;
    min-height: 214px !important;
  }

  .weather-widget-content,
  .clock-widget-content {
    padding: 11px !important;
  }

  .clock-layout {
    grid-template-columns: 50px minmax(0, 1fr) !important;
    gap: 6px !important;
  }

  .clock-face {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px;
  }

  .clock-hour-hand { height: 14px !important; }
  .clock-minute-hand { height: 18px !important; }
  .clock-second-hand { height: 21px !important; }

  .clock-tick {
    margin-top: -21px !important;
    transform-origin: 1px 21px !important;
  }

  .clock-time {
    font-size: clamp(16px, 4.75vw, 19px) !important;
    letter-spacing: -1px !important;
  }

  .clock-date {
    font-size: 8.6px !important;
  }

  .clock-offset {
    font-size: 7.9px !important;
  }
}

/* Full digital-time composition: seconds and AM/PM remain visible. */
.clock-time {
  display: flex;
  align-items: baseline;
  gap: 4px;
  min-width: 0;
  white-space: nowrap;
}

.clock-time-value {
  min-width: 0;
  font: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  font-variant-numeric: tabular-nums;
}

.clock-period {
  flex: 0 0 auto;
  font-size: .36em;
  font-weight: 750;
  line-height: 1;
  letter-spacing: .02em;
  text-transform: uppercase;
  opacity: .68;
}

@media (max-width: 620px) {
  .clock-time {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 2px !important;
    width: 100%;
  }

  .clock-time-value {
    min-width: 0;
    white-space: nowrap;
  }

  .clock-period {
    padding-bottom: 1px;
    font-size: clamp(6px, 1.65vw, 8px) !important;
  }
}


/* Helprite Desk v31 — requested dashboard/module refinements */
@media (min-width: 901px) {
  body[data-page-route="/home"] .sidebar { display: none !important; }
  body[data-page-route="/home"] .topbar { left: 0 !important; }
  body[data-page-route="/home"] .main-content { margin-left: 0 !important; }
}

/* Dashboard module cards: keep the main app modules visually balanced. */
body[data-page-route="/home"] .bento-grid { grid-auto-rows: minmax(88px, 1fr); }
body[data-page-route="/home"] .module-widget.span-1x2,
body[data-page-route="/home"] .map-widget.span-1x2 { min-height: 390px; }
body[data-page-route="/home"] .home-weather-widget,
body[data-page-route="/home"] .home-clock-widget { min-height: 190px; }

/* Module landing pages use the same Apple widget dashboard language. */
.module-home-bento { margin-top: 16px; grid-auto-rows: 96px; }
.module-home-bento .widget { cursor: pointer; }
.module-home-bento .module-widget { min-height: 390px; }
.module-home-bento .module-copy h3 { font-size: clamp(18px, 1.35vw, 23px); }
.module-home-bento .module-copy p { font-size: 13px; max-width: 260px; }

.dashboard-widget-disabled { display: none !important; }
.dashboard-config-panel { margin-bottom: 16px; }
.settings-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.settings-toggle-card { min-height: 94px; display:flex; align-items:center; justify-content:space-between; gap:18px; border:1px solid var(--line); border-radius: var(--radius-md); background: rgba(255,255,255,.055); padding: 16px 17px; cursor:pointer; }
[data-theme="light"] .settings-toggle-card { background: #fff; }
.settings-toggle-copy { display:grid; gap:5px; }
.settings-toggle-copy strong { font-size:15px; }
.settings-toggle-copy small { color:var(--muted); line-height:1.4; }
.settings-toggle-card input { position:absolute; opacity:0; pointer-events:none; }
.settings-switch { width:54px; height:32px; border-radius:999px; background:rgba(142,142,147,.4); border:1px solid var(--line); position:relative; flex:none; transition:.2s ease; }
.settings-switch::after { content:""; position:absolute; width:26px; height:26px; border-radius:50%; background:#fff; left:2px; top:2px; box-shadow:0 2px 8px rgba(0,0,0,.18); transition:.2s ease; }
.settings-toggle-card input:checked + .settings-switch { background: var(--blue); border-color: var(--blue); }
.settings-toggle-card input:checked + .settings-switch::after { transform: translateX(22px); }

/* Light is now the first-run/default appearance. */
:root:not([data-theme="dark"]) { color-scheme: light; }

@media (max-width: 900px) {
  .module-home-bento { grid-template-columns: repeat(4, minmax(0,1fr)); grid-auto-rows: 92px; }
  .module-home-bento .span-1x2 { grid-column: span 2; grid-row: span 3; min-height: 280px; }
  .settings-grid { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
  .module-home-bento .span-1x2 { grid-row: span 3; min-height: 252px; }
  .module-home-bento .module-copy h3 { font-size: 16px; }
  .module-home-bento .module-copy p { font-size: 11px; }
}

/* ========================================================================== 
   HELPRITE DESK v32 — CLEAN MENU DASHBOARDS
   Full-width desktop menu pages, no dashboard weather/time widgets, and one
   consistent neutral Apple menu colour across main and sub-module menus.
   ========================================================================== */
:root{
  --menu-tile-bg: rgba(255,255,255,.92);
  --menu-tile-bg-hover: rgba(255,255,255,.98);
  --menu-tile-border: rgba(0,0,0,.075);
  --menu-tile-text: #111827;
  --menu-tile-muted: #5f6673;
  --menu-tile-accent: #0a84ff;
  --menu-tile-accent-soft: rgba(10,132,255,.12);
  --menu-tile-shadow: 0 18px 40px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.7);
}
html[data-theme="dark"]{
  --menu-tile-bg: rgba(28,28,30,.94);
  --menu-tile-bg-hover: rgba(36,36,38,.98);
  --menu-tile-border: rgba(255,255,255,.10);
  --menu-tile-text: #f5f5f7;
  --menu-tile-muted: #a1a1aa;
  --menu-tile-accent: #0a84ff;
  --menu-tile-accent-soft: rgba(10,132,255,.18);
  --menu-tile-shadow: 0 20px 48px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06);
}

/* Hide the rail only on desktop menu surfaces. Mobile keeps the drawer/menu. */
@media (min-width: 901px){
  body[data-menu-page="true"] .sidebar{display:none!important;}
  body[data-menu-page="true"] .topbar{left:0!important;}
  body[data-menu-page="true"] .main-content{margin-left:0!important;}
}

/* Dashboard utility cards are removed from the home and role dashboards. */
body[data-page-route="/home"] [data-dashboard-widget="weather"],
body[data-page-route="/home"] [data-dashboard-widget="local-time"],
body[data-page-route="/home"] .home-weather-widget,
body[data-page-route="/home"] .home-clock-widget,
body[class*="role-"] [data-dashboard-widget="weather"],
body[class*="role-"] [data-dashboard-widget="local-time"],
body[class*="role-"] .home-weather-widget,
body[class*="role-"] .home-clock-widget{display:none!important;}

/* One consistent normal Apple colour for all dashboard/module menu tiles. */
body[data-menu-page="true"] .module-widget,
body[data-menu-page="true"] .map-widget,
.module-home-bento .module-widget,
.module-grid .module-card,
.report-grid .module-card,
.platform-grid .module-card,
.property-grid .module-card,
.account-grid .module-card{
  background: var(--menu-tile-bg)!important;
  color: var(--menu-tile-text)!important;
  border: 1px solid var(--menu-tile-border)!important;
  box-shadow: var(--menu-tile-shadow)!important;
}
body[data-menu-page="true"] .module-widget:hover,
body[data-menu-page="true"] .map-widget:hover,
.module-home-bento .module-widget:hover,
.module-grid .module-card:hover,
.report-grid .module-card:hover,
.platform-grid .module-card:hover,
.property-grid .module-card:hover,
.account-grid .module-card:hover{
  background: var(--menu-tile-bg-hover)!important;
  border-color: color-mix(in srgb, var(--menu-tile-accent) 26%, var(--menu-tile-border))!important;
  transform: translateY(-3px)!important;
}
body[data-menu-page="true"] .module-widget::after,
body[data-menu-page="true"] .map-widget::after,
.module-home-bento .module-widget::after,
.module-card::after{display:none!important;}
body[data-menu-page="true"] .module-widget .module-icon,
body[data-menu-page="true"] .module-widget .module-arrow,
.module-home-bento .module-widget .module-icon,
.module-home-bento .module-widget .module-arrow{
  background: var(--menu-tile-accent-soft)!important;
  color: var(--menu-tile-accent)!important;
  box-shadow: none!important;
}
body[data-menu-page="true"] .module-widget .module-copy h3,
.module-home-bento .module-widget .module-copy h3,
.module-card h3{color:var(--menu-tile-text)!important;}
body[data-menu-page="true"] .module-widget .module-copy p,
.module-home-bento .module-widget .module-copy p,
.module-card p{color:var(--menu-tile-muted)!important;opacity:1!important;}

/* Convert the brands map tile into the same menu-card language. */
body[data-menu-page="true"] .map-widget{display:block;min-height:190px;}
body[data-menu-page="true"] .map-widget .map-grid{display:none!important;}
body[data-menu-page="true"] .map-widget .map-pin{
  position:absolute!important;
  top:19px!important;left:19px!important;
  width:52px!important;height:52px!important;
  transform:none!important;rotate:0deg!important;
  border-radius:17px!important;
  display:grid!important;place-items:center!important;
  background:var(--menu-tile-accent-soft)!important;
  color:var(--menu-tile-accent)!important;
  box-shadow:none!important;
}
body[data-menu-page="true"] .map-widget .map-pin svg{rotate:0deg!important;color:var(--menu-tile-accent)!important;}
body[data-menu-page="true"] .map-widget .map-caption{
  position:absolute!important;
  left:19px!important;right:19px!important;bottom:19px!important;
  display:flex!important;align-items:flex-end!important;justify-content:space-between!important;
  padding:0!important;background:transparent!important;backdrop-filter:none!important;
  border-radius:0!important;font-size:13px!important;color:var(--menu-tile-muted)!important;
}
body[data-menu-page="true"] .map-widget .map-caption strong{display:block;margin-bottom:7px;color:var(--menu-tile-text)!important;font-size:20px!important;line-height:1.08;letter-spacing:-.7px;}
body[data-menu-page="true"] .map-widget .map-caption svg{color:var(--menu-tile-accent)!important;background:var(--menu-tile-accent-soft);border-radius:12px;width:34px;height:34px;padding:8px;box-sizing:border-box;}

/* Home dashboard: fit Today + six same-size menu tiles neatly on one desktop canvas. */
@media (min-width: 901px){
  body[data-page-route="/home"] .page{max-width:1760px;margin-inline:auto;}
  body[data-page-route="/home"] .bento-grid{
    display:grid!important;
    grid-template-columns: repeat(5,minmax(0,1fr))!important;
    grid-template-rows: repeat(2,minmax(188px,1fr))!important;
    gap:14px!important;
    min-height: min(560px, calc(100vh - var(--topbar-h) - 170px))!important;
    height: min(560px, calc(100vh - var(--topbar-h) - 170px))!important;
    grid-auto-rows: minmax(188px,1fr)!important;
  }
  body[data-page-route="/home"] .today-widget{
    grid-column: span 2!important;
    grid-row: span 2!important;
    min-height:0!important;
  }
  body[data-page-route="/home"] .module-widget,
  body[data-page-route="/home"] .map-widget{
    grid-column: span 1!important;
    grid-row: span 1!important;
    min-height:0!important;
    height:auto!important;
  }
  body[data-page-route="/home"] .module-widget .widget-content{padding:20px!important;}
  body[data-page-route="/home"] .module-widget .module-copy h3,
  body[data-page-route="/home"] .map-caption strong{font-size:clamp(17px,1.2vw,20px)!important;}
  body[data-page-route="/home"] .module-widget .module-copy p,
  body[data-page-route="/home"] .map-caption div div{font-size:12px!important;line-height:1.35!important;}
}

/* Module menu pages: only the menu grid is prominent and it fits cleanly. */
body[data-menu-page="true"] .module-home-bento{
  display:grid!important;
  grid-template-columns: repeat(auto-fit,minmax(235px,1fr))!important;
  gap:15px!important;
  grid-auto-rows:minmax(176px,auto)!important;
  max-width:1760px;
  margin-inline:auto;
}
body[data-menu-page="true"] .module-home-bento .widget{
  grid-column:auto!important;
  grid-row:auto!important;
  min-height:176px!important;
  height:auto!important;
  border-radius:22px!important;
}
body[data-menu-page="true"] .module-home-bento .widget-content{padding:19px!important;}
body[data-menu-page="true"] .section-divider.menu-section-divider{max-width:1760px;margin-inline:auto;}
body[data-menu-page="true"] .page-heading{max-width:1760px;margin-inline:auto;margin-bottom:16px;}

@media (min-width: 1200px){
  body[data-menu-page="true"] .module-home-bento{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  body[data-menu-page="true"][data-page-route="/home"] .module-home-bento{grid-template-columns:repeat(auto-fit,minmax(235px,1fr))!important;}
}

/* Dashboard/module pages stay comfortable on mobile with two menu columns. */
@media (max-width: 900px){
  body[data-menu-page="true"] .main-content{margin-left:0!important;}
  body[data-menu-page="true"] .bento-grid,
  body[data-menu-page="true"] .module-home-bento{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    height:auto!important;
    min-height:0!important;
  }
  body[data-menu-page="true"] .today-widget{grid-column:1 / -1!important;min-height:330px!important;}
  body[data-menu-page="true"] .module-widget,
  body[data-menu-page="true"] .map-widget,
  body[data-menu-page="true"] .module-home-bento .widget{
    grid-column:auto!important;
    grid-row:auto!important;
    min-height:178px!important;
  }
}

@media (max-width: 430px){
  body[data-menu-page="true"] .module-widget,
  body[data-menu-page="true"] .map-widget,
  body[data-menu-page="true"] .module-home-bento .widget{min-height:162px!important;border-radius:19px!important;}
  body[data-menu-page="true"] .module-widget .widget-content{padding:15px!important;}
  body[data-menu-page="true"] .module-widget .module-copy h3,
  body[data-menu-page="true"] .map-caption strong{font-size:15px!important;}
  body[data-menu-page="true"] .module-widget .module-copy p,
  body[data-menu-page="true"] .map-caption div div{font-size:10.5px!important;}
}

/* ========================================================================== 
   HELPRITE DESK v33 — RESTORE APPLE MENU ARRANGEMENT + FIT TO SCREEN
   Restores the colourful Apple widget language while keeping the desktop menu
   dashboards fitted inside the available viewport.
   ========================================================================== */

/* Keep desktop menu pages clean, but do not alter the mobile drawer. */
@media (min-width: 901px) {
  body[data-menu-page="true"] .sidebar { display: none !important; }
  body[data-menu-page="true"] .topbar { left: 0 !important; }
  body[data-menu-page="true"] .main-content { margin-left: 0 !important; }

  body[data-menu-page="true"] {
    overflow: hidden !important;
  }

  body[data-menu-page="true"] .app-shell,
  body[data-menu-page="true"] .main-content {
    min-height: 0 !important;
    height: 100dvh !important;
  }

  body[data-menu-page="true"] .main-content {
    overflow: hidden !important;
    padding-top: calc(var(--topbar-h) + 14px) !important;
    padding-bottom: 16px !important;
  }

  body[data-menu-page="true"] .page {
    min-height: 0 !important;
    height: 100% !important;
    display: grid !important;
    grid-template-rows: auto auto minmax(0, 1fr) !important;
    align-content: stretch !important;
  }

  body[data-menu-page="true"] .page-heading {
    max-width: 1760px !important;
    width: 100% !important;
    margin: 0 auto 12px !important;
  }

  body[data-menu-page="true"] .section-divider.menu-section-divider {
    max-width: 1760px !important;
    width: 100% !important;
    margin: 0 auto 12px !important;
  }

  body[data-menu-page="true"] .page-eyebrow { margin-bottom: 4px !important; }
  body[data-menu-page="true"] .page-title {
    font-size: clamp(34px, 3.1vw, 48px) !important;
    line-height: .98 !important;
    letter-spacing: -2.4px !important;
  }
  body[data-menu-page="true"] .page-subtitle {
    margin-top: 6px !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
  }

  /* Home keeps the established Apple bento arrangement, only resized to fit. */
  body[data-page-route="/home"] .bento-grid {
    max-width: 1760px !important;
    width: 100% !important;
    margin: 0 auto !important;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
    gap: clamp(10px, .85vw, 15px) !important;
    height: min(560px, calc(100dvh - var(--topbar-h) - 162px)) !important;
    min-height: 390px !important;
    grid-auto-rows: unset !important;
    overflow: visible !important;
  }

  body[data-page-route="/home"] .today-widget {
    grid-column: span 2 !important;
    grid-row: span 2 !important;
    min-height: 0 !important;
  }

  body[data-page-route="/home"] .module-widget,
  body[data-page-route="/home"] .map-widget {
    grid-column: span 1 !important;
    grid-row: span 1 !important;
    min-height: 0 !important;
    height: auto !important;
  }

  body[data-page-route="/home"] .widget-content {
    padding: clamp(15px, 1.2vw, 22px) !important;
  }

  body[data-page-route="/home"] .today-widget .widget-content {
    padding: clamp(18px, 1.5vw, 25px) !important;
  }

  body[data-page-route="/home"] .today-heading {
    font-size: clamp(27px, 2.15vw, 38px) !important;
    line-height: 1.02 !important;
  }

  body[data-page-route="/home"] .today-summary,
  body[data-page-route="/home"] .today-list-row {
    font-size: clamp(11px, .78vw, 13px) !important;
  }

  body[data-page-route="/home"] .module-widget .module-copy h3,
  body[data-page-route="/home"] .map-caption strong {
    font-size: clamp(16px, 1.14vw, 20px) !important;
    line-height: 1.08 !important;
  }

  body[data-page-route="/home"] .module-widget .module-copy p,
  body[data-page-route="/home"] .map-caption div div {
    font-size: clamp(10.5px, .72vw, 12px) !important;
    line-height: 1.35 !important;
  }

  /* Module landing pages: Apple menu tiles only, fitted into two rows. */
  body[data-menu-page="true"] .module-home-bento {
    max-width: 1760px !important;
    width: 100% !important;
    margin: 0 auto !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: unset !important;
    gap: clamp(10px, .85vw, 15px) !important;
    height: min(545px, calc(100dvh - var(--topbar-h) - 180px)) !important;
    min-height: 350px !important;
    overflow: visible !important;
  }

  body[data-menu-page="true"] .module-home-bento .widget {
    grid-column: span 1 !important;
    grid-row: span 1 !important;
    min-height: 0 !important;
    height: auto !important;
    border-radius: clamp(18px, 1.35vw, 26px) !important;
  }

  body[data-menu-page="true"] .module-home-bento .widget-content {
    padding: clamp(15px, 1.1vw, 22px) !important;
  }

  body[data-menu-page="true"] .module-home-bento .module-icon {
    width: clamp(42px, 3vw, 54px) !important;
    height: clamp(42px, 3vw, 54px) !important;
    border-radius: 17px !important;
  }

  body[data-menu-page="true"] .module-home-bento .module-arrow {
    width: clamp(30px, 2.1vw, 36px) !important;
    height: clamp(30px, 2.1vw, 36px) !important;
  }

  body[data-menu-page="true"] .module-home-bento .module-copy h3 {
    font-size: clamp(16px, 1.16vw, 21px) !important;
    line-height: 1.08 !important;
  }

  body[data-menu-page="true"] .module-home-bento .module-copy p {
    font-size: clamp(10.5px, .74vw, 12.5px) !important;
    line-height: 1.38 !important;
    max-width: 270px !important;
  }
}

/* Remove the neutral v32 card treatment and restore the Apple widget colours. */
body[data-menu-page="true"] .gradient-red,
.module-home-bento .gradient-red { background: #ff453a !important; color: #fff !important; }
body[data-menu-page="true"] .gradient-blue,
.module-home-bento .gradient-blue { background: #0a84ff !important; color: #fff !important; }
body[data-menu-page="true"] .gradient-cyan,
.module-home-bento .gradient-cyan { background: #64d2ff !important; color: #111 !important; }
body[data-menu-page="true"] .gradient-green,
.module-home-bento .gradient-green { background: #30d158 !important; color: #07130b !important; }
body[data-menu-page="true"] .gradient-yellow,
.module-home-bento .gradient-yellow { background: #ffd60a !important; color: #111 !important; }
body[data-menu-page="true"] .gradient-orange,
.module-home-bento .gradient-orange { background: #ff9f0a !important; color: #111 !important; }
body[data-menu-page="true"] .gradient-purple,
.module-home-bento .gradient-purple { background: #bf5af2 !important; color: #fff !important; }
body[data-menu-page="true"] .gradient-pink,
.module-home-bento .gradient-pink { background: #ff375f !important; color: #fff !important; }

[data-theme="light"] body[data-menu-page="true"] .gradient-red,
[data-theme="light"] .module-home-bento .gradient-red { background: #ff3b30 !important; }
[data-theme="light"] body[data-menu-page="true"] .gradient-blue,
[data-theme="light"] .module-home-bento .gradient-blue { background: #007aff !important; }
[data-theme="light"] body[data-menu-page="true"] .gradient-cyan,
[data-theme="light"] .module-home-bento .gradient-cyan { background: #32ade6 !important; }
[data-theme="light"] body[data-menu-page="true"] .gradient-green,
[data-theme="light"] .module-home-bento .gradient-green { background: #34c759 !important; }
[data-theme="light"] body[data-menu-page="true"] .gradient-yellow,
[data-theme="light"] .module-home-bento .gradient-yellow { background: #ffcc00 !important; }
[data-theme="light"] body[data-menu-page="true"] .gradient-orange,
[data-theme="light"] .module-home-bento .gradient-orange { background: #ff9500 !important; }
[data-theme="light"] body[data-menu-page="true"] .gradient-purple,
[data-theme="light"] .module-home-bento .gradient-purple { background: #af52de !important; }
[data-theme="light"] body[data-menu-page="true"] .gradient-pink,
[data-theme="light"] .module-home-bento .gradient-pink { background: #ff2d55 !important; }

body[data-menu-page="true"] .module-widget,
.module-home-bento .module-widget,
body[data-menu-page="true"] .map-widget {
  border: 1px solid color-mix(in srgb, currentColor 16%, transparent) !important;
  box-shadow: var(--shadow-soft) !important;
  overflow: hidden !important;
}

body[data-menu-page="true"] .gradient-blue .module-copy h3,
body[data-menu-page="true"] .gradient-blue .module-copy p,
body[data-menu-page="true"] .gradient-purple .module-copy h3,
body[data-menu-page="true"] .gradient-purple .module-copy p,
body[data-menu-page="true"] .gradient-red .module-copy h3,
body[data-menu-page="true"] .gradient-red .module-copy p,
body[data-menu-page="true"] .gradient-pink .module-copy h3,
body[data-menu-page="true"] .gradient-pink .module-copy p {
  color: #fff !important;
}

body[data-menu-page="true"] .gradient-yellow .module-copy h3,
body[data-menu-page="true"] .gradient-yellow .module-copy p,
body[data-menu-page="true"] .gradient-orange .module-copy h3,
body[data-menu-page="true"] .gradient-orange .module-copy p,
body[data-menu-page="true"] .gradient-green .module-copy h3,
body[data-menu-page="true"] .gradient-green .module-copy p,
body[data-menu-page="true"] .gradient-cyan .module-copy h3,
body[data-menu-page="true"] .gradient-cyan .module-copy p {
  color: #111 !important;
}

body[data-menu-page="true"] .module-widget .module-copy p,
.module-home-bento .module-widget .module-copy p { opacity: .82 !important; }

body[data-menu-page="true"] .module-widget .module-icon,
body[data-menu-page="true"] .module-widget .module-arrow,
.module-home-bento .module-widget .module-icon,
.module-home-bento .module-widget .module-arrow {
  background: rgba(255,255,255,.18) !important;
  color: currentColor !important;
  box-shadow: none !important;
}

body[data-menu-page="true"] .gradient-yellow .module-icon,
body[data-menu-page="true"] .gradient-yellow .module-arrow,
body[data-menu-page="true"] .gradient-orange .module-icon,
body[data-menu-page="true"] .gradient-orange .module-arrow,
body[data-menu-page="true"] .gradient-green .module-icon,
body[data-menu-page="true"] .gradient-green .module-arrow,
body[data-menu-page="true"] .gradient-cyan .module-icon,
body[data-menu-page="true"] .gradient-cyan .module-arrow {
  background: rgba(0,0,0,.12) !important;
}

/* Restore the Apple map card for Our Brands. */
body[data-menu-page="true"] .map-widget {
  display: block !important;
  position: relative !important;
  background: #e6efe3 !important;
  color: #1d2a20 !important;
}
body[data-menu-page="true"] .map-widget .map-grid {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  opacity: .95 !important;
}
body[data-menu-page="true"] .map-widget .map-pin {
  position: absolute !important;
  top: 42% !important;
  left: 53% !important;
  width: 46px !important;
  height: 46px !important;
  transform: translate(-50%, -50%) !important;
  rotate: -45deg !important;
  border-radius: 50% 50% 50% 10px !important;
  display: grid !important;
  place-items: center !important;
  background: #007aff !important;
  color: #fff !important;
  box-shadow: 0 12px 26px rgba(0, 122, 255, .28) !important;
}
body[data-menu-page="true"] .map-widget .map-pin svg {
  rotate: 45deg !important;
  color: #fff !important;
}
body[data-menu-page="true"] .map-widget .map-caption {
  position: absolute !important;
  left: 17px !important;
  right: 17px !important;
  bottom: 15px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 10px 12px !important;
  border-radius: 13px !important;
  background: rgba(255,255,255,.82) !important;
  border: 1px solid rgba(0,0,0,.04) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  color: #1d2a20 !important;
}
body[data-menu-page="true"] .map-widget .map-caption strong {
  display: block !important;
  margin: 0 !important;
  color: #1d2a20 !important;
  font-size: inherit !important;
  line-height: 1.08 !important;
  letter-spacing: -.5px !important;
}
body[data-menu-page="true"] .map-widget .map-caption svg {
  width: 18px !important;
  height: 18px !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #1d2a20 !important;
}

/* On mobile keep the original two-column Apple layout and allow natural scroll. */
@media (max-width: 900px) {
  body[data-menu-page="true"] { overflow: auto !important; }
  body[data-menu-page="true"] .bento-grid,
  body[data-menu-page="true"] .module-home-bento {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  body[data-menu-page="true"] .today-widget {
    grid-column: 1 / -1 !important;
    min-height: 330px !important;
  }

  body[data-menu-page="true"] .module-widget,
  body[data-menu-page="true"] .map-widget,
  body[data-menu-page="true"] .module-home-bento .widget {
    grid-column: auto !important;
    grid-row: auto !important;
    min-height: 178px !important;
  }
}

@media (max-width: 430px) {
  body[data-menu-page="true"] .module-widget,
  body[data-menu-page="true"] .map-widget,
  body[data-menu-page="true"] .module-home-bento .widget {
    min-height: 162px !important;
    border-radius: 19px !important;
  }
}

/* ========================================================================== 
   HELPRITE DESK v34 — MENU FIT, HEADER ALIGNMENT AND VISIBLE HOVER
   Keeps the original Apple bento arrangement, expands menu canvases to the
   same left/right rhythm as the header, and removes the map treatment from
   Our Brands so it behaves like the other menu cards.
   ========================================================================== */
@media (min-width: 901px) {
  body[data-menu-page="true"] .main-content {
    padding-left: 28px !important;
    padding-right: 28px !important;
    padding-top: calc(var(--topbar-h) + 12px) !important;
    padding-bottom: 18px !important;
    overflow: hidden !important;
  }

  body[data-menu-page="true"] .page {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    min-height: 0 !important;
    height: 100% !important;
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    align-content: stretch !important;
  }

  body[data-menu-page="true"] .page:has(.menu-section-divider) {
    grid-template-rows: auto auto minmax(0, 1fr) !important;
  }

  body[data-menu-page="true"] .page-heading,
  body[data-menu-page="true"] .section-divider.menu-section-divider,
  body[data-menu-page="true"] .bento-grid,
  body[data-menu-page="true"] .module-home-bento {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body[data-menu-page="true"] .page-heading {
    margin-top: 0 !important;
    margin-bottom: 14px !important;
  }

  body[data-page-route="/home"] .page {
    grid-template-rows: auto minmax(0, 1fr) !important;
  }

  body[data-page-route="/home"] .bento-grid {
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    grid-template-columns: 1.92fr repeat(3, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
    gap: clamp(12px, .95vw, 18px) !important;
    overflow: visible !important;
  }

  body[data-page-route="/home"] .today-widget {
    grid-column: 1 / span 1 !important;
    grid-row: 1 / span 2 !important;
    min-height: 0 !important;
    height: auto !important;
  }

  body[data-page-route="/home"] .module-widget,
  body[data-page-route="/home"] .map-widget {
    grid-column: span 1 !important;
    grid-row: span 1 !important;
    min-height: 0 !important;
    height: auto !important;
  }

  body[data-page-route="/home"] .today-widget .widget-content {
    padding: clamp(22px, 1.55vw, 31px) !important;
  }

  body[data-page-route="/home"] .module-widget .widget-content {
    padding: clamp(18px, 1.25vw, 24px) !important;
  }

  /* Submodule landing pages: same Apple menu card language, no sidebar, no scroll. */
  body[data-menu-page="true"] .module-home-bento {
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: unset !important;
    gap: clamp(12px, .95vw, 18px) !important;
    overflow: visible !important;
  }

  body[data-menu-page="true"] .module-home-bento .widget {
    min-height: 0 !important;
    height: auto !important;
  }
}

/* Make Our Brands a normal Apple module tile instead of a map card. */
body[data-menu-page="true"] .map-widget {
  display: block !important;
  position: relative !important;
  background: linear-gradient(145deg, #ffb24e, #f47d20 78%) !important;
  color: #111 !important;
}

body[data-menu-page="true"] .map-widget .map-grid { display: none !important; }

body[data-menu-page="true"] .map-widget .map-pin {
  position: absolute !important;
  top: clamp(15px, 1.2vw, 22px) !important;
  left: clamp(15px, 1.2vw, 22px) !important;
  width: clamp(44px, 3vw, 54px) !important;
  height: clamp(44px, 3vw, 54px) !important;
  transform: none !important;
  rotate: 0deg !important;
  border-radius: 17px !important;
  display: grid !important;
  place-items: center !important;
  background: rgba(0,0,0,.13) !important;
  color: #111 !important;
  box-shadow: none !important;
}

body[data-menu-page="true"] .map-widget .map-pin svg {
  rotate: 0deg !important;
  color: currentColor !important;
}

body[data-menu-page="true"] .map-widget .map-caption {
  position: absolute !important;
  left: clamp(18px, 1.25vw, 24px) !important;
  right: clamp(18px, 1.25vw, 24px) !important;
  bottom: clamp(18px, 1.25vw, 24px) !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #111 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body[data-menu-page="true"] .map-widget .map-caption strong {
  display: block !important;
  color: #111 !important;
  font-size: clamp(16px, 1.14vw, 20px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.7px !important;
  margin: 0 0 5px !important;
}

body[data-menu-page="true"] .map-widget .map-caption div div {
  color: rgba(0,0,0,.72) !important;
  font-size: clamp(10.5px, .72vw, 12px) !important;
  line-height: 1.35 !important;
}

body[data-menu-page="true"] .map-widget .map-caption svg {
  width: clamp(30px, 2.1vw, 36px) !important;
  height: clamp(30px, 2.1vw, 36px) !important;
  padding: 8px !important;
  border-radius: 12px !important;
  background: rgba(0,0,0,.13) !important;
  color: #111 !important;
  box-sizing: border-box !important;
}

/* Ensure menu hover remains visible and readable in dark mode. */
html[data-theme="dark"] body[data-menu-page="true"] .module-widget:hover,
html[data-theme="dark"] body[data-menu-page="true"] .map-widget:hover,
html[data-theme="dark"] body[data-menu-page="true"] .module-home-bento .widget:hover {
  filter: brightness(1.13) saturate(1.04) !important;
  border-color: rgba(255,255,255,.36) !important;
  box-shadow: 0 28px 70px rgba(0,0,0,.45), 0 0 0 1px rgba(255,255,255,.12) inset !important;
  transform: translateY(-3px) scale(1.006) !important;
}

html[data-theme="dark"] body[data-menu-page="true"] .module-widget:hover .module-copy h3,
html[data-theme="dark"] body[data-menu-page="true"] .module-widget:hover .module-copy p,
html[data-theme="dark"] body[data-menu-page="true"] .module-home-bento .widget:hover .module-copy h3,
html[data-theme="dark"] body[data-menu-page="true"] .module-home-bento .widget:hover .module-copy p {
  text-shadow: 0 1px 2px rgba(0,0,0,.28) !important;
}

@media (min-width: 901px) and (max-height: 760px) {
  body[data-menu-page="true"] .main-content {
    padding-top: calc(var(--topbar-h) + 8px) !important;
    padding-bottom: 10px !important;
  }
  body[data-menu-page="true"] .page-heading {
    margin-bottom: 10px !important;
  }
  body[data-menu-page="true"] .page-eyebrow {
    display: none !important;
  }
  body[data-menu-page="true"] .page-title {
    font-size: clamp(30px, 2.6vw, 40px) !important;
  }
  body[data-menu-page="true"] .page-subtitle {
    margin-top: 4px !important;
    font-size: 12.5px !important;
  }
  body[data-page-route="/home"] .today-heading {
    font-size: clamp(24px, 2vw, 32px) !important;
  }
  body[data-page-route="/home"] .today-list {
    margin-top: 10px !important;
    gap: 5px !important;
  }
}

@media (max-width: 900px) {
  body[data-menu-page="true"] .map-widget {
    background: linear-gradient(145deg, #ffb24e, #f47d20 78%) !important;
    color: #111 !important;
  }
  body[data-menu-page="true"] .map-widget .map-grid { display: none !important; }
}

/* ========================================================================== 
   HELPRITE DESK v35 — ROLE DASHBOARD PARITY + COMPACT MOBILE MENU CARDS
   Keeps the Apple widget styling while preventing tall module cards on phones.
   ========================================================================== */

/* Role dashboard pages now use the same menu-page layout rules as main Home. */
body[data-menu-page="true"][data-page-route="/home"] .bento-grid {
  --menu-card-mobile-min: 150px;
}

/* Keep all dashboard/module menu cards visible and readable on hover in dark mode. */
html[data-theme="dark"] body[data-menu-page="true"] .widget:hover,
html[data-theme="dark"] body[data-page-route="/home"] .widget:hover {
  filter: brightness(1.14) saturate(1.05) !important;
  border-color: rgba(255,255,255,.42) !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.52), 0 0 0 1px rgba(255,255,255,.14) inset !important;
}

@media (max-width: 900px) {
  body[data-menu-page="true"] .main-content {
    padding-bottom: 104px !important;
  }

  /* Main Home + role Home dashboards: Today stays full width, modules stay compact two-grid. */
  body[data-menu-page="true"][data-page-route="/home"] .bento-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: auto !important;
    gap: 12px !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    align-items: stretch !important;
  }

  body[data-menu-page="true"][data-page-route="/home"] .today-widget {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    min-height: 260px !important;
    height: auto !important;
    aspect-ratio: auto !important;
  }

  body[data-menu-page="true"][data-page-route="/home"] .module-widget,
  body[data-menu-page="true"][data-page-route="/home"] .map-widget {
    grid-column: auto !important;
    grid-row: auto !important;
    min-height: 150px !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
  }

  /* Module landing pages: same compact Apple two-grid cards on mobile. */
  body[data-menu-page="true"] .module-home-bento {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: auto !important;
    gap: 12px !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    align-items: stretch !important;
  }

  body[data-menu-page="true"] .module-home-bento .widget {
    grid-column: auto !important;
    grid-row: auto !important;
    min-height: 150px !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
  }

  body[data-menu-page="true"] .widget-content,
  body[data-menu-page="true"] .module-home-bento .widget-content {
    padding: 16px !important;
  }

  body[data-menu-page="true"] .module-top,
  body[data-menu-page="true"] .map-widget .map-pin {
    margin-bottom: auto !important;
  }

  body[data-menu-page="true"] .module-icon,
  body[data-menu-page="true"] .module-arrow,
  body[data-menu-page="true"] .module-home-bento .module-icon,
  body[data-menu-page="true"] .module-home-bento .module-arrow {
    width: 42px !important;
    height: 42px !important;
    border-radius: 15px !important;
  }

  body[data-menu-page="true"] .module-arrow,
  body[data-menu-page="true"] .module-home-bento .module-arrow,
  body[data-menu-page="true"] .map-widget .map-caption svg {
    width: 36px !important;
    height: 36px !important;
    padding: 9px !important;
  }

  body[data-menu-page="true"] .module-copy h3,
  body[data-menu-page="true"] .module-home-bento .module-copy h3,
  body[data-menu-page="true"] .map-caption strong {
    font-size: clamp(15px, 4.1vw, 17px) !important;
    line-height: 1.05 !important;
    letter-spacing: -.55px !important;
  }

  body[data-menu-page="true"] .module-copy p,
  body[data-menu-page="true"] .module-home-bento .module-copy p,
  body[data-menu-page="true"] .map-caption div div {
    font-size: clamp(10.5px, 3vw, 12px) !important;
    line-height: 1.22 !important;
    max-width: 100% !important;
  }

  body[data-menu-page="true"] .map-widget .map-caption {
    left: 16px !important;
    right: 16px !important;
    bottom: 16px !important;
  }
}

@media (max-width: 430px) {
  body[data-menu-page="true"][data-page-route="/home"] .module-widget,
  body[data-menu-page="true"][data-page-route="/home"] .map-widget,
  body[data-menu-page="true"] .module-home-bento .widget {
    min-height: 136px !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 20px !important;
  }

  body[data-menu-page="true"][data-page-route="/home"] .today-widget {
    min-height: 240px !important;
  }

  body[data-menu-page="true"] .widget-content,
  body[data-menu-page="true"] .module-home-bento .widget-content {
    padding: 14px !important;
  }

  body[data-menu-page="true"] .module-icon,
  body[data-menu-page="true"] .module-home-bento .module-icon,
  body[data-menu-page="true"] .map-widget .map-pin {
    width: 38px !important;
    height: 38px !important;
    border-radius: 14px !important;
  }

  body[data-menu-page="true"] .module-arrow,
  body[data-menu-page="true"] .module-home-bento .module-arrow,
  body[data-menu-page="true"] .map-widget .map-caption svg {
    width: 32px !important;
    height: 32px !important;
    border-radius: 12px !important;
  }

  body[data-menu-page="true"] .module-copy h3,
  body[data-menu-page="true"] .module-home-bento .module-copy h3,
  body[data-menu-page="true"] .map-caption strong {
    font-size: clamp(14px, 4vw, 16px) !important;
  }

  body[data-menu-page="true"] .module-copy p,
  body[data-menu-page="true"] .module-home-bento .module-copy p,
  body[data-menu-page="true"] .map-caption div div {
    font-size: 10.5px !important;
  }
}

/* ========================================================================== 
   HELPRITE DESK v36 — SINGLE APPLE MENU COLOUR + COMPACT MOBILE MENUS
   Keeps the same Apple bento arrangement, removes multicolour module tiles,
   keeps Today as the only priority colour, and improves dark-mode hover text.
   ========================================================================== */
:root {
  --hd-menu-card-bg: linear-gradient(145deg, rgba(255,255,255,.98), rgba(239,243,248,.94));
  --hd-menu-card-hover-bg: linear-gradient(145deg, #ffffff, #eef4ff);
  --hd-menu-card-text: #101828;
  --hd-menu-card-muted: rgba(16,24,40,.68);
  --hd-menu-card-icon-bg: rgba(10,132,255,.12);
  --hd-menu-card-icon-text: #0a84ff;
  --hd-menu-card-border: rgba(15,23,42,.075);
  --hd-menu-card-shadow: 0 22px 55px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.82);
}
html[data-theme="dark"] {
  --hd-menu-card-bg: linear-gradient(145deg, rgba(44,44,46,.98), rgba(28,28,30,.96));
  --hd-menu-card-hover-bg: linear-gradient(145deg, rgba(64,64,68,.98), rgba(38,38,42,.98));
  --hd-menu-card-text: #f5f5f7;
  --hd-menu-card-muted: rgba(245,245,247,.78);
  --hd-menu-card-icon-bg: rgba(10,132,255,.22);
  --hd-menu-card-icon-text: #64d2ff;
  --hd-menu-card-border: rgba(255,255,255,.14);
  --hd-menu-card-shadow: 0 28px 72px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.08);
}

/* Remove the Menu line from all module/submodule landing pages. */
body[data-menu-page="true"] .section-divider.menu-section-divider { display: none !important; }
@media (min-width: 901px) {
  body[data-menu-page="true"] .page {
    grid-template-rows: auto minmax(0, 1fr) !important;
  }
}

/* Keep Today in its strong priority colour. Every other main/role/submenu tile uses one Apple-neutral colour. */
body[data-menu-page="true"] .module-widget,
body[data-menu-page="true"] .map-widget,
body[data-menu-page="true"] .module-home-bento .widget,
body[data-menu-page="true"] .module-home-bento .module-widget,
body[data-page-route="/home"] .module-widget,
body[data-page-route="/home"] .map-widget {
  background: var(--hd-menu-card-bg) !important;
  color: var(--hd-menu-card-text) !important;
  border: 1px solid var(--hd-menu-card-border) !important;
  box-shadow: var(--hd-menu-card-shadow) !important;
  overflow: hidden !important;
}

body[data-menu-page="true"] .module-widget:hover,
body[data-menu-page="true"] .map-widget:hover,
body[data-menu-page="true"] .module-home-bento .widget:hover,
body[data-page-route="/home"] .module-widget:hover,
body[data-page-route="/home"] .map-widget:hover {
  background: var(--hd-menu-card-hover-bg) !important;
  color: var(--hd-menu-card-text) !important;
  filter: none !important;
  border-color: rgba(10,132,255,.34) !important;
  transform: translateY(-3px) scale(1.004) !important;
  box-shadow: 0 28px 70px rgba(15,23,42,.13), inset 0 1px 0 rgba(255,255,255,.78) !important;
}
html[data-theme="dark"] body[data-menu-page="true"] .module-widget:hover,
html[data-theme="dark"] body[data-menu-page="true"] .map-widget:hover,
html[data-theme="dark"] body[data-menu-page="true"] .module-home-bento .widget:hover,
html[data-theme="dark"] body[data-page-route="/home"] .module-widget:hover,
html[data-theme="dark"] body[data-page-route="/home"] .map-widget:hover {
  background: var(--hd-menu-card-hover-bg) !important;
  color: #fff !important;
  border-color: rgba(255,255,255,.38) !important;
  box-shadow: 0 30px 76px rgba(0,0,0,.52), 0 0 0 1px rgba(255,255,255,.12) inset !important;
}

body[data-menu-page="true"] .today-widget,
body[data-page-route="/home"] .today-widget,
body[data-menu-page="true"] .today-widget:hover,
body[data-page-route="/home"] .today-widget:hover {
  background: linear-gradient(145deg, #ff453a, #ff2d55) !important;
  color: #fff !important;
  border-color: rgba(255,255,255,.18) !important;
  box-shadow: var(--shadow-soft) !important;
}

body[data-menu-page="true"] .module-widget .module-copy h3,
body[data-menu-page="true"] .module-home-bento .module-copy h3,
body[data-page-route="/home"] .module-widget .module-copy h3,
body[data-menu-page="true"] .map-widget .map-caption strong,
body[data-page-route="/home"] .map-widget .map-caption strong {
  color: var(--hd-menu-card-text) !important;
  text-shadow: none !important;
}
body[data-menu-page="true"] .module-widget .module-copy p,
body[data-menu-page="true"] .module-home-bento .module-copy p,
body[data-page-route="/home"] .module-widget .module-copy p,
body[data-menu-page="true"] .map-widget .map-caption div div,
body[data-page-route="/home"] .map-widget .map-caption div div {
  color: var(--hd-menu-card-muted) !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
html[data-theme="dark"] body[data-menu-page="true"] .module-widget:hover .module-copy h3,
html[data-theme="dark"] body[data-menu-page="true"] .module-widget:hover .module-copy p,
html[data-theme="dark"] body[data-menu-page="true"] .module-home-bento .widget:hover .module-copy h3,
html[data-theme="dark"] body[data-menu-page="true"] .module-home-bento .widget:hover .module-copy p,
html[data-theme="dark"] body[data-page-route="/home"] .module-widget:hover .module-copy h3,
html[data-theme="dark"] body[data-page-route="/home"] .module-widget:hover .module-copy p,
html[data-theme="dark"] body[data-menu-page="true"] .map-widget:hover .map-caption strong,
html[data-theme="dark"] body[data-menu-page="true"] .map-widget:hover .map-caption div div,
html[data-theme="dark"] body[data-page-route="/home"] .map-widget:hover .map-caption strong,
html[data-theme="dark"] body[data-page-route="/home"] .map-widget:hover .map-caption div div {
  color: #fff !important;
}

body[data-menu-page="true"] .module-widget .module-icon,
body[data-menu-page="true"] .module-widget .module-arrow,
body[data-menu-page="true"] .module-home-bento .module-icon,
body[data-menu-page="true"] .module-home-bento .module-arrow,
body[data-page-route="/home"] .module-widget .module-icon,
body[data-page-route="/home"] .module-widget .module-arrow {
  background: var(--hd-menu-card-icon-bg) !important;
  color: var(--hd-menu-card-icon-text) !important;
  box-shadow: none !important;
}

/* Our Brands is a normal module tile, not a map tile. */
body[data-menu-page="true"] .map-widget .map-grid,
body[data-page-route="/home"] .map-widget .map-grid { display: none !important; }
body[data-menu-page="true"] .map-widget .map-pin,
body[data-page-route="/home"] .map-widget .map-pin {
  position: absolute !important;
  top: clamp(15px, 1.2vw, 22px) !important;
  left: clamp(15px, 1.2vw, 22px) !important;
  width: clamp(44px, 3vw, 54px) !important;
  height: clamp(44px, 3vw, 54px) !important;
  transform: none !important;
  rotate: 0deg !important;
  border-radius: 17px !important;
  display: grid !important;
  place-items: center !important;
  background: var(--hd-menu-card-icon-bg) !important;
  color: var(--hd-menu-card-icon-text) !important;
  box-shadow: none !important;
}
body[data-menu-page="true"] .map-widget .map-pin svg,
body[data-page-route="/home"] .map-widget .map-pin svg {
  rotate: 0deg !important;
  color: currentColor !important;
}
body[data-menu-page="true"] .map-widget .map-caption,
body[data-page-route="/home"] .map-widget .map-caption {
  position: absolute !important;
  left: clamp(18px, 1.25vw, 24px) !important;
  right: clamp(18px, 1.25vw, 24px) !important;
  bottom: clamp(18px, 1.25vw, 24px) !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--hd-menu-card-text) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
body[data-menu-page="true"] .map-widget .map-caption svg,
body[data-page-route="/home"] .map-widget .map-caption svg {
  width: clamp(30px, 2.1vw, 36px) !important;
  height: clamp(30px, 2.1vw, 36px) !important;
  padding: 8px !important;
  border-radius: 12px !important;
  background: var(--hd-menu-card-icon-bg) !important;
  color: var(--hd-menu-card-icon-text) !important;
  box-sizing: border-box !important;
}

/* Mobile: keep two-grid but reduce menu card height; Today gets a little more height. */
@media (max-width: 900px) {
  body[data-menu-page="true"][data-page-route="/home"] .today-widget {
    min-height: 310px !important;
  }
  body[data-menu-page="true"][data-page-route="/home"] .module-widget,
  body[data-menu-page="true"][data-page-route="/home"] .map-widget,
  body[data-menu-page="true"] .module-home-bento .widget {
    min-height: 140px !important;
    aspect-ratio: 1 / .82 !important;
  }
  body[data-menu-page="true"] .module-copy p,
  body[data-menu-page="true"] .module-home-bento .module-copy p,
  body[data-menu-page="true"] .map-caption div div {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }
}
@media (max-width: 430px) {
  body[data-menu-page="true"][data-page-route="/home"] .today-widget {
    min-height: 300px !important;
  }
  body[data-menu-page="true"][data-page-route="/home"] .module-widget,
  body[data-menu-page="true"][data-page-route="/home"] .map-widget,
  body[data-menu-page="true"] .module-home-bento .widget {
    min-height: 128px !important;
    aspect-ratio: 1 / .80 !important;
  }
}

/* ========================================================================== 
   HELPRITE DESK v37 — FLAT LIGHT/DARK MENU COLOURS
   Main dashboard menus, role menus and submodule menu tiles now use one
   Apple-neutral light/dark surface. No gradient menu colours and no black
   dark-mode cards. Today remains a solid priority tile without gradient.
   ========================================================================== */
:root,
html[data-theme="light"] {
  --hd-flat-menu-bg: #f4f6fa;
  --hd-flat-menu-hover-bg: #ffffff;
  --hd-flat-menu-text: #20242d;
  --hd-flat-menu-muted: #606b7b;
  --hd-flat-menu-icon-bg: #e4f1ff;
  --hd-flat-menu-icon-text: #0a84ff;
  --hd-flat-menu-border: rgba(32,36,45,.10);
  --hd-flat-menu-shadow: 0 20px 48px rgba(30,41,59,.075), inset 0 1px 0 rgba(255,255,255,.85);
  --hd-flat-today-bg: #ff453a;
  --hd-flat-today-hover-bg: #ff5b52;
}
html[data-theme="dark"] {
  --hd-flat-menu-bg: #2c2c2e;
  --hd-flat-menu-hover-bg: #38383b;
  --hd-flat-menu-text: #f5f5f7;
  --hd-flat-menu-muted: #c7c7cc;
  --hd-flat-menu-icon-bg: rgba(10,132,255,.20);
  --hd-flat-menu-icon-text: #64d2ff;
  --hd-flat-menu-border: rgba(255,255,255,.13);
  --hd-flat-menu-shadow: 0 24px 58px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.07);
  --hd-flat-today-bg: #ff453a;
  --hd-flat-today-hover-bg: #ff5b52;
}

/* All menu surfaces: flat neutral cards only. */
body[data-menu-page="true"] .widget:not(.today-widget),
body[data-menu-page="true"] .module-widget,
body[data-menu-page="true"] .map-widget,
body[data-menu-page="true"] .module-home-bento .widget,
body[data-page-route="/home"] .module-widget,
body[data-page-route="/home"] .map-widget,
.module-home-bento .module-widget,
.module-grid .module-card,
.platform-grid .module-card,
.property-grid .module-card,
.account-grid .module-card,
.report-grid .module-card {
  background: var(--hd-flat-menu-bg) !important;
  background-image: none !important;
  color: var(--hd-flat-menu-text) !important;
  border: 1px solid var(--hd-flat-menu-border) !important;
  box-shadow: var(--hd-flat-menu-shadow) !important;
  filter: none !important;
}

body[data-menu-page="true"] .widget:not(.today-widget)::after,
body[data-menu-page="true"] .module-widget::after,
body[data-menu-page="true"] .map-widget::after,
body[data-menu-page="true"] .module-home-bento .widget::after,
body[data-page-route="/home"] .module-widget::after,
body[data-page-route="/home"] .map-widget::after,
.module-grid .module-card::after,
.platform-grid .module-card::after,
.property-grid .module-card::after,
.account-grid .module-card::after,
.report-grid .module-card::after {
  display: none !important;
  background: none !important;
  background-image: none !important;
}

body[data-menu-page="true"] .widget:not(.today-widget):hover,
body[data-menu-page="true"] .module-widget:hover,
body[data-menu-page="true"] .map-widget:hover,
body[data-menu-page="true"] .module-home-bento .widget:hover,
body[data-page-route="/home"] .module-widget:hover,
body[data-page-route="/home"] .map-widget:hover,
.module-home-bento .module-widget:hover,
.module-grid .module-card:hover,
.platform-grid .module-card:hover,
.property-grid .module-card:hover,
.account-grid .module-card:hover,
.report-grid .module-card:hover {
  background: var(--hd-flat-menu-hover-bg) !important;
  background-image: none !important;
  color: var(--hd-flat-menu-text) !important;
  filter: none !important;
  border-color: rgba(10,132,255,.34) !important;
  transform: translateY(-3px) scale(1.004) !important;
}
html[data-theme="dark"] body[data-menu-page="true"] .widget:not(.today-widget):hover,
html[data-theme="dark"] body[data-menu-page="true"] .module-widget:hover,
html[data-theme="dark"] body[data-menu-page="true"] .map-widget:hover,
html[data-theme="dark"] body[data-menu-page="true"] .module-home-bento .widget:hover,
html[data-theme="dark"] body[data-page-route="/home"] .module-widget:hover,
html[data-theme="dark"] body[data-page-route="/home"] .map-widget:hover,
html[data-theme="dark"] .module-home-bento .module-widget:hover,
html[data-theme="dark"] .module-grid .module-card:hover,
html[data-theme="dark"] .platform-grid .module-card:hover,
html[data-theme="dark"] .property-grid .module-card:hover,
html[data-theme="dark"] .account-grid .module-card:hover,
html[data-theme="dark"] .report-grid .module-card:hover {
  background: var(--hd-flat-menu-hover-bg) !important;
  background-image: none !important;
  color: var(--hd-flat-menu-text) !important;
  border-color: rgba(255,255,255,.32) !important;
  box-shadow: 0 26px 66px rgba(0,0,0,.44), inset 0 1px 0 rgba(255,255,255,.09) !important;
}

/* Override all old colour utility classes when they are used as menu tiles. */
body[data-menu-page="true"] .gradient-red:not(.today-widget),
body[data-menu-page="true"] .gradient-blue,
body[data-menu-page="true"] .gradient-cyan,
body[data-menu-page="true"] .gradient-green,
body[data-menu-page="true"] .gradient-yellow,
body[data-menu-page="true"] .gradient-orange,
body[data-menu-page="true"] .gradient-purple,
body[data-menu-page="true"] .gradient-pink,
body[data-menu-page="true"] .gradient-dark,
body[data-menu-page="true"] .gradient-light,
.module-home-bento .gradient-red:not(.today-widget),
.module-home-bento .gradient-blue,
.module-home-bento .gradient-cyan,
.module-home-bento .gradient-green,
.module-home-bento .gradient-yellow,
.module-home-bento .gradient-orange,
.module-home-bento .gradient-purple,
.module-home-bento .gradient-pink,
.module-home-bento .gradient-dark,
.module-home-bento .gradient-light {
  background: var(--hd-flat-menu-bg) !important;
  background-image: none !important;
  color: var(--hd-flat-menu-text) !important;
}

/* Menu text and icons remain visible in both light and dark mode. */
body[data-menu-page="true"] .module-copy h3,
body[data-menu-page="true"] .map-caption strong,
body[data-menu-page="true"] .widget-title,
.module-home-bento .module-copy h3,
.module-grid .module-card h3,
.platform-grid .module-card h3,
.property-grid .module-card h3,
.account-grid .module-card h3,
.report-grid .module-card h3 {
  color: var(--hd-flat-menu-text) !important;
  text-shadow: none !important;
}
body[data-menu-page="true"] .module-copy p,
body[data-menu-page="true"] .map-caption div div,
body[data-menu-page="true"] .widget-label,
body[data-menu-page="true"] .widget-footer,
.module-home-bento .module-copy p,
.module-grid .module-card p,
.platform-grid .module-card p,
.property-grid .module-card p,
.account-grid .module-card p,
.report-grid .module-card p {
  color: var(--hd-flat-menu-muted) !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
body[data-menu-page="true"] .widget:not(.today-widget):hover .module-copy h3,
body[data-menu-page="true"] .widget:not(.today-widget):hover .module-copy p,
body[data-menu-page="true"] .widget:not(.today-widget):hover .map-caption strong,
body[data-menu-page="true"] .widget:not(.today-widget):hover .map-caption div div,
body[data-menu-page="true"] .widget:not(.today-widget):hover .widget-title,
body[data-menu-page="true"] .widget:not(.today-widget):hover .widget-label,
.module-home-bento .module-widget:hover .module-copy h3,
.module-home-bento .module-widget:hover .module-copy p,
.module-grid .module-card:hover h3,
.module-grid .module-card:hover p,
.platform-grid .module-card:hover h3,
.platform-grid .module-card:hover p,
.property-grid .module-card:hover h3,
.property-grid .module-card:hover p,
.account-grid .module-card:hover h3,
.account-grid .module-card:hover p,
.report-grid .module-card:hover h3,
.report-grid .module-card:hover p {
  color: inherit !important;
  text-shadow: none !important;
}

body[data-menu-page="true"] .module-icon,
body[data-menu-page="true"] .module-arrow,
body[data-menu-page="true"] .map-pin,
body[data-menu-page="true"] .map-caption > svg,
.module-home-bento .module-icon,
.module-home-bento .module-arrow,
.module-grid .module-card .app-icon,
.platform-grid .module-card .app-icon,
.property-grid .module-card .app-icon,
.account-grid .module-card .app-icon,
.report-grid .module-card .app-icon {
  background: var(--hd-flat-menu-icon-bg) !important;
  background-image: none !important;
  color: var(--hd-flat-menu-icon-text) !important;
  box-shadow: none !important;
}

/* Our Brands stays in the same normal card style, without any map or gradient treatment. */
body[data-menu-page="true"] .map-grid,
body[data-page-route="/home"] .map-grid {
  display: none !important;
}
body[data-menu-page="true"] .map-widget .map-caption,
body[data-page-route="/home"] .map-widget .map-caption {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  color: var(--hd-flat-menu-text) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
body[data-menu-page="true"] .map-widget .map-pin,
body[data-page-route="/home"] .map-widget .map-pin {
  border-radius: 17px !important;
  rotate: 0deg !important;
  transform: none !important;
}
body[data-menu-page="true"] .map-widget .map-pin svg,
body[data-page-route="/home"] .map-widget .map-pin svg {
  rotate: 0deg !important;
  color: currentColor !important;
}

/* Today remains the only priority colour, but it is a solid Apple colour — no gradient. */
body[data-menu-page="true"] .today-widget,
body[data-page-route="/home"] .today-widget,
body[data-menu-page="true"] .today-widget:hover,
body[data-page-route="/home"] .today-widget:hover {
  background: var(--hd-flat-today-bg) !important;
  background-image: none !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,.18) !important;
}
body[data-menu-page="true"] .today-widget:hover,
body[data-page-route="/home"] .today-widget:hover {
  background: var(--hd-flat-today-hover-bg) !important;
  background-image: none !important;
}
body[data-menu-page="true"] .today-widget::after,
body[data-page-route="/home"] .today-widget::after {
  display: none !important;
  background: none !important;
  background-image: none !important;
}
body[data-menu-page="true"] .today-widget .widget-label,
body[data-menu-page="true"] .today-widget .widget-footer,
body[data-menu-page="true"] .today-widget .today-date,
body[data-menu-page="true"] .today-widget .today-summary,
body[data-page-route="/home"] .today-widget .widget-label,
body[data-page-route="/home"] .today-widget .widget-footer,
body[data-page-route="/home"] .today-widget .today-date,
body[data-page-route="/home"] .today-widget .today-summary {
  color: rgba(255,255,255,.86) !important;
}

/* ========================================================================== 
   HELPRITE DESK v38 — LIGHT MODE NORMAL MENU COLOUR
   Light mode menu cards should not be plain white and should not use gradients.
   Dark mode menu colour is intentionally kept unchanged from v37.
   ========================================================================== */
html:not([data-theme="dark"]) {
  --menu-tile-bg: #eef2f7;
  --menu-tile-bg-hover: #e7edf5;
  --menu-tile-border: rgba(15,23,42,.09);
  --menu-tile-text: #111827;
  --menu-tile-muted: #4f5b6b;
  --menu-tile-shadow: 0 18px 40px rgba(15,23,42,.075), inset 0 1px 0 rgba(255,255,255,.62);
  --hd-menu-card-bg: #eef2f7;
  --hd-menu-card-hover-bg: #e7edf5;
  --hd-menu-card-text: #101828;
  --hd-menu-card-muted: rgba(16,24,40,.70);
  --hd-menu-card-border: rgba(15,23,42,.09);
  --hd-menu-card-shadow: 0 22px 52px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.58);
}

html:not([data-theme="dark"]) body[data-menu-page="true"] .module-widget,
html:not([data-theme="dark"]) body[data-menu-page="true"] .map-widget,
html:not([data-theme="dark"]) body[data-menu-page="true"] .module-home-bento .widget,
html:not([data-theme="dark"]) body[data-menu-page="true"] .module-home-bento .module-widget,
html:not([data-theme="dark"]) body[data-page-route="/home"] .module-widget,
html:not([data-theme="dark"]) body[data-page-route="/home"] .map-widget,
html:not([data-theme="dark"]) .module-grid .module-card,
html:not([data-theme="dark"]) .report-grid .module-card,
html:not([data-theme="dark"]) .platform-grid .module-card,
html:not([data-theme="dark"]) .property-grid .module-card,
html:not([data-theme="dark"]) .account-grid .module-card {
  background: #eef2f7 !important;
  color: var(--hd-menu-card-text) !important;
  border-color: var(--hd-menu-card-border) !important;
  box-shadow: var(--hd-menu-card-shadow) !important;
}

html:not([data-theme="dark"]) body[data-menu-page="true"] .module-widget:hover,
html:not([data-theme="dark"]) body[data-menu-page="true"] .map-widget:hover,
html:not([data-theme="dark"]) body[data-menu-page="true"] .module-home-bento .widget:hover,
html:not([data-theme="dark"]) body[data-page-route="/home"] .module-widget:hover,
html:not([data-theme="dark"]) body[data-page-route="/home"] .map-widget:hover,
html:not([data-theme="dark"]) .module-grid .module-card:hover,
html:not([data-theme="dark"]) .report-grid .module-card:hover,
html:not([data-theme="dark"]) .platform-grid .module-card:hover,
html:not([data-theme="dark"]) .property-grid .module-card:hover,
html:not([data-theme="dark"]) .account-grid .module-card:hover {
  background: #e7edf5 !important;
  color: var(--hd-menu-card-text) !important;
  border-color: rgba(10,132,255,.28) !important;
  box-shadow: 0 26px 62px rgba(15,23,42,.12), inset 0 1px 0 rgba(255,255,255,.64) !important;
}

/* Keep Today as one solid priority colour, not a gradient. */
body[data-menu-page="true"] .today-widget,
body[data-page-route="/home"] .today-widget,
body[data-menu-page="true"] .today-widget:hover,
body[data-page-route="/home"] .today-widget:hover {
  background: #ff3b30 !important;
}

/* ========================================================================== 
   HELPRITE DESK v40 — HAND-DRAWN DASHBOARD GROUP LAYOUT
   The main dashboard now follows the client sketch: Today full-width on top,
   Our Brands on the left, Operations on the right, and Helprite Drive wide.
   ========================================================================== */
.dashboard-handoff-layout {
  display: grid;
  gap: 16px;
  min-height: 0;
}

.dashboard-today-card,
.dashboard-menu-section,
.dashboard-menu-tile {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(124, 139, 160, .18);
  box-shadow: 0 22px 50px rgba(28, 39, 55, .10);
}

.dashboard-today-card {
  border-radius: 30px;
  background: #dce8f5;
  color: #152033;
  padding: 22px 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
}

.dashboard-today-top,
.dashboard-today-main,
.dashboard-today-footer,
.dashboard-today-pills,
.dashboard-section-head,
.dashboard-menu-top {
  display: flex;
  align-items: center;
}

.dashboard-today-top {
  justify-content: space-between;
  gap: 16px;
}

.dashboard-today-icon,
.dashboard-menu-icon,
.dashboard-menu-arrow {
  display: grid;
  place-items: center;
  color: var(--blue);
  background: rgba(10, 132, 255, .10);
  border: 1px solid rgba(10, 132, 255, .08);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.45);
}

.dashboard-today-icon {
  width: 46px;
  height: 46px;
  border-radius: 16px;
}

.dashboard-today-date {
  margin-left: auto;
  font-size: 13px;
  font-weight: 720;
  color: rgba(21, 32, 51, .68);
}

.dashboard-today-main {
  justify-content: space-between;
  gap: 28px;
}

.dashboard-today-count {
  font-size: clamp(38px, 5vw, 72px);
  line-height: .92;
  letter-spacing: -3px;
  font-weight: 830;
}

.dashboard-today-heading {
  margin-top: 7px;
  font-size: clamp(22px, 2.4vw, 36px);
  line-height: 1;
  letter-spacing: -1.4px;
  font-weight: 800;
}

.dashboard-today-main p {
  max-width: 520px;
  margin: 0;
  color: rgba(21, 32, 51, .68);
  font-size: 15px;
  line-height: 1.45;
}

.dashboard-today-footer {
  justify-content: space-between;
  gap: 14px;
}

.dashboard-today-pills {
  flex-wrap: wrap;
  gap: 8px;
}

.dashboard-today-pills span {
  min-height: 30px;
  padding: 0 11px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  background: rgba(255,255,255,.42);
  border: 1px solid rgba(255,255,255,.42);
  color: rgba(21, 32, 51, .78);
  font-size: 12px;
  font-weight: 690;
}

.dashboard-group-row {
  display: grid;
  grid-template-columns: minmax(320px, .72fr) minmax(0, 1.28fr);
  gap: 16px;
  min-height: 0;
}

.dashboard-menu-section {
  border-radius: 30px;
  background: #edf2f8;
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
  min-height: 0;
}

.dashboard-section-head {
  justify-content: space-between;
  gap: 14px;
  min-height: 30px;
}

.dashboard-section-head span {
  display: block;
  margin-bottom: 2px;
  color: rgba(21, 32, 51, .54);
  font-size: 11px;
  line-height: 1;
  font-weight: 760;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.dashboard-section-head h2 {
  margin: 0;
  color: #152033;
  font-size: clamp(19px, 1.6vw, 25px);
  line-height: 1;
  letter-spacing: -.75px;
}

.dashboard-section-grid {
  flex: 1;
  min-height: 0;
  display: grid;
  gap: 12px;
}

.brands-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.operations-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: minmax(0, 1fr) minmax(0, .78fr);
}

.dashboard-menu-tile {
  min-width: 0;
  min-height: 0;
  border-radius: 24px;
  padding: 17px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #dfe8f2;
  color: #172033;
  transition: transform .22s ease, box-shadow .22s ease, background .22s ease, border-color .22s ease;
}

.dashboard-menu-tile:hover {
  transform: translateY(-3px);
  background: #d5e0ec;
  border-color: rgba(10, 132, 255, .20);
  box-shadow: 0 24px 54px rgba(28, 39, 55, .16);
}

.dashboard-menu-wide {
  grid-column: 1 / -1;
}

.dashboard-menu-top {
  justify-content: space-between;
  gap: 12px;
}

.dashboard-menu-icon {
  width: 50px;
  height: 50px;
  border-radius: 17px;
}

.dashboard-menu-arrow {
  width: 35px;
  height: 35px;
  border-radius: 13px;
}

.dashboard-menu-copy h3 {
  margin: 0;
  color: inherit;
  font-size: clamp(18px, 1.45vw, 23px);
  line-height: 1.05;
  letter-spacing: -.7px;
  font-weight: 810;
}

.dashboard-menu-copy p {
  margin: 7px 0 0;
  max-width: 270px;
  color: rgba(23, 32, 51, .66);
  font-size: 12.5px;
  line-height: 1.36;
}

html[data-theme="dark"] .dashboard-today-card {
  background: #24262d;
  border-color: rgba(255,255,255,.09);
  color: #f5f5f7;
  box-shadow: 0 24px 54px rgba(0,0,0,.28);
}

html[data-theme="dark"] .dashboard-menu-section {
  background: #17181d;
  border-color: rgba(255,255,255,.08);
  box-shadow: 0 24px 54px rgba(0,0,0,.28);
}

html[data-theme="dark"] .dashboard-menu-tile {
  background: #24262d;
  border-color: rgba(255,255,255,.08);
  color: #f5f5f7;
}

html[data-theme="dark"] .dashboard-menu-tile:hover {
  background: #30323a;
  border-color: rgba(10,132,255,.28);
  box-shadow: 0 24px 54px rgba(0,0,0,.38);
}

html[data-theme="dark"] .dashboard-section-head h2,
html[data-theme="dark"] .dashboard-menu-copy h3 {
  color: #f5f5f7;
}

html[data-theme="dark"] .dashboard-section-head span,
html[data-theme="dark"] .dashboard-today-date,
html[data-theme="dark"] .dashboard-today-main p,
html[data-theme="dark"] .dashboard-menu-copy p {
  color: rgba(245,245,247,.68);
}

html[data-theme="dark"] .dashboard-today-pills span {
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.09);
  color: rgba(245,245,247,.78);
}

html[data-theme="dark"] .dashboard-today-icon,
html[data-theme="dark"] .dashboard-menu-icon,
html[data-theme="dark"] .dashboard-menu-arrow {
  background: rgba(10,132,255,.16);
  border-color: rgba(10,132,255,.18);
  box-shadow: none;
}

@media (min-width: 901px) {
  body[data-page-route="/home"] .dashboard-handoff-layout {
    height: 100%;
    min-height: 0;
    grid-template-rows: minmax(148px, .36fr) minmax(0, .64fr);
  }

  body[data-page-route="/home"] .dashboard-today-card,
  body[data-page-route="/home"] .dashboard-menu-section,
  body[data-page-route="/home"] .dashboard-menu-tile {
    min-height: 0;
  }
}

@media (min-width: 901px) and (max-height: 760px) {
  body[data-page-route="/home"] .dashboard-handoff-layout {
    gap: 12px;
    grid-template-rows: minmax(128px, .32fr) minmax(0, .68fr);
  }

  body[data-page-route="/home"] .dashboard-today-card {
    padding: 17px 19px;
    border-radius: 24px;
    gap: 10px;
  }

  body[data-page-route="/home"] .dashboard-today-count {
    font-size: clamp(32px, 4vw, 56px);
  }

  body[data-page-route="/home"] .dashboard-today-heading {
    font-size: clamp(20px, 2vw, 28px);
  }

  body[data-page-route="/home"] .dashboard-today-main p,
  body[data-page-route="/home"] .dashboard-menu-copy p {
    font-size: 11px;
  }

  body[data-page-route="/home"] .dashboard-menu-section {
    border-radius: 24px;
    padding: 14px;
    gap: 10px;
  }

  body[data-page-route="/home"] .dashboard-menu-tile {
    border-radius: 20px;
    padding: 13px;
  }

  body[data-page-route="/home"] .dashboard-menu-icon {
    width: 40px;
    height: 40px;
    border-radius: 14px;
  }

  body[data-page-route="/home"] .dashboard-menu-arrow {
    width: 30px;
    height: 30px;
    border-radius: 11px;
  }

  body[data-page-route="/home"] .dashboard-menu-copy h3 {
    font-size: 16px;
  }
}

@media (max-width: 900px) {
  .dashboard-handoff-layout {
    gap: 14px;
  }

  .dashboard-group-row {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .dashboard-today-card,
  .dashboard-menu-section {
    border-radius: 26px;
  }

  .dashboard-today-card {
    min-height: 275px;
    padding: 19px;
  }

  .dashboard-today-main {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
  }

  .dashboard-today-footer {
    align-items: stretch;
    flex-direction: column;
  }

  .dashboard-today-footer .btn {
    width: 100%;
  }

  .brands-grid,
  .operations-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto;
  }

  .dashboard-menu-tile {
    min-height: 170px;
  }

  .dashboard-menu-wide {
    min-height: 132px;
  }
}

@media (max-width: 430px) {
  .dashboard-handoff-layout {
    gap: 12px;
  }

  .dashboard-menu-section {
    padding: 13px;
    border-radius: 23px;
  }

  .dashboard-section-grid {
    gap: 10px;
  }

  .dashboard-today-card {
    min-height: 255px;
    border-radius: 23px;
    padding: 16px;
  }

  .dashboard-today-count {
    font-size: 40px;
    letter-spacing: -1.8px;
  }

  .dashboard-today-heading {
    font-size: 25px;
  }

  .dashboard-menu-tile {
    min-height: 150px;
    border-radius: 20px;
    padding: 13px;
  }

  .dashboard-menu-wide {
    min-height: 118px;
  }

  .dashboard-menu-icon {
    width: 42px;
    height: 42px;
    border-radius: 14px;
  }

  .dashboard-menu-arrow {
    width: 30px;
    height: 30px;
    border-radius: 11px;
  }

  .dashboard-menu-copy h3 {
    font-size: 16px;
    letter-spacing: -.45px;
  }

  .dashboard-menu-copy p {
    font-size: 10.5px;
    line-height: 1.25;
  }
}

/* ========================================================================== 
   HELPRITE DESK v41 — CLIENT SKETCH HOME DASHBOARD + PRIORITY TODAY CARD
   Today is full-width red priority card. Main dashboard menu follows the
   hand-drawn grouped layout: Our Brands left, Operations right, Drive wide.
   ========================================================================== */
body[data-page-route="/home"] .dashboard-handoff-layout {
  width: 100%;
  max-width: none;
  gap: 18px;
}

body[data-page-route="/home"] .dashboard-today-card.dashboard-today-priority {
  width: 100%;
  min-height: clamp(295px, 39vh, 430px);
  border-radius: 24px;
  padding: clamp(24px, 2.1vw, 34px);
  background: #ff3b30 !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.35);
  box-shadow: 0 20px 55px rgba(255,59,48,.22), inset 0 1px 0 rgba(255,255,255,.34);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 22px;
}

body[data-page-route="/home"] .dashboard-today-card.dashboard-today-priority::before,
body[data-page-route="/home"] .dashboard-today-card.dashboard-today-priority::after {
  display: none !important;
  content: none !important;
}

body[data-page-route="/home"] .dashboard-today-card.dashboard-today-priority .dashboard-today-date {
  margin: 0;
  color: rgba(255,255,255,.88) !important;
  font-size: 13px;
  font-weight: 760;
  line-height: 1.2;
}

body[data-page-route="/home"] .dashboard-today-content {
  max-width: 980px;
}

body[data-page-route="/home"] .dashboard-today-content h2 {
  margin: 4px 0 6px;
  max-width: 1050px;
  color: #fff !important;
  font-size: clamp(40px, 5.4vw, 76px);
  line-height: .93;
  letter-spacing: -3.8px;
  font-weight: 860;
}

body[data-page-route="/home"] .dashboard-today-content h2 span {
  white-space: nowrap;
}

body[data-page-route="/home"] .dashboard-today-content p {
  margin: 0 0 14px;
  color: rgba(255,255,255,.92) !important;
  font-size: 15px;
  line-height: 1.45;
  font-weight: 650;
}

body[data-page-route="/home"] .dashboard-today-list {
  margin: 0;
  padding-left: 17px;
  color: #fff;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 730;
}

body[data-page-route="/home"] .dashboard-today-list li::marker {
  color: rgba(255,255,255,.96);
  font-size: 1.12em;
}

body[data-page-route="/home"] .dashboard-today-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: auto;
}

body[data-page-route="/home"] .dashboard-today-actions .btn {
  min-width: 108px;
  height: 38px;
  border-radius: 12px;
  padding: 0 16px;
  font-weight: 770;
  box-shadow: none;
}

body[data-page-route="/home"] .dashboard-today-start {
  background: #fff !important;
  border-color: #fff !important;
  color: #ff3b30 !important;
}

body[data-page-route="/home"] .dashboard-today-view {
  background: rgba(255,255,255,.16) !important;
  border-color: rgba(255,255,255,.32) !important;
  color: #fff !important;
}

body[data-page-route="/home"] .dashboard-today-start:hover {
  background: rgba(255,255,255,.92) !important;
  color: #ff3b30 !important;
}

body[data-page-route="/home"] .dashboard-today-view:hover {
  background: rgba(255,255,255,.26) !important;
  color: #fff !important;
}

body[data-page-route="/home"] .dashboard-group-row {
  width: 100%;
  grid-template-columns: minmax(320px, .82fr) minmax(0, 1.18fr);
  gap: 22px;
}

body[data-page-route="/home"] .dashboard-menu-section {
  border-radius: 26px;
  padding: 20px;
  background: rgba(238,242,247,.72) !important;
  border: 1px solid rgba(122,137,156,.28) !important;
  box-shadow: 0 18px 48px rgba(16,24,40,.08), inset 0 1px 0 rgba(255,255,255,.72) !important;
}

body[data-page-route="/home"] .dashboard-section-head {
  justify-content: center;
  text-align: center;
  min-height: 25px;
  margin-bottom: 2px;
}

body[data-page-route="/home"] .dashboard-section-head span {
  display: none !important;
}

body[data-page-route="/home"] .dashboard-section-head h2 {
  font-size: clamp(18px, 1.45vw, 23px);
  letter-spacing: -.65px;
}

body[data-page-route="/home"] .dashboard-section-grid {
  gap: 16px;
}

body[data-page-route="/home"] .brands-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body[data-page-route="/home"] .operations-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: minmax(168px, 1fr) minmax(92px, .58fr);
}

body[data-page-route="/home"] .dashboard-menu-tile {
  min-height: 205px;
  border-radius: 22px;
  padding: 18px;
  background: #e8eef6 !important;
  color: #172033 !important;
  border: 1px solid rgba(122,137,156,.24) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.70), 0 12px 28px rgba(16,24,40,.055) !important;
}

body[data-page-route="/home"] .dashboard-menu-tile:hover {
  background: #dfe8f2 !important;
  color: #172033 !important;
  border-color: rgba(10,132,255,.28) !important;
  transform: translateY(-2px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.76), 0 20px 42px rgba(16,24,40,.11) !important;
}

body[data-page-route="/home"] .dashboard-menu-wide {
  min-height: 105px;
}

body[data-page-route="/home"] .dashboard-menu-icon,
body[data-page-route="/home"] .dashboard-menu-arrow {
  background: rgba(10,132,255,.10) !important;
  color: var(--blue) !important;
  border-color: rgba(10,132,255,.10) !important;
}

html[data-theme="dark"] body[data-page-route="/home"] .dashboard-menu-section {
  background: #17181d !important;
  border-color: rgba(255,255,255,.08) !important;
  box-shadow: 0 24px 54px rgba(0,0,0,.28) !important;
}

html[data-theme="dark"] body[data-page-route="/home"] .dashboard-menu-tile {
  background: #24262d !important;
  border-color: rgba(255,255,255,.08) !important;
  color: #f5f5f7 !important;
  box-shadow: 0 14px 36px rgba(0,0,0,.20) !important;
}

html[data-theme="dark"] body[data-page-route="/home"] .dashboard-menu-tile:hover {
  background: #30323a !important;
  border-color: rgba(10,132,255,.28) !important;
  color: #fff !important;
  box-shadow: 0 24px 54px rgba(0,0,0,.38) !important;
}

html[data-theme="dark"] body[data-page-route="/home"] .dashboard-section-head h2,
html[data-theme="dark"] body[data-page-route="/home"] .dashboard-menu-copy h3 {
  color: #f5f5f7 !important;
}

html[data-theme="dark"] body[data-page-route="/home"] .dashboard-menu-copy p {
  color: rgba(245,245,247,.70) !important;
}

@media (min-width: 901px) {
  body[data-page-route="/home"] .dashboard-handoff-layout {
    height: 100%;
    min-height: 0;
    grid-template-rows: minmax(285px, .48fr) minmax(310px, .52fr);
  }
}

@media (min-width: 901px) and (max-height: 780px) {
  body[data-page-route="/home"] .dashboard-handoff-layout {
    gap: 14px;
    grid-template-rows: minmax(230px, .43fr) minmax(280px, .57fr);
  }

  body[data-page-route="/home"] .dashboard-today-card.dashboard-today-priority {
    min-height: 230px;
    padding: 22px 26px;
    border-radius: 22px;
  }

  body[data-page-route="/home"] .dashboard-today-content h2 {
    font-size: clamp(34px, 4.2vw, 58px);
    letter-spacing: -2.5px;
  }

  body[data-page-route="/home"] .dashboard-today-content p,
  body[data-page-route="/home"] .dashboard-today-list {
    font-size: 12.5px;
  }

  body[data-page-route="/home"] .dashboard-menu-section {
    padding: 16px;
    gap: 10px;
  }

  body[data-page-route="/home"] .dashboard-menu-tile {
    min-height: 155px;
    padding: 14px;
  }

  body[data-page-route="/home"] .dashboard-menu-wide {
    min-height: 86px;
  }
}

@media (max-width: 900px) {
  body[data-page-route="/home"] .dashboard-today-card.dashboard-today-priority {
    min-height: 350px;
    border-radius: 24px;
  }

  body[data-page-route="/home"] .dashboard-today-content h2 {
    font-size: clamp(38px, 10.5vw, 58px);
    letter-spacing: -2.4px;
  }

  body[data-page-route="/home"] .dashboard-group-row {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  body[data-page-route="/home"] .dashboard-menu-section {
    padding: 16px;
  }

  body[data-page-route="/home"] .brands-grid,
  body[data-page-route="/home"] .operations-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto;
  }

  body[data-page-route="/home"] .dashboard-menu-tile {
    min-height: 145px;
  }

  body[data-page-route="/home"] .dashboard-menu-wide {
    min-height: 118px;
  }
}

@media (max-width: 430px) {
  body[data-page-route="/home"] .dashboard-today-card.dashboard-today-priority {
    min-height: 325px;
    padding: 17px;
  }

  body[data-page-route="/home"] .dashboard-today-content h2 {
    font-size: 40px;
    line-height: .96;
    letter-spacing: -1.8px;
  }

  body[data-page-route="/home"] .dashboard-today-content p,
  body[data-page-route="/home"] .dashboard-today-list {
    font-size: 12px;
  }

  body[data-page-route="/home"] .dashboard-today-actions .btn {
    min-width: 100px;
    height: 36px;
    padding: 0 13px;
  }

  body[data-page-route="/home"] .dashboard-menu-section {
    padding: 13px;
    border-radius: 22px;
  }

  body[data-page-route="/home"] .dashboard-menu-tile {
    min-height: 132px;
    padding: 12px;
  }

  body[data-page-route="/home"] .dashboard-menu-wide {
    min-height: 105px;
  }
}

/* ========================================================================== 
   HELPRITE DESK v42 — CLEAN HOME DASHBOARD PRESENTATION FIX
   Fixes the grouped dashboard layout so Today, Our Brands and Operations are
   properly spaced, aligned and readable on desktop, tablet and mobile.
   ========================================================================== */
@media (min-width: 901px) {
  html:has(body[data-page-route="/home"]),
  body[data-page-route="/home"] {
    height: auto !important;
    min-height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  body[data-page-route="/home"] .app-shell {
    height: auto !important;
    min-height: 100dvh !important;
  }

  body[data-page-route="/home"] .main-content {
    height: auto !important;
    min-height: 100dvh !important;
    overflow: visible !important;
    padding-top: calc(var(--topbar-h) + 16px) !important;
    padding-bottom: 28px !important;
  }

  body[data-page-route="/home"] .page {
    width: 100% !important;
    max-width: 1760px !important;
    height: auto !important;
    min-height: auto !important;
    display: block !important;
    margin-inline: auto !important;
  }

  body[data-page-route="/home"] .page-heading {
    margin: 0 0 18px !important;
  }

  body[data-page-route="/home"] .dashboard-handoff-layout {
    display: grid !important;
    grid-template-rows: none !important;
    height: auto !important;
    min-height: 0 !important;
    gap: 24px !important;
    overflow: visible !important;
  }

  body[data-page-route="/home"] .dashboard-today-card.dashboard-today-priority {
    width: 100% !important;
    height: clamp(300px, 34vh, 380px) !important;
    min-height: 300px !important;
    max-height: 380px !important;
    border-radius: 28px !important;
    padding: clamp(26px, 2vw, 36px) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    overflow: hidden !important;
  }

  body[data-page-route="/home"] .dashboard-today-content {
    max-width: 1060px !important;
  }

  body[data-page-route="/home"] .dashboard-today-content h2 {
    margin: 8px 0 8px !important;
    font-size: clamp(48px, 4.7vw, 76px) !important;
    line-height: .92 !important;
    letter-spacing: -3.4px !important;
  }

  body[data-page-route="/home"] .dashboard-today-content p {
    max-width: 860px !important;
    margin-bottom: 14px !important;
  }

  body[data-page-route="/home"] .dashboard-today-actions {
    margin-top: 8px !important;
  }

  body[data-page-route="/home"] .dashboard-group-row {
    display: grid !important;
    width: 100% !important;
    grid-template-columns: minmax(360px, .78fr) minmax(0, 1.22fr) !important;
    gap: 24px !important;
    align-items: stretch !important;
    min-height: 0 !important;
  }

  body[data-page-route="/home"] .dashboard-menu-section {
    border-radius: 30px !important;
    padding: 22px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
    background: #edf3f9 !important;
    border: 1px solid rgba(122,137,156,.26) !important;
    box-shadow: 0 20px 52px rgba(16,24,40,.08), inset 0 1px 0 rgba(255,255,255,.78) !important;
    overflow: hidden !important;
  }

  body[data-page-route="/home"] .dashboard-section-head {
    justify-content: center !important;
    text-align: center !important;
    margin: 0 !important;
    min-height: 28px !important;
  }

  body[data-page-route="/home"] .dashboard-section-head h2 {
    font-size: clamp(22px, 1.4vw, 27px) !important;
    line-height: 1 !important;
    color: #151b2b !important;
  }

  body[data-page-route="/home"] .dashboard-section-grid {
    flex: 1 1 auto !important;
    display: grid !important;
    gap: 16px !important;
    min-height: 0 !important;
  }

  body[data-page-route="/home"] .brands-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: minmax(235px, 1fr) !important;
  }

  body[data-page-route="/home"] .operations-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-template-rows: minmax(235px, 1fr) minmax(125px, .55fr) !important;
  }

  body[data-page-route="/home"] .dashboard-menu-tile {
    min-height: 0 !important;
    height: 100% !important;
    border-radius: 24px !important;
    padding: 20px !important;
    background: #e4ecf6 !important;
    color: #172033 !important;
    border: 1px solid rgba(122,137,156,.28) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 12px 30px rgba(16,24,40,.055) !important;
  }

  body[data-page-route="/home"] .dashboard-menu-tile:hover {
    background: #dce7f2 !important;
    color: #172033 !important;
    border-color: rgba(10,132,255,.30) !important;
    transform: translateY(-2px) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.78), 0 20px 42px rgba(16,24,40,.11) !important;
  }

  body[data-page-route="/home"] .dashboard-menu-wide {
    grid-column: 1 / -1 !important;
    min-height: 125px !important;
  }

  body[data-page-route="/home"] .dashboard-menu-copy h3 {
    font-size: clamp(21px, 1.4vw, 27px) !important;
    line-height: 1.02 !important;
    letter-spacing: -.9px !important;
  }

  body[data-page-route="/home"] .dashboard-menu-copy p {
    max-width: 320px !important;
    font-size: 13px !important;
    line-height: 1.36 !important;
  }
}

@media (min-width: 901px) and (max-height: 820px) {
  body[data-page-route="/home"] .dashboard-handoff-layout {
    gap: 18px !important;
  }

  body[data-page-route="/home"] .dashboard-today-card.dashboard-today-priority {
    height: 255px !important;
    min-height: 255px !important;
    max-height: 255px !important;
    padding: 22px 28px !important;
  }

  body[data-page-route="/home"] .dashboard-today-content h2 {
    font-size: clamp(38px, 4vw, 60px) !important;
    letter-spacing: -2.6px !important;
  }

  body[data-page-route="/home"] .dashboard-today-content p,
  body[data-page-route="/home"] .dashboard-today-list {
    font-size: 12.5px !important;
    line-height: 1.38 !important;
  }

  body[data-page-route="/home"] .dashboard-menu-section {
    padding: 18px !important;
    gap: 14px !important;
  }

  body[data-page-route="/home"] .brands-grid {
    grid-auto-rows: minmax(185px, 1fr) !important;
  }

  body[data-page-route="/home"] .operations-grid {
    grid-template-rows: minmax(185px, 1fr) minmax(105px, .52fr) !important;
  }

  body[data-page-route="/home"] .dashboard-menu-tile {
    padding: 16px !important;
  }

  body[data-page-route="/home"] .dashboard-menu-wide {
    min-height: 105px !important;
  }

  body[data-page-route="/home"] .dashboard-menu-copy h3 {
    font-size: clamp(18px, 1.2vw, 23px) !important;
  }

  body[data-page-route="/home"] .dashboard-menu-copy p {
    font-size: 12px !important;
  }
}

@media (max-width: 900px) {
  body[data-page-route="/home"] .dashboard-handoff-layout {
    gap: 16px !important;
  }

  body[data-page-route="/home"] .dashboard-today-card.dashboard-today-priority {
    min-height: 315px !important;
    height: auto !important;
    border-radius: 24px !important;
  }

  body[data-page-route="/home"] .dashboard-group-row {
    gap: 16px !important;
  }

  body[data-page-route="/home"] .dashboard-menu-section {
    padding: 15px !important;
    gap: 14px !important;
  }

  body[data-page-route="/home"] .dashboard-section-head h2 {
    font-size: 20px !important;
  }

  body[data-page-route="/home"] .brands-grid,
  body[data-page-route="/home"] .operations-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: auto !important;
    gap: 12px !important;
  }

  body[data-page-route="/home"] .dashboard-menu-tile {
    min-height: 142px !important;
    height: auto !important;
  }

  body[data-page-route="/home"] .dashboard-menu-wide {
    grid-column: 1 / -1 !important;
    min-height: 112px !important;
  }
}

@media (max-width: 430px) {
  body[data-page-route="/home"] .dashboard-today-card.dashboard-today-priority {
    min-height: 300px !important;
    padding: 17px !important;
  }

  body[data-page-route="/home"] .dashboard-today-content h2 {
    font-size: 38px !important;
    letter-spacing: -1.8px !important;
  }

  body[data-page-route="/home"] .dashboard-menu-section {
    padding: 12px !important;
    border-radius: 22px !important;
  }

  body[data-page-route="/home"] .dashboard-menu-tile {
    min-height: 128px !important;
    padding: 12px !important;
    border-radius: 19px !important;
  }

  body[data-page-route="/home"] .dashboard-menu-copy h3 {
    font-size: 16px !important;
  }

  body[data-page-route="/home"] .dashboard-menu-copy p {
    font-size: 10.5px !important;
  }
}

html[data-theme="dark"] body[data-page-route="/home"] .dashboard-menu-section {
  background: #17181d !important;
  border-color: rgba(255,255,255,.08) !important;
  box-shadow: 0 24px 54px rgba(0,0,0,.28) !important;
}

html[data-theme="dark"] body[data-page-route="/home"] .dashboard-menu-tile {
  background: #24262d !important;
  border-color: rgba(255,255,255,.08) !important;
  color: #f5f5f7 !important;
}

html[data-theme="dark"] body[data-page-route="/home"] .dashboard-menu-tile:hover {
  background: #30323a !important;
  color: #ffffff !important;
  border-color: rgba(10,132,255,.28) !important;
}

html[data-theme="dark"] body[data-page-route="/home"] .dashboard-section-head h2,
html[data-theme="dark"] body[data-page-route="/home"] .dashboard-menu-copy h3 {
  color: #f5f5f7 !important;
}

html[data-theme="dark"] body[data-page-route="/home"] .dashboard-menu-copy p {
  color: rgba(245,245,247,.70) !important;
}

/* ========================================================================== 
   HELPRITE DESK v43 — DESKTOP HOME FIT + SKETCH TITLE LABELS
   Keeps the client sketch layout, aligns the dashboard width with the header,
   removes desktop scrolling, and places section titles on the panel border.
   ========================================================================== */
@media (min-width: 901px) {
  html:has(body[data-page-route="/home"]),
  body[data-page-route="/home"] {
    width: 100% !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    overflow: hidden !important;
  }

  body[data-page-route="/home"] .app-shell {
    width: 100% !important;
    height: 100dvh !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  body[data-page-route="/home"] .topbar {
    left: 0 !important;
    right: 0 !important;
    padding-inline: 28px !important;
  }

  body[data-page-route="/home"] .main-content {
    margin-left: 0 !important;
    width: 100% !important;
    height: 100dvh !important;
    min-height: 0 !important;
    padding: calc(var(--topbar-h) + 10px) 28px 14px !important;
    overflow: hidden !important;
  }

  body[data-page-route="/home"] .page {
    width: 100% !important;
    max-width: none !important;
    height: calc(100dvh - var(--topbar-h) - 24px) !important;
    min-height: 0 !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    gap: 10px !important;
    overflow: hidden !important;
  }

  body[data-page-route="/home"] .page-heading {
    width: 100% !important;
    margin: 0 !important;
    align-items: flex-end !important;
    gap: 14px !important;
  }

  body[data-page-route="/home"] .page-eyebrow {
    margin-bottom: 3px !important;
    font-size: 11.5px !important;
  }

  body[data-page-route="/home"] .page-title {
    font-size: clamp(32px, 2.65vw, 44px) !important;
    line-height: .96 !important;
    letter-spacing: -2px !important;
  }

  body[data-page-route="/home"] .page-subtitle {
    margin-top: 5px !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
  }

  body[data-page-route="/home"] .page-heading-side .page-actions .btn {
    min-height: 38px !important;
    height: 38px !important;
    padding-inline: 14px !important;
  }

  body[data-page-route="/home"] .dashboard-handoff-layout {
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-rows: minmax(205px, .43fr) minmax(0, .57fr) !important;
    gap: 16px !important;
    overflow: hidden !important;
  }

  body[data-page-route="/home"] .dashboard-today-card.dashboard-today-priority {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    border-radius: 26px !important;
    padding: clamp(21px, 1.8vw, 30px) !important;
    gap: 12px !important;
    overflow: hidden !important;
  }

  body[data-page-route="/home"] .dashboard-today-card.dashboard-today-priority .dashboard-today-date {
    font-size: 12.5px !important;
  }

  body[data-page-route="/home"] .dashboard-today-content h2 {
    margin: 6px 0 6px !important;
    font-size: clamp(44px, 4.35vw, 76px) !important;
    line-height: .91 !important;
    letter-spacing: -3.4px !important;
  }

  body[data-page-route="/home"] .dashboard-today-content p {
    margin-bottom: 10px !important;
    max-width: 900px !important;
    font-size: 13.2px !important;
    line-height: 1.35 !important;
  }

  body[data-page-route="/home"] .dashboard-today-list {
    font-size: 13px !important;
    line-height: 1.44 !important;
  }

  body[data-page-route="/home"] .dashboard-today-actions {
    margin-top: 6px !important;
  }

  body[data-page-route="/home"] .dashboard-today-actions .btn {
    height: 36px !important;
    min-height: 36px !important;
    min-width: 102px !important;
    border-radius: 12px !important;
  }

  body[data-page-route="/home"] .dashboard-group-row {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(390px, .72fr) minmax(0, 1.28fr) !important;
    gap: 22px !important;
    align-items: stretch !important;
    overflow: hidden !important;
  }

  body[data-page-route="/home"] .dashboard-menu-section {
    position: relative !important;
    height: 100% !important;
    min-height: 0 !important;
    border-radius: 28px !important;
    padding: 34px 22px 22px !important;
    gap: 0 !important;
    overflow: hidden !important;
  }

  body[data-page-route="/home"] .dashboard-section-head {
    position: absolute !important;
    top: 0 !important;
    left: 18px !important;
    right: 18px !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 2 !important;
    pointer-events: none !important;
    overflow: visible !important;
  }

  body[data-page-route="/home"] .dashboard-section-head h2 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 34px !important;
    padding: 0 18px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background: #edf3f9 !important;
    border: 1px solid rgba(122,137,156,.22) !important;
    box-shadow: 0 8px 22px rgba(16,24,40,.055), inset 0 1px 0 rgba(255,255,255,.78) !important;
    color: #151b2b !important;
    font-size: clamp(19px, 1.25vw, 24px) !important;
    line-height: 1 !important;
    letter-spacing: -.72px !important;
    transform: translateY(-50%) !important;
    white-space: nowrap !important;
  }

  body[data-page-route="/home"] .dashboard-section-grid {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    flex: 1 1 auto !important;
    display: grid !important;
    gap: 16px !important;
    overflow: hidden !important;
  }

  body[data-page-route="/home"] .brands-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: minmax(0, 1fr) !important;
  }

  body[data-page-route="/home"] .operations-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-template-rows: minmax(0, 1fr) minmax(82px, .52fr) !important;
  }

  body[data-page-route="/home"] .dashboard-menu-tile {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    padding: 18px !important;
    border-radius: 22px !important;
  }

  body[data-page-route="/home"] .dashboard-menu-wide {
    grid-column: 1 / -1 !important;
    min-height: 0 !important;
  }

  body[data-page-route="/home"] .dashboard-menu-icon {
    width: 46px !important;
    height: 46px !important;
    border-radius: 16px !important;
  }

  body[data-page-route="/home"] .dashboard-menu-arrow {
    width: 33px !important;
    height: 33px !important;
    border-radius: 12px !important;
  }

  body[data-page-route="/home"] .dashboard-menu-copy h3 {
    font-size: clamp(19px, 1.25vw, 26px) !important;
    line-height: 1.02 !important;
    letter-spacing: -.85px !important;
  }

  body[data-page-route="/home"] .dashboard-menu-copy p {
    max-width: 320px !important;
    font-size: 12.2px !important;
    line-height: 1.28 !important;
  }
}

@media (min-width: 901px) and (max-height: 820px) {
  body[data-page-route="/home"] .main-content {
    padding-top: calc(var(--topbar-h) + 8px) !important;
    padding-bottom: 10px !important;
  }

  body[data-page-route="/home"] .page {
    height: calc(100dvh - var(--topbar-h) - 18px) !important;
    gap: 8px !important;
  }

  body[data-page-route="/home"] .page-title {
    font-size: clamp(28px, 2.3vw, 38px) !important;
  }

  body[data-page-route="/home"] .page-subtitle {
    font-size: 12px !important;
  }

  body[data-page-route="/home"] .dashboard-handoff-layout {
    grid-template-rows: minmax(170px, .40fr) minmax(0, .60fr) !important;
    gap: 14px !important;
  }

  body[data-page-route="/home"] .dashboard-today-card.dashboard-today-priority {
    padding: 18px 24px !important;
    border-radius: 24px !important;
  }

  body[data-page-route="/home"] .dashboard-today-content h2 {
    font-size: clamp(35px, 3.55vw, 58px) !important;
    letter-spacing: -2.4px !important;
  }

  body[data-page-route="/home"] .dashboard-today-content p,
  body[data-page-route="/home"] .dashboard-today-list {
    font-size: 11.5px !important;
    line-height: 1.3 !important;
  }

  body[data-page-route="/home"] .dashboard-menu-section {
    padding: 31px 18px 18px !important;
    border-radius: 24px !important;
  }

  body[data-page-route="/home"] .dashboard-section-grid {
    gap: 12px !important;
  }

  body[data-page-route="/home"] .dashboard-menu-tile {
    padding: 15px !important;
    border-radius: 20px !important;
  }

  body[data-page-route="/home"] .dashboard-menu-icon {
    width: 40px !important;
    height: 40px !important;
    border-radius: 14px !important;
  }

  body[data-page-route="/home"] .dashboard-menu-arrow {
    width: 30px !important;
    height: 30px !important;
    border-radius: 11px !important;
  }

  body[data-page-route="/home"] .dashboard-menu-copy h3 {
    font-size: clamp(17px, 1.1vw, 22px) !important;
  }

  body[data-page-route="/home"] .dashboard-menu-copy p {
    font-size: 11px !important;
  }
}

@media (min-width: 901px) and (max-height: 720px) {
  body[data-page-route="/home"] .page-eyebrow,
  body[data-page-route="/home"] .page-subtitle {
    display: none !important;
  }

  body[data-page-route="/home"] .dashboard-handoff-layout {
    grid-template-rows: minmax(145px, .36fr) minmax(0, .64fr) !important;
  }

  body[data-page-route="/home"] .dashboard-today-content p,
  body[data-page-route="/home"] .dashboard-today-list {
    display: none !important;
  }
}

html[data-theme="dark"] body[data-page-route="/home"] .dashboard-section-head h2 {
  background: #17181d !important;
  border-color: rgba(255,255,255,.10) !important;
  color: #f5f5f7 !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.30) !important;
}

/* ========================================================================== 
   HELPRITE DESK v44 — FINAL HOME DASHBOARD ALIGNMENT FIX
   - Home cards use the same full width as the header, not the old 1760px cap.
   - Desktop home fits within one screen without scrolling.
   - Our Brands / Operations labels sit on the panel border like the sketch.
   ========================================================================== */
@media (min-width: 901px) {
  body[data-page-route="/home"] .topbar,
  body[data-menu-page="true"][data-page-route="/home"] .topbar {
    left: 0 !important;
    right: 0 !important;
    padding-inline: 28px !important;
  }

  body[data-page-route="/home"] .main-content,
  body[data-menu-page="true"][data-page-route="/home"] .main-content {
    margin-left: 0 !important;
    width: 100% !important;
    height: 100dvh !important;
    min-height: 0 !important;
    padding: calc(var(--topbar-h) + 8px) 28px 10px !important;
    overflow: hidden !important;
  }

  body[data-page-route="/home"] .page,
  body[data-menu-page="true"][data-page-route="/home"] .page,
  body[data-page-route="/home"] .page-heading,
  body[data-menu-page="true"][data-page-route="/home"] .page-heading,
  body[data-page-route="/home"] .dashboard-handoff-layout,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-handoff-layout {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body[data-page-route="/home"] .page,
  body[data-menu-page="true"][data-page-route="/home"] .page {
    height: calc(100dvh - var(--topbar-h) - 18px) !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    gap: 9px !important;
    overflow: hidden !important;
  }

  body[data-page-route="/home"] .page-heading,
  body[data-menu-page="true"][data-page-route="/home"] .page-heading {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    align-items: flex-end !important;
  }

  body[data-page-route="/home"] .page-eyebrow,
  body[data-menu-page="true"][data-page-route="/home"] .page-eyebrow {
    margin-bottom: 2px !important;
    font-size: 11px !important;
  }

  body[data-page-route="/home"] .page-title,
  body[data-menu-page="true"][data-page-route="/home"] .page-title {
    font-size: clamp(30px, 2.55vw, 43px) !important;
    line-height: .94 !important;
    letter-spacing: -2.1px !important;
  }

  body[data-page-route="/home"] .page-subtitle,
  body[data-menu-page="true"][data-page-route="/home"] .page-subtitle {
    margin-top: 4px !important;
    font-size: 12.5px !important;
    line-height: 1.25 !important;
  }

  body[data-page-route="/home"] .dashboard-handoff-layout,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-handoff-layout {
    height: 100% !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-rows: minmax(190px, .39fr) minmax(0, .61fr) !important;
    gap: 26px !important;
    overflow: visible !important;
  }

  body[data-page-route="/home"] .dashboard-today-card.dashboard-today-priority,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-card.dashboard-today-priority {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    border-radius: 26px !important;
    padding: clamp(20px, 1.85vw, 30px) !important;
    overflow: hidden !important;
  }

  body[data-page-route="/home"] .dashboard-today-content h2,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-content h2 {
    font-size: clamp(42px, 4.25vw, 74px) !important;
    line-height: .91 !important;
    letter-spacing: -3.2px !important;
    margin: 5px 0 6px !important;
  }

  body[data-page-route="/home"] .dashboard-today-content p,
  body[data-page-route="/home"] .dashboard-today-list,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-content p,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-list {
    font-size: 12.8px !important;
    line-height: 1.36 !important;
  }

  body[data-page-route="/home"] .dashboard-group-row,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-group-row {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(420px, .74fr) minmax(0, 1.26fr) !important;
    gap: 22px !important;
    align-items: stretch !important;
    overflow: visible !important;
  }

  body[data-page-route="/home"] .dashboard-menu-section,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-menu-section {
    position: relative !important;
    height: 100% !important;
    min-height: 0 !important;
    border-radius: 28px !important;
    padding: 34px 22px 20px !important;
    overflow: visible !important;
    background: #edf3f9 !important;
    border: 1px solid rgba(122,137,156,.28) !important;
    box-shadow: 0 18px 46px rgba(16,24,40,.075), inset 0 1px 0 rgba(255,255,255,.78) !important;
  }

  body[data-page-route="/home"] .dashboard-section-head,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-section-head {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 5 !important;
    overflow: visible !important;
    pointer-events: none !important;
  }

  body[data-page-route="/home"] .dashboard-section-head h2,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-section-head h2 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 14px !important;
    min-height: 30px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--bg) !important;
    box-shadow: none !important;
    color: #151b2b !important;
    font-size: clamp(20px, 1.32vw, 26px) !important;
    font-weight: 820 !important;
    letter-spacing: -.8px !important;
    line-height: 1 !important;
    transform: translateY(-50%) !important;
    white-space: nowrap !important;
  }

  body[data-page-route="/home"] .dashboard-section-grid,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-section-grid {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    display: grid !important;
    gap: 16px !important;
    overflow: hidden !important;
  }

  body[data-page-route="/home"] .brands-grid,
  body[data-menu-page="true"][data-page-route="/home"] .brands-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: minmax(0, 1fr) !important;
  }

  body[data-page-route="/home"] .operations-grid,
  body[data-menu-page="true"][data-page-route="/home"] .operations-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-template-rows: minmax(0, 1fr) minmax(78px, .50fr) !important;
  }

  body[data-page-route="/home"] .dashboard-menu-tile,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-menu-tile {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    border-radius: 21px !important;
    padding: 18px !important;
    overflow: hidden !important;
  }

  body[data-page-route="/home"] .dashboard-menu-wide,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-menu-wide {
    grid-column: 1 / -1 !important;
    min-height: 0 !important;
  }
}

@media (min-width: 901px) and (max-height: 820px) {
  body[data-page-route="/home"] .main-content,
  body[data-menu-page="true"][data-page-route="/home"] .main-content {
    padding-top: calc(var(--topbar-h) + 7px) !important;
    padding-bottom: 8px !important;
  }

  body[data-page-route="/home"] .page,
  body[data-menu-page="true"][data-page-route="/home"] .page {
    height: calc(100dvh - var(--topbar-h) - 15px) !important;
    gap: 7px !important;
  }

  body[data-page-route="/home"] .dashboard-handoff-layout,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-handoff-layout {
    grid-template-rows: minmax(150px, .35fr) minmax(0, .65fr) !important;
    gap: 22px !important;
  }

  body[data-page-route="/home"] .dashboard-today-card.dashboard-today-priority,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-card.dashboard-today-priority {
    padding: 18px 24px !important;
    border-radius: 23px !important;
  }

  body[data-page-route="/home"] .dashboard-today-content h2,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-content h2 {
    font-size: clamp(35px, 3.4vw, 58px) !important;
    letter-spacing: -2.2px !important;
  }

  body[data-page-route="/home"] .dashboard-today-content p,
  body[data-page-route="/home"] .dashboard-today-list,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-content p,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-list {
    font-size: 11.4px !important;
    line-height: 1.27 !important;
  }

  body[data-page-route="/home"] .dashboard-menu-section,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-menu-section {
    padding: 30px 18px 18px !important;
    border-radius: 24px !important;
  }

  body[data-page-route="/home"] .dashboard-section-grid,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-section-grid {
    gap: 12px !important;
  }

  body[data-page-route="/home"] .dashboard-menu-tile,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-menu-tile {
    padding: 15px !important;
    border-radius: 19px !important;
  }

  body[data-page-route="/home"] .dashboard-menu-copy h3,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-menu-copy h3 {
    font-size: clamp(17px, 1.1vw, 22px) !important;
  }

  body[data-page-route="/home"] .dashboard-menu-copy p,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-menu-copy p {
    font-size: 10.8px !important;
  }
}

html[data-theme="dark"] body[data-page-route="/home"] .dashboard-section-head h2,
html[data-theme="dark"] body[data-menu-page="true"][data-page-route="/home"] .dashboard-section-head h2 {
  background: var(--bg) !important;
  color: #f5f5f7 !important;
}


/* ========================================================================== 
   HELPRITE DESK v45 — EXACT SKETCH PANEL LAYOUT FIX
   - The Our Brands and Operations boxes are plain outlined panels, not filled cards.
   - Section titles sit on the top border like the hand sketch.
   - Menu tiles keep enough breathing space inside the panels.
   - Desktop home remains fitted to one screen.
   ========================================================================== */
@media (min-width: 901px) {
  body[data-page-route="/home"] .dashboard-handoff-layout,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-handoff-layout {
    grid-template-rows: minmax(168px, .36fr) minmax(0, .64fr) !important;
    gap: 24px !important;
    overflow: hidden !important;
  }

  body[data-page-route="/home"] .dashboard-today-card.dashboard-today-priority,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-card.dashboard-today-priority {
    border-radius: 24px !important;
    padding: clamp(20px, 1.65vw, 28px) !important;
  }

  body[data-page-route="/home"] .dashboard-today-content h2,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-content h2 {
    font-size: clamp(38px, 3.95vw, 68px) !important;
    line-height: .92 !important;
    letter-spacing: -3px !important;
  }

  body[data-page-route="/home"] .dashboard-group-row,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-group-row {
    grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr) !important;
    gap: 30px !important;
    overflow: visible !important;
    padding-top: 10px !important;
  }

  body[data-page-route="/home"] .dashboard-menu-section,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-menu-section {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border: 2px solid rgba(122,137,156,.42) !important;
    border-radius: 18px !important;
    padding: 42px 26px 26px !important;
    overflow: visible !important;
  }

  body[data-page-route="/home"] .dashboard-section-head,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-section-head {
    top: 0 !important;
    left: 28px !important;
    right: auto !important;
    width: auto !important;
    justify-content: flex-start !important;
  }

  body[data-page-route="/home"] .dashboard-section-head h2,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-section-head h2 {
    background: var(--bg) !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 12px !important;
    min-height: 28px !important;
    border-radius: 0 !important;
    color: #151b2b !important;
    font-size: clamp(20px, 1.24vw, 25px) !important;
    letter-spacing: -.65px !important;
    transform: translateY(-50%) !important;
  }

  body[data-page-route="/home"] .dashboard-section-grid,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-section-grid {
    gap: 22px !important;
  }

  body[data-page-route="/home"] .brands-grid,
  body[data-menu-page="true"][data-page-route="/home"] .brands-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: minmax(0, 1fr) !important;
  }

  body[data-page-route="/home"] .operations-grid,
  body[data-menu-page="true"][data-page-route="/home"] .operations-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-template-rows: minmax(0, 1fr) minmax(76px, .46fr) !important;
  }

  body[data-page-route="/home"] .dashboard-menu-tile,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-menu-tile {
    border-radius: 18px !important;
    padding: 18px !important;
    background: #e8eef6 !important;
    background-image: none !important;
    border: 1px solid rgba(122,137,156,.30) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.68), 0 10px 25px rgba(16,24,40,.045) !important;
  }

  body[data-page-route="/home"] .dashboard-menu-tile:hover,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-menu-tile:hover {
    background: #dfe8f2 !important;
    background-image: none !important;
    border-color: rgba(10,132,255,.30) !important;
    color: #172033 !important;
  }

  body[data-page-route="/home"] .dashboard-menu-wide,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-menu-wide {
    min-height: 0 !important;
  }
}

@media (min-width: 901px) and (max-height: 820px) {
  body[data-page-route="/home"] .dashboard-handoff-layout,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-handoff-layout {
    grid-template-rows: minmax(142px, .32fr) minmax(0, .68fr) !important;
    gap: 22px !important;
  }

  body[data-page-route="/home"] .dashboard-group-row,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-group-row {
    gap: 28px !important;
    padding-top: 8px !important;
  }

  body[data-page-route="/home"] .dashboard-menu-section,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-menu-section {
    padding: 36px 22px 22px !important;
  }

  body[data-page-route="/home"] .dashboard-section-grid,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-section-grid {
    gap: 18px !important;
  }

  body[data-page-route="/home"] .operations-grid,
  body[data-menu-page="true"][data-page-route="/home"] .operations-grid {
    grid-template-rows: minmax(0, 1fr) minmax(70px, .44fr) !important;
  }
}

html[data-theme="dark"] body[data-page-route="/home"] .dashboard-menu-section,
html[data-theme="dark"] body[data-menu-page="true"][data-page-route="/home"] .dashboard-menu-section {
  background: transparent !important;
  background-image: none !important;
  border-color: rgba(255,255,255,.18) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-page-route="/home"] .dashboard-section-head h2,
html[data-theme="dark"] body[data-menu-page="true"][data-page-route="/home"] .dashboard-section-head h2 {
  background: var(--bg) !important;
  color: #f5f5f7 !important;
}

html[data-theme="dark"] body[data-page-route="/home"] .dashboard-menu-tile,
html[data-theme="dark"] body[data-menu-page="true"][data-page-route="/home"] .dashboard-menu-tile {
  background: #24262d !important;
  background-image: none !important;
  border-color: rgba(255,255,255,.09) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.22) !important;
  color: #f5f5f7 !important;
}

html[data-theme="dark"] body[data-page-route="/home"] .dashboard-menu-tile:hover,
html[data-theme="dark"] body[data-menu-page="true"][data-page-route="/home"] .dashboard-menu-tile:hover {
  background: #30323a !important;
  background-image: none !important;
  border-color: rgba(10,132,255,.28) !important;
  color: #ffffff !important;
}

@media (max-width: 900px) {
  body[data-page-route="/home"] .dashboard-menu-section,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-menu-section {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border: 1.5px solid rgba(122,137,156,.35) !important;
    padding-top: 32px !important;
    overflow: visible !important;
  }

  body[data-page-route="/home"] .dashboard-section-head,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-section-head {
    position: absolute !important;
    top: 0 !important;
    left: 22px !important;
    right: auto !important;
    height: 0 !important;
    justify-content: flex-start !important;
    overflow: visible !important;
  }

  body[data-page-route="/home"] .dashboard-section-head h2,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-section-head h2 {
    background: var(--bg) !important;
    padding: 0 10px !important;
    transform: translateY(-50%) !important;
  }
}


/* ========================================================================== 
   HELPRITE DESK v46 — HOME DASHBOARD PANEL TITLE + SPACING REFINEMENT
   - Remove title background from Our Brands / Operations.
   - Center the titles on the top border.
   - Add more breathing room between menu cards.
   - Give Helprite Drive more height and better internal spacing.
   ========================================================================== */
@media (min-width: 901px) {
  body[data-page-route="/home"] .dashboard-group-row,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-group-row {
    gap: 32px !important;
  }

  body[data-page-route="/home"] .dashboard-menu-section,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-menu-section {
    padding: 38px 24px 24px !important;
    border-radius: 20px !important;
  }

  body[data-page-route="/home"] .dashboard-section-head,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-section-head {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }

  body[data-page-route="/home"] .dashboard-section-head h2,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-section-head h2 {
    background: transparent !important;
    padding: 0 !important;
    min-height: 0 !important;
    line-height: 1 !important;
    transform: translateY(-56%) !important;
  }

  body[data-page-route="/home"] .dashboard-section-grid,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-section-grid {
    gap: 18px !important;
  }

  body[data-page-route="/home"] .dashboard-menu-tile,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-menu-tile {
    padding: 18px 18px 16px !important;
  }

  body[data-page-route="/home"] .operations-grid,
  body[data-menu-page="true"][data-page-route="/home"] .operations-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-template-rows: minmax(0, 1fr) minmax(94px, .62fr) !important;
    gap: 18px !important;
  }

  body[data-page-route="/home"] .dashboard-menu-copy h3,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-menu-copy h3 {
    line-height: 1.02 !important;
  }

  body[data-page-route="/home"] .dashboard-menu-copy p,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-menu-copy p {
    margin-top: 8px !important;
  }

  body[data-page-route="/home"] .dashboard-menu-wide,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-menu-wide {
    min-height: 104px !important;
    padding: 18px 20px 18px !important;
  }

  body[data-page-route="/home"] .dashboard-menu-wide .dashboard-menu-top,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-menu-wide .dashboard-menu-top {
    margin-bottom: 12px !important;
  }

  body[data-page-route="/home"] .dashboard-menu-wide .dashboard-menu-copy,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-menu-wide .dashboard-menu-copy {
    padding-top: 2px !important;
  }

  body[data-page-route="/home"] .dashboard-menu-wide .dashboard-menu-copy h3,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-menu-wide .dashboard-menu-copy h3 {
    margin-top: 4px !important;
  }
}

@media (min-width: 901px) and (max-height: 820px) {
  body[data-page-route="/home"] .operations-grid,
  body[data-menu-page="true"][data-page-route="/home"] .operations-grid {
    grid-template-rows: minmax(0, 1fr) minmax(88px, .58fr) !important;
  }
}

html[data-theme="dark"] body[data-page-route="/home"] .dashboard-section-head h2,
html[data-theme="dark"] body[data-menu-page="true"][data-page-route="/home"] .dashboard-section-head h2 {
  background: transparent !important;
}


/* ========================================================================== 
   HELPRITE DESK v47 — HOME DASHBOARD FINAL POSITIONING REFINEMENT
   - Move Our Brands / Operations titles to the left border position from feedback.
   - Reduce top inner spacing inside the grouped panels.
   - Tighten the Our Brands panel spacing slightly.
   - Reduce Today heading size a bit and keep buttons fitting cleanly.
   ========================================================================== */
@media (min-width: 901px) {
  body[data-page-route="/home"] .dashboard-menu-section,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-menu-section {
    padding: 28px 22px 20px !important;
  }

  body[data-page-route="/home"] .dashboard-section-head,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-section-head {
    left: 44px !important;
    right: auto !important;
    width: auto !important;
    justify-content: flex-start !important;
    text-align: left !important;
  }

  body[data-page-route="/home"] .dashboard-section-head h2,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-section-head h2 {
    transform: translateY(-48%) !important;
    font-size: clamp(19px, 1.16vw, 24px) !important;
  }

  body[data-page-route="/home"] .dashboard-section-grid,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-section-grid {
    gap: 16px !important;
  }

  body[data-page-route="/home"] .brands-grid,
  body[data-menu-page="true"][data-page-route="/home"] .brands-grid {
    gap: 14px !important;
  }

  body[data-page-route="/home"] .dashboard-menu-tile,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-menu-tile {
    padding: 16px !important;
  }

  body[data-page-route="/home"] .dashboard-today-card.dashboard-today-priority,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-card.dashboard-today-priority {
    padding: 20px 22px 16px !important;
  }

  body[data-page-route="/home"] .dashboard-today-content h2,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-content h2 {
    font-size: clamp(34px, 4.45vw, 62px) !important;
    letter-spacing: -2.6px !important;
    margin: 2px 0 8px !important;
  }

  body[data-page-route="/home"] .dashboard-today-content p,
  body[data-page-route="/home"] .dashboard-today-list,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-content p,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-list {
    font-size: 13px !important;
    line-height: 1.4 !important;
  }

  body[data-page-route="/home"] .dashboard-today-actions,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-actions {
    margin-top: 12px !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
  }

  body[data-page-route="/home"] .dashboard-today-actions .btn,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-actions .btn {
    min-width: 98px !important;
    height: 36px !important;
    padding: 0 14px !important;
  }

  body[data-page-route="/home"] .dashboard-menu-wide,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-menu-wide {
    min-height: 100px !important;
    padding: 16px 18px !important;
  }

  body[data-page-route="/home"] .dashboard-menu-wide .dashboard-menu-top,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-menu-wide .dashboard-menu-top {
    margin-bottom: 10px !important;
  }
}

@media (min-width: 901px) and (max-height: 820px) {
  body[data-page-route="/home"] .dashboard-menu-section,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-menu-section {
    padding: 26px 20px 18px !important;
  }

  body[data-page-route="/home"] .dashboard-today-content h2,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-content h2 {
    font-size: clamp(32px, 4vw, 56px) !important;
  }
}


/* ==========================================================================
   HELPRITE DESK v48 — HOME DASHBOARD CLEAN TITLES + ROLE PREVIEW FIX
   - Remove Our Brands / Operations text labels from the grouped boxes.
   - Make Today content and buttons fit properly inside the red card.
   - Let Preview Role hide/show dashboard menus based on selected role.
   ========================================================================== */
@media (min-width: 901px) {
  body[data-page-route="/home"] .dashboard-handoff-layout,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-handoff-layout {
    grid-template-rows: minmax(218px, .40fr) minmax(0, .60fr) !important;
    gap: 20px !important;
  }

  body[data-page-route="/home"] .dashboard-today-card.dashboard-today-priority,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-card.dashboard-today-priority {
    padding: 20px 24px 18px !important;
    overflow: hidden !important;
  }

  body[data-page-route="/home"] .dashboard-today-content h2,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-content h2 {
    font-size: clamp(34px, 4.2vw, 58px) !important;
    line-height: .94 !important;
    letter-spacing: -2.4px !important;
    margin: 4px 0 8px !important;
  }

  body[data-page-route="/home"] .dashboard-today-content p,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-content p {
    margin-bottom: 10px !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
  }

  body[data-page-route="/home"] .dashboard-today-list,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-list {
    font-size: 12.6px !important;
    line-height: 1.42 !important;
  }

  body[data-page-route="/home"] .dashboard-today-actions,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-actions {
    margin-top: 12px !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
  }

  body[data-page-route="/home"] .dashboard-today-actions .btn,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-actions .btn {
    min-width: 94px !important;
    height: 34px !important;
    border-radius: 11px !important;
    padding: 0 13px !important;
    font-size: 12px !important;
  }

  body[data-page-route="/home"] .dashboard-menu-section,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-menu-section {
    padding: 22px 22px 20px !important;
  }

  body[data-page-route="/home"] .dashboard-section-head,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-section-head {
    display: none !important;
  }

  body[data-page-route="/home"] .dashboard-section-grid,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-section-grid {
    gap: 14px !important;
  }

  body[data-page-route="/home"] .brands-grid,
  body[data-menu-page="true"][data-page-route="/home"] .brands-grid {
    gap: 12px !important;
  }

  body[data-page-route="/home"] .operations-grid,
  body[data-menu-page="true"][data-page-route="/home"] .operations-grid {
    gap: 14px !important;
    grid-template-rows: minmax(0, 1fr) minmax(100px, .66fr) !important;
  }

  body[data-page-route="/home"] .dashboard-menu-tile,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-menu-tile {
    padding: 15px !important;
  }

  body[data-page-route="/home"] .dashboard-menu-wide,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-menu-wide {
    min-height: 104px !important;
    padding: 16px 18px !important;
  }

  body[data-page-route="/home"] .dashboard-menu-tile.role-hidden,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-menu-tile.role-hidden,
  body[data-page-route="/home"] .dashboard-menu-section.role-hidden,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-menu-section.role-hidden {
    display: none !important;
  }

  body[data-page-route="/home"] .dashboard-group-row.dashboard-one-section,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-group-row.dashboard-one-section {
    grid-template-columns: 1fr !important;
  }
}

@media (min-width: 901px) and (max-height: 820px) {
  body[data-page-route="/home"] .dashboard-handoff-layout,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-handoff-layout {
    grid-template-rows: minmax(196px, .39fr) minmax(0, .61fr) !important;
    gap: 18px !important;
  }

  body[data-page-route="/home"] .dashboard-today-card.dashboard-today-priority,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-card.dashboard-today-priority {
    padding: 17px 22px 14px !important;
  }

  body[data-page-route="/home"] .dashboard-today-content h2,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-content h2 {
    font-size: clamp(32px, 3.8vw, 52px) !important;
  }

  body[data-page-route="/home"] .dashboard-today-list,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-list {
    font-size: 12px !important;
    line-height: 1.34 !important;
  }

  body[data-page-route="/home"] .dashboard-today-actions,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-actions {
    margin-top: 8px !important;
  }

  body[data-page-route="/home"] .dashboard-menu-section,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-menu-section {
    padding: 19px 20px 18px !important;
  }
}

@media (max-width: 900px) {
  body[data-page-route="/home"] .dashboard-section-head,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-section-head {
    display: none !important;
  }

  body[data-page-route="/home"] .dashboard-menu-tile.role-hidden,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-menu-tile.role-hidden,
  body[data-page-route="/home"] .dashboard-menu-section.role-hidden,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-menu-section.role-hidden {
    display: none !important;
  }
}


/* ========================================================================== 
   HELPRITE DESK v49 — TODAY FIT + ROLE-AWARE FULL-WIDTH MENU TILES
   ========================================================================== */
@media (min-width: 901px) {
  body[data-page-route="/home"] .dashboard-today-card.dashboard-today-priority,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-card.dashboard-today-priority {
    padding: 18px 22px 14px !important;
  }

  body[data-page-route="/home"] .dashboard-today-content h2,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-content h2 {
    font-size: clamp(28px, 3.75vw, 52px) !important;
    line-height: 0.96 !important;
    letter-spacing: -2.1px !important;
    margin: 2px 0 8px !important;
    max-width: 860px !important;
  }

  body[data-page-route="/home"] .dashboard-today-content p,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-content p {
    font-size: 13px !important;
    margin-bottom: 10px !important;
  }

  body[data-page-route="/home"] .dashboard-today-list,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-list {
    font-size: 12.6px !important;
    line-height: 1.36 !important;
  }

  body[data-page-route="/home"] .dashboard-today-actions,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-actions {
    gap: 8px !important;
    margin-top: 10px !important;
  }

  body[data-page-route="/home"] .dashboard-today-actions .btn,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-actions .btn {
    min-width: 94px !important;
    height: 34px !important;
    padding: 0 14px !important;
    font-size: 13px !important;
  }

  body[data-page-route="/home"] .dashboard-brands-section.dashboard-visible-1 .brands-grid,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-brands-section.dashboard-visible-1 .brands-grid {
    grid-template-columns: 1fr !important;
    grid-template-rows: minmax(0, 1fr) !important;
  }

  body[data-page-route="/home"] .dashboard-brands-section.dashboard-visible-1 .dashboard-menu-tile,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-brands-section.dashboard-visible-1 .dashboard-menu-tile {
    grid-column: 1 / -1 !important;
  }

  body[data-page-route="/home"] .dashboard-operations-section.dashboard-visible-1 .operations-grid,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-operations-section.dashboard-visible-1 .operations-grid {
    grid-template-columns: 1fr !important;
    grid-template-rows: minmax(0, 1fr) !important;
  }

  body[data-page-route="/home"] .dashboard-operations-section.dashboard-visible-2 .operations-grid,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-operations-section.dashboard-visible-2 .operations-grid {
    grid-template-columns: 1fr !important;
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
  }

  body[data-page-route="/home"] .dashboard-operations-section.dashboard-visible-1 .dashboard-menu-tile,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-operations-section.dashboard-visible-1 .dashboard-menu-tile,
  body[data-page-route="/home"] .dashboard-operations-section.dashboard-visible-2 .dashboard-menu-tile,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-operations-section.dashboard-visible-2 .dashboard-menu-tile {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }

  body[data-page-route="/home"] .dashboard-operations-section.dashboard-only-drive .dashboard-menu-wide,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-operations-section.dashboard-only-drive .dashboard-menu-wide {
    min-height: 118px !important;
  }
}

@media (min-width: 901px) and (max-height: 820px) {
  body[data-page-route="/home"] .dashboard-today-content h2,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-content h2 {
    font-size: clamp(26px, 3.4vw, 46px) !important;
  }
}


/* ========================================================================== 
   HELPRITE DESK v50 — ROLE DASHBOARD TWO-VISIBLE-MENU GRID FIX
   - When two Operations menus are visible, show them as a 2-column grid.
   - If Drive is one of the two visible menus, it behaves like a normal half-width tile.
   - One visible menu still remains full width.
   ========================================================================== */
@media (min-width: 901px) {
  body[data-page-route="/home"] .operations-grid.grid-count-2,
  body[data-menu-page="true"][data-page-route="/home"] .operations-grid.grid-count-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: minmax(0, 1fr) !important;
  }

  body[data-page-route="/home"] .operations-grid.grid-count-2 .dashboard-menu-tile,
  body[data-menu-page="true"][data-page-route="/home"] .operations-grid.grid-count-2 .dashboard-menu-tile {
    grid-column: auto !important;
    width: 100% !important;
    min-height: 0 !important;
  }

  body[data-page-route="/home"] .operations-grid.grid-count-2 .dashboard-menu-wide,
  body[data-menu-page="true"][data-page-route="/home"] .operations-grid.grid-count-2 .dashboard-menu-wide {
    grid-column: auto !important;
    min-height: 0 !important;
  }

  body[data-page-route="/home"] .operations-grid.grid-count-1 .dashboard-menu-wide,
  body[data-menu-page="true"][data-page-route="/home"] .operations-grid.grid-count-1 .dashboard-menu-wide,
  body[data-page-route="/home"] .operations-grid.grid-only-drive .dashboard-menu-wide,
  body[data-menu-page="true"][data-page-route="/home"] .operations-grid.grid-only-drive .dashboard-menu-wide {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }
}

@media (max-width: 900px) {
  body[data-page-route="/home"] .operations-grid.grid-count-2,
  body[data-menu-page="true"][data-page-route="/home"] .operations-grid.grid-count-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body[data-page-route="/home"] .operations-grid.grid-count-2 .dashboard-menu-wide,
  body[data-menu-page="true"][data-page-route="/home"] .operations-grid.grid-count-2 .dashboard-menu-wide {
    grid-column: auto !important;
  }
}


/* ========================================================================== 
   HELPRITE DESK v51 — ROLE MENU GRID FIX FOR DESKTOP + MOBILE
   ========================================================================== */
@media (min-width: 901px) {
  /* When Operations has two visible items, show them side-by-side as a true 2-grid. */
  body[data-page-route="/home"] .dashboard-operations-section.dashboard-visible-2 .operations-grid,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-operations-section.dashboard-visible-2 .operations-grid,
  body[data-page-route="/home"] .operations-grid.grid-count-2,
  body[data-menu-page="true"][data-page-route="/home"] .operations-grid.grid-count-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: minmax(0, 1fr) !important;
  }

  body[data-page-route="/home"] .dashboard-operations-section.dashboard-visible-2 .dashboard-menu-tile,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-operations-section.dashboard-visible-2 .dashboard-menu-tile,
  body[data-page-route="/home"] .operations-grid.grid-count-2 .dashboard-menu-tile,
  body[data-menu-page="true"][data-page-route="/home"] .operations-grid.grid-count-2 .dashboard-menu-tile,
  body[data-page-route="/home"] .dashboard-operations-section.dashboard-visible-2 .dashboard-menu-wide,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-operations-section.dashboard-visible-2 .dashboard-menu-wide,
  body[data-page-route="/home"] .operations-grid.grid-count-2 .dashboard-menu-wide,
  body[data-menu-page="true"][data-page-route="/home"] .operations-grid.grid-count-2 .dashboard-menu-wide {
    grid-column: auto !important;
    width: 100% !important;
    min-height: 0 !important;
  }

  /* Only one visible menu remains full-width. */
  body[data-page-route="/home"] .dashboard-operations-section.dashboard-visible-1 .operations-grid,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-operations-section.dashboard-visible-1 .operations-grid,
  body[data-page-route="/home"] .operations-grid.grid-count-1,
  body[data-menu-page="true"][data-page-route="/home"] .operations-grid.grid-count-1 {
    grid-template-columns: 1fr !important;
    grid-template-rows: minmax(0, 1fr) !important;
  }

  body[data-page-route="/home"] .dashboard-operations-section.dashboard-visible-1 .dashboard-menu-tile,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-operations-section.dashboard-visible-1 .dashboard-menu-tile,
  body[data-page-route="/home"] .operations-grid.grid-count-1 .dashboard-menu-tile,
  body[data-menu-page="true"][data-page-route="/home"] .operations-grid.grid-count-1 .dashboard-menu-tile {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }
}

@media (max-width: 900px) {
  /* Mobile: Operations always uses a 2-column grid when two or more menus are visible. */
  body[data-page-route="/home"] .operations-grid,
  body[data-menu-page="true"][data-page-route="/home"] .operations-grid,
  body[data-page-route="/home"] .dashboard-operations-section .operations-grid,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-operations-section .operations-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: minmax(142px, auto) !important;
    gap: 12px !important;
  }

  body[data-page-route="/home"] .dashboard-operations-section.dashboard-visible-1 .operations-grid,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-operations-section.dashboard-visible-1 .operations-grid,
  body[data-page-route="/home"] .operations-grid.grid-count-1,
  body[data-menu-page="true"][data-page-route="/home"] .operations-grid.grid-count-1 {
    grid-template-columns: 1fr !important;
  }

  body[data-page-route="/home"] .dashboard-operations-section.dashboard-visible-1 .dashboard-menu-tile,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-operations-section.dashboard-visible-1 .dashboard-menu-tile,
  body[data-page-route="/home"] .operations-grid.grid-count-1 .dashboard-menu-tile,
  body[data-menu-page="true"][data-page-route="/home"] .operations-grid.grid-count-1 .dashboard-menu-tile {
    grid-column: 1 / -1 !important;
  }

  body[data-page-route="/home"] .dashboard-operations-section.dashboard-visible-2 .dashboard-menu-tile,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-operations-section.dashboard-visible-2 .dashboard-menu-tile,
  body[data-page-route="/home"] .operations-grid.grid-count-2 .dashboard-menu-tile,
  body[data-menu-page="true"][data-page-route="/home"] .operations-grid.grid-count-2 .dashboard-menu-tile,
  body[data-page-route="/home"] .dashboard-operations-section.dashboard-visible-2 .dashboard-menu-wide,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-operations-section.dashboard-visible-2 .dashboard-menu-wide,
  body[data-page-route="/home"] .operations-grid.grid-count-2 .dashboard-menu-wide,
  body[data-menu-page="true"][data-page-route="/home"] .operations-grid.grid-count-2 .dashboard-menu-wide {
    grid-column: auto !important;
    width: 100% !important;
  }

  /* Mobile: Our Brands with only one visible menu becomes full width. */
  body[data-page-route="/home"] .dashboard-brands-section.dashboard-visible-1 .brands-grid,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-brands-section.dashboard-visible-1 .brands-grid,
  body[data-page-route="/home"] .brands-grid.grid-count-1,
  body[data-menu-page="true"][data-page-route="/home"] .brands-grid.grid-count-1 {
    grid-template-columns: 1fr !important;
  }

  body[data-page-route="/home"] .dashboard-brands-section.dashboard-visible-1 .dashboard-menu-tile,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-brands-section.dashboard-visible-1 .dashboard-menu-tile,
  body[data-page-route="/home"] .brands-grid.grid-count-1 .dashboard-menu-tile,
  body[data-menu-page="true"][data-page-route="/home"] .brands-grid.grid-count-1 .dashboard-menu-tile {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }

  /* Give mobile menu titles more breathing room from the icons. */
  body[data-page-route="/home"] .dashboard-menu-tile,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-menu-tile {
    min-height: 142px !important;
    padding: 14px !important;
  }

  body[data-page-route="/home"] .dashboard-menu-top,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-menu-top {
    margin-bottom: 18px !important;
  }

  body[data-page-route="/home"] .dashboard-menu-copy,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-menu-copy {
    margin-top: auto !important;
    padding-top: 16px !important;
  }

  body[data-page-route="/home"] .dashboard-menu-copy h3,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-menu-copy h3 {
    line-height: 1.08 !important;
  }
}


/* ========================================================================== 
   HELPRITE DESK v52 — MOBILE OPERATIONS 2-GRID DRIVE FIX
   - On mobile, Helprite Drive joins the Operations grid when multiple menus show.
   - Only one Operations item remains full width.
   - Our Brands with only one item remains full width on mobile.
   - Adds more room between icons and menu titles on mobile.
   ========================================================================== */
@media (max-width: 900px) {
  body[data-page-route="/home"] .dashboard-operations-section:not(.dashboard-visible-1) .operations-grid,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-operations-section:not(.dashboard-visible-1) .operations-grid,
  body[data-page-route="/home"] .operations-grid:not(.grid-count-1),
  body[data-menu-page="true"][data-page-route="/home"] .operations-grid:not(.grid-count-1) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: minmax(148px, auto) !important;
    gap: 12px !important;
  }

  body[data-page-route="/home"] .dashboard-operations-section:not(.dashboard-visible-1) .operations-grid .dashboard-menu-tile,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-operations-section:not(.dashboard-visible-1) .operations-grid .dashboard-menu-tile,
  body[data-page-route="/home"] .operations-grid:not(.grid-count-1) .dashboard-menu-tile,
  body[data-menu-page="true"][data-page-route="/home"] .operations-grid:not(.grid-count-1) .dashboard-menu-tile {
    grid-column: auto !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body[data-page-route="/home"] .dashboard-operations-section:not(.dashboard-visible-1) .operations-grid .dashboard-menu-wide,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-operations-section:not(.dashboard-visible-1) .operations-grid .dashboard-menu-wide,
  body[data-page-route="/home"] .operations-grid:not(.grid-count-1) .dashboard-menu-wide,
  body[data-menu-page="true"][data-page-route="/home"] .operations-grid:not(.grid-count-1) .dashboard-menu-wide {
    grid-column: auto !important;
    width: 100% !important;
    min-height: 148px !important;
  }

  body[data-page-route="/home"] .dashboard-operations-section.dashboard-visible-1 .operations-grid,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-operations-section.dashboard-visible-1 .operations-grid,
  body[data-page-route="/home"] .operations-grid.grid-count-1,
  body[data-menu-page="true"][data-page-route="/home"] .operations-grid.grid-count-1 {
    grid-template-columns: 1fr !important;
  }

  body[data-page-route="/home"] .dashboard-operations-section.dashboard-visible-1 .operations-grid .dashboard-menu-tile,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-operations-section.dashboard-visible-1 .operations-grid .dashboard-menu-tile,
  body[data-page-route="/home"] .operations-grid.grid-count-1 .dashboard-menu-tile,
  body[data-menu-page="true"][data-page-route="/home"] .operations-grid.grid-count-1 .dashboard-menu-tile {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }

  body[data-page-route="/home"] .dashboard-brands-section.dashboard-visible-1 .brands-grid,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-brands-section.dashboard-visible-1 .brands-grid,
  body[data-page-route="/home"] .brands-grid.grid-count-1,
  body[data-menu-page="true"][data-page-route="/home"] .brands-grid.grid-count-1 {
    grid-template-columns: 1fr !important;
  }

  body[data-page-route="/home"] .dashboard-brands-section.dashboard-visible-1 .brands-grid .dashboard-menu-tile,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-brands-section.dashboard-visible-1 .brands-grid .dashboard-menu-tile,
  body[data-page-route="/home"] .brands-grid.grid-count-1 .dashboard-menu-tile,
  body[data-menu-page="true"][data-page-route="/home"] .brands-grid.grid-count-1 .dashboard-menu-tile {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }

  body[data-page-route="/home"] .dashboard-menu-top,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-menu-top {
    margin-bottom: 24px !important;
  }

  body[data-page-route="/home"] .dashboard-menu-copy,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-menu-copy {
    padding-top: 24px !important;
  }
}


/* ========================================================================== 
   HELPRITE DESK v53 — REMOVE TODAY BOTTOM COLOUR SHADOW
   - Removes the red glow/shadow beneath the Today priority card.
   - Keeps the card flat, clean, and aligned with the Apple-style dashboard.
   ========================================================================== */
body[data-page-route="/home"] .dashboard-today-card.dashboard-today-priority,
body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-card.dashboard-today-priority {
  box-shadow: none !important;
  filter: none !important;
}

body[data-page-route="/home"] .dashboard-today-card.dashboard-today-priority::before,
body[data-page-route="/home"] .dashboard-today-card.dashboard-today-priority::after,
body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-card.dashboard-today-priority::before,
body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-card.dashboard-today-priority::after {
  display: none !important;
  content: none !important;
  box-shadow: none !important;
  filter: none !important;
}


/* ========================================================================== 
   HELPRITE DESK v55 — MOBILE BACK BUTTON INLINE WITH PAGE TITLE
   Applies to all pages: on mobile the Back button sits at the top-right
   inline with the page title, while the remaining page actions stay below.
   ========================================================================== */
@media (max-width: 760px) {
  .page-heading {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: start !important;
    column-gap: 10px !important;
    row-gap: 10px !important;
  }

  .page-heading-copy {
    grid-column: 1 / 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
  }

  .page-heading-copy .page-title-row {
    display: block !important;
    width: 100% !important;
  }

  .page-heading-side {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    width: 100% !important;
    padding-top: 0 !important;
    display: contents !important;
  }

  .page-heading-side .page-actions {
    display: contents !important;
    width: auto !important;
    max-width: none !important;
  }

  .page-heading-side .apple-back-link.page-heading-back {
    grid-column: 2 / 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    align-self: start !important;
    width: auto !important;
    min-width: 74px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 12px 0 10px !important;
    margin: 0 !important;
    border-radius: 12px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
  }

  .page-heading-copy .page-title {
    padding-right: 0 !important;
  }

  .page-heading-side .page-actions > .btn:not(.page-heading-back),
  .page-heading-side .page-actions > button.btn,
  .page-heading-side .page-actions > a.btn:not(.page-heading-back) {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    height: 42px !important;
    margin: 0 !important;
  }
}

@media (max-width: 430px) {
  .page-heading {
    column-gap: 8px !important;
    row-gap: 9px !important;
  }

  .page-heading-side .apple-back-link.page-heading-back {
    min-width: 70px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 11px 0 9px !important;
    font-size: 12.5px !important;
  }
}


/* ========================================================================== 
   HELPRITE DESK v56 — MOBILE BACK INLINE + ACTION BUTTONS REMAIN 2-GRID
   Keeps the Back button at the top-right of the mobile page title, while
   preserving the two-column action button layout below the heading.
   ========================================================================== */
@media (max-width: 760px) {
  .page-heading {
    display: block !important;
    position: relative !important;
  }

  .page-heading-copy {
    width: 100% !important;
    min-width: 0 !important;
  }

  .page-heading-copy .page-title,
  .page-title-row .page-title {
    padding-right: 92px !important;
  }

  .page-title-row {
    display: block !important;
    width: 100% !important;
  }

  .page-heading-side {
    display: block !important;
    width: 100% !important;
    padding-top: 12px !important;
  }

  .page-heading-side .page-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: none !important;
  }

  .page-heading-side .apple-back-link.page-heading-back {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    z-index: 3 !important;
    width: auto !important;
    min-width: 74px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 12px 0 10px !important;
    margin: 0 !important;
    border-radius: 12px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
  }

  .page-heading-side .page-actions > .btn:not(.page-heading-back),
  .page-heading-side .page-actions > button.btn,
  .page-heading-side .page-actions > a.btn:not(.page-heading-back) {
    grid-column: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    height: 42px !important;
    margin: 0 !important;
    white-space: normal !important;
    text-align: center !important;
  }
}

@media (max-width: 430px) {
  .page-heading-copy .page-title,
  .page-title-row .page-title {
    padding-right: 84px !important;
  }

  .page-heading-side .apple-back-link.page-heading-back {
    min-width: 70px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 11px 0 9px !important;
    font-size: 12.5px !important;
  }

  .page-heading-side .page-actions {
    gap: 7px !important;
  }
}


/* ========================================================================== 
   HELPRITE DESK v57 — CLICKABLE TODAY PRIORITY CARD
   ========================================================================== */
.dashboard-today-card[data-card-href] {
  cursor: pointer !important;
}

.dashboard-today-card[data-card-href]:focus-visible {
  outline: 3px solid rgba(10,132,255,.28) !important;
  outline-offset: 3px !important;
}

/* HELPRITE DESK v59 — real profile image support */
.account-profile-avatar img,
.profile-photo-preview img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  border-radius:inherit;
}
.account-profile-security-row form{margin-left:auto;display:flex;align-items:center;}
.account-profile-security-row form .account-profile-text-action{border:0;background:transparent;cursor:pointer;}


/* ==========================================================================
   HELPRITE DESK v60 — ACCOUNT SETTINGS TABS + FLAT PAGE SURFACE
   ========================================================================== */

/* Pages must stay flat and use the same width language as the header. */
body {
  background: var(--bg) !important;
  background-image: none !important;
}
.main-content .page {
  width: 100% !important;
  max-width: none !important;
}
.page-heading,
.panel,
.account-settings-view,
body[data-menu-page="true"] .page-heading,
body[data-menu-page="true"] .bento-grid,
body[data-menu-page="true"] .module-home-bento {
  width: 100% !important;
  max-width: none !important;
}

/* Header profile photo */
.profile-button .avatar img,
.avatar img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border-radius: inherit;
}

.account-settings-page .main-content {
  padding-bottom: 42px;
}
.account-settings-view {
  margin: 0;
}
.account-settings-shell {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 18px;
  align-items: stretch;
  min-height: min(760px, calc(100dvh - var(--topbar-h) - 160px));
  border: 1px solid var(--line);
  border-radius: 24px;
  background: var(--panel);
  box-shadow: var(--shadow-soft);
  overflow: hidden;
}
.account-settings-tabs {
  padding: 18px 14px;
  border-right: 1px solid var(--line);
  background: var(--panel-solid);
}
.account-settings-select {
  width: 100%;
  min-height: 52px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--panel);
  color: var(--blue);
  cursor: pointer;
  font-weight: 720;
}
.account-settings-select svg:last-child {
  margin-left: auto;
}
.account-settings-select-icon {
  display: grid;
  place-items: center;
  color: var(--blue);
}
.account-settings-tab-list {
  position: relative;
  display: grid;
  gap: 2px;
  margin-top: 8px;
  padding-left: 18px;
}
.account-settings-tab-list::before {
  content: "";
  position: absolute;
  left: 24px;
  top: 10px;
  bottom: 10px;
  width: 1px;
  background: var(--line-strong);
}
.account-settings-tab {
  position: relative;
  min-height: 43px;
  padding: 0 10px 0 24px;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: var(--text);
  cursor: pointer;
  text-align: left;
  font-weight: 650;
}
.account-settings-tab:hover,
.account-settings-tab.active {
  color: var(--blue);
  background: color-mix(in srgb, var(--blue) 8%, transparent);
}
.account-tab-dot {
  position: absolute;
  left: -1px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--line-strong);
  box-shadow: 0 0 0 4px var(--panel-solid);
}
.account-settings-tab.active .account-tab-dot {
  background: var(--blue);
}
.account-settings-content {
  min-width: 0;
  padding: 18px 20px 22px;
  background: var(--panel-solid);
}
.account-settings-pane {
  display: none;
  min-width: 0;
}
.account-settings-pane.active {
  display: block;
}
.account-settings-pane-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 18px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--line);
}
.account-settings-pane-head h2 {
  margin: 0;
  font-size: clamp(21px, 1.8vw, 28px);
  line-height: 1.05;
  letter-spacing: -.7px;
}
.account-settings-pane-head p {
  margin: 7px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}
.account-settings-form {
  border: 0;
  background: transparent;
}
.account-settings-profile-row {
  margin-bottom: 18px;
}
.account-settings-profile-row .profile-photo-picker {
  border: 0;
  background: transparent;
  padding: 0;
  box-shadow: none;
}
.account-settings-profile-row .profile-photo-preview {
  width: 96px;
  height: 96px;
  border-radius: 22px;
}
.account-settings-two-col {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .8fr);
  gap: 16px;
}
.account-settings-two-col .account-settings-form,
.account-settings-preference-grid,
.account-settings-info-card,
.account-settings-activity-item {
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: var(--panel);
}
.account-settings-card-head h3,
.account-settings-info-card h3 {
  margin: 0;
  font-size: 17px;
  letter-spacing: -.35px;
}
.account-settings-card-head p,
.account-settings-info-card p {
  margin: 6px 0 14px;
  color: var(--muted);
  font-size: 12.5px;
  line-height: 1.45;
}
.account-settings-preference-grid {
  display: grid;
  gap: 12px;
}
.account-settings-toggle-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px;
  align-items: center;
  gap: 16px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: var(--panel-solid);
}
.account-settings-toggle-row.disabled {
  opacity: .72;
}
.account-settings-toggle-row strong,
.account-settings-toggle-row small {
  display: block;
}
.account-settings-toggle-row small {
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
}
.account-settings-info-card {
  display: flex;
  gap: 14px;
  align-items: flex-start;
}
.account-settings-info-icon {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  display: grid;
  place-items: center;
  color: var(--blue);
  border-radius: 14px;
  background: color-mix(in srgb, var(--blue) 13%, transparent);
}
.account-settings-activity-list {
  display: grid;
  gap: 10px;
}
.account-settings-activity-item {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}
.account-settings-activity-item .account-tab-dot {
  position: static;
  margin-top: 4px;
  box-shadow: none;
  background: var(--blue);
}
.account-settings-activity-item strong {
  display: block;
  font-size: 14px;
  text-transform: capitalize;
}
.account-settings-activity-item p {
  margin: 4px 0;
  color: var(--muted);
  font-size: 12.5px;
  line-height: 1.45;
}
.account-settings-activity-item small {
  color: var(--muted-2);
  font-size: 11px;
}
.password-policy-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}
.password-policy-list span {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 10px;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--muted);
  background: var(--panel-solid);
  font-size: 12px;
  font-weight: 700;
}
.password-policy-list span::before {
  content: "•";
  color: var(--muted-2);
  font-size: 18px;
  line-height: 1;
}
.password-policy-list span.valid {
  border-color: color-mix(in srgb, var(--green) 38%, var(--line));
  color: var(--green);
}
.password-policy-list span.valid::before {
  content: "✓";
  font-size: 13px;
  color: var(--green);
}
[data-theme="light"] .account-settings-shell,
[data-theme="light"] .account-settings-tabs,
[data-theme="light"] .account-settings-content {
  background: rgba(255,255,255,.78);
}
[data-theme="light"] .account-settings-toggle-row,
[data-theme="light"] .password-policy-list span {
  background: rgba(255,255,255,.86);
}

@media (max-width: 980px) {
  .account-settings-shell {
    grid-template-columns: 1fr;
  }
  .account-settings-tabs {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
  .account-settings-tab-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding-left: 0;
    gap: 8px;
  }
  .account-settings-tab-list::before,
  .account-settings-tab .account-tab-dot {
    display: none;
  }
  .account-settings-tab {
    justify-content: center;
    min-height: 40px;
    padding: 0 10px;
    font-size: 12px;
  }
  .account-settings-two-col {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 760px) {
  .account-settings-shell {
    border-radius: 18px;
  }
  .account-settings-content {
    padding: 16px 14px 18px;
  }
  .account-settings-tab-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .account-settings-pane-head {
    display: block;
  }
  .account-settings-toggle-row {
    grid-template-columns: 1fr;
  }
}


/* Helprite Desk v61: refined account profile */
.account-profile-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr);
  gap: 16px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: var(--panel);
  margin-bottom: 18px;
}
.account-profile-hero-main {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
}
.account-profile-hero-avatar {
  width: 84px;
  height: 84px;
  border-radius: 22px;
  overflow: hidden;
  background: color-mix(in srgb, var(--blue) 14%, var(--panel-solid));
  color: var(--blue);
  display: grid;
  place-items: center;
  font-size: 28px;
  font-weight: 800;
  flex: 0 0 84px;
}
.account-profile-hero-avatar img { width: 100%; height: 100%; object-fit: cover; display:block; }
.account-profile-hero-copy h3 { margin: 0; font-size: 28px; line-height: 1; letter-spacing: -.8px; }
.account-profile-hero-copy p { margin: 8px 0 0; color: var(--muted); font-size: 14px; }
.account-profile-hero-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.account-profile-stat {
  padding: 14px 12px;
  border-radius: 16px;
  border: 1px solid var(--line);
  background: var(--panel-solid);
}
.account-profile-stat small { display:block; color: var(--muted); font-size: 11px; margin-bottom: 6px; }
.account-profile-stat strong { display:block; font-size: 13px; line-height: 1.35; word-break: break-word; }
.account-settings-toggle-row select {
  width: 100%;
  min-height: 42px;
  border-radius: 12px;
  border: 1px solid var(--line);
  padding: 0 40px 0 12px;
  background-color: var(--panel);
  color: var(--text);
  font-weight: 650;
  appearance: none;
  -webkit-appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);
  background-position: calc(100% - 18px) calc(50% - 2px), calc(100% - 12px) calc(50% - 2px);
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
}
.account-settings-toggle-row select:focus { outline: none; border-color: var(--blue); box-shadow: 0 0 0 4px color-mix(in srgb, var(--blue) 14%, transparent); }
.account-settings-inline-note { margin-top: 14px; color: var(--muted); font-size: 12px; font-weight: 700; }
.account-settings-device-list { display: grid; gap: 12px; margin-bottom: 16px; }
.account-device-card {
  display: grid;
  grid-template-columns: 54px minmax(0,1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: var(--panel);
}
.account-device-card.is-active { border-color: color-mix(in srgb, var(--blue) 26%, var(--line)); }
.account-device-icon {
  width: 54px; height: 54px; border-radius: 16px; display: grid; place-items: center;
  color: var(--blue); background: color-mix(in srgb, var(--blue) 11%, transparent);
}
.account-device-copy { min-width: 0; }
.account-device-copy h3 { display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin:0; font-size: 17px; letter-spacing: -.35px; }
.account-device-copy p { margin: 6px 0 3px; color: var(--muted); font-size: 13px; }
.account-device-copy small { color: var(--muted-2); font-size: 11.5px; }
.account-device-status { justify-self: end; }
.account-settings-tab { min-height: 46px; }
.account-settings-select { min-height: 50px; }
@media (max-width: 980px) {
  .account-settings-tab-list { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .account-profile-hero { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .account-profile-hero-main { align-items: flex-start; }
  .account-profile-hero-stats { grid-template-columns: 1fr; }
  .account-settings-tab-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .account-device-card { grid-template-columns: 48px minmax(0,1fr); }
  .account-device-status { justify-self: start; }
}


/* Helprite Desk v62: profile final refinements */
.account-profile-hero,
.account-profile-hero-main,
.account-profile-hero-stats {
  display: none !important;
}
.account-settings-password-form .form-grid {
  grid-template-columns: 1fr !important;
}
.account-settings-password-form .form-field,
.account-settings-password-form .form-field.full {
  grid-column: 1 / -1 !important;
}
.account-settings-password-form .password-policy-list {
  margin-top: 14px !important;
  margin-bottom: 18px !important;
  padding-bottom: 18px !important;
  border-bottom: 1px solid var(--line) !important;
}
.account-settings-password-form .modal-footer {
  margin-top: 16px !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}
.account-settings-two-factor-form {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.account-settings-two-factor-form .account-settings-card-head {
  padding-bottom: 18px;
  border-bottom: 1px solid var(--line);
}
.account-settings-two-factor-form .account-settings-toggle-row {
  margin-top: 2px;
}
.account-settings-switch-row {
  grid-template-columns: minmax(0, 1fr) auto !important;
  min-height: 72px;
}
.account-switch-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 66px;
}
.account-switch-input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.account-switch {
  width: 54px;
  height: 32px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--muted) 26%, var(--panel-solid));
  border: 1px solid var(--line);
  padding: 3px;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  transition: background .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.account-switch span {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 2px 7px rgba(0,0,0,.18);
  transform: translateX(0);
  transition: transform .18s ease;
}
.account-switch-input:checked + .account-switch {
  background: var(--blue);
  border-color: var(--blue);
}
.account-switch-input:checked + .account-switch span {
  transform: translateX(22px);
}
.account-switch-input:focus-visible + .account-switch {
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--blue) 16%, transparent);
}
.account-switch-input:disabled + .account-switch {
  opacity: .55;
  cursor: not-allowed;
}
.account-settings-form.is-saving .account-switch {
  opacity: .72;
}
.account-settings-device-list {
  margin-bottom: 0 !important;
}
.account-device-card {
  min-height: 86px;
}
.account-device-copy h3 {
  text-transform: none;
}
@media (max-width: 760px) {
  .account-settings-switch-row {
    grid-template-columns: minmax(0, 1fr) auto !important;
  }
  .account-switch-wrap {
    min-width: 58px;
  }
}
.account-switch-wrap { position: relative; }

/* Helprite Desk v63 System Admin approved theme refinements */
.admin-page .page-heading,
.admin-page .panel,
.admin-page .stat-card,
.admin-page .widget {
  background: var(--panel-solid);
}
.admin-menu-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 13px;
}
.admin-module-card {
  min-height: 178px;
  cursor: pointer;
  border: 1px solid var(--line);
  box-shadow: var(--shadow-soft);
  background: var(--panel-solid) !important;
}
.admin-module-card:hover {
  background: var(--panel-2) !important;
  transform: translateY(-2px);
}
.admin-module-card .module-icon {
  background: color-mix(in srgb, var(--blue) 12%, var(--panel-2));
  color: var(--blue);
}
.admin-module-card .module-arrow { transform: rotate(180deg); }
.admin-table-panel { margin-top: 16px; }
.admin-row-actions {
  display: flex;
  align-items: center;
  gap: 7px;
  flex-wrap: wrap;
}
.btn.danger,
.btn.small.danger {
  color: var(--red);
  border-color: color-mix(in srgb, var(--red) 25%, var(--line));
  background: color-mix(in srgb, var(--red) 8%, transparent);
}
.admin-person { display: flex; align-items: center; gap: 11px; min-width: 190px; }
.admin-person.large { gap: 18px; }
.admin-person.large h2 { margin: 0 0 5px; font-size: 26px; letter-spacing: -.7px; }
.admin-person.large p { margin: 0 0 8px; color: var(--muted); font-size: 13px; }
.admin-avatar { width: 38px; height: 38px; border-radius: 14px; display: grid; place-items: center; overflow: hidden; background: var(--panel-2); color: var(--text); font-weight: 800; }
.admin-avatar.large { width: 76px; height: 76px; border-radius: 24px; font-size: 28px; }
.admin-avatar img { width: 100%; height: 100%; object-fit: cover; }
.admin-muted { color: var(--muted); font-size: 11px; }
.admin-settings-layout { display: grid; grid-template-columns: 235px minmax(0,1fr); gap: 16px; align-items: start; }
.admin-tab-list { position: sticky; top: calc(var(--topbar-h) + 18px); display: grid; gap: 8px; padding: 10px; border: 1px solid var(--line); border-radius: 22px; background: var(--panel-solid); box-shadow: var(--shadow-soft); }
.admin-tab { display: flex; align-items: center; min-height: 44px; padding: 0 13px; border-radius: 15px; color: var(--muted); font-size: 13px; font-weight: 720; }
.admin-tab:hover { color: var(--text); background: var(--panel-2); }
.admin-tab.active { color: var(--text); background: var(--panel-3); }
.admin-tab-panels { display: grid; gap: 16px; }
.admin-tab-panel { display: none; }
.admin-tab-panel.active { display: block; }
.admin-permission-tools,
.admin-permission-group-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
  color: var(--muted);
  font-size: 12px;
}
.admin-checkline { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; color: var(--text); font-size: 12px; font-weight: 720; }
.admin-permission-group { border: 1px solid var(--line); border-radius: 18px; padding: 13px; margin-bottom: 13px; background: color-mix(in srgb, var(--panel-2) 58%, transparent); }
.admin-permission-table { overflow: auto; }
.admin-permission-data { min-width: 760px; }
.admin-toggle { display: inline-flex; align-items: center; justify-content: center; }
.admin-toggle input { position: absolute; opacity: 0; }
.admin-toggle span { width: 38px; height: 24px; border-radius: 999px; border: 1px solid var(--line); background: var(--panel-3); position: relative; display: block; transition: .18s ease; }
.admin-toggle span::after { content: ''; position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; border-radius: 50%; background: #fff; box-shadow: 0 2px 6px rgba(0,0,0,.18); transition: .18s ease; }
.admin-toggle input:checked + span { background: var(--blue); border-color: var(--blue); }
.admin-toggle input:checked + span::after { transform: translateX(14px); }
.admin-profile-card { margin-bottom: 16px; }
.admin-switch-card { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 12px; align-items: center; padding: 14px; border: 1px solid var(--line); border-radius: 18px; background: var(--panel-2); margin-bottom: 14px; }
.admin-switch-card strong { display: block; margin-bottom: 4px; }
.admin-switch-card span { color: var(--muted); font-size: 12px; }
.admin-password-rules { margin: 2px 0 0; padding: 13px 15px; display: grid; gap: 8px; border: 1px solid var(--line); border-radius: 16px; background: var(--panel-2); color: var(--muted); font-size: 12px; }
.admin-password-rules li { list-style: none; display: flex; align-items: center; gap: 8px; }
.admin-password-rules li::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: var(--muted-2); }
.admin-password-rules li.valid { color: var(--green); }
.admin-password-rules li.valid::before { background: var(--green); }
@media (max-width: 1180px) { .admin-menu-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 900px) { .admin-menu-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .admin-settings-layout { grid-template-columns: 1fr; } .admin-tab-list { position: static; grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 640px) { .admin-menu-grid { grid-template-columns: 1fr; } .admin-row-actions { align-items: stretch; } .admin-row-actions .btn { flex: 1 1 auto; justify-content: center; } }


/* Helprite Desk v64 System Admin alignment fixes */
.system-admin-page .page-heading {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  padding-top: 0 !important;
}
.system-admin-page .page-eyebrow,
.system-admin-page .page-title,
.system-admin-page .page-subtitle { background: transparent !important; }
.system-admin-page .page-eyebrow svg,
.system-admin-page .admin-module-card .module-icon,
.system-admin-page .admin-module-card .module-arrow,
.system-admin-page .panel-title svg,
.system-admin-page .app-icon:not(.avatar) {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}
.system-admin-page .admin-module-card {
  min-height: 150px;
  border-radius: 24px;
  background: var(--panel-solid) !important;
  background-image: none !important;
}
.system-admin-page .admin-module-card .module-top {
  background: transparent !important;
  background-image: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 34px;
  margin-bottom: 18px !important;
}
.system-admin-page .admin-module-card .module-icon,
.system-admin-page .admin-module-card .module-arrow {
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  border-radius: 0 !important;
  color: var(--blue) !important;
}
.system-admin-page .admin-module-card .module-arrow { transform: rotate(180deg); color: var(--text) !important; opacity: .75; }
.system-admin-page .table-toolbar { justify-content: space-between; align-items: center; gap: 12px; }
.system-admin-page .table-toolbar .toolbar-left,
.system-admin-page .table-toolbar .toolbar-right { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }
.system-admin-page .table-toolbar .toolbar-right { margin-left: auto; justify-content: flex-end; }
.system-admin-page .admin-row-actions { position: relative; justify-content: flex-end; overflow: visible; }
.system-admin-page .admin-action-toggle { width: 36px; height: 36px; border-radius: 12px; }
.system-admin-page .admin-actions-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 60;
  display: none;
  min-width: 178px;
  padding: 7px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: var(--panel-solid);
  box-shadow: var(--shadow-pop);
}
.system-admin-page .admin-actions-menu.open { display: grid; gap: 4px; }
.system-admin-page .admin-actions-menu > a,
.system-admin-page .admin-actions-menu > button {
  width: 100%;
  min-height: 36px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  padding: 0 10px;
  border: 0;
  border-radius: 11px;
  background: transparent;
  color: var(--text);
  font: inherit;
  font-size: 13px;
  font-weight: 720;
  text-decoration: none;
  cursor: pointer;
}
.system-admin-page .admin-actions-menu > a:hover,
.system-admin-page .admin-actions-menu > button:hover { background: var(--panel-2); }
.system-admin-page .admin-actions-menu .danger { color: var(--red); }
.system-admin-page .bulk-select-cell { width: 36px; }
.system-admin-page .admin-bulk-bar { padding: 12px 0 0; border-top: 1px solid var(--line); margin-top: 12px; }
.system-admin-page .admin-bulk-form { display: flex; justify-content: flex-end; align-items: center; gap: 9px; flex-wrap: wrap; }
.system-admin-page .admin-bulk-form .input-shell { max-width: 230px; }
.system-admin-page .admin-deleted-link { white-space: nowrap; }
@media (max-width: 760px) {
  .system-admin-page .table-toolbar { align-items: stretch; flex-direction: column; }
  .system-admin-page .table-toolbar .toolbar-left,
  .system-admin-page .table-toolbar .toolbar-right { width: 100%; }
  .system-admin-page .table-toolbar .toolbar-right { justify-content: stretch; }
  .system-admin-page .table-toolbar .toolbar-right > * { flex: 1 1 auto; }
}


/* Helprite Desk v65 System Admin: approved header, scroll restoration and old-admin table behaviour */
@media (min-width: 901px) {
  html:has(body.system-admin-view),
  body.system-admin-view {
    height: auto !important;
    min-height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
  body.system-admin-view .app-shell,
  body.system-admin-view .main-content {
    height: auto !important;
    min-height: 100dvh !important;
    overflow: visible !important;
  }
  body.system-admin-view .main-content {
    padding: calc(var(--topbar-h) + 18px) 24px 42px !important;
  }
  body.system-admin-view .page {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }
}
.system-admin-view .topbar .profile-button .avatar,
.system-admin-view .profile-button .avatar { flex: 0 0 36px; }
.system-admin-view .page-heading { align-items: flex-start; margin-bottom: 14px; }
.system-admin-view .page-title { font-size: clamp(22px, 2.2vw, 32px); letter-spacing: -.9px; }
.system-admin-view .page-subtitle { margin-top: 6px; font-size: 14px; }
.system-admin-view .page-eyebrow { display:none; }
.system-admin-view .page-heading-side { flex: 1 1 auto; display:flex; justify-content:flex-end; }
.system-admin-view .page-actions { width: 100%; justify-content:flex-end; }
.admin-staff-title-line { margin: -44px 0 14px 155px; min-height: 24px; pointer-events:none; }
.admin-total-pill { pointer-events:auto; display:inline-flex; align-items:center; min-height:22px; padding:0 12px; border-radius:999px; background:color-mix(in srgb, var(--blue) 10%, var(--panel-solid)); color:var(--blue); font-size:13px; font-weight:760; }
.admin-staff-heading-actions { display:flex; align-items:center; justify-content:flex-end; gap:8px; flex-wrap:wrap; width:100%; }
.admin-sort-control { min-height:38px; display:inline-flex; align-items:center; gap:5px; padding:0 10px; border:1px solid var(--line); border-radius:10px; background:var(--panel-solid); white-space:nowrap; font-weight:720; font-size:13px; color:var(--text); }
.admin-sort-control span { color:var(--muted); font-weight:650; }
.admin-sort-control .select-shell { min-height:30px; height:30px; padding:0 18px 0 0; border:0; background:transparent; box-shadow:none; }
.admin-count-badge { min-width:20px; height:18px; padding:0 6px; display:inline-flex; align-items:center; justify-content:center; border-radius:999px; background:var(--red); color:#fff; font-size:11px; line-height:1; }
.admin-bulk-dropdown { position:relative; display:inline-flex; }
.admin-bulk-dropdown .admin-bulk-menu { top:calc(100% + 8px); min-width:245px; z-index:90; }
.admin-bulk-dropdown .admin-bulk-menu.open { display:grid; gap:4px; }
.admin-staff-panel { position:relative; overflow:visible; margin-top: 10px; }
.admin-staff-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 16px; border-bottom:1px solid var(--line); }
.admin-staff-toolbar .toolbar-left,
.admin-staff-toolbar .toolbar-right { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.admin-staff-toolbar .toolbar-right { margin-left:auto; justify-content:flex-end; }
.admin-staff-search-shell { min-width:min(380px, 36vw); }
.admin-inline-filters .select-shell { min-width:160px; }
.admin-date-filter { min-height:42px; min-width:155px; padding:0 12px; }
.admin-selection-bar { display:none; align-items:center; justify-content:space-between; gap:12px; padding:12px 16px; border-bottom:1px solid var(--line); background:color-mix(in srgb, var(--panel-2) 60%, transparent); }
.admin-selection-bar.show { display:flex; }
.admin-selection-bar strong { font-size:13px; color:var(--text); }
.admin-hidden-bulk-form { display:none!important; }
.admin-wide-table-wrap { overflow: visible !important; }
.admin-staff-table { min-width: 1040px; }
.admin-staff-table th { white-space:nowrap; }
.admin-staff-table td { vertical-align:middle; }
.text-right { text-align:right; }
.system-admin-page .admin-row-actions { display:flex; justify-content:flex-end; position:relative; }
.system-admin-page .admin-actions-menu { z-index: 100; }
.admin-filter-popover { position:absolute; top:54px; right:16px; z-index:80; width:min(400px, calc(100vw - 36px)); display:none; border:1px solid var(--line); border-radius:16px; background:var(--panel-solid); box-shadow:var(--shadow); overflow:hidden; }
.admin-filter-popover.open { display:block; }
.admin-filter-head, .admin-filter-footer { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:12px; border-bottom:1px solid var(--line); }
.admin-filter-footer { border-top:1px solid var(--line); border-bottom:0; justify-content:flex-end; }
.admin-filter-head strong { font-size:20px; letter-spacing:-.5px; }
.admin-filter-head button, .admin-filter-body label button { border:0; background:transparent; color:var(--blue); font-weight:720; cursor:pointer; }
.admin-filter-body { padding:12px; display:grid; gap:12px; }
.admin-filter-body label { display:grid; grid-template-columns: 1fr auto; gap:8px; align-items:center; color:var(--text); font-size:13px; font-weight:760; }
.admin-filter-body input, .admin-filter-body select { grid-column:1 / -1; min-height:40px; width:100%; border:1px solid var(--line); border-radius:10px; background:var(--panel-solid); color:var(--text); padding:0 11px; }
.admin-delete-warning { display:flex; align-items:flex-start; gap:12px; margin:0 0 14px; padding:16px; border:1px solid color-mix(in srgb, var(--red) 28%, var(--line)); border-radius:14px; color:color-mix(in srgb, var(--red) 86%, var(--text)); background:color-mix(in srgb, var(--red) 7%, var(--panel-solid)); }
.admin-delete-warning strong { display:block; margin-bottom:4px; font-size:16px; }
.admin-delete-warning p { margin:0; line-height:1.45; font-size:13px; }
@media (max-width: 900px) {
  .admin-staff-title-line { margin: -8px 0 12px; }
  .admin-staff-heading-actions { justify-content:flex-start; }
  .admin-staff-toolbar { align-items:stretch; flex-direction:column; }
  .admin-staff-toolbar .toolbar-left, .admin-staff-toolbar .toolbar-right { width:100%; }
  .admin-staff-search-shell, .admin-inline-filters .select-shell, .admin-date-filter { width:100%; min-width:0; }
  .admin-wide-table-wrap { overflow-x:auto!important; }
  .admin-filter-popover { position:fixed; top:calc(var(--topbar-h) + 12px); right:10px; left:10px; width:auto; max-height:calc(100dvh - var(--topbar-h) - 30px); overflow:auto; }
}


/* Helprite Desk v66 System Admin final alignment and interaction polish */
.system-admin-view .topbar .profile-button,
.system-admin-view .profile-button {
  height: 46px !important;
  min-width: 0 !important;
  padding: 4px 10px 4px 5px !important;
  border-radius: 16px !important;
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
}
.system-admin-view .topbar .profile-button .avatar,
.system-admin-view .profile-button .avatar {
  width: 36px !important;
  height: 36px !important;
  flex: 0 0 36px !important;
  border-radius: 13px !important;
}
.system-admin-view .topbar .profile-copy,
.system-admin-view .profile-copy { display: block !important; }
.system-admin-view .topbar .profile-copy strong,
.system-admin-view .profile-copy strong { max-width: 138px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.system-admin-view .admin-sort-control { display:none !important; }
.system-admin-view .page-heading { gap: 12px !important; }
.system-admin-view .admin-staff-heading-actions .btn,
.system-admin-view .admin-staff-heading-actions .admin-deleted-link { min-height: 40px; border-radius: 12px; }
.system-admin-view .admin-filter-popover {
  position: fixed !important;
  top: var(--admin-filter-top, calc(var(--topbar-h) + 68px)) !important;
  left: var(--admin-filter-left, auto) !important;
  right: auto !important;
  z-index: 1200 !important;
  width: min(390px, calc(100vw - 24px)) !important;
  max-height: calc(100dvh - var(--topbar-h) - 26px) !important;
  overflow: auto !important;
  border-radius: 16px !important;
  box-shadow: 0 22px 58px rgba(0,0,0,.14) !important;
}
.system-admin-view .admin-filter-popover.open { display: block !important; }
.system-admin-view .admin-filter-body input,
.system-admin-view .admin-filter-body select { border-radius: 12px; min-height: 42px; }
.system-admin-view .admin-actions-menu {
  min-width: 214px !important;
  padding: 8px !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 52px rgba(0,0,0,.16) !important;
}
.system-admin-view .admin-actions-menu > a,
.system-admin-view .admin-actions-menu > button {
  min-height: 42px !important;
  padding: 0 12px !important;
  border-radius: 13px !important;
  gap: 10px !important;
  font-size: 13px !important;
  line-height: 1.15 !important;
  text-align: left !important;
}
.system-admin-view .admin-actions-menu > a:hover,
.system-admin-view .admin-actions-menu > button:hover { background: color-mix(in srgb, var(--blue) 8%, var(--panel-2)) !important; }
.system-admin-view .admin-actions-menu .danger:hover { background: color-mix(in srgb, var(--red) 9%, var(--panel-2)) !important; }
.system-admin-view .admin-menu-icon {
  width: 20px;
  height: 20px;
  display: inline-grid;
  place-items: center;
  flex: 0 0 20px;
  color: var(--muted);
}
.system-admin-view .admin-actions-menu .danger .admin-menu-icon,
.system-admin-view .admin-actions-menu button.danger .admin-menu-icon { color: var(--red); }
.system-admin-view .admin-action-toggle { position: relative; z-index: 2; }
.system-admin-view .admin-staff-table tbody td { cursor: default; }
.system-admin-view .admin-staff-table tbody td a,
.system-admin-view .admin-staff-table tbody td button,
.system-admin-view .admin-staff-table tbody td input { cursor: pointer; }
@media (max-width: 900px) {
  .system-admin-view .admin-filter-popover {
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
  }
  .system-admin-view .topbar .profile-copy,
  .system-admin-view .profile-copy { display:none !important; }
}

/* Helprite Desk v67 — System Admin corrections actually applied */
body.system-admin-view .topbar .profile-button,
body.system-admin-view .profile-button {
  height: 46px !important;
  padding: 4px 10px 4px 5px !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.07) !important;
  border: 1px solid var(--line) !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
}
body.system-admin-view .topbar .profile-button .avatar,
body.system-admin-view .profile-button .avatar {
  width: 36px !important;
  height: 36px !important;
  flex: 0 0 36px !important;
  border-radius: 13px !important;
  overflow: hidden !important;
}
body.system-admin-view .topbar .profile-button .avatar img,
body.system-admin-view .profile-button .avatar img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: inherit !important;
}
body.system-admin-view .topbar .profile-copy strong,
body.system-admin-view .profile-copy strong {
  max-width: 145px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
body.system-admin-view .admin-sort-control,
body.system-admin-view [data-admin-staff-sort] {
  display: none !important;
}
body.system-admin-view .admin-inline-filters {
  display: none !important;
}
body.system-admin-view .admin-filter-popover {
  position: fixed !important;
  top: var(--admin-filter-top, calc(var(--topbar-h) + 64px)) !important;
  left: var(--admin-filter-left, 24px) !important;
  right: auto !important;
  z-index: 9999 !important;
  width: min(390px, calc(100vw - 24px)) !important;
  max-height: calc(100dvh - var(--topbar-h) - 24px) !important;
  overflow: auto !important;
  border: 1px solid var(--line) !important;
  border-radius: 18px !important;
  background: var(--panel-solid) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.18) !important;
}
body.system-admin-view .admin-bulk-dropdown {
  position: relative !important;
  z-index: 1001 !important;
}
body.system-admin-view .admin-bulk-dropdown .admin-bulk-menu {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  right: 0 !important;
  left: auto !important;
  min-width: 260px !important;
  z-index: 10000 !important;
  display: none !important;
}
body.system-admin-view .admin-bulk-dropdown .admin-bulk-menu.open {
  display: grid !important;
  gap: 4px !important;
}
body.system-admin-view .admin-actions-menu {
  z-index: 10000 !important;
  min-width: 230px !important;
  padding: 8px !important;
  border-radius: 18px !important;
  background: var(--panel-solid) !important;
  border: 1px solid var(--line) !important;
  box-shadow: 0 18px 52px rgba(0,0,0,.16) !important;
}
body.system-admin-view .admin-actions-menu > a,
body.system-admin-view .admin-actions-menu > button {
  display: grid !important;
  grid-template-columns: 22px minmax(0, 1fr) !important;
  align-items: center !important;
  min-height: 42px !important;
  padding: 0 12px !important;
  gap: 10px !important;
  border-radius: 13px !important;
  text-align: left !important;
  white-space: normal !important;
  line-height: 1.2 !important;
}
body.system-admin-view .admin-menu-icon {
  width: 22px !important;
  height: 22px !important;
  display: inline-grid !important;
  place-items: center !important;
  color: var(--muted) !important;
}
body.system-admin-view .admin-actions-menu .danger .admin-menu-icon,
body.system-admin-view .admin-actions-menu button.danger .admin-menu-icon {
  color: var(--red) !important;
}
body.system-admin-view .admin-wide-table-wrap {
  width: 100% !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
}
body.system-admin-view .admin-staff-table {
  min-width: 1040px !important;
}
body.system-admin-view .admin-staff-panel,
body.system-admin-view .admin-table-panel,
body.system-admin-view .panel {
  overflow: visible !important;
}
@media (max-width: 900px) {
  body.system-admin-view .admin-filter-popover {
    left: 10px !important;
    right: 10px !important;
    width: auto !important;
  }
}

/* Helprite Desk v68 — shared System Admin header/profile source and safe admin table actions */
.profile-dropdown-head {
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  padding: 12px 12px 14px !important;
}
.profile-dropdown-head .dropdown-avatar {
  width: 42px !important;
  height: 42px !important;
  flex: 0 0 42px !important;
  border-radius: 14px !important;
  overflow: hidden !important;
}
.profile-dropdown-head .dropdown-avatar img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}
.profile-dropdown-copy {
  min-width: 0 !important;
  display: grid !important;
  gap: 3px !important;
}
.profile-dropdown-copy strong {
  max-width: 205px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 13px !important;
}
.profile-dropdown-copy span {
  max-width: 205px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: var(--muted) !important;
  font-size: 10px !important;
  margin-top: 0 !important;
}
body.system-admin-view #profileDropdown .dropdown-head.profile-dropdown-head {
  border-bottom: 1px solid var(--line) !important;
  margin-bottom: 6px !important;
}
body.system-admin-view .admin-action-toggle,
body.system-admin-view .admin-actions-menu,
body.system-admin-view .admin-actions-menu > a,
body.system-admin-view .admin-actions-menu > button {
  pointer-events: auto !important;
}
body.system-admin-view .system-admin-page .data-table td,
body.system-admin-view .system-admin-page .data-table th {
  user-select: text;
}
body.system-admin-view .system-admin-page .data-table .admin-row-actions,
body.system-admin-view .system-admin-page .data-table .admin-row-actions * {
  user-select: none;
}
.profile-dropdown-head .dropdown-avatar {
  display: grid !important;
  place-items: center !important;
  color: #fff !important;
  font-weight: 780 !important;
  font-size: 13px !important;
  margin-top: 0 !important;
}


/* Helprite Desk v69 — System Admin dropdown, filter and form layout fixes */
body.system-admin-view .admin-actions-menu.admin-menu-portal {
  position: fixed !important;
  top: var(--admin-menu-top, 80px) !important;
  left: var(--admin-menu-left, 24px) !important;
  right: auto !important;
  z-index: 50000 !important;
  display: none !important;
  width: var(--admin-menu-width, 248px) !important;
  min-width: var(--admin-menu-width, 248px) !important;
  max-width: min(292px, calc(100vw - 24px)) !important;
  max-height: min(420px, calc(100dvh - 24px)) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
}
body.system-admin-view .admin-actions-menu.admin-menu-portal.open {
  display: grid !important;
  gap: 4px !important;
}
body.system-admin-view .admin-actions-menu.admin-menu-portal::-webkit-scrollbar { width: 7px; }
body.system-admin-view .admin-actions-menu.admin-menu-portal::-webkit-scrollbar-thumb { background: color-mix(in srgb, var(--muted) 36%, transparent); border-radius: 999px; }
body.system-admin-view .admin-row-actions,
body.system-admin-view .admin-row-actions * { -webkit-tap-highlight-color: transparent; }
body.system-admin-view .admin-row-actions { overflow: visible !important; }
body.system-admin-view .data-table-wrap,
body.system-admin-view .admin-wide-table-wrap { overflow-x: auto !important; overflow-y: visible !important; }
body.system-admin-view .admin-filter-popover {
  position: fixed !important;
  top: var(--admin-filter-top, 92px) !important;
  left: var(--admin-filter-left, 24px) !important;
  right: auto !important;
  z-index: 49000 !important;
  display: none !important;
  width: var(--admin-filter-width, min(390px, calc(100vw - 24px))) !important;
  max-width: calc(100vw - 24px) !important;
  max-height: calc(100dvh - 24px) !important;
  overflow: auto !important;
}
body.system-admin-view .admin-filter-popover.open { display: block !important; }
body.system-admin-view .admin-filter-toggle.active { border-color: color-mix(in srgb, var(--blue) 42%, var(--line)) !important; color: var(--blue) !important; }
body.system-admin-view .admin-filter-body label { gap: 9px !important; }
body.system-admin-view .admin-filter-body input,
body.system-admin-view .admin-filter-body select { min-height: 44px !important; font-size: 14px !important; }
body.system-admin-view .admin-table-panel:has(.admin-ajax-form) {
  overflow: hidden !important;
  border-radius: 22px !important;
}
body.system-admin-view .admin-table-panel > .panel-header {
  padding: 18px 20px !important;
  border-bottom: 1px solid var(--line) !important;
  align-items: center !important;
}
body.system-admin-view .admin-table-panel > .panel-header .panel-title {
  font-size: 16px !important;
  font-weight: 780 !important;
  letter-spacing: -.25px !important;
  margin: 0 0 4px !important;
}
body.system-admin-view .admin-table-panel > .panel-header .panel-subtitle {
  font-size: 12px !important;
  color: var(--muted) !important;
  margin: 0 !important;
}
body.system-admin-view .admin-ajax-form { display: block !important; margin: 0 !important; }
body.system-admin-view .admin-ajax-form .form-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px 16px !important;
  padding: 22px 20px !important;
  align-items: start !important;
}
body.system-admin-view .admin-ajax-form .form-field {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  min-width: 0 !important;
}
body.system-admin-view .admin-ajax-form .form-field.full { grid-column: 1 / -1 !important; }
body.system-admin-view .admin-ajax-form .form-field label {
  font-size: 13px !important;
  line-height: 1.25 !important;
  color: var(--text) !important;
  font-weight: 720 !important;
  margin: 0 !important;
}
body.system-admin-view .admin-ajax-form .form-field input:not([type="checkbox"]):not([type="radio"]),
body.system-admin-view .admin-ajax-form .form-field select,
body.system-admin-view .admin-ajax-form .form-field textarea {
  min-height: 48px !important;
  border-radius: 14px !important;
  padding: 12px 14px !important;
  font-size: 14px !important;
  background-color: var(--panel-solid) !important;
}
body.system-admin-view .admin-ajax-form .form-field textarea { min-height: 126px !important; }
body.system-admin-view .admin-ajax-form .form-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  padding: 14px 20px 18px !important;
  border-top: 1px solid var(--line) !important;
  background: color-mix(in srgb, var(--panel-2) 42%, transparent) !important;
}
body.system-admin-view .admin-ajax-form .form-actions .btn { min-height: 42px !important; border-radius: 13px !important; }
@media (max-width: 900px) {
  body.system-admin-view .admin-ajax-form .form-grid { grid-template-columns: 1fr !important; padding: 18px 14px !important; }
  body.system-admin-view .admin-ajax-form .form-field.full { grid-column: auto !important; }
  body.system-admin-view .admin-ajax-form .form-actions { padding: 12px 14px 16px !important; flex-direction: column-reverse !important; align-items: stretch !important; }
  body.system-admin-view .admin-filter-popover { left: 12px !important; right: 12px !important; width: auto !important; }
}


/* Helprite Desk v70 — System Admin sidebar + corrected dropdown/filter positioning */
@media (min-width: 901px) {
  body.system-admin-view[data-admin-sidebar="true"] .sidebar {
    display: flex !important;
    transform: none !important;
  }
  body.system-admin-view[data-admin-sidebar="true"] .topbar {
    left: var(--sidebar-w) !important;
    width: calc(100% - var(--sidebar-w)) !important;
  }
  body.system-admin-view[data-admin-sidebar="true"] .main-content {
    margin-left: var(--sidebar-w) !important;
    padding: calc(var(--topbar-h) + 18px) 24px 42px !important;
  }
}
body.system-admin-view .admin-actions-menu.admin-menu-portal,
body.system-admin-view .admin-bulk-menu.admin-menu-portal {
  position: fixed !important;
  top: var(--admin-menu-top, 80px) !important;
  left: var(--admin-menu-left, 24px) !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 90000 !important;
  width: var(--admin-menu-width, 248px) !important;
  min-width: var(--admin-menu-width, 248px) !important;
  max-width: calc(100vw - 24px) !important;
  max-height: min(420px, calc(100dvh - 24px)) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
  display: none !important;
}
body.system-admin-view .admin-actions-menu.admin-menu-portal.open,
body.system-admin-view .admin-bulk-menu.admin-menu-portal.open {
  display: grid !important;
  gap: 4px !important;
}
body.system-admin-view .admin-filter-popover.admin-filter-portal {
  position: fixed !important;
  top: var(--admin-filter-top, 92px) !important;
  left: var(--admin-filter-left, 24px) !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 89000 !important;
  width: var(--admin-filter-width, min(390px, calc(100vw - 24px))) !important;
  max-width: calc(100vw - 24px) !important;
  max-height: calc(100dvh - 24px) !important;
  overflow: auto !important;
  display: none !important;
}
body.system-admin-view .admin-filter-popover.admin-filter-portal.open { display: block !important; }
body.system-admin-view .admin-row-actions { position: relative !important; overflow: visible !important; }
body.system-admin-view .admin-action-toggle { touch-action: manipulation; }
body.system-admin-view .admin-staff-heading-actions { position: relative; z-index: 40; }
body.system-admin-view .admin-table-panel,
body.system-admin-view .admin-staff-panel,
body.system-admin-view .panel { overflow: visible !important; }
body.system-admin-view .data-table-wrap,
body.system-admin-view .admin-wide-table-wrap { overflow-x: auto !important; overflow-y: visible !important; }
@media (max-width: 900px) {
  body.system-admin-view[data-admin-sidebar="true"] .topbar { left: 0 !important; width: 100% !important; }
  body.system-admin-view[data-admin-sidebar="true"] .main-content { margin-left: 0 !important; }
  body.system-admin-view .admin-filter-popover.admin-filter-portal {
    left: 12px !important;
    width: calc(100vw - 24px) !important;
  }
}


/* Helprite Desk v73 — clean empty System Admin staff tables */
body.system-admin-view .admin-staff-table .empty-table-row td {
  height: 116px !important;
  text-align: center !important;
  vertical-align: middle !important;
}
body.system-admin-view .admin-staff-table .empty-table-row .empty-state {
  padding: 34px 20px !important;
  color: var(--muted) !important;
  font-size: 13px !important;
}
body.system-admin-view .admin-staff-pagination:has([data-admin-pagination]:empty) {
  min-height: 54px;
}
body.system-admin-view .admin-staff-pagination [data-admin-pagination]:empty {
  display: none !important;
}


/* Helprite Desk v74 — complete old System Admin sections in approved theme */
.system-admin-view .admin-full-settings{display:grid;grid-template-columns:260px minmax(0,1fr);gap:0;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:var(--shadow-soft);overflow:hidden;margin-top:14px;min-height:520px}.system-admin-view .admin-settings-rail{border-right:1px solid var(--line);padding:16px;background:color-mix(in srgb,var(--panel) 88%,var(--panel-2));display:flex;flex-direction:column;gap:12px}.system-admin-view .admin-settings-rail.compact{padding-top:18px}.system-admin-view .admin-rail-group{display:grid;gap:6px;padding-bottom:8px}.system-admin-view .admin-rail-title{font-size:12px;font-weight:760;color:var(--text);padding:10px 12px 4px}.system-admin-view .admin-settings-rail .admin-tab{min-height:39px;border:1px solid transparent;border-radius:10px;padding:0 12px;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;font-weight:620;text-decoration:none}.system-admin-view .admin-settings-rail .admin-tab:hover{background:var(--panel-2);color:var(--text)}.system-admin-view .admin-settings-rail .admin-tab.active{background:rgba(20,126,255,.08);border-color:rgba(20,126,255,.18);color:var(--blue)}.system-admin-view .admin-settings-panels{min-width:0;padding:0}.system-admin-view .admin-settings-panels>.panel{border:0;border-radius:0;box-shadow:none;margin:0;background:transparent;min-height:520px}.system-admin-view .admin-settings-panels>.panel:not(.active){display:none}.system-admin-view .admin-settings-panels .panel-body{padding:22px}.system-admin-view .form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.system-admin-view .form-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}.system-admin-view .sticky-actions{position:sticky;bottom:0;background:var(--panel);padding:14px 16px;border:1px solid var(--line);border-radius:0 0 18px 18px;margin:0}.system-admin-view .admin-logo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}.system-admin-view .admin-logo-card{border:1px solid var(--line);border-radius:16px;background:var(--panel-2);padding:14px;display:grid;gap:10px;text-align:center;align-items:center}.system-admin-view .admin-logo-card.dark{background:#111;color:#fff}.system-admin-view .admin-logo-card img{width:100%;height:120px;object-fit:contain;border-radius:12px;background:rgba(255,255,255,.45)}.system-admin-view .admin-logo-card.favicon img{height:190px}.system-admin-view .admin-logo-card input{width:100%}.system-admin-view .admin-card-list{display:grid;gap:10px}.system-admin-view .admin-setting-row{border:1px solid var(--line);border-radius:12px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--panel)}.system-admin-view .admin-setting-row strong{display:block;font-size:15px}.system-admin-view .admin-setting-row span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.system-admin-view .row-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.system-admin-view .admin-soft-line{border:0;border-top:1px solid var(--line);margin:22px 0}.system-admin-view .mini-title{font-size:15px;margin:0 0 12px}.system-admin-view .danger-panel{border:1px solid rgba(255,59,48,.28);background:rgba(255,59,48,.055);border-radius:14px;padding:22px}.system-admin-view .danger-panel.slim{margin-top:18px}.system-admin-view .danger-panel h3{margin:0 0 6px;color:#ff1f1f}.system-admin-view .danger-panel p{margin:0 0 16px;color:var(--muted);line-height:1.55}.system-admin-view .admin-stat-inline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}.system-admin-view .admin-stat-inline>div{border:1px solid var(--line);border-radius:14px;padding:16px;background:var(--panel-2)}.system-admin-view .admin-stat-inline strong{font-size:24px;display:block}.system-admin-view .admin-stat-inline span{color:var(--muted);font-size:12px}.system-admin-view .badge-muted{background:var(--panel-2);color:var(--muted);border:1px solid var(--line)}.system-admin-view code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;background:var(--panel-2);border:1px solid var(--line);border-radius:6px;padding:2px 6px}.system-admin-view .admin-section-form{margin:0}.system-admin-view .form-field small{display:block;color:var(--muted);font-size:11px;margin-top:6px}.system-admin-view .admin-row-actions .btn{min-height:32px}.system-admin-view .admin-actions-menu a,.system-admin-view .admin-actions-menu button{display:flex;align-items:center;gap:10px;min-height:38px}.system-admin-view .data-table-wrap{overflow:auto}.system-admin-view .data-table{min-width:900px}@media(max-width:1180px){.system-admin-view .admin-full-settings{grid-template-columns:1fr}.system-admin-view .admin-settings-rail{border-right:0;border-bottom:1px solid var(--line);display:flex;overflow-x:auto;flex-direction:row}.system-admin-view .admin-rail-group{min-width:210px}.system-admin-view .form-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.system-admin-view .admin-logo-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.system-admin-view .form-grid,.system-admin-view .form-grid.three,.system-admin-view .admin-stat-inline,.system-admin-view .admin-logo-grid{grid-template-columns:1fr}.system-admin-view .admin-setting-row{align-items:flex-start;flex-direction:column}.system-admin-view .row-actions{justify-content:flex-start}.system-admin-view .sticky-actions{position:static}.system-admin-view .admin-settings-panels .panel-body{padding:16px}}


/* v76 full old admin settings coverage */
.legacy-company-settings .admin-settings-rail{max-height:calc(100vh - 170px);overflow:auto;position:sticky;top:88px;align-self:flex-start}.legacy-company-settings .admin-rail-title-btn{width:100%;border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,#fff);border-radius:12px;padding:12px 14px;text-align:left;font-weight:800;color:var(--text-color,#06122b);display:flex;align-items:center;justify-content:space-between}.legacy-company-settings .admin-rail-group{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.legacy-company-settings .admin-rail-group .admin-tab{margin-left:18px}.admin-inline-editor{border:1px solid var(--border-color,#e5e7eb);border-radius:16px;padding:18px;background:var(--card-bg,#fff);margin-top:14px}.admin-soft-line{border:0;border-top:1px solid var(--border-color,#e5e7eb);margin:18px 0}.mini-title{font-size:16px;font-weight:800;margin:0 0 14px}.form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-logo-card small,.form-field small{color:var(--muted-color,#667085);font-size:12px}.danger-panel.slim{padding:16px;margin:16px 0}.danger-panel.slim h4{margin:0 0 8px;color:#e11d48}.admin-tab-panel:not(.active){display:none!important}@media(max-width:1100px){.form-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.legacy-company-settings .admin-settings-rail{position:relative;top:0;max-height:none}}@media(max-width:720px){.form-grid.four{grid-template-columns:1fr}.legacy-company-settings .admin-rail-group .admin-tab{margin-left:0}}


/* v77 Company Settings completion */
.system-admin-view .admin-tab-section-actions{margin-top:18px}
.system-admin-view .admin-add-company-settings{margin-top:14px}
.system-admin-view .admin-company-add-form{display:block;margin:0}
.system-admin-view .admin-add-company-settings .admin-settings-panels>.panel{min-height:560px}
.system-admin-view .admin-add-company-settings .form-actions{position:relative}
.system-admin-view .admin-actions-menu a svg,.system-admin-view .admin-actions-menu button svg{flex:0 0 auto}

/* Helprite Desk v78 — cleaner Company Settings accordion tabs */
.system-admin-view .legacy-company-settings .company-settings-accordion{gap:10px;padding:18px;background:var(--panel);}
.system-admin-view .legacy-company-settings .admin-rail-group{border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:0;margin:0;overflow:hidden;display:block;}
.system-admin-view .legacy-company-settings .admin-rail-title-btn{width:100%;min-height:52px;border:0;background:transparent;border-radius:0;padding:0 14px;display:flex;align-items:center;justify-content:flex-start;gap:10px;font-size:14px;font-weight:800;color:var(--text);box-shadow:none;cursor:pointer;}
.system-admin-view .legacy-company-settings .admin-rail-title-btn svg{flex:0 0 auto;color:var(--teal);}
.system-admin-view .legacy-company-settings .admin-rail-title-btn .admin-rail-chevron{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;transform:rotate(-90deg);transition:transform .18s ease;}
.system-admin-view .legacy-company-settings .admin-rail-group.open .admin-rail-chevron{transform:rotate(90deg);}
.system-admin-view .legacy-company-settings .admin-rail-title-btn.active,
.system-admin-view .legacy-company-settings .admin-rail-title-btn:hover{background:color-mix(in srgb,var(--teal) 9%,transparent);color:var(--teal);}
.system-admin-view .legacy-company-settings .admin-rail-links{display:none;padding:8px 10px 12px 20px;border-top:1px solid var(--line);}
.system-admin-view .legacy-company-settings .admin-rail-group.open .admin-rail-links{display:grid;gap:6px;}
.system-admin-view .legacy-company-settings .admin-rail-group .admin-tab{position:relative;margin-left:0;min-height:38px;border-radius:11px;padding:0 12px 0 24px;color:var(--muted);font-weight:650;}
.system-admin-view .legacy-company-settings .admin-rail-group .admin-tab::before{content:"";position:absolute;left:10px;top:50%;width:7px;height:7px;border-radius:99px;background:var(--line);transform:translateY(-50%);}
.system-admin-view .legacy-company-settings .admin-rail-group .admin-tab.active{background:color-mix(in srgb,var(--teal) 12%,transparent);border-color:color-mix(in srgb,var(--teal) 28%,transparent);color:var(--teal);}
.system-admin-view .legacy-company-settings .admin-rail-group .admin-tab.active::before{background:var(--teal);}
.system-admin-view .legacy-company-settings .admin-rail-group.danger .admin-rail-title-btn svg,
.system-admin-view .legacy-company-settings .admin-rail-group.danger .admin-tab.active{color:#ff3b30;}
.system-admin-view .legacy-company-settings .admin-rail-group.danger .admin-tab.active::before{background:#ff3b30;}
@media(max-width:1180px){.system-admin-view .legacy-company-settings .admin-settings-rail{display:grid;grid-template-columns:1fr;overflow:visible}.system-admin-view .legacy-company-settings .admin-rail-group{min-width:0}}

/* Helprite Desk v79 — Company Settings polish and stable backend actions */
.system-admin-view .legacy-company-settings .admin-rail-title-btn{
  font-weight:650;
  color:var(--text);
  background:var(--panel);
  border-bottom:1px solid transparent;
}
.system-admin-view .legacy-company-settings .admin-rail-title-btn svg{
  color:var(--muted);
}
.system-admin-view .legacy-company-settings .admin-rail-title-btn.active,
.system-admin-view .legacy-company-settings .admin-rail-title-btn:hover{
  background:var(--panel-2);
  color:var(--text);
}
.system-admin-view .legacy-company-settings .admin-rail-title-btn.active svg,
.system-admin-view .legacy-company-settings .admin-rail-title-btn:hover svg{
  color:var(--text);
}
.system-admin-view .legacy-company-settings .admin-rail-group .admin-tab{
  color:var(--text);
  font-weight:560;
  letter-spacing:0;
}
.system-admin-view .legacy-company-settings .admin-rail-group .admin-tab:hover{
  background:var(--panel-2);
  color:var(--text);
}
.system-admin-view .legacy-company-settings .admin-rail-group .admin-tab.active{
  background:var(--panel-2);
  border-color:var(--line);
  color:var(--text);
}
.system-admin-view .legacy-company-settings .admin-rail-group .admin-tab.active::before{
  background:var(--text);
}
.system-admin-view .legacy-company-settings .admin-rail-group.danger .admin-rail-title-btn,
.system-admin-view .legacy-company-settings .admin-rail-group.danger .admin-tab{
  color:var(--text);
}
.system-admin-view .legacy-company-settings .admin-rail-group.danger .admin-rail-title-btn svg{
  color:var(--muted);
}
.system-admin-view .legacy-company-settings .admin-rail-group.danger .admin-tab.active{
  color:#ff3b30;
}
.system-admin-view .admin-form-page .form-grid{
  align-items:start;
}
.system-admin-view .admin-card-list .btn.small{
  white-space:nowrap;
}

/* Helprite Desk v80 — Add Company uses the same clean accordion tabs as Company Settings */
.system-admin-view .admin-add-company-settings .company-settings-accordion .admin-rail-title-btn{
  font-size:14px;
  font-weight:650;
  color:var(--text);
}
.system-admin-view .admin-add-company-settings .admin-rail-group .admin-tab{
  font-weight:560;
  color:var(--text);
}
.system-admin-view .admin-add-company-settings .admin-rail-group .admin-tab.active{
  color:var(--text);
}
.system-admin-view .admin-add-company-settings .admin-rail-group .admin-tab.active::before{
  background:var(--text);
}

/* Helprite Desk v81 — System Admin backend/forms/tabs/logo polish */
html[data-theme="dark"] body.system-admin-view,
body.system-admin-view[data-theme="dark"] {
  color-scheme: dark;
}
body.system-admin-view .admin-full-settings,
body.system-admin-view .admin-settings-layout {
  align-items: start !important;
}
body.system-admin-view .legacy-company-settings .admin-settings-rail,
body.system-admin-view .admin-add-company-settings .admin-settings-rail,
body.system-admin-view .admin-settings-layout .admin-tab-list {
  top: calc(var(--topbar-h) + 10px) !important;
  align-self: start !important;
  padding-top: 10px !important;
}
body.system-admin-view .legacy-company-settings .admin-settings-panels > .panel,
body.system-admin-view .admin-add-company-settings .admin-settings-panels > .panel,
body.system-admin-view .admin-settings-panels > .panel {
  min-height: 0 !important;
}
body.system-admin-view .legacy-company-settings .admin-settings-panels .panel-header,
body.system-admin-view .admin-add-company-settings .admin-settings-panels .panel-header,
body.system-admin-view .admin-settings-panels .panel-header {
  min-height: 66px !important;
  align-items: center !important;
}
body.system-admin-view .form-actions,
body.system-admin-view .admin-ajax-form .form-actions,
body.system-admin-view .sticky-actions,
body.system-admin-view .admin-tab-section-actions {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}
body.system-admin-view .form-actions {
  border-top: 1px solid var(--line) !important;
  margin-top: 22px !important;
  padding: 16px 0 0 !important;
}
body.system-admin-view .legacy-company-settings .admin-rail-title-btn,
body.system-admin-view .admin-add-company-settings .admin-rail-title-btn {
  font-size: 14px !important;
  font-weight: 650 !important;
  color: var(--text) !important;
  line-height: 1.15 !important;
  border-radius: 13px !important;
}
body.system-admin-view .legacy-company-settings .admin-rail-title-btn.active,
body.system-admin-view .legacy-company-settings .admin-rail-title-btn:hover,
body.system-admin-view .admin-add-company-settings .admin-rail-title-btn.active,
body.system-admin-view .admin-add-company-settings .admin-rail-title-btn:hover {
  background: var(--panel-2) !important;
  color: var(--text) !important;
}
body.system-admin-view .legacy-company-settings .admin-rail-title-btn svg,
body.system-admin-view .admin-add-company-settings .admin-rail-title-btn svg {
  color: var(--muted) !important;
}
body.system-admin-view .legacy-company-settings .admin-rail-links,
body.system-admin-view .admin-add-company-settings .admin-rail-links {
  border-top: 0 !important;
  padding: 6px 10px 12px 18px !important;
}
body.system-admin-view .legacy-company-settings .admin-rail-group .admin-tab,
body.system-admin-view .admin-add-company-settings .admin-rail-group .admin-tab {
  color: var(--muted) !important;
  font-size: 13px !important;
  font-weight: 560 !important;
  background: transparent !important;
  border-color: transparent !important;
}
body.system-admin-view .legacy-company-settings .admin-rail-group .admin-tab:hover,
body.system-admin-view .admin-add-company-settings .admin-rail-group .admin-tab:hover {
  color: var(--text) !important;
  background: var(--panel-2) !important;
}
body.system-admin-view .legacy-company-settings .admin-rail-group .admin-tab.active,
body.system-admin-view .admin-add-company-settings .admin-rail-group .admin-tab.active {
  color: var(--text) !important;
  background: var(--panel-2) !important;
  border-color: var(--line) !important;
}
body.system-admin-view .admin-color-input,
body.system-admin-view input[type="color"].admin-color-input {
  width: 100% !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 5px 7px !important;
  border: 1px solid var(--line) !important;
  border-radius: 12px !important;
  background: var(--panel) !important;
  cursor: pointer;
}
body.system-admin-view .admin-logo-grid {
  align-items: stretch !important;
}
body.system-admin-view .admin-logo-card,
body.system-admin-view .admin-logo-upload {
  position: relative !important;
  overflow: hidden !important;
  border: 1px dashed color-mix(in srgb, var(--muted) 35%, var(--line)) !important;
  background: var(--panel-2) !important;
}
body.system-admin-view .admin-logo-card.dark {
  background: color-mix(in srgb, #111 86%, var(--panel)) !important;
}
body.system-admin-view .admin-logo-card img {
  width: 100% !important;
  height: 138px !important;
  object-fit: contain !important;
  object-position: center !important;
  display: block !important;
  background: color-mix(in srgb, var(--panel) 72%, transparent) !important;
  border-radius: 14px !important;
  padding: 12px !important;
}
body.system-admin-view .admin-logo-card.favicon img {
  height: 160px !important;
  max-width: 240px !important;
  margin: 0 auto !important;
}
body.system-admin-view .admin-dropify-input {
  display: block !important;
  width: 100% !important;
  padding: 11px !important;
  border: 1px dashed var(--line) !important;
  border-radius: 13px !important;
  background: var(--panel) !important;
  color: var(--text) !important;
  cursor: pointer;
}
body.system-admin-view .admin-dropify-input::file-selector-button {
  border: 1px solid var(--line);
  background: var(--panel-2);
  color: var(--text);
  border-radius: 10px;
  padding: 8px 12px;
  margin-right: 10px;
  cursor: pointer;
}
.profile-button .avatar,
.topbar .profile-button .avatar,
.dropdown-avatar,
.avatar,
.admin-avatar {
  overflow: hidden !important;
}
.profile-button .avatar img,
.topbar .profile-button .avatar img,
.dropdown-avatar img,
.avatar img,
.admin-avatar img,
.account-profile-avatar img,
.account-profile-hero-avatar img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}
@media (min-width: 1181px) {
  body.system-admin-view .legacy-company-settings,
  body.system-admin-view .admin-add-company-settings {
    grid-template-columns: 268px minmax(0, 1fr) !important;
  }
}
@media (max-width: 1180px) {
  body.system-admin-view .legacy-company-settings .admin-settings-rail,
  body.system-admin-view .admin-add-company-settings .admin-settings-rail {
    position: relative !important;
    top: 0 !important;
    padding-top: 12px !important;
  }
}

/* Helprite Desk v82 — true per-tab actions and professional Dropify-style logo uploads */
body.system-admin-view .admin-settings-panels > .panel {
  overflow: visible !important;
}
body.system-admin-view .admin-tab-panel .panel-body {
  display: block !important;
}
body.system-admin-view .admin-tab-panel .admin-section-form,
body.system-admin-view .admin-tab-panel form.admin-ajax-form {
  width: 100% !important;
}
body.system-admin-view .admin-tab-actionbar,
body.system-admin-view .admin-tab-panel .form-actions,
body.system-admin-view .admin-ajax-form .admin-tab-actionbar {
  position: relative !important;
  inset: auto !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 22px 0 0 !important;
  padding: 16px 0 0 !important;
  border-top: 1px solid var(--line) !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
body.system-admin-view .sticky-actions:not(.admin-tab-actionbar) {
  display: none !important;
}
body.system-admin-view .admin-logo-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: stretch !important;
  margin: 4px 0 22px !important;
}
body.system-admin-view .admin-logo-field { min-width: 0 !important; }
body.system-admin-view .admin-logo-card,
body.system-admin-view .admin-logo-upload,
body.system-admin-view .admin-dropzone-card {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  min-height: 286px !important;
  padding: 18px !important;
  border: 1.5px dashed color-mix(in srgb, var(--muted) 40%, var(--line)) !important;
  border-radius: 22px !important;
  background: color-mix(in srgb, var(--panel-2) 76%, transparent) !important;
  cursor: pointer !important;
  overflow: hidden !important;
  text-align: center !important;
  transition: border-color .18s ease, background .18s ease, transform .18s ease, box-shadow .18s ease !important;
}
body.system-admin-view .admin-logo-card.dark,
body.system-admin-view .admin-dropzone-card.dark {
  background: color-mix(in srgb, #161616 88%, var(--panel) 12%) !important;
  color: #fff !important;
  border-color: rgba(255,255,255,.28) !important;
}
body.system-admin-view .admin-logo-card:hover,
body.system-admin-view .admin-logo-card.is-dragover,
body.system-admin-view .admin-logo-card.has-selected-file {
  border-color: var(--teal, #0fb5b5) !important;
  box-shadow: 0 14px 36px rgba(0,0,0,.08) !important;
  transform: translateY(-1px) !important;
}
body.system-admin-view .admin-logo-preview {
  width: 100% !important;
  min-height: 138px !important;
  height: 138px !important;
  border-radius: 18px !important;
  border: 1px solid color-mix(in srgb, var(--line) 72%, transparent) !important;
  background: color-mix(in srgb, var(--panel) 82%, transparent) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 14px !important;
  overflow: hidden !important;
}
body.system-admin-view .admin-logo-card.dark .admin-logo-preview {
  background: rgba(255,255,255,.10) !important;
  border-color: rgba(255,255,255,.16) !important;
}
body.system-admin-view .admin-logo-card img,
body.system-admin-view .admin-logo-preview img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  display: block !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}
body.system-admin-view .admin-logo-card.favicon,
body.system-admin-view .admin-logo-field .admin-logo-card.favicon {
  min-height: 286px !important;
}
body.system-admin-view .admin-logo-card.favicon .admin-logo-preview {
  width: min(190px, 100%) !important;
  height: 150px !important;
  min-height: 150px !important;
  margin: 0 auto !important;
}
body.system-admin-view .admin-logo-card strong {
  color: inherit !important;
  font-size: 15px !important;
  font-weight: 760 !important;
  margin: 0 !important;
}
body.system-admin-view .admin-dropzone-text {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 38px !important;
  padding: 9px 13px !important;
  border-radius: 999px !important;
  background: var(--panel) !important;
  border: 1px solid var(--line) !important;
  color: var(--text) !important;
  font-size: 12px !important;
  font-weight: 680 !important;
  width: 100% !important;
  max-width: 260px !important;
}
body.system-admin-view .admin-logo-card.dark .admin-dropzone-text {
  background: rgba(255,255,255,.10) !important;
  color: #fff !important;
  border-color: rgba(255,255,255,.18) !important;
}
body.system-admin-view .admin-logo-card small {
  color: var(--muted) !important;
  font-size: 11.5px !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}
body.system-admin-view .admin-logo-card.dark small { color: rgba(255,255,255,.62) !important; }
body.system-admin-view .admin-dropify-input,
body.system-admin-view .admin-logo-card input[type="file"] {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 0 !important;
  cursor: pointer !important;
  z-index: 8 !important;
  padding: 0 !important;
  border: 0 !important;
}
body.system-admin-view .admin-logo-card .admin-upload-file-name {
  display: block !important;
  color: var(--teal, #0fb5b5) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
body.system-admin-view .profile-button .avatar,
body.system-admin-view .topbar .profile-button .avatar {
  flex: 0 0 auto !important;
}
body.system-admin-view .profile-button .avatar img,
body.system-admin-view .topbar .profile-button .avatar img {
  object-fit: cover !important;
  object-position: center !important;
}
@media (max-width: 1180px) {
  body.system-admin-view .admin-logo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 760px) {
  body.system-admin-view .admin-logo-grid { grid-template-columns: 1fr !important; }
  body.system-admin-view .admin-tab-actionbar,
  body.system-admin-view .admin-tab-panel .form-actions { flex-direction: column-reverse !important; align-items: stretch !important; }
}

/* Helprite Desk v83 — keep Company Settings tab rail locked to the top of the tab body */
body.system-admin-view .legacy-company-settings,
body.system-admin-view .admin-add-company-settings,
body.system-admin-view .admin-full-settings {
  align-items: start !important;
}
body.system-admin-view .legacy-company-settings .admin-settings-rail,
body.system-admin-view .admin-add-company-settings .admin-settings-rail {
  position: sticky !important;
  top: 0 !important;
  align-self: start !important;
  margin-top: 0 !important;
  padding-top: 16px !important;
  transform: none !important;
  max-height: calc(100vh - 18px) !important;
  overflow-y: auto !important;
}
body.system-admin-view .legacy-company-settings .admin-settings-panels,
body.system-admin-view .admin-add-company-settings .admin-settings-panels {
  align-self: start !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}
body.system-admin-view .legacy-company-settings .admin-settings-panels > .panel,
body.system-admin-view .admin-add-company-settings .admin-settings-panels > .panel {
  margin-top: 0 !important;
}
body.system-admin-view .legacy-company-settings .admin-settings-panels .panel-header,
body.system-admin-view .admin-add-company-settings .admin-settings-panels .panel-header {
  margin-top: 0 !important;
}
body.system-admin-view .legacy-company-settings .admin-rail-group:first-child,
body.system-admin-view .admin-add-company-settings .admin-rail-group:first-child {
  margin-top: 0 !important;
}
@media (max-width: 1180px) {
  body.system-admin-view .legacy-company-settings .admin-settings-rail,
  body.system-admin-view .admin-add-company-settings .admin-settings-rail {
    position: relative !important;
    top: 0 !important;
    max-height: none !important;
    overflow-y: visible !important;
    padding-top: 12px !important;
  }
}

/* Helprite Desk v85 — full staff profile details and AJAX-save polish */
.admin-inline-badges { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }
.admin-detail-layout { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.admin-detail-section { overflow: hidden; }
.admin-detail-section .panel-body { padding-top: 16px; }
.admin-detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.admin-detail-item { min-height: 68px; padding: 13px 14px; border: 1px solid var(--line); border-radius: 16px; background: color-mix(in srgb, var(--panel-2) 62%, transparent); display: flex; flex-direction: column; justify-content: center; gap: 5px; }
.admin-detail-item span { color: var(--muted); font-size: 11px; font-weight: 750; letter-spacing: .02em; text-transform: uppercase; }
.admin-detail-item strong { color: var(--text); font-size: 13px; font-weight: 760; overflow-wrap: anywhere; }
.admin-mini-table-wrap { overflow: auto; }
.admin-mini-table { min-width: 760px; }
.admin-ajax-form.is-saving { opacity: .82; pointer-events: none; }
.admin-ajax-form.is-saved { animation: adminSavedPulse .42s ease; }
@keyframes adminSavedPulse { 0% { box-shadow: 0 0 0 rgba(0,0,0,0); } 50% { box-shadow: 0 0 0 3px color-mix(in srgb, var(--green) 20%, transparent); } 100% { box-shadow: 0 0 0 rgba(0,0,0,0); } }
@media (max-width: 1100px) { .admin-detail-layout { grid-template-columns: 1fr; } }
@media (max-width: 700px) { .admin-detail-grid { grid-template-columns: 1fr; } .admin-person.large { align-items: flex-start; } }


/* Helprite Desk v87 — runtime permissions, Apple dashboard colours and mobile admin grid */
body[data-page-route="/home"] .dashboard-menu-tile,
body[data-menu-page="true"][data-page-route="/home"] .dashboard-menu-tile {
  background: var(--dash-tile-bg, #e8eef6) !important;
  border-color: var(--dash-tile-border, rgba(122,137,156,.30)) !important;
  color: var(--dash-tile-text, #172033) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.68), 0 10px 25px rgba(16,24,40,.045) !important;
}
body[data-page-route="/home"] .dashboard-menu-tile:hover,
body[data-menu-page="true"][data-page-route="/home"] .dashboard-menu-tile:hover {
  background: var(--dash-tile-hover, #dfe8f2) !important;
  border-color: var(--dash-tile-border-hover, rgba(10,132,255,.30)) !important;
  color: var(--dash-tile-text, #172033) !important;
}
body[data-page-route="/home"] .dashboard-menu-tile .dashboard-menu-icon,
body[data-menu-page="true"][data-page-route="/home"] .dashboard-menu-tile .dashboard-menu-icon,
body[data-page-route="/home"] .dashboard-menu-tile .dashboard-menu-arrow,
body[data-menu-page="true"][data-page-route="/home"] .dashboard-menu-tile .dashboard-menu-arrow {
  background: var(--dash-icon-bg, rgba(10,132,255,.10)) !important;
  color: var(--dash-icon-color, #007aff) !important;
  border-color: var(--dash-icon-border, rgba(10,132,255,.10)) !important;
}
body[data-page-route="/home"] .dashboard-menu-tile[data-dashboard-nav-id="property"] { --dash-tile-bg:#f2ecff; --dash-tile-hover:#eadfff; --dash-tile-border:rgba(175,82,222,.20); --dash-tile-border-hover:rgba(175,82,222,.36); --dash-icon-bg:rgba(175,82,222,.12); --dash-icon-color:#af52de; --dash-icon-border:rgba(175,82,222,.16); }
body[data-page-route="/home"] .dashboard-menu-tile[data-dashboard-nav-id="care"] { --dash-tile-bg:#fff0f6; --dash-tile-hover:#ffe3ef; --dash-tile-border:rgba(255,45,85,.18); --dash-tile-border-hover:rgba(255,45,85,.34); --dash-icon-bg:rgba(255,45,85,.11); --dash-icon-color:#ff2d55; --dash-icon-border:rgba(255,45,85,.15); }
body[data-page-route="/home"] .dashboard-menu-tile[data-dashboard-nav-id="people"] { --dash-tile-bg:#eaf4ff; --dash-tile-hover:#ddecff; --dash-tile-border:rgba(0,122,255,.18); --dash-tile-border-hover:rgba(0,122,255,.34); --dash-icon-bg:rgba(0,122,255,.11); --dash-icon-color:#007aff; --dash-icon-border:rgba(0,122,255,.15); }
body[data-page-route="/home"] .dashboard-menu-tile[data-dashboard-nav-id="finance"] { --dash-tile-bg:#eaf9f0; --dash-tile-hover:#def4e8; --dash-tile-border:rgba(52,199,89,.20); --dash-tile-border-hover:rgba(52,199,89,.36); --dash-icon-bg:rgba(52,199,89,.12); --dash-icon-color:#34c759; --dash-icon-border:rgba(52,199,89,.16); }
body[data-page-route="/home"] .dashboard-menu-tile[data-dashboard-nav-id="growth"] { --dash-tile-bg:#fff4e5; --dash-tile-hover:#ffecd1; --dash-tile-border:rgba(255,149,0,.20); --dash-tile-border-hover:rgba(255,149,0,.36); --dash-icon-bg:rgba(255,149,0,.12); --dash-icon-color:#ff9500; --dash-icon-border:rgba(255,149,0,.16); }
body[data-page-route="/home"] .dashboard-menu-tile[data-dashboard-nav-id="drive"] { --dash-tile-bg:#e8fbff; --dash-tile-hover:#d7f5ff; --dash-tile-border:rgba(90,200,250,.22); --dash-tile-border-hover:rgba(90,200,250,.40); --dash-icon-bg:rgba(90,200,250,.13); --dash-icon-color:#0a84ff; --dash-icon-border:rgba(90,200,250,.18); }
html[data-theme="dark"] body[data-page-route="/home"] .dashboard-menu-tile,
html[data-theme="dark"] body[data-menu-page="true"][data-page-route="/home"] .dashboard-menu-tile {
  background: var(--dash-tile-dark-bg, #24262d) !important;
  border-color: var(--dash-tile-dark-border, rgba(255,255,255,.09)) !important;
  color: #f5f5f7 !important;
}
html[data-theme="dark"] body[data-page-route="/home"] .dashboard-menu-tile:hover,
html[data-theme="dark"] body[data-menu-page="true"][data-page-route="/home"] .dashboard-menu-tile:hover {
  background: var(--dash-tile-dark-hover, #30323a) !important;
  border-color: var(--dash-tile-dark-border-hover, rgba(10,132,255,.30)) !important;
}
html[data-theme="dark"] body[data-page-route="/home"] .dashboard-menu-tile[data-dashboard-nav-id="property"] { --dash-tile-dark-bg:#2b2134; --dash-tile-dark-hover:#342640; --dash-tile-dark-border:rgba(191,90,242,.24); --dash-tile-dark-border-hover:rgba(191,90,242,.42); }
html[data-theme="dark"] body[data-page-route="/home"] .dashboard-menu-tile[data-dashboard-nav-id="care"] { --dash-tile-dark-bg:#34232a; --dash-tile-dark-hover:#402834; --dash-tile-dark-border:rgba(255,55,95,.24); --dash-tile-dark-border-hover:rgba(255,55,95,.42); }
html[data-theme="dark"] body[data-page-route="/home"] .dashboard-menu-tile[data-dashboard-nav-id="people"] { --dash-tile-dark-bg:#1d2b3b; --dash-tile-dark-hover:#24354a; --dash-tile-dark-border:rgba(10,132,255,.25); --dash-tile-dark-border-hover:rgba(10,132,255,.44); }
html[data-theme="dark"] body[data-page-route="/home"] .dashboard-menu-tile[data-dashboard-nav-id="finance"] { --dash-tile-dark-bg:#1f3026; --dash-tile-dark-hover:#263a2e; --dash-tile-dark-border:rgba(48,209,88,.24); --dash-tile-dark-border-hover:rgba(48,209,88,.42); }
html[data-theme="dark"] body[data-page-route="/home"] .dashboard-menu-tile[data-dashboard-nav-id="growth"] { --dash-tile-dark-bg:#342819; --dash-tile-dark-hover:#3f301d; --dash-tile-dark-border:rgba(255,159,10,.25); --dash-tile-dark-border-hover:rgba(255,159,10,.44); }
html[data-theme="dark"] body[data-page-route="/home"] .dashboard-menu-tile[data-dashboard-nav-id="drive"] { --dash-tile-dark-bg:#1d3138; --dash-tile-dark-hover:#243d46; --dash-tile-dark-border:rgba(100,210,255,.25); --dash-tile-dark-border-hover:rgba(100,210,255,.44); }
@media (max-width: 640px) {
  body.system-admin-view .admin-menu-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
  body.system-admin-view .admin-module-card {
    min-height: 145px !important;
    padding: 14px !important;
  }
  body.system-admin-view .admin-module-card .module-icon {
    width: 42px !important;
    height: 42px !important;
  }
  body.system-admin-view .admin-module-card .module-copy h3 { font-size: 15px !important; }
  body.system-admin-view .admin-module-card .module-copy p { font-size: 12px !important; line-height: 1.35 !important; }
}

/* Helprite Desk v90 — persistent theme, disabled module visibility and admin dashboard polish */
.module-disabled-badge{
  display:inline-flex!important;align-items:center;justify-content:center;min-height:24px;padding:0 9px;border-radius:999px;
  font-size:11px;font-weight:800;letter-spacing:.01em;color:#ff453a!important;
  background:rgba(255,69,58,.12)!important;border:1px solid rgba(255,69,58,.28)!important;
  white-space:nowrap;line-height:1;
}
.dashboard-disabled-module{
  position:relative!important;opacity:.82!important;filter:saturate(.78)!important;
}
.dashboard-disabled-module::before{
  content:"";position:absolute;inset:0;border-radius:inherit;background:repeating-linear-gradient(-45deg,rgba(255,69,58,.045) 0 8px,transparent 8px 16px);pointer-events:none;z-index:0;
}
.dashboard-disabled-module .widget-content,
.dashboard-disabled-module .dashboard-menu-top,
.dashboard-disabled-module .dashboard-menu-copy{position:relative;z-index:1;}
body.system-admin-view .admin-dashboard-grid{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;
}
body.system-admin-view .admin-dashboard-grid .admin-module-card,
body.system-admin-view .admin-dashboard-grid .module-widget{
  min-height:168px!important;border-radius:26px!important;padding:0!important;background:var(--panel-solid)!important;border:1px solid var(--line)!important;
  box-shadow:var(--shadow-soft)!important;overflow:hidden!important;
}
body.system-admin-view .admin-dashboard-grid .admin-module-card:hover{transform:translateY(-2px)!important;background:var(--panel-2)!important;}
body.system-admin-view .admin-dashboard-grid .admin-module-card .widget-content{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:22px!important;}
body.system-admin-view .admin-dashboard-grid .admin-module-card .module-top{min-height:34px!important;margin:0!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;}
body.system-admin-view .admin-dashboard-grid .admin-module-card .module-icon,
body.system-admin-view .admin-dashboard-grid .admin-module-card .module-arrow{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;width:auto!important;height:auto!important;color:var(--blue)!important;}
body.system-admin-view .admin-dashboard-grid .admin-module-card .module-arrow{margin-left:auto;color:var(--muted)!important;opacity:.9!important;transform:rotate(180deg)!important;}
body.system-admin-view .admin-dashboard-grid .admin-module-card .module-copy h3{font-size:18px!important;line-height:1.1!important;margin:0 0 10px!important;letter-spacing:-.35px!important;color:var(--text)!important;}
body.system-admin-view .admin-dashboard-grid .admin-module-card .module-copy p{font-size:13px!important;line-height:1.35!important;margin:0!important;max-width:95%!important;color:var(--text-soft,var(--muted))!important;}
html[data-theme="dark"] body.system-admin-view .admin-dashboard-grid .admin-module-card{background:#1f1f21!important;border-color:rgba(255,255,255,.09)!important;}
html[data-theme="dark"] body.system-admin-view .admin-dashboard-grid .admin-module-card:hover{background:#292a2d!important;border-color:rgba(255,255,255,.13)!important;}
@media (max-width:1180px){body.system-admin-view .admin-dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}}
@media (max-width:900px){body.system-admin-view .admin-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media (max-width:640px){
  body.system-admin-view .admin-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
  body.system-admin-view .admin-dashboard-grid .admin-module-card{min-height:185px!important;border-radius:22px!important;}
  body.system-admin-view .admin-dashboard-grid .admin-module-card .widget-content{padding:18px!important;}
  body.system-admin-view .admin-dashboard-grid .admin-module-card .module-copy h3{font-size:16px!important;line-height:1.12!important;}
  body.system-admin-view .admin-dashboard-grid .admin-module-card .module-copy p{font-size:12px!important;line-height:1.32!important;}
  body.system-admin-view .page-heading .page-subtitle{font-size:13px!important;line-height:1.45!important;max-width:96%!important;}
}

/* Helprite Desk v91 — login-only redirects, admin grid and unified Drive theme */
body.system-admin-view .admin-dashboard-grid,
body.system-admin-view .admin-menu-grid.admin-dashboard-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
}
@media (max-width:1180px){
  body.system-admin-view .admin-dashboard-grid,
  body.system-admin-view .admin-menu-grid.admin-dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media (max-width:900px){
  body.system-admin-view .admin-dashboard-grid,
  body.system-admin-view .admin-menu-grid.admin-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:640px){
  body.system-admin-view .admin-dashboard-grid,
  body.system-admin-view .admin-menu-grid.admin-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
  body.system-admin-view .admin-dashboard-grid .admin-module-card{min-height:178px!important;}
}
body.drive-experience{
  --drive-accent:var(--blue);
  --drive-accent-strong:var(--helprite-secondary,var(--teal));
  --drive-blue:var(--blue);
  --drive-bg:var(--bg);
  --drive-surface:var(--panel-solid);
  --drive-surface-2:var(--panel-2);
  --drive-border:var(--line);
  --drive-text:var(--text);
  --drive-muted:var(--muted);
  --drive-shadow:var(--shadow-soft);
  background:radial-gradient(circle at 20% -10%, rgba(24,126,255,.18), transparent 34%),radial-gradient(circle at 90% 5%, rgba(191,90,242,.12), transparent 28%),linear-gradient(145deg,var(--bg),var(--bg-2))!important;
}
body.drive-experience .main-content.drive-main-content{
  background:transparent!important;
}
body.drive-experience .drive-local-sidebar,
body.drive-experience .drive-command-bar,
body.drive-experience .drive-search-wrap,
body.drive-experience .drive-filter-btn,
body.drive-experience .drive-segmented,
body.drive-experience .drive-folder-card,
body.drive-experience .drive-file-row,
body.drive-experience .drive-modal{
  background:var(--panel-solid)!important;
  border-color:var(--line)!important;
  color:var(--text)!important;
}
body.drive-experience .drive-btn.solid,
body.drive-experience .drive-dropzone-mini>svg,
body.drive-experience .drive-floating-settings{
  background:var(--blue)!important;
  border-color:var(--blue)!important;
  color:#fff!important;
}
body.drive-experience .drive-btn.outline{border-color:var(--blue)!important;color:var(--blue)!important;}
body.drive-experience .drive-local-link.active,
body.drive-experience .drive-segmented button[data-drive-view].active{
  background:color-mix(in srgb,var(--blue) 12%,var(--panel-2))!important;
  color:var(--blue)!important;
}


/* Helprite Desk v92 — System Admin dashboard fixed 6-column desktop / 2-column mobile grid */
body.system-admin-view .admin-menu-grid.admin-dashboard-grid,
body.system-admin-view .admin-dashboard-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  grid-auto-rows:auto!important;
  gap:16px!important;
  align-items:stretch!important;
  width:100%!important;
}
body.system-admin-view .admin-dashboard-grid > .widget,
body.system-admin-view .admin-dashboard-grid > .module-widget,
body.system-admin-view .admin-dashboard-grid > .admin-module-card{
  grid-column:auto!important;
  grid-row:auto!important;
  min-width:0!important;
  min-height:172px!important;
  height:auto!important;
  aspect-ratio:auto!important;
  border-radius:24px!important;
}
body.system-admin-view .admin-dashboard-grid .admin-module-card .widget-content{
  min-height:172px!important;
  height:100%!important;
  padding:18px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
}
body.system-admin-view .admin-dashboard-grid .admin-module-card .module-top{
  margin:0!important;
  min-height:34px!important;
}
body.system-admin-view .admin-dashboard-grid .admin-module-card .module-copy h3{
  font-size:15px!important;
  line-height:1.12!important;
  margin:0 0 7px!important;
}
body.system-admin-view .admin-dashboard-grid .admin-module-card .module-copy p{
  font-size:12px!important;
  line-height:1.28!important;
  margin:0!important;
  max-width:100%!important;
}
@media (max-width:1380px){
  body.system-admin-view .admin-menu-grid.admin-dashboard-grid,
  body.system-admin-view .admin-dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
}
@media (max-width:1040px){
  body.system-admin-view .admin-menu-grid.admin-dashboard-grid,
  body.system-admin-view .admin-dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media (max-width:760px){
  body.system-admin-view .admin-menu-grid.admin-dashboard-grid,
  body.system-admin-view .admin-dashboard-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  body.system-admin-view .admin-dashboard-grid > .widget,
  body.system-admin-view .admin-dashboard-grid > .module-widget,
  body.system-admin-view .admin-dashboard-grid > .admin-module-card{
    min-height:152px!important;
    aspect-ratio:1/1!important;
    border-radius:22px!important;
  }
  body.system-admin-view .admin-dashboard-grid .admin-module-card .widget-content{
    min-height:152px!important;
    padding:15px!important;
  }
  body.system-admin-view .admin-dashboard-grid .admin-module-card .module-icon svg,
  body.system-admin-view .admin-dashboard-grid .admin-module-card .module-arrow svg{
    width:22px!important;height:22px!important;
  }
  body.system-admin-view .admin-dashboard-grid .admin-module-card .module-copy h3{
    font-size:14px!important;
    line-height:1.08!important;
  }
  body.system-admin-view .admin-dashboard-grid .admin-module-card .module-copy p{
    font-size:11px!important;
    line-height:1.22!important;
  }
}
@media (max-width:420px){
  body.system-admin-view .admin-menu-grid.admin-dashboard-grid,
  body.system-admin-view .admin-dashboard-grid{gap:10px!important;}
  body.system-admin-view .admin-dashboard-grid > .admin-module-card{min-height:142px!important;}
  body.system-admin-view .admin-dashboard-grid .admin-module-card .widget-content{min-height:142px!important;padding:13px!important;}
}

/* Helprite Desk v93 — System Admin 4-column desktop / 2-column mobile dashboard and temp-password auth polish */
body.system-admin-view .admin-menu-grid.admin-dashboard-grid,
body.system-admin-view .module-home-bento.admin-dashboard-grid,
body.system-admin-view .bento-grid.admin-dashboard-grid,
body.system-admin-view .admin-dashboard-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  grid-auto-rows:auto!important;
  gap:14px!important;
  width:100%!important;
  max-width:100%!important;
  align-items:stretch!important;
}
body.system-admin-view .admin-dashboard-grid > article,
body.system-admin-view .admin-dashboard-grid > .widget,
body.system-admin-view .admin-dashboard-grid > .module-widget,
body.system-admin-view .admin-dashboard-grid > .admin-module-card{
  grid-column:auto!important;
  grid-row:auto!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:126px!important;
  height:126px!important;
  aspect-ratio:auto!important;
  border-radius:22px!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
}
body.system-admin-view .admin-dashboard-grid .admin-module-card .widget-content,
body.system-admin-view .admin-dashboard-grid .module-widget .widget-content{
  min-height:126px!important;
  height:126px!important;
  padding:16px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
}
body.system-admin-view .admin-dashboard-grid .module-top{min-height:26px!important;margin:0!important;}
body.system-admin-view .admin-dashboard-grid .module-icon svg,
body.system-admin-view .admin-dashboard-grid .module-arrow svg{width:20px!important;height:20px!important;}
body.system-admin-view .admin-dashboard-grid .module-copy h3{
  font-size:14px!important;
  line-height:1.08!important;
  letter-spacing:-.25px!important;
  margin:0 0 5px!important;
}
body.system-admin-view .admin-dashboard-grid .module-copy p{
  font-size:11px!important;
  line-height:1.22!important;
  margin:0!important;
  max-width:100%!important;
}
body.system-admin-view .page-heading{margin-bottom:12px!important;}
body.system-admin-view .page-subtitle{max-width:620px!important;}
@media (max-width:1280px){
  body.system-admin-view .admin-menu-grid.admin-dashboard-grid,
  body.system-admin-view .module-home-bento.admin-dashboard-grid,
  body.system-admin-view .bento-grid.admin-dashboard-grid,
  body.system-admin-view .admin-dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media (max-width:900px){
  body.system-admin-view .admin-menu-grid.admin-dashboard-grid,
  body.system-admin-view .module-home-bento.admin-dashboard-grid,
  body.system-admin-view .bento-grid.admin-dashboard-grid,
  body.system-admin-view .admin-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
  body.system-admin-view .admin-dashboard-grid > article,
  body.system-admin-view .admin-dashboard-grid > .widget,
  body.system-admin-view .admin-dashboard-grid > .module-widget,
  body.system-admin-view .admin-dashboard-grid > .admin-module-card{height:160px!important;min-height:160px!important;border-radius:22px!important;}
  body.system-admin-view .admin-dashboard-grid .admin-module-card .widget-content,
  body.system-admin-view .admin-dashboard-grid .module-widget .widget-content{height:160px!important;min-height:160px!important;padding:15px!important;}
  body.system-admin-view .admin-dashboard-grid .module-copy h3{font-size:14px!important;}
  body.system-admin-view .admin-dashboard-grid .module-copy p{font-size:11px!important;line-height:1.22!important;}
}
@media (max-width:430px){
  body.system-admin-view .admin-menu-grid.admin-dashboard-grid,
  body.system-admin-view .module-home-bento.admin-dashboard-grid,
  body.system-admin-view .bento-grid.admin-dashboard-grid,
  body.system-admin-view .admin-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  body.system-admin-view .admin-dashboard-grid > article,
  body.system-admin-view .admin-dashboard-grid > .widget,
  body.system-admin-view .admin-dashboard-grid > .module-widget,
  body.system-admin-view .admin-dashboard-grid > .admin-module-card{height:150px!important;min-height:150px!important;}
  body.system-admin-view .admin-dashboard-grid .admin-module-card .widget-content,
  body.system-admin-view .admin-dashboard-grid .module-widget .widget-content{height:150px!important;min-height:150px!important;padding:13px!important;}
}


/* Helprite Desk v94 — temp password page cleanup, quiet theme toggle, larger System Admin desktop cards */
body.system-admin-view .admin-menu-grid.admin-dashboard-grid,
body.system-admin-view .module-home-bento.admin-dashboard-grid,
body.system-admin-view .bento-grid.admin-dashboard-grid,
body.system-admin-view .admin-dashboard-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
}
body.system-admin-view .admin-dashboard-grid > article,
body.system-admin-view .admin-dashboard-grid > .widget,
body.system-admin-view .admin-dashboard-grid > .module-widget,
body.system-admin-view .admin-dashboard-grid > .admin-module-card{
  height:168px!important;
  min-height:168px!important;
  border-radius:26px!important;
}
body.system-admin-view .admin-dashboard-grid .admin-module-card .widget-content,
body.system-admin-view .admin-dashboard-grid .module-widget .widget-content{
  height:168px!important;
  min-height:168px!important;
  padding:22px!important;
}
body.system-admin-view .admin-dashboard-grid .module-top{min-height:32px!important;}
body.system-admin-view .admin-dashboard-grid .module-icon svg,
body.system-admin-view .admin-dashboard-grid .module-arrow svg{width:24px!important;height:24px!important;}
body.system-admin-view .admin-dashboard-grid .module-copy h3{font-size:17px!important;line-height:1.1!important;margin:0 0 7px!important;}
body.system-admin-view .admin-dashboard-grid .module-copy p{font-size:12.5px!important;line-height:1.28!important;}
@media (max-width:1280px){
  body.system-admin-view .admin-menu-grid.admin-dashboard-grid,
  body.system-admin-view .module-home-bento.admin-dashboard-grid,
  body.system-admin-view .bento-grid.admin-dashboard-grid,
  body.system-admin-view .admin-dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media (max-width:900px){
  body.system-admin-view .admin-menu-grid.admin-dashboard-grid,
  body.system-admin-view .module-home-bento.admin-dashboard-grid,
  body.system-admin-view .bento-grid.admin-dashboard-grid,
  body.system-admin-view .admin-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
  body.system-admin-view .admin-dashboard-grid > article,
  body.system-admin-view .admin-dashboard-grid > .widget,
  body.system-admin-view .admin-dashboard-grid > .module-widget,
  body.system-admin-view .admin-dashboard-grid > .admin-module-card{height:164px!important;min-height:164px!important;border-radius:22px!important;}
  body.system-admin-view .admin-dashboard-grid .admin-module-card .widget-content,
  body.system-admin-view .admin-dashboard-grid .module-widget .widget-content{height:164px!important;min-height:164px!important;padding:15px!important;}
  body.system-admin-view .admin-dashboard-grid .module-icon svg,
  body.system-admin-view .admin-dashboard-grid .module-arrow svg{width:22px!important;height:22px!important;}
  body.system-admin-view .admin-dashboard-grid .module-copy h3{font-size:14px!important;line-height:1.1!important;}
  body.system-admin-view .admin-dashboard-grid .module-copy p{font-size:11px!important;line-height:1.22!important;}
}
@media (max-width:430px){
  body.system-admin-view .admin-menu-grid.admin-dashboard-grid,
  body.system-admin-view .module-home-bento.admin-dashboard-grid,
  body.system-admin-view .bento-grid.admin-dashboard-grid,
  body.system-admin-view .admin-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  body.system-admin-view .admin-dashboard-grid > article,
  body.system-admin-view .admin-dashboard-grid > .widget,
  body.system-admin-view .admin-dashboard-grid > .module-widget,
  body.system-admin-view .admin-dashboard-grid > .admin-module-card{height:156px!important;min-height:156px!important;}
  body.system-admin-view .admin-dashboard-grid .admin-module-card .widget-content,
  body.system-admin-view .admin-dashboard-grid .module-widget .widget-content{height:156px!important;min-height:156px!important;padding:13px!important;}
}

/* ========================================================================== 
   HELPRITE DESK v95 — HOME DASHBOARD PERMISSION GRID ARRANGEMENT
   - When role/permission visibility leaves three Operations cards, keep all
     three cards in a clean 3-grid instead of making Drive full width.
   - Keeps one visible card full width and two visible cards as 2-grid.
   ========================================================================== */
@media (min-width: 901px) {
  body[data-page-route="/home"] .dashboard-operations-section.dashboard-visible-3 .operations-grid,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-operations-section.dashboard-visible-3 .operations-grid,
  body[data-page-route="/home"] .operations-grid.grid-count-3,
  body[data-menu-page="true"][data-page-route="/home"] .operations-grid.grid-count-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-template-rows: minmax(0, 1fr) !important;
    grid-auto-rows: minmax(0, 1fr) !important;
  }

  body[data-page-route="/home"] .dashboard-operations-section.dashboard-visible-3 .dashboard-menu-tile,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-operations-section.dashboard-visible-3 .dashboard-menu-tile,
  body[data-page-route="/home"] .operations-grid.grid-count-3 .dashboard-menu-tile,
  body[data-menu-page="true"][data-page-route="/home"] .operations-grid.grid-count-3 .dashboard-menu-tile,
  body[data-page-route="/home"] .dashboard-operations-section.dashboard-visible-3 .dashboard-menu-wide,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-operations-section.dashboard-visible-3 .dashboard-menu-wide,
  body[data-page-route="/home"] .operations-grid.grid-count-3 .dashboard-menu-wide,
  body[data-menu-page="true"][data-page-route="/home"] .operations-grid.grid-count-3 .dashboard-menu-wide {
    grid-column: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
  }

  body[data-page-route="/home"] .operations-grid.grid-count-4,
  body[data-menu-page="true"][data-page-route="/home"] .operations-grid.grid-count-4,
  body[data-page-route="/home"] .dashboard-operations-section.dashboard-visible-4 .operations-grid,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-operations-section.dashboard-visible-4 .operations-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
  }

  body[data-page-route="/home"] .operations-grid.grid-count-4 .dashboard-menu-wide,
  body[data-menu-page="true"][data-page-route="/home"] .operations-grid.grid-count-4 .dashboard-menu-wide,
  body[data-page-route="/home"] .dashboard-operations-section.dashboard-visible-4 .dashboard-menu-wide,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-operations-section.dashboard-visible-4 .dashboard-menu-wide {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 900px) {
  body[data-page-route="/home"] .dashboard-operations-section.dashboard-visible-3 .operations-grid,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-operations-section.dashboard-visible-3 .operations-grid,
  body[data-page-route="/home"] .operations-grid.grid-count-3,
  body[data-menu-page="true"][data-page-route="/home"] .operations-grid.grid-count-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: minmax(148px, auto) !important;
  }

  body[data-page-route="/home"] .dashboard-operations-section.dashboard-visible-3 .dashboard-menu-wide,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-operations-section.dashboard-visible-3 .dashboard-menu-wide,
  body[data-page-route="/home"] .operations-grid.grid-count-3 .dashboard-menu-wide,
  body[data-menu-page="true"][data-page-route="/home"] .operations-grid.grid-count-3 .dashboard-menu-wide {
    grid-column: auto !important;
    width: 100% !important;
  }
}

/* Helprite v96: login lockout countdown under password field */
.auth-lock-countdown {
  margin: 10px 2px 0;
  padding: 10px 12px;
  border: 1px solid rgba(255, 59, 48, .26);
  border-radius: 13px;
  background: rgba(255, 59, 48, .08);
  color: #ff453a;
  font-size: 12px;
  line-height: 1.35;
}
.auth-lock-countdown[hidden] { display: none !important; }
.auth-lock-countdown strong { display: block; font-size: 12px; margin-bottom: 2px; }
.auth-lock-countdown span { color: inherit; opacity: .92; }
.auth-lock-countdown b { font-variant-numeric: tabular-nums; letter-spacing: .02em; }
[data-theme="light"] .auth-lock-countdown {
  background: rgba(255, 59, 48, .075);
  color: #d70015;
  border-color: rgba(255, 59, 48, .22);
}
.apple-auth-submit.is-locked,
.apple-auth-submit:disabled.is-locked {
  opacity: .62;
  cursor: not-allowed;
}

/* v97 trusted device auth capture */
.trusted-device-check{
  display:flex;
  align-items:center;
  gap:10px;
  justify-content:flex-start;
  width:100%;
  margin:14px 0 4px;
  color:var(--muted);
  font-size:13px;
  line-height:1.3;
}
.trusted-device-check input{
  width:18px;
  height:18px;
  accent-color:var(--blue);
  flex:0 0 auto;
}


/* ========================================================================== 
   HELPRITE DESK v100 — Security settings polish, trusted-device cards,
   OTP UX support and flat Drive page background
   ========================================================================== */
body.system-admin-view .security-settings-modern{
  border-radius: 24px !important;
  background: var(--panel-solid) !important;
  border-color: color-mix(in srgb, var(--line) 84%, transparent) !important;
  box-shadow: 0 18px 48px rgba(16,24,40,.07) !important;
  overflow: hidden !important;
}
body.system-admin-view .security-settings-modern .security-tab-rail{
  background: color-mix(in srgb, var(--panel-2) 70%, var(--panel-solid)) !important;
  padding: 18px !important;
}
body.system-admin-view .security-settings-modern .admin-rail-group{
  gap: 8px !important;
}
body.system-admin-view .security-settings-modern .admin-settings-rail .admin-tab{
  min-height: 46px !important;
  border-radius: 15px !important;
  border: 1px solid transparent !important;
  padding: 0 14px !important;
  font-size: 13px !important;
  font-weight: 720 !important;
  color: var(--muted) !important;
  background: transparent !important;
  letter-spacing: -.01em !important;
}
body.system-admin-view .security-settings-modern .admin-settings-rail .admin-tab .security-tab-dot{
  width: 8px !important;
  height: 8px !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--muted) 42%, transparent) !important;
  box-shadow: none !important;
  flex: 0 0 auto !important;
}
body.system-admin-view .security-settings-modern .admin-settings-rail .admin-tab:hover{
  background: color-mix(in srgb, var(--blue) 7%, var(--panel-solid)) !important;
  color: var(--text) !important;
}
body.system-admin-view .security-settings-modern .admin-settings-rail .admin-tab.active{
  background: color-mix(in srgb, var(--blue) 12%, var(--panel-solid)) !important;
  border-color: color-mix(in srgb, var(--blue) 30%, transparent) !important;
  color: var(--blue) !important;
}
body.system-admin-view .security-settings-modern .admin-settings-rail .admin-tab.active .security-tab-dot{
  background: var(--blue) !important;
}
body.system-admin-view .security-panels > .panel{
  min-height: 560px !important;
  background: var(--panel-solid) !important;
}
body.system-admin-view .security-panels .panel-header{
  min-height: 72px !important;
  padding: 20px 22px !important;
  background: transparent !important;
  border-bottom: 1px solid var(--line) !important;
}
body.system-admin-view .security-panels .panel-title{
  font-size: 16px !important;
  font-weight: 780 !important;
  color: var(--text) !important;
}
body.system-admin-view .security-panels .panel-subtitle{
  font-size: 12px !important;
  color: var(--muted) !important;
  line-height: 1.35 !important;
}
body.system-admin-view .security-stats > div{
  background: color-mix(in srgb, var(--panel-2) 78%, transparent) !important;
  border-radius: 18px !important;
}
body.system-admin-view .trusted-device-heading{
  align-items: center !important;
}
body.system-admin-view .trusted-total-pill{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 32px !important;
  padding: 0 13px !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--blue) 11%, var(--panel-solid)) !important;
  border: 1px solid color-mix(in srgb, var(--blue) 28%, transparent) !important;
  color: var(--blue) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}
body.system-admin-view .trusted-device-toolbar{
  margin: 0 !important;
  padding: 14px 22px !important;
  border-bottom: 1px solid var(--line) !important;
  border-radius: 0 !important;
  background: transparent !important;
}
body.system-admin-view .trusted-device-toolbar .toolbar-left{ min-width: min(360px,100%) !important; }
body.system-admin-view .trusted-device-toolbar .input-shell{ width: min(420px,100%) !important; }
body.system-admin-view .trusted-device-body{ padding-top: 18px !important; }
body.system-admin-view .trusted-device-wrap{
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
}
body.system-admin-view .trusted-device-table{
  min-width: 980px !important;
  border-collapse: separate !important;
  border-spacing: 0 10px !important;
}
body.system-admin-view .trusted-device-table thead th{
  background: transparent !important;
  border-bottom: 0 !important;
  padding: 0 18px 6px !important;
  color: var(--muted) !important;
}
body.system-admin-view .trusted-device-table tbody tr{
  cursor: default !important;
  border-radius: 20px !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
}
body.system-admin-view .trusted-device-table tbody tr:hover{
  background: transparent !important;
  transform: translateY(-1px) !important;
}
body.system-admin-view .trusted-device-table tbody tr td{
  background: color-mix(in srgb, var(--panel-2) 68%, var(--panel-solid)) !important;
  border-top: 1px solid color-mix(in srgb, var(--line) 82%, transparent) !important;
  border-bottom: 1px solid color-mix(in srgb, var(--line) 82%, transparent) !important;
  padding: 15px 18px !important;
  vertical-align: middle !important;
}
body.system-admin-view .trusted-device-table tbody tr td:first-child{
  border-left: 1px solid color-mix(in srgb, var(--line) 82%, transparent) !important;
  border-radius: 20px 0 0 20px !important;
}
body.system-admin-view .trusted-device-table tbody tr td:last-child{
  border-right: 1px solid color-mix(in srgb, var(--line) 82%, transparent) !important;
  border-radius: 0 20px 20px 0 !important;
}
body.system-admin-view .trusted-device-cardline{
  display: flex !important;
  align-items: center !important;
  gap: 13px !important;
  min-width: 270px !important;
}
body.system-admin-view .trusted-device-icon{
  width: 48px !important;
  height: 48px !important;
  border-radius: 17px !important;
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 auto !important;
  color: var(--blue) !important;
  background: color-mix(in srgb, var(--blue) 12%, var(--panel-solid)) !important;
  border: 1px solid color-mix(in srgb, var(--blue) 24%, transparent) !important;
}
body.system-admin-view .trusted-device-icon svg{
  width: 25px !important;
  height: 25px !important;
}
body.system-admin-view .trusted-device-copy{
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
}
body.system-admin-view .trusted-device-copy strong{
  color: var(--text) !important;
  font-size: 13px !important;
  line-height: 1.15 !important;
}
body.system-admin-view .trusted-device-copy span,
body.system-admin-view .trusted-device-copy small{
  color: var(--muted) !important;
  font-size: 11.5px !important;
  line-height: 1.25 !important;
}
body.system-admin-view .trusted-ip-chip{
  display: inline-flex !important;
  align-items: center !important;
  min-height: 28px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  background: var(--panel-solid) !important;
  border: 1px solid var(--line) !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace !important;
  font-size: 11px !important;
  color: var(--text) !important;
}
body.system-admin-view .trusted-remove-btn{
  border-radius: 13px !important;
  min-height: 34px !important;
  padding-inline: 14px !important;
}
@media(max-width: 1180px){
  body.system-admin-view .security-settings-modern{ grid-template-columns: 1fr !important; }
  body.system-admin-view .security-settings-modern .security-tab-rail{
    border-right: 0 !important;
    border-bottom: 1px solid var(--line) !important;
    overflow-x: auto !important;
  }
  body.system-admin-view .security-settings-modern .admin-rail-group{
    display: flex !important;
    flex-direction: row !important;
    min-width: max-content !important;
  }
  body.system-admin-view .security-settings-modern .admin-settings-rail .admin-tab{
    white-space: nowrap !important;
    min-width: max-content !important;
  }
  body.system-admin-view .trusted-device-wrap{ overflow-x: auto !important; }
}
@media(max-width: 700px){
  body.system-admin-view .security-panels .panel-header,
  body.system-admin-view .trusted-device-toolbar{
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  body.system-admin-view .trusted-device-heading{
    align-items: flex-start !important;
    gap: 12px !important;
    flex-direction: column !important;
  }
  body.system-admin-view .trusted-device-toolbar{
    flex-direction: column !important;
    align-items: stretch !important;
  }
  body.system-admin-view .trusted-device-toolbar .toolbar-left,
  body.system-admin-view .trusted-device-toolbar .toolbar-right,
  body.system-admin-view .trusted-device-toolbar .input-shell,
  body.system-admin-view .trusted-device-toolbar select{
    width: 100% !important;
  }
}

/* OTP boxes must accept paste/autofill cleanly. */
.apple-auth-otp input{
  text-align: center !important;
  font-variant-numeric: tabular-nums !important;
}

/* Drive must use a flat Apple surface, not radial/linear gradient backgrounds. */
body.drive-experience{
  background: var(--bg) !important;
  background-color: var(--bg) !important;
  background-image: none !important;
}
body.drive-experience .main-content.drive-main-content,
body.drive-experience .drive-workspace{
  background: transparent !important;
  background-image: none !important;
}
body.drive-experience .drive-user-avatar,
body.drive-experience .drive-table-avatar{
  background: var(--blue) !important;
  background-image: none !important;
}
body.drive-experience .drive-folder-card,
body.drive-experience .drive-command-bar,
body.drive-experience .drive-local-sidebar,
body.drive-experience .drive-file-row,
body.drive-experience .drive-modal,
body.drive-experience .drive-full-form-card,
body.drive-experience .drive-upload-zone,
body.drive-experience .drive-empty-state{
  background-image: none !important;
}

/* Helprite Drive v106: old backend logic bridge, approved theme UI unchanged */
.drive-page-preloader{position:fixed;inset:0;background:rgba(247,249,252,.68);backdrop-filter:blur(4px);z-index:99999;display:none;align-items:center;justify-content:center;}
.drive-page-preloader.show{display:flex;}
.drive-preloader-card{min-width:230px;border:1px solid var(--drive-border,#e7ebf1);border-radius:16px;background:var(--drive-surface,#fff);box-shadow:0 18px 50px rgba(17,24,39,.12);padding:22px 24px;text-align:center;color:var(--drive-text,#111827);}
.drive-preloader-spinner{width:34px;height:34px;border:3px solid rgba(0,122,255,.14);border-top-color:var(--blue,#007aff);border-radius:50%;display:inline-block;animation:driveSpin .75s linear infinite;margin-bottom:12px;}
.drive-preloader-card strong{display:block;font-size:14px;margin-bottom:4px;}
.drive-preloader-card small{display:block;font-size:12px;color:var(--drive-muted,#6b7280);}
@keyframes driveSpin{to{transform:rotate(360deg)}}
.drive-upload-zone.dragover{border-color:var(--blue,#007aff)!important;background:rgba(0,122,255,.06)!important;}
.drive-selection-toolbar{display:none;align-items:center;justify-content:space-between;gap:10px;margin:10px 0 4px;padding:10px 12px;border:1px solid var(--drive-border,#e7ebf1);border-radius:10px;background:color-mix(in srgb,var(--drive-blue,#007aff) 6%,var(--drive-surface,#fff));font-size:12px;}
.drive-selection-toolbar.show{display:flex;}
.drive-selection-toolbar>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.drive-selection-toolbar button,.drive-pagination button{height:30px;border:1px solid var(--drive-border,#e7ebf1);background:var(--drive-surface,#fff);color:var(--drive-text,#111827);border-radius:8px;padding:0 10px;font-size:12px;font-weight:650;cursor:pointer;}
.drive-selection-toolbar button:hover,.drive-pagination button:hover{background:var(--drive-surface-2,#f3f5f8);}
.drive-selection-toolbar button[data-selection-trash]{color:#ff3b30;border-color:rgba(255,59,48,.25);}
.drive-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px;text-align:left!important;}
.drive-footer>span{color:var(--drive-muted,#6b7280);}
.drive-pagination{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;}
.drive-pagination button.active{background:var(--blue,#007aff);border-color:var(--blue,#007aff);color:#fff;}
.drive-pagination button[disabled]{opacity:.5;cursor:not-allowed;}
.drive-table-folder{width:34px;height:34px;border-radius:7px;background:rgba(255,187,51,.12);color:var(--drive-folder,#d8aa20);display:grid;place-items:center;flex:0 0 auto;}
.drive-folder-card.selected{border-color:var(--blue,#007aff);background:rgba(0,122,255,.07);}
.drive-activity-row.selected td{background:rgba(0,122,255,.05);}
.drive-detail-pop{text-align:left;font-size:13px;line-height:1.55;}
.drive-detail-pop h3{font-size:16px;margin:0 0 10px;}
.drive-detail-pop p{margin:6px 0;}
@media(max-width:680px){.drive-selection-toolbar{align-items:flex-start;flex-direction:column}.drive-selection-toolbar>div{width:100%;overflow-x:auto;flex-wrap:nowrap}.drive-footer{align-items:flex-start!important;flex-direction:column!important}.drive-pagination{width:100%;justify-content:flex-end}.drive-page-preloader{align-items:flex-end}.drive-preloader-card{width:calc(100vw - 28px);margin-bottom:18px}}

/* ========================================================================== 
   HELPRITE DRIVE v112 — REQUIRED RUNTIME FIXES
   Purpose: Drive page uses old backend/JS logic with the new Apple Drive theme.
   These rules hide inactive Drive modals/inputs, protect the theme layout, and
   prevent raw Bootstrap modal markup from showing when Bootstrap CSS is absent.
   ========================================================================== */
body.drive-experience {
  min-height: 100vh !important;
  overflow-x: hidden !important;
  color: var(--drive-text, var(--text)) !important;
}
body.drive-experience .main-content.drive-main-content {
  width: auto !important;
  min-height: 100vh !important;
  box-sizing: border-box !important;
}
body.drive-experience .drive-workspace,
body.drive-experience .drive-workspace * {
  box-sizing: border-box !important;
}
body.drive-experience input[type="file"][hidden],
body.drive-experience .drive-modal-backdrop[hidden],
body.drive-experience .drive-page-preloader[hidden],
body.drive-experience .drive-selected-toolbar[hidden],
body.drive-experience .drive-activity-section[hidden],
body.drive-experience .drive-back-btn[hidden],
body.drive-experience .search-popover[hidden],
body.drive-experience .drive-info-wrap[hidden] {
  display: none !important;
}
body.drive-experience .drive-page-preloader.show {
  display: flex !important;
}
body.drive-experience .drive-page-preloader .drive-preloader-card {
  min-width: 250px !important;
}
body.drive-experience .drive-modal-backdrop {
  display: none !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 99970 !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 20px !important;
  background: rgba(4, 8, 16, .58) !important;
  -webkit-backdrop-filter: blur(16px) saturate(160%) !important;
  backdrop-filter: blur(16px) saturate(160%) !important;
  opacity: 1 !important;
  visibility: visible !important;
}
body.drive-experience .drive-modal-backdrop.open {
  display: flex !important;
}
body.drive-experience.drive-modal-open {
  overflow: hidden !important;
}
body.drive-experience .drive-modal {
  width: min(790px, 100%) !important;
  max-height: calc(100vh - 44px) !important;
  overflow: auto !important;
  color: var(--drive-text, var(--text)) !important;
  background: var(--drive-surface, var(--panel-solid)) !important;
  border: 1px solid var(--drive-border, var(--line)) !important;
  border-radius: 18px !important;
  box-shadow: 0 34px 100px rgba(0,0,0,.28) !important;
}
body.drive-experience .drive-modal-small { width: min(520px, 100%) !important; }
body.drive-experience .drive-modal-wide { width: min(860px, 100%) !important; }
body.drive-experience .drive-modal > header,
body.drive-experience .drive-modal > form > footer,
body.drive-experience .drive-modal > footer {
  background: transparent !important;
}
body.drive-experience .drive-modal > header h2,
body.drive-experience .drive-modal h2,
body.drive-experience .drive-modal h3,
body.drive-experience .drive-modal label,
body.drive-experience .drive-modal strong {
  color: var(--drive-text, var(--text)) !important;
}
body.drive-experience .drive-modal p,
body.drive-experience .drive-modal span,
body.drive-experience .drive-modal small {
  color: var(--drive-muted, var(--muted)) !important;
}
body.drive-experience .drive-form-field input,
body.drive-experience .drive-form-field select,
body.drive-experience .drive-form-field textarea,
body.drive-experience .drive-modal input,
body.drive-experience .drive-modal select,
body.drive-experience .drive-modal textarea {
  background: var(--drive-surface-2, var(--panel-2)) !important;
  border: 1px solid var(--drive-border, var(--line)) !important;
  color: var(--drive-text, var(--text)) !important;
}
body.drive-experience .drive-form-field input::placeholder,
body.drive-experience .drive-form-field textarea::placeholder {
  color: var(--drive-muted, var(--muted)) !important;
}
body.drive-experience .drive-upload-zone.dragover,
body.drive-experience .drive-upload-zone.is-dragging,
body.drive-experience .drive-dropzone-mini.dragover {
  border-color: var(--drive-blue, var(--blue)) !important;
  background: color-mix(in srgb, var(--drive-blue, var(--blue)) 8%, var(--drive-surface, var(--panel-solid))) !important;
}
body.drive-experience .drive-main-search-wrap,
body.drive-experience .drive-search-wrap {
  position: relative !important;
}
body.drive-experience .search-popover {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: calc(100% + 8px) !important;
  z-index: 99930 !important;
  display: none !important;
  background: var(--drive-surface, var(--panel-solid)) !important;
  border: 1px solid var(--drive-border, var(--line)) !important;
  border-radius: 12px !important;
  box-shadow: var(--drive-shadow, var(--shadow-soft)) !important;
  overflow: hidden !important;
}
body.drive-experience .search-popover.show {
  display: block !important;
}
body.drive-experience .search-popover .card-body {
  padding: 10px !important;
  color: var(--drive-muted, var(--muted)) !important;
}
body.drive-experience .drive-selected-toolbar.show,
body.drive-experience .drive-selection-toolbar.show {
  display: flex !important;
}
body.drive-experience .drive-selected-toolbar {
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 12px 0 0 !important;
  padding: 10px 12px !important;
  border: 1px solid var(--drive-border, var(--line)) !important;
  border-radius: 12px !important;
  background: color-mix(in srgb, var(--drive-blue, var(--blue)) 6%, var(--drive-surface, var(--panel-solid))) !important;
}
body.drive-experience .drive-local-link {
  text-decoration: none !important;
}
body.drive-experience .drive-folder-card.selected,
body.drive-experience .drive-file-row.selected {
  border-color: var(--drive-blue, var(--blue)) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--drive-blue, var(--blue)) 16%, transparent) !important;
}
body.drive-experience .drive-empty-state {
  width: 100% !important;
  min-height: 240px !important;
  text-align: center !important;
}
body.drive-experience .drive-empty-icon {
  width: 58px !important;
  height: 58px !important;
  border-radius: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 10px !important;
  background: color-mix(in srgb, var(--drive-blue, var(--blue)) 12%, transparent) !important;
  color: var(--drive-blue, var(--blue)) !important;
  font-size: 26px !important;
}
body.drive-experience .drive-context-menu:not(.open),
body.drive-experience .drive-upload-menu:not(.open),
body.drive-experience .drive-filter-menu:not(.open) {
  pointer-events: none !important;
}
body.drive-experience .drive-dropdown-menu {
  z-index: 99960 !important;
  max-width: min(260px, calc(100vw - 24px)) !important;
}
body.drive-experience .dropdown-menu.drive-dropdown-menu,
body.drive-experience .drive-dropdown-menu {
  background: var(--drive-surface, var(--panel-solid)) !important;
  border: 1px solid var(--drive-border, var(--line)) !important;
  border-radius: 12px !important;
  box-shadow: var(--drive-shadow, var(--shadow-soft)) !important;
  padding: 6px !important;
}
body.drive-experience .dropdown-menu.drive-dropdown-menu .dropdown-item,
body.drive-experience .drive-dropdown-menu .dropdown-item {
  color: var(--drive-text, var(--text)) !important;
  border-radius: 9px !important;
  white-space: normal !important;
}
body.drive-experience .dropdown-menu.drive-dropdown-menu .dropdown-item:hover,
body.drive-experience .drive-dropdown-menu .dropdown-item:hover {
  background: var(--drive-surface-2, var(--panel-2)) !important;
}
/* Hide legacy Bootstrap Drive modals/offcanvas if a page copy still contains them. */
body.drive-experience .modal.fade:not(.show),
body.drive-experience .offcanvas:not(.show):not(.open) {
  display: none !important;
  visibility: hidden !important;
}
body.drive-experience .modal.fade.show {
  position: fixed !important;
  inset: 0 !important;
  z-index: 99970 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(4, 8, 16, .58) !important;
  padding: 20px !important;
}
body.drive-experience .modal.fade.show .modal-dialog {
  width: min(790px, 100%) !important;
  max-width: none !important;
  margin: 0 !important;
}
body.drive-experience .modal.fade.show .modal-content {
  border-radius: 18px !important;
  background: var(--drive-surface, var(--panel-solid)) !important;
  color: var(--drive-text, var(--text)) !important;
  border-color: var(--drive-border, var(--line)) !important;
  box-shadow: 0 34px 100px rgba(0,0,0,.28) !important;
}
body.drive-experience .drive-info-wrap[hidden] {
  display: none !important;
}
body.drive-experience .drive-info-wrap.open {
  display: block !important;
}
body.drive-experience .drive-info-drawer {
  z-index: 99980 !important;
}
body.drive-experience .drive-info-header button[data-drive-info-close] {
  width: 34px !important;
  height: 34px !important;
  border: 0 !important;
  border-radius: 10px !important;
  display: grid !important;
  place-items: center !important;
  color: var(--drive-text, var(--text)) !important;
  background: var(--drive-surface-2, var(--panel-2)) !important;
  cursor: pointer !important;
}
@media (max-width: 900px) {
  body.drive-experience .drive-workspace { grid-template-columns: 1fr !important; }
  body.drive-experience .drive-local-sidebar { z-index: 99940 !important; }
}
@media (max-width: 680px) {
  body.drive-experience .drive-modal-backdrop { align-items: flex-end !important; padding: 0 !important; }
  body.drive-experience .drive-modal { width: 100% !important; max-height: 92vh !important; border-radius: 18px 18px 0 0 !important; }
  body.drive-experience .drive-selected-toolbar { overflow-x: auto !important; flex-wrap: nowrap !important; }
}


/* ========================================================================== 
   HELPRITE DRIVE FINAL FRONTEND FIXES
   Keeps Drive using the same page CSS/JS class names from the approved page.
   ========================================================================== */
body.drive-experience .drive-page-preloader{position:fixed;inset:0;z-index:99990;display:none;align-items:center;justify-content:center;background:rgba(2,6,12,.42);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
body.drive-experience .drive-page-preloader.show{display:flex}
body.drive-experience .drive-preloader-card{min-width:260px;border:1px solid var(--drive-border,var(--line));background:var(--drive-surface,var(--panel-solid));color:var(--drive-text,var(--text));border-radius:18px;box-shadow:0 28px 90px rgba(0,0,0,.28);padding:22px;text-align:center;display:grid;gap:8px;place-items:center}
body.drive-experience .drive-preloader-spinner{width:32px;height:32px;border-radius:50%;border:3px solid color-mix(in srgb,var(--drive-blue,var(--blue)) 18%,transparent);border-top-color:var(--drive-blue,var(--blue));animation:driveSpin .8s linear infinite}@keyframes driveSpin{to{transform:rotate(360deg)}}
body.drive-experience .drive-item-check{left:10px!important;right:auto!important;top:auto!important;bottom:10px!important;opacity:1!important;z-index:5!important}
body.drive-experience .drive-folder-grid.is-list .drive-item-check{left:10px!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important}
body.drive-experience .drive-folder-card .drive-star.active,
body.drive-experience .drive-folder-card.is-important .drive-star,
body.drive-experience .drive-star.active{color:#f5b301!important;opacity:1!important;background:rgba(245,179,1,.12)!important}
body.drive-experience .drive-star.active svg,
body.drive-experience .drive-folder-card.is-important .drive-star svg{fill:currentColor!important;stroke:currentColor!important}
body.drive-experience .drive-selection-toolbar{display:none;align-items:center;justify-content:space-between;gap:10px;margin:0 0 14px;padding:10px 12px;border:1px solid var(--drive-border,var(--line));border-radius:14px;background:color-mix(in srgb,var(--drive-blue,var(--blue)) 7%,var(--drive-surface,var(--panel-solid)));box-shadow:var(--drive-shadow,var(--shadow-soft))}
body.drive-experience .drive-selection-toolbar.show{display:flex}
body.drive-experience .drive-selection-toolbar>div{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
body.drive-experience .drive-selection-toolbar button{border:1px solid var(--drive-border,var(--line));background:var(--drive-surface,var(--panel-solid));color:var(--drive-text,var(--text));height:32px;border-radius:10px;padding:0 10px;font-size:12px;font-weight:700;cursor:pointer}
body.drive-experience .drive-selection-toolbar [data-selection-trash]{color:var(--red,#ff3b30)}
body.drive-experience .drive-upload-zone.dragover,
body.drive-experience .drive-dropzone.dragover{border-color:var(--drive-blue,var(--blue))!important;background:color-mix(in srgb,var(--drive-blue,var(--blue)) 9%,var(--drive-surface,var(--panel-solid)))!important}
body.drive-experience .drive-file-icon{width:48px;height:58px;border-radius:10px;background:var(--drive-surface-2,var(--panel-2));border:1px solid var(--drive-border,var(--line));display:grid;place-items:center;font-size:11px;font-weight:800;color:var(--drive-text,var(--text))}
body.drive-experience .drive-file-icon.pdf{color:#ff3b30;background:rgba(255,59,48,.11)}
body.drive-experience .drive-file-icon.doc{color:#007aff;background:rgba(0,122,255,.11)}
body.drive-experience .drive-file-icon.xls{color:#34c759;background:rgba(52,199,89,.11)}
body.drive-experience .drive-file-icon.zip{color:#af52de;background:rgba(175,82,222,.11)}
body.drive-experience .drive-file-icon.image{color:#ff9500;background:rgba(255,149,0,.11)}
body.drive-experience .drive-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
body.drive-experience .drive-form-field.full{grid-column:1/-1}
body.drive-experience .drive-form-field input[readonly],body.drive-experience .drive-form-field textarea[readonly]{opacity:.82}
body.drive-experience .drive-storage-card input{width:100%;border:1px solid var(--drive-border,var(--line));background:var(--drive-surface-2,var(--panel-2));color:var(--drive-text,var(--text));border-radius:10px;padding:9px 10px}
body.drive-experience .drive-apple-prompt-backdrop{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;background:rgba(8,12,20,.46);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:18px}
body.drive-experience .drive-apple-prompt-backdrop.open{display:flex}
body.drive-experience .drive-apple-prompt{width:min(390px,100%);border-radius:20px;border:1px solid var(--drive-border,var(--line));background:var(--drive-surface,var(--panel-solid));color:var(--drive-text,var(--text));box-shadow:0 34px 110px rgba(0,0,0,.32);overflow:hidden;animation:drivePromptIn .16s ease both}
@keyframes drivePromptIn{from{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:none}}
body.drive-experience .drive-apple-prompt-body{padding:22px 22px 16px;text-align:center}
body.drive-experience .drive-apple-prompt-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;margin:0 auto 13px;background:color-mix(in srgb,var(--drive-blue,var(--blue)) 12%,transparent);color:var(--drive-blue,var(--blue))}
body.drive-experience .drive-apple-prompt h3{margin:0 0 8px;font-size:18px;letter-spacing:-.4px}
body.drive-experience .drive-apple-prompt p{margin:0;color:var(--drive-muted,var(--muted));font-size:13px;line-height:1.45}
body.drive-experience .drive-apple-prompt-actions{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--drive-border,var(--line))}
body.drive-experience .drive-apple-prompt-actions button{height:48px;border:0;background:transparent;color:var(--drive-blue,var(--blue));font-weight:750;cursor:pointer}
body.drive-experience .drive-apple-prompt-actions button+button{border-left:1px solid var(--drive-border,var(--line))}
body.drive-experience .drive-apple-prompt-actions .danger{color:var(--red,#ff3b30)}
body.drive-experience .drive-apple-prompt-actions .cancel{color:var(--drive-muted,var(--muted))}
body.drive-experience .drive-activity-table td:first-child,body.drive-experience .drive-activity-table th:first-child{width:42px}
@media(max-width:680px){body.drive-experience .drive-selection-toolbar{align-items:flex-start;flex-direction:column}body.drive-experience .drive-selection-toolbar>div{justify-content:flex-start}body.drive-experience .drive-form-grid{grid-template-columns:1fr}.drive-form-field.full{grid-column:1}}


/* ========================================================================== 
   HELPRITE DRIVE — PREVIEW REVERT PATCH + DROPDOWN FIXES
   Keeps the approved Drive page CSS/JS class names and only strengthens behaviour.
   ========================================================================== */
body.drive-experience .drive-popover-wrap{position:relative!important;z-index:30!important}
body.drive-experience [data-drive-upload-menu],
body.drive-experience [data-drive-filter-menu]{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-4px)!important}
body.drive-experience [data-drive-upload-menu].open,
body.drive-experience [data-drive-filter-menu].open{display:block!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;z-index:100000!important}
body.drive-experience .drive-modal-backdrop{display:flex!important;pointer-events:none!important;opacity:0!important;visibility:hidden!important}
body.drive-experience .drive-modal-backdrop.open{pointer-events:auto!important;opacity:1!important;visibility:visible!important}
body.drive-experience .drive-context-menu [hidden]{display:none!important}
body.drive-experience .drive-folder-card .drive-item-check{left:12px!important;bottom:12px!important;right:auto!important;top:auto!important;z-index:10!important;opacity:1!important}
body.drive-experience .drive-folder-grid.is-list .drive-folder-card .drive-item-check{left:12px!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important}
body.drive-experience .drive-star.active,
body.drive-experience .drive-folder-card.is-important .drive-star{color:#f5b301!important;background:rgba(245,179,1,.14)!important;border:1px solid rgba(245,179,1,.24)!important;opacity:1!important}
body.drive-experience .drive-star.active svg,
body.drive-experience .drive-folder-card.is-important .drive-star svg{fill:currentColor!important;stroke:currentColor!important}
body.drive-experience .drive-file-preview-backdrop{z-index:99950!important;background:rgba(8,12,20,.62)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}
body.drive-experience .drive-file-preview-modal{width:min(1180px,calc(100vw - 34px))!important;max-width:none!important;height:min(860px,calc(100vh - 34px))!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;border-radius:24px!important}
body.drive-experience .drive-file-preview-modal header{flex:0 0 auto!important}
body.drive-experience .drive-preview-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
body.drive-experience .drive-file-preview-body{flex:1 1 auto;background:#111827;min-height:0;display:flex}
body.drive-experience .drive-file-preview-body iframe{width:100%;height:100%;border:0;background:#fff;border-radius:0 0 24px 24px}
body.drive-experience .drive-viewer-shell{min-height:calc(100vh - var(--topbar-h,78px) - 56px);display:flex;flex-direction:column;gap:14px}
body.drive-experience .drive-viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--drive-border,var(--line));background:var(--drive-surface,var(--panel-solid));box-shadow:var(--drive-shadow,var(--shadow-soft));border-radius:20px;padding:12px 14px}
body.drive-experience .drive-viewer-title{min-width:0;text-align:center;display:grid;gap:3px}
body.drive-experience .drive-viewer-title strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:48vw;font-size:15px;color:var(--drive-text,var(--text))}
body.drive-experience .drive-viewer-title span{font-size:12px;color:var(--drive-muted,var(--muted))}
body.drive-experience .drive-viewer-frame-wrap{flex:1 1 auto;border:1px solid var(--drive-border,var(--line));background:#111827;border-radius:22px;overflow:hidden;box-shadow:var(--drive-shadow,var(--shadow-soft));min-height:70vh}
body.drive-experience .drive-viewer-frame-wrap iframe{display:block;width:100%;height:100%;min-height:70vh;border:0;background:#fff}
@media(max-width:980px){body.drive-experience .drive-file-preview-modal{width:100vw!important;height:100vh!important;border-radius:0!important}body.drive-experience .drive-file-preview-body iframe{border-radius:0}}
@media(max-width:620px){body.drive-experience .drive-viewer-toolbar{align-items:stretch;flex-direction:column}.drive-viewer-title{text-align:left}.drive-viewer-title strong{max-width:100%}}


/* ========================================================================== 
   HELPRITE DRIVE — FINAL UI + INFO DRAWER + ACTIVITY LOG REFINEMENT
   ========================================================================== */
body.drive-experience .drive-local-link[data-view="activity"] svg{color:var(--drive-muted,var(--muted));}
body.drive-experience .drive-title-row.activity-mode .drive-popover-wrap,
body.drive-experience .drive-title-row.activity-mode .drive-search-wrap,
body.drive-experience .drive-title-row.activity-mode .drive-back-btn{display:none!important;}
body.drive-experience .drive-activity-page[hidden]{display:none!important;}
body.drive-experience .drive-activity-page{display:block;margin-top:12px;}
body.drive-experience .drive-section-note{margin:4px 0 0;color:var(--drive-muted,var(--muted));font-size:12px;}
body.drive-experience .drive-pagination{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:12px;}
body.drive-experience .drive-pagination span{font-size:12px;color:var(--drive-muted,var(--muted));}
body.drive-experience .drive-pagination button:disabled{opacity:.45;cursor:not-allowed;}

body.drive-experience .drive-selection-toolbar{align-items:center!important;justify-content:flex-start!important;border-radius:18px!important;padding:10px 12px!important;background:rgba(255,255,255,.86)!important;box-shadow:0 6px 24px rgba(21,34,55,.08)!important;width:max-content;max-width:100%;}
body.drive-experience .drive-selection-toolbar>strong{margin-right:2px;color:#4f5f75;font-size:13px;white-space:nowrap;}
body.drive-experience .drive-selection-toolbar .drive-selected-clear{width:34px!important;min-width:34px!important;padding:0!important;border-radius:11px!important;}
body.drive-experience .drive-selection-toolbar button{display:inline-flex!important;align-items:center!important;gap:6px!important;height:34px!important;border-radius:10px!important;background:#fff!important;border:1px solid #e3e8f1!important;color:#071327!important;font-size:12px!important;font-weight:750!important;}
body.drive-experience .drive-selection-toolbar button svg{width:15px;height:15px;flex:0 0 auto;}
body.drive-experience .drive-selection-toolbar [data-selection-trash]{color:#ff3b30!important;}

body.drive-experience .drive-empty-polished,
body.drive-experience .drive-no-results{width:min(360px,100%);min-height:245px;padding:34px 20px;border-radius:16px!important;background:linear-gradient(180deg,#fff,#fbfcff)!important;border:1px solid #e7ebf2!important;box-shadow:0 12px 36px rgba(31,45,70,.06)!important;}
body.drive-experience .drive-empty-illustration{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;margin-bottom:2px;background:rgba(0,122,255,.08);color:#007aff;}
body.drive-experience .drive-empty-state strong,
body.drive-experience .drive-no-results strong{font-size:16px!important;font-weight:760!important;letter-spacing:-.2px;}
body.drive-experience .drive-empty-state span:not(.drive-empty-illustration),
body.drive-experience .drive-no-results span:not(.drive-empty-illustration){max-width:240px;text-align:center;line-height:1.35;}

body.drive-experience .drive-folder-open{padding-top:32px!important;}
body.drive-experience .drive-folder-art{width:84px;height:84px;margin:0 auto 18px!important;display:grid!important;place-items:center!important;color:var(--drive-folder,#e9bd34)!important;}
body.drive-experience .drive-file-art{width:92px!important;height:92px!important;border-radius:14px;background:#fff!important;color:#007aff!important;border:1px solid rgba(0,0,0,.035);box-shadow:inset 0 0 0 1px rgba(0,0,0,.02);position:relative;}
body.drive-experience .drive-file-art svg{width:64px!important;height:64px!important;}
body.drive-experience .drive-file-art em{position:absolute;right:7px;bottom:7px;min-width:26px;height:18px;border-radius:5px;background:currentColor;color:#fff;font-size:8px;font-style:normal;font-weight:800;display:grid;place-items:center;padding:0 4px;}
body.drive-experience .drive-file-art-pdf{color:#ff3b30!important;}
body.drive-experience .drive-file-art-doc{color:#007aff!important;}
body.drive-experience .drive-file-art-xls{color:#22a15a!important;}
body.drive-experience .drive-file-art-ppt{color:#ff9500!important;}
body.drive-experience .drive-file-art-image{color:#2f80ed!important;}
body.drive-experience .drive-file-art-video{color:#8e008e!important;}
body.drive-experience .drive-file-art-audio{color:#af52de!important;}
body.drive-experience .drive-file-art-zip{color:#6f42c1!important;}
body.drive-experience .drive-file-art-text{color:#64748b!important;}
body.drive-experience .drive-folder-card .drive-item-check{left:12px!important;bottom:12px!important;top:auto!important;transform:none!important;}
body.drive-experience .drive-folder-grid.is-list .drive-folder-card{min-height:72px!important;}
body.drive-experience .drive-folder-grid.is-list .drive-folder-open{min-height:72px!important;padding:10px 82px 10px 88px!important;}
body.drive-experience .drive-folder-grid.is-list .drive-folder-art{left:45px!important;width:34px!important;height:34px!important;margin:0!important;}
body.drive-experience .drive-folder-grid.is-list .drive-file-art svg{width:27px!important;height:27px!important;}
body.drive-experience .drive-folder-grid.is-list .drive-file-art em{display:none!important;}
body.drive-experience .drive-folder-grid.is-list .drive-item-check{left:14px!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;}

body.drive-experience .drive-file-name{gap:14px!important;}
body.drive-experience .drive-file-name .drive-file-icon{width:38px!important;height:38px!important;border-radius:10px!important;font-size:0!important;}
body.drive-experience .drive-file-name .drive-file-icon svg{width:24px!important;height:24px!important;}
body.drive-experience .drive-activity-table th:first-child,
body.drive-experience .drive-activity-table td:first-child{padding-left:18px!important;}

body.drive-experience .drive-modal{border-radius:22px!important;}
body.drive-experience .drive-modal>header{padding:22px 24px!important;}
body.drive-experience .drive-modal-body{padding:22px 24px!important;}
body.drive-experience .drive-modal footer{padding:17px 24px 22px!important;gap:10px!important;}
body.drive-experience .drive-form-grid,
body.drive-experience .drive-upload-settings>div{gap:18px!important;}
body.drive-experience .drive-form-field{gap:8px!important;}
body.drive-experience .drive-form-field>span,
body.drive-experience .drive-check-field>span:first-child{font-size:12px!important;font-weight:750!important;color:#5f6b7a!important;}
body.drive-experience .drive-form-field input,
body.drive-experience .drive-form-field select,
body.drive-experience .drive-form-field textarea{min-height:44px!important;border-radius:10px!important;background:#f7f8fb!important;border:1px solid #dfe4ec!important;padding:0 14px!important;}
body.drive-experience .drive-form-field textarea{min-height:92px!important;padding:12px 14px!important;}

body.drive-experience .drive-info-wrap{z-index:100000!important;}
body.drive-experience .drive-info-drawer{width:min(430px,100vw)!important;background:#fff!important;color:#071327!important;}
body.drive-experience .drive-info-scroll{background:#fff!important;}
body.drive-experience .drive-info-hero{background:#f4f6f9!important;}
body.drive-experience .drive-info-section h3,
body.drive-experience .drive-info-section-title h3{font-size:16px!important;color:#06172f!important;}
body.drive-experience .drive-info-facts,
body.drive-experience .drive-info-owner,
body.drive-experience .drive-info-description,
body.drive-experience .drive-info-contents,
body.drive-experience .drive-info-activity-list,
body.drive-experience .drive-info-members{border-color:#e3e7ee!important;background:#fff!important;}
body.drive-experience .drive-info-description,
body.drive-experience .drive-info-owner{background:#f7f8fb!important;}
body.drive-experience .drive-info-content-row{border-top:1px solid #eef1f5;}
body.drive-experience .drive-info-content-row:first-child{border-top:0;}
body.drive-experience .drive-info-mini-icon{width:26px;height:26px;color:#007aff;display:grid;place-items:center;}
body.drive-experience .drive-info-mini-icon svg{width:21px;height:21px;}
body.drive-experience .drive-info-mini-icon.pdf{color:#ff3b30;}
body.drive-experience .drive-info-mini-icon.doc{color:#007aff;}
body.drive-experience .drive-info-mini-icon.xls{color:#22a15a;}
body.drive-experience .drive-info-mini-icon.video{color:#8e008e;}
body.drive-experience .drive-info-activity-list{max-height:260px;}
body.drive-experience .drive-info-members{margin-bottom:18px;}
@media(max-width:680px){body.drive-experience .drive-selection-toolbar{width:100%;}body.drive-experience .drive-selection-toolbar>div{overflow-x:auto;flex-wrap:nowrap!important;width:100%;padding-bottom:2px}.drive-info-drawer{width:100vw!important}}

/* ========================================================================== 
   DRIVE FINAL UX FIXES - empty state, footer, forms, icons, drawer, speed
   ========================================================================== */
body.drive-experience .drive-canvas{
  min-height:calc(100vh - var(--topbar-h,78px) - 34px)!important;
  display:flex!important;
  flex-direction:column!important;
}
body.drive-experience .drive-footer{
  margin-top:auto!important;
  width:100%!important;
  padding-top:18px!important;
  padding-bottom:8px!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  color:#6b7280!important;
  font-size:12px!important;
}
body.drive-experience .drive-folder-grid:has(.drive-empty-state),
body.drive-experience .drive-folder-grid.drive-empty-grid{
  grid-template-columns:1fr!important;
}
body.drive-experience #driveGrid > .drive-empty-state,
body.drive-experience .drive-empty-polished{
  grid-column:1 / -1!important;
  width:100%!important;
  min-height:300px!important;
  border:1px solid #e4e8ef!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfcff 100%)!important;
  box-shadow:0 18px 45px rgba(17,24,39,.045)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  padding:40px 18px!important;
  text-align:center!important;
}
body.drive-experience .drive-empty-illustration{
  width:72px!important;
  height:72px!important;
  border-radius:22px!important;
  display:grid!important;
  place-items:center!important;
  background:#eef5ff!important;
  color:#6b7280!important;
  margin-bottom:2px!important;
}
body.drive-experience .drive-empty-polished strong{font-size:18px!important;color:#202124!important;}
body.drive-experience .drive-empty-polished span:not(.drive-empty-illustration){max-width:380px!important;line-height:1.45!important;color:#6b7280!important;}

/* Loading should be lightweight; action/upload modals still use the Apple prompts/progress. */
body.drive-experience .drive-page-preloader{
  background:rgba(255,255,255,.36)!important;
  backdrop-filter:blur(3px)!important;
  -webkit-backdrop-filter:blur(3px)!important;
}
body.drive-experience .drive-preloader-card{
  transform:scale(.92)!important;
  padding:16px 20px!important;
  border-radius:16px!important;
}

/* Drive profile photo */
body.drive-experience .drive-user-avatar.drive-user-photo{
  overflow:hidden!important;
  background:#007aff!important;
  color:#fff!important;
  display:grid!important;
  place-items:center!important;
}
body.drive-experience .drive-user-avatar.drive-user-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}

/* Better centered item/file icons and working folder colours */
body.drive-experience .drive-folder-card .drive-folder-open{
  min-height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  padding:44px 14px 36px!important;
}
body.drive-experience .drive-folder-art-folder{
  color:var(--drive-folder-color,#e9bd34)!important;
}
body.drive-experience .drive-folder-art svg,
body.drive-experience .drive-file-art svg{
  display:block!important;
  margin:auto!important;
}
body.drive-experience .drive-folder-card strong{
  max-width:100%!important;
  text-align:center!important;
}
body.drive-experience .drive-folder-card small{
  text-align:center!important;
}
body.drive-experience .drive-visibility-badge,
body.drive-experience .drive-grant-badge{
  position:absolute!important;
  top:12px!important;
  width:28px!important;
  height:28px!important;
  border-radius:9px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #e1e7ef!important;
  background:#f8fbff!important;
  color:#0f172a!important;
  z-index:6!important;
}
body.drive-experience .drive-visibility-badge{left:12px!important;}
body.drive-experience .drive-grant-badge{left:46px!important;color:#00a5a9!important;background:#effefe!important;border-color:#cef7f8!important;}
body.drive-experience .drive-folder-card .drive-more{top:12px!important;right:12px!important;}
body.drive-experience .drive-folder-grid.is-list .drive-folder-card{
  display:flex!important;
  align-items:center!important;
  min-height:74px!important;
  padding:10px 54px 10px 96px!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-folder-card .drive-folder-open{
  padding:0!important;
  min-height:0!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:15px!important;
  width:100%!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-folder-card .drive-item-check{
  left:16px!important;
  top:50%!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-folder-art,
body.drive-experience .drive-folder-grid.is-list .drive-file-art{
  position:absolute!important;
  left:52px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:36px!important;
  height:36px!important;
  margin:0!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-file-art svg,
body.drive-experience .drive-folder-grid.is-list .drive-folder-art svg{
  width:30px!important;
  height:30px!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-folder-card strong,
body.drive-experience .drive-folder-grid.is-list .drive-folder-card small{
  text-align:left!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-visibility-badge{
  left:auto!important;
  right:104px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-grant-badge{
  left:auto!important;
  right:136px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
}

/* Storage details are display-only. Do not behave like filter links. */
body.drive-experience .drive-storage-type{
  cursor:default!important;
  pointer-events:none!important;
}

/* Consistent professional form spacing in all Drive modals */
body.drive-experience .drive-modal{
  border-radius:22px!important;
  overflow:hidden!important;
}
body.drive-experience .drive-modal header{
  padding:22px 26px!important;
}
body.drive-experience .drive-modal-body{
  padding:24px 26px!important;
}
body.drive-experience .drive-form-grid,
body.drive-experience .drive-upload-settings > div{
  gap:18px!important;
}
body.drive-experience .drive-form-field,
body.drive-experience .drive-check-field{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  margin:0!important;
}
body.drive-experience .drive-form-field > span,
body.drive-experience .drive-check-field > span:first-child{
  min-height:auto!important;
  font-size:12px!important;
  font-weight:700!important;
  color:#667085!important;
  line-height:1.2!important;
  padding:0!important;
  margin:0!important;
}
body.drive-experience .drive-form-field input,
body.drive-experience .drive-form-field select,
body.drive-experience .drive-form-field textarea{
  width:100%!important;
  min-height:48px!important;
  border-radius:12px!important;
  padding:0 14px!important;
  background:#f7f8fb!important;
  border:1px solid #d9e0ea!important;
  color:#101828!important;
  outline:0!important;
}
body.drive-experience .drive-form-field textarea{
  min-height:104px!important;
  padding:13px 14px!important;
  line-height:1.45!important;
}
body.drive-experience .drive-form-field input:focus,
body.drive-experience .drive-form-field select:focus,
body.drive-experience .drive-form-field textarea:focus{
  border-color:#007aff!important;
  box-shadow:0 0 0 4px rgba(0,122,255,.12)!important;
}
body.drive-experience .drive-check-field > span:last-child{
  min-height:48px!important;
  border-radius:12px!important;
  background:#f7f8fb!important;
  border:1px solid #d9e0ea!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:0 14px!important;
}
body.drive-experience .drive-modal footer{
  padding:18px 26px 24px!important;
  gap:10px!important;
}

/* Old Drive-style information drawer with visible profile photos */
body.drive-experience .drive-info-owner-profile{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:12px!important;
}
body.drive-experience .drive-info-owner-profile .drive-info-avatar,
body.drive-experience .drive-info-avatar{
  flex:0 0 38px!important;
  width:38px!important;
  height:38px!important;
  border-radius:50%!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
  background:#eef2f7!important;
  color:#007aff!important;
  font-weight:800!important;
}
body.drive-experience .drive-info-avatar img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
body.drive-experience .drive-info-owner-profile > div{min-width:0!important;}
body.drive-experience .drive-info-owner-profile strong{display:block!important;white-space:normal!important;}
body.drive-experience .drive-info-owner-profile span{display:block!important;margin-top:3px!important;color:#667085!important;}

@media(max-width:680px){
  body.drive-experience .drive-footer{flex-direction:row!important;align-items:center!important;}
  body.drive-experience #driveGrid > .drive-empty-state,
  body.drive-experience .drive-empty-polished{min-height:240px!important;}
}

/* ========================================================================== 
   DRIVE EMPTY STATE FULL-WIDTH HARD FIX
   This does not rely on :has(). JS adds .drive-empty-grid whenever the list is empty.
   ========================================================================== */
body.drive-experience #driveGrid.drive-empty-grid {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  grid-template-columns: none !important;
  padding-top: 16px !important;
}
body.drive-experience #driveGrid.drive-empty-grid > .drive-empty-state,
body.drive-experience #driveGrid.drive-empty-grid > .drive-empty-polished {
  display: flex !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 300px !important;
  margin: 0 !important;
  grid-column: auto !important;
}
body.drive-experience #driveGrid.drive-empty-grid .drive-empty-polished {
  align-items: center !important;
  justify-content: center !important;
}

/* ========================================================================== 
   DRIVE EMPTY STATE + SELECTED TOOLBAR HARD FINAL FIX
   ========================================================================== */
body.drive-experience .drive-selection-toolbar.show{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:max-content!important;
  max-width:100%!important;
  padding:10px 12px!important;
  border:1.5px dashed #d6dde8!important;
  outline:1px dotted rgba(148,163,184,.45)!important;
  outline-offset:2px!important;
  border-radius:18px!important;
  background:#f6f7f9!important;
  box-shadow:none!important;
}
body.drive-experience .drive-selection-toolbar.show > strong{
  color:#475569!important;
}
body.drive-experience .drive-selection-toolbar.show button{
  background:#ffffff!important;
  border:1px solid #dfe5ee!important;
  box-shadow:none!important;
}
body.drive-experience .drive-selection-toolbar.show button:hover{
  background:#f8fafc!important;
  border-color:#cbd5e1!important;
}
body.drive-experience #driveGrid.drive-empty-grid,
body.drive-experience #driveGrid.drive-empty-grid.is-list{
  display:flex!important;
  width:100%!important;
  max-width:none!important;
  min-width:100%!important;
  flex:1 1 auto!important;
  grid-template-columns:none!important;
  grid-auto-columns:unset!important;
  grid-auto-flow:unset!important;
  gap:0!important;
  padding:16px 0 0!important;
  margin:0!important;
}
body.drive-experience #driveGrid.drive-empty-grid > .drive-empty-state,
body.drive-experience #driveGrid.drive-empty-grid > .drive-empty-polished,
body.drive-experience .drive-folder-grid.drive-empty-grid > .drive-empty-state,
body.drive-experience .drive-folder-grid.drive-empty-grid > .drive-empty-polished{
  flex:1 1 100%!important;
  display:flex!important;
  width:100%!important;
  max-width:none!important;
  min-width:100%!important;
  grid-column:1 / -1!important;
  margin:0!important;
  min-height:300px!important;
  padding:42px 22px!important;
  border:1.5px dashed #d6dde8!important;
  border-radius:18px!important;
  background:#f7f8fb!important;
  box-shadow:none!important;
}
body.drive-experience #driveGrid.drive-empty-grid .drive-empty-illustration{
  background:#eef2f7!important;
  color:#6b7280!important;
}
@media(max-width:680px){
  body.drive-experience .drive-selection-toolbar.show{width:100%!important;}
  body.drive-experience #driveGrid.drive-empty-grid > .drive-empty-state,
  body.drive-experience #driveGrid.drive-empty-grid > .drive-empty-polished{min-height:240px!important;}
}

/* ========================================================================== 
   FINAL PATCH: selected toolbar dotted outline, top gap, true full-width empty state
   ========================================================================== */
body.drive-experience .drive-selection-toolbar.show{
  margin-top: 14px !important;
  margin-bottom: 14px !important;
  padding: 10px 13px !important;
  border: 2px dotted #cbd5e1 !important;
  outline: 0 !important;
  background: #f4f5f7 !important;
  border-radius: 18px !important;
  box-shadow: none !important;
}
body.drive-experience .drive-selection-toolbar.show button{
  border: 1px solid #d9e0ea !important;
  background: #ffffff !important;
  box-shadow: none !important;
}
body.drive-experience #driveGrid.drive-empty-grid{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-auto-flow: row !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  gap: 0 !important;
  padding: 16px 0 0 !important;
  margin: 0 !important;
}
body.drive-experience #driveGrid.drive-empty-grid.is-list{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
}
body.drive-experience #driveGrid.drive-empty-grid > .drive-empty-card-wrap{
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  display: block !important;
}
body.drive-experience #driveGrid.drive-empty-grid > .drive-empty-card-wrap > .drive-empty-state,
body.drive-experience #driveGrid.drive-empty-grid > .drive-empty-card-wrap > .drive-empty-polished{
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 300px !important;
  margin: 0 !important;
  border: 2px dotted #d4dbe6 !important;
  background: #f6f7f9 !important;
  border-radius: 18px !important;
  box-shadow: none !important;
}
body.drive-experience .swal2-container{display:none!important;}


/* ========================================================================== 
   FINAL FORM LABEL SPACING + IMPORTANT STAR STATE PATCH
   ========================================================================== */
body.drive-experience .drive-modal .drive-modal-body{
  display: grid !important;
  gap: 18px !important;
}
body.drive-experience .drive-modal .drive-form-field{
  display: grid !important;
  gap: 9px !important;
  margin: 0 0 16px !important;
}
body.drive-experience .drive-modal .drive-form-field:last-child{
  margin-bottom: 0 !important;
}
body.drive-experience .drive-modal .drive-form-field > span,
body.drive-experience .drive-modal .drive-check-field > span:first-child,
body.drive-experience .drive-modal label > span:first-child{
  display: block !important;
  margin: 0 0 7px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
  color: #64748b !important;
}
body.drive-experience .drive-modal .drive-form-field input,
body.drive-experience .drive-modal .drive-form-field select,
body.drive-experience .drive-modal .drive-form-field textarea{
  display: block !important;
  width: 100% !important;
  margin-top: 0 !important;
}
body.drive-experience .drive-modal .drive-check-field{
  display: grid !important;
  gap: 9px !important;
  margin: 0 0 16px !important;
}
body.drive-experience .drive-modal .drive-check-field > span:last-child{
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  line-height: 1.4 !important;
}
body.drive-experience #editFolderColorWrap[hidden],
body.drive-experience #editFolderColorWrap.d-none{
  display: none !important;
}
body.drive-experience .drive-star.active,
body.drive-experience .drive-folder-card.is-important .drive-star,
body.drive-experience .drive-table-more.is-important,
body.drive-experience .drive-info-star.active{
  color: #f5b400 !important;
  border-color: rgba(245,180,0,.35) !important;
  background: rgba(255,193,7,.14) !important;
}
body.drive-experience .drive-star.active svg,
body.drive-experience .drive-folder-card.is-important .drive-star svg,
body.drive-experience .drive-info-star.active svg{
  fill: #f5b400 !important;
  stroke: #f5b400 !important;
}
body.drive-experience .drive-folder-card.is-important{
  border-color: rgba(245,180,0,.35) !important;
}
body.drive-experience .drive-folder-card.is-important::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px rgba(245,180,0,.18);
}

/* ========================================================================== 
   FINAL FIX: Upload modal buttons must never hide behind the page bottom
   Keeps modal header/footer fixed and scrolls only the content area.
   ========================================================================== */
body.drive-experience .drive-modal-backdrop.open{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:18px!important;
}
body.drive-experience .drive-modal{
  max-height:calc(100dvh - 42px)!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
body.drive-experience .drive-modal > header{
  flex:0 0 auto!important;
}
body.drive-experience .drive-modal > form{
  flex:1 1 auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
body.drive-experience .drive-modal > .drive-modal-body,
body.drive-experience .drive-modal > form > .drive-modal-body{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
}
body.drive-experience .drive-modal > footer,
body.drive-experience .drive-modal > form > footer{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  border-top:1px solid #e5e7eb!important;
  background:#ffffff!important;
  position:relative!important;
  z-index:5!important;
}
body.drive-experience #driveSelectedFilesBoxFile,
body.drive-experience #driveSelectedFilesBoxFolder{
  width:100%!important;
  max-width:520px!important;
  margin:12px auto 0!important;
  padding:10px 12px!important;
  border:1px dashed #d4dbe6!important;
  border-radius:12px!important;
  background:#f8fafc!important;
  text-align:center!important;
}
body.drive-experience #driveSelectedFilesListFile,
body.drive-experience #driveSelectedFilesListFolder{
  max-height:150px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  font-size:12px!important;
  line-height:1.35!important;
  color:#475569!important;
  padding-right:4px!important;
}
@media(max-width:680px){
  body.drive-experience .drive-modal-backdrop.open{
    align-items:flex-end!important;
    padding:0!important;
  }
  body.drive-experience .drive-modal{
    max-height:92dvh!important;
  }
  body.drive-experience .drive-modal > footer,
  body.drive-experience .drive-modal > form > footer{
    padding-bottom:calc(16px + env(safe-area-inset-bottom))!important;
  }
}

/* ========================================================================== 
   DRIVE FINAL LIST + PAGINATION + TRASH SELECTION PATCH
   ========================================================================== */
body.drive-experience .drive-selection-toolbar.show{
  align-items:center!important;
  min-height:58px!important;
}
body.drive-experience .drive-selection-toolbar.show .drive-selected-clear{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1!important;
}
body.drive-experience .drive-selection-toolbar.show .drive-selected-clear svg{
  margin:0!important;
  display:block!important;
}
body.drive-experience #bulkRestoreBtn[hidden],
body.drive-experience #bulkPermanentBtn[hidden],
body.drive-experience #bulkTrashBtn[hidden]{
  display:none!important;
}
body.drive-experience .drive-pagination.drive-item-pagination{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:34px!important;
  flex:0 0 auto!important;
}
body.drive-experience .drive-pagination.drive-item-pagination[hidden]{
  display:none!important;
}
body.drive-experience .drive-pagination.drive-item-pagination button{
  height:31px!important;
  min-width:42px!important;
  padding:0 10px!important;
  border:1px solid #dbe3ee!important;
  border-radius:9px!important;
  background:#ffffff!important;
  color:#152033!important;
  font-size:12px!important;
  font-weight:750!important;
  cursor:pointer!important;
}
body.drive-experience .drive-pagination.drive-item-pagination button:disabled{
  opacity:.45!important;
  cursor:not-allowed!important;
}
body.drive-experience .drive-pagination.drive-item-pagination span{
  height:31px!important;
  min-width:54px!important;
  padding:0 10px!important;
  border:1px dashed #d4dbe6!important;
  border-radius:9px!important;
  background:#f6f7f9!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#475569!important;
  font-size:12px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
body.drive-experience .drive-pagination-top{
  margin-left:auto!important;
}
body.drive-experience .drive-pagination-bottom{
  width:100%!important;
  justify-content:flex-end!important;
  margin:14px 0 4px!important;
}
body.drive-experience .drive-title-row{
  column-gap:12px!important;
  row-gap:10px!important;
}
body.drive-experience .drive-search-wrap{
  flex:0 1 340px!important;
}

/* List mode: make the item details use the available width and keep metadata readable. */
body.drive-experience .drive-folder-grid.is-list{
  grid-template-columns:minmax(0,1fr)!important;
  gap:9px!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-folder-card{
  width:100%!important;
  min-height:78px!important;
  overflow:visible!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-folder-open{
  width:100%!important;
  min-height:78px!important;
  display:grid!important;
  grid-template-columns:42px minmax(260px,1fr) minmax(240px,340px)!important;
  align-items:center!important;
  column-gap:14px!important;
  padding:10px 140px 10px 58px!important;
  text-align:left!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-folder-art,
body.drive-experience .drive-folder-grid.is-list .drive-file-art{
  position:static!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  width:38px!important;
  height:38px!important;
  margin:0!important;
  grid-column:1!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-folder-open strong{
  grid-column:2!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:14px!important;
  line-height:1.25!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-folder-open small{
  grid-column:3!important;
  justify-self:end!important;
  width:100%!important;
  max-width:340px!important;
  min-width:0!important;
  text-align:right!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1.25!important;
  font-size:11px!important;
  color:#667085!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-item-check{
  left:18px!important;
  top:50%!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  opacity:1!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-more{
  right:14px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-star{
  right:48px!important;
  top:50%!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-visibility-badge{
  display:grid!important;
  left:auto!important;
  right:84px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-grant-badge{
  left:auto!important;
  right:116px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
}
@media(max-width:900px){
  body.drive-experience .drive-title-row{
    grid-template-columns:minmax(0,1fr) auto!important;
  }
  body.drive-experience .drive-pagination-top{
    order:3!important;
    margin-left:0!important;
  }
  body.drive-experience .drive-search-wrap{
    flex:1 1 100%!important;
  }
  body.drive-experience .drive-folder-grid.is-list .drive-folder-open{
    grid-template-columns:38px minmax(0,1fr)!important;
    padding-right:108px!important;
  }
  body.drive-experience .drive-folder-grid.is-list .drive-folder-open small{
    grid-column:2!important;
    justify-self:start!important;
    text-align:left!important;
    max-width:100%!important;
  }
}

/* Helprite Drive final pagination alignment fix */
body.drive-experience .drive-title-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(260px,360px) auto auto!important;
  align-items:center!important;
  gap:10px!important;
}
body.drive-experience .drive-title-row>div:first-child{
  grid-column:1!important;
  min-width:0!important;
}
body.drive-experience .drive-title-row>.drive-search-wrap{
  grid-column:2!important;
  grid-row:auto!important;
  width:100%!important;
  min-width:260px!important;
  margin-left:auto!important;
}
body.drive-experience .drive-title-row>.drive-pagination-top{
  grid-column:3!important;
  grid-row:auto!important;
  margin-left:0!important;
  margin-top:0!important;
  justify-self:start!important;
  align-self:center!important;
}
body.drive-experience .drive-title-row>.drive-back-btn{
  grid-column:4!important;
  grid-row:auto!important;
  align-self:center!important;
  justify-self:end!important;
  margin:0!important;
  width:auto!important;
  min-width:auto!important;
  white-space:nowrap!important;
}
body.drive-experience .drive-pagination.drive-item-pagination{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-height:31px!important;
}
body.drive-experience .drive-pagination.drive-item-pagination[hidden]{
  display:none!important;
}
body.drive-experience .drive-pagination.drive-item-pagination button.drive-page-arrow,
body.drive-experience .drive-pagination.drive-item-pagination button{
  width:32px!important;
  min-width:32px!important;
  height:31px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #dbe3ee!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#0f172a!important;
  line-height:1!important;
}
body.drive-experience .drive-pagination.drive-item-pagination button svg{
  width:16px!important;
  height:16px!important;
  display:block!important;
  margin:0!important;
}
body.drive-experience .drive-pagination.drive-item-pagination span{
  height:31px!important;
  min-width:54px!important;
  padding:0 10px!important;
  border:1px dashed #d4dbe6!important;
  border-radius:9px!important;
  background:#f6f7f9!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
}
body.drive-experience .drive-pagination-bottom{
  width:100%!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  margin:18px 0 6px!important;
}
body.drive-experience .drive-pagination-bottom[hidden]{
  display:none!important;
}
@media(max-width:1100px){
  body.drive-experience .drive-title-row{
    grid-template-columns:minmax(0,1fr) minmax(220px,320px) auto auto!important;
  }
  body.drive-experience .drive-title-row>.drive-search-wrap{
    min-width:220px!important;
  }
}
@media(max-width:760px){
  body.drive-experience .drive-title-row{
    grid-template-columns:minmax(0,1fr) auto!important;
  }
  body.drive-experience .drive-title-row>div:first-child{
    grid-column:1 / -1!important;
  }
  body.drive-experience .drive-title-row>.drive-search-wrap{
    grid-column:1 / -1!important;
    width:100%!important;
    min-width:0!important;
  }
  body.drive-experience .drive-title-row>.drive-pagination-top{
    grid-column:1!important;
    justify-self:start!important;
  }
  body.drive-experience .drive-title-row>.drive-back-btn{
    grid-column:2!important;
  }
}

/* === Drive final mobile/list/sort/unshare refinements === */
body.drive-experience .drive-title-tools{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}
body.drive-experience .drive-sort-btn{min-width:138px!important;justify-content:space-between!important;}
body.drive-experience .drive-sort-menu{min-width:190px!important;}
body.drive-experience .drive-sort-menu .active{font-weight:700!important;color:#007aff!important;}

/* List mode: visibility and access badges move to the left immediately after checkbox. */
body.drive-experience .drive-folder-grid.is-list .drive-folder-card{
  padding:0!important;
  min-height:78px!important;
  overflow:visible!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-folder-card .drive-item-check{
  left:18px!important;
  top:50%!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  opacity:1!important;
  z-index:12!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-visibility-badge{
  left:48px!important;
  right:auto!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:12!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-grant-badge{
  left:82px!important;
  right:auto!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:12!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-folder-open{
  width:100%!important;
  min-height:78px!important;
  display:grid!important;
  grid-template-columns:44px minmax(180px,1fr) minmax(260px,420px)!important;
  column-gap:14px!important;
  align-items:center!important;
  padding:10px 64px 10px 122px!important;
  text-align:left!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-folder-art,
body.drive-experience .drive-folder-grid.is-list .drive-file-art{
  position:static!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  transform:none!important;
  grid-column:1!important;
  width:38px!important;
  height:38px!important;
  margin:0!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-folder-open strong{
  grid-column:2!important;
  text-align:left!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-folder-open small{
  grid-column:3!important;
  justify-self:stretch!important;
  max-width:none!important;
  width:100%!important;
  text-align:right!important;
  line-height:1.25!important;
  white-space:normal!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-star{
  right:44px!important;
  left:auto!important;
  top:50%!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-more{
  right:10px!important;
  left:auto!important;
  top:50%!important;
  transform:translateY(-50%)!important;
}

/* Public/shared action in item context menu */
body.drive-experience .drive-context-menu [data-drive-context-action="unshare"]{
  color:#b42318!important;
}

/* Better mobile responsive Drive controls */
@media(max-width:900px){
  body.drive-experience .drive-workspace{
    grid-template-columns:1fr!important;
  }
  body.drive-experience .drive-local-sidebar{
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    top:calc(var(--topbar-h,70px) + 8px)!important;
    z-index:80!important;
    max-height:calc(100vh - 100px)!important;
    overflow:auto!important;
    transform:translateX(-110%)!important;
    transition:.22s ease!important;
  }
  body.drive-experience .drive-local-sidebar.open{transform:translateX(0)!important;}
  body.drive-experience .drive-title-row{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  body.drive-experience .drive-title-tools,
  body.drive-experience .drive-command-actions{
    width:100%!important;
    overflow-x:auto!important;
    flex-wrap:nowrap!important;
    justify-content:flex-start!important;
    padding-bottom:3px!important;
  }
  body.drive-experience .drive-search-wrap{width:100%!important;max-width:none!important;}
  body.drive-experience .drive-pagination-top{justify-self:start!important;}
}
@media(max-width:680px){
  body.drive-experience .drive-folder-grid.is-list .drive-folder-card{
    min-height:82px!important;
  }
  body.drive-experience .drive-folder-grid.is-list .drive-folder-open{
    grid-template-columns:38px minmax(0,1fr)!important;
    padding:12px 44px 12px 118px!important;
  }
  body.drive-experience .drive-folder-grid.is-list .drive-folder-open small{
    grid-column:2!important;
    justify-self:start!important;
    text-align:left!important;
    font-size:10px!important;
  }
  body.drive-experience .drive-folder-grid.is-list .drive-folder-art,
  body.drive-experience .drive-folder-grid.is-list .drive-file-art{
    width:34px!important;
    height:34px!important;
  }
  body.drive-experience .drive-folder-grid.is-list .drive-visibility-badge{left:44px!important;}
  body.drive-experience .drive-folder-grid.is-list .drive-grant-badge{left:76px!important;}
  body.drive-experience .drive-folder-grid.is-list .drive-folder-open{padding-left:108px!important;}
}
@media(max-width:460px){
  body.drive-experience .drive-folder-grid{grid-template-columns:1fr!important;}
  body.drive-experience .drive-selection-toolbar{align-items:flex-start!important;}
  body.drive-experience .drive-selection-toolbar>div{width:100%!important;display:flex!important;overflow-x:auto!important;}
}

/* ========================================================================== 
   HELPRITE DRIVE — LIST POLISH, WINDOWS SORT, MOBILE 2-GRID, DROPDOWN FINAL
   ========================================================================== */
body.drive-experience [data-drive-sort-menu]{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(-4px)!important;
}
body.drive-experience [data-drive-sort-menu].open{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:none!important;
  z-index:100000!important;
}
body.drive-experience .drive-popover-wrap{overflow:visible!important;}
body.drive-experience .drive-command-actions,
body.drive-experience .drive-title-tools{overflow:visible!important;}
body.drive-experience .drive-upload-menu,
body.drive-experience .drive-filter-menu,
body.drive-experience .drive-sort-menu{
  position:absolute!important;
  top:calc(100% + 8px)!important;
  right:0!important;
  left:auto!important;
  min-width:220px!important;
  border:1px solid #e0e7f0!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 18px 48px rgba(15,23,42,.16)!important;
  padding:8px!important;
}
body.drive-experience .drive-upload-menu button,
body.drive-experience .drive-filter-menu button,
body.drive-experience .drive-sort-menu button{
  width:100%!important;
  min-height:38px!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#0f172a!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  padding:8px 10px!important;
  font-size:13px!important;
  font-weight:650!important;
  text-align:left!important;
}
body.drive-experience .drive-upload-menu button:hover,
body.drive-experience .drive-filter-menu button:hover,
body.drive-experience .drive-sort-menu button:hover,
body.drive-experience .drive-upload-menu button.active,
body.drive-experience .drive-filter-menu button.active,
body.drive-experience .drive-sort-menu button.active{
  background:#f1f6ff!important;
  color:#007aff!important;
}
body.drive-experience .drive-windows-sort-menu{min-width:235px!important;}
body.drive-experience .drive-sort-section{display:grid!important;gap:4px!important;padding:4px 0!important;}
body.drive-experience .drive-sort-section + .drive-sort-section{border-top:1px solid #edf1f6!important;margin-top:6px!important;padding-top:8px!important;}
body.drive-experience .drive-sort-section>strong{display:block!important;padding:4px 10px 2px!important;color:#64748b!important;font-size:11px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.05em!important;}
body.drive-experience .drive-sort-menu button.active::after{content:'✓';margin-left:auto;font-size:13px;font-weight:900;color:#007aff;}
body.drive-experience .drive-sort-btn{min-width:190px!important;}

/* Single view toggle: the icon shown means the view you will switch to. */
body.drive-experience .drive-segmented [data-drive-view-toggle]{
  min-width:38px!important;
  width:38px!important;
  padding:0!important;
}
body.drive-experience .drive-segmented [data-drive-view-toggle].active{
  background:#dbeafe!important;
  color:#0f172a!important;
}
body.drive-experience .drive-segmented [data-drive-view]{display:none!important;}

/* List mode layout polish: checkbox, visibility, shared access, file icon, content, meta, action island. */
body.drive-experience .drive-folder-grid.is-list{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-folder-card{
  min-height:76px!important;
  border-radius:14px!important;
  background:#fff!important;
  border:1px solid #e3e8f0!important;
  box-shadow:0 6px 18px rgba(15,23,42,.035)!important;
  overflow:visible!important;
  padding:0!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-folder-card:hover{
  border-color:#cbd8ea!important;
  box-shadow:0 9px 26px rgba(15,23,42,.07)!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-folder-card.selected{
  border-color:#007aff!important;
  background:#f8fbff!important;
  box-shadow:0 0 0 2px rgba(0,122,255,.16),0 8px 24px rgba(0,122,255,.08)!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-folder-card .drive-item-check{
  left:16px!important;
  top:50%!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  width:24px!important;
  height:24px!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-visibility-badge{
  left:50px!important;
  right:auto!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:12!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-grant-badge{
  left:84px!important;
  right:auto!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:12!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-visibility-badge,
body.drive-experience .drive-folder-grid.is-list .drive-grant-badge{
  width:28px!important;
  height:28px!important;
  border-radius:9px!important;
  border:1px solid #dbe5f1!important;
  background:#f8fbff!important;
  color:#34445c!important;
  display:grid!important;
  place-items:center!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-grant-badge{
  background:#eefdfd!important;
  color:#0aa6a6!important;
  border-color:#c9f4f4!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-folder-open{
  width:100%!important;
  min-height:76px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) minmax(320px,430px)!important;
  align-items:center!important;
  column-gap:14px!important;
  padding:10px 76px 10px 124px!important;
  text-align:left!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-folder-art,
body.drive-experience .drive-folder-grid.is-list .drive-file-art{
  position:static!important;
  grid-column:1!important;
  width:38px!important;
  height:38px!important;
  margin:0!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  transform:none!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-folder-art svg,
body.drive-experience .drive-folder-grid.is-list .drive-file-art svg{width:30px!important;height:30px!important;}
body.drive-experience .drive-folder-grid.is-list .drive-file-art em{display:none!important;}
body.drive-experience .drive-folder-grid.is-list .drive-folder-open strong{
  grid-column:2!important;
  color:#111827!important;
  font-size:14px!important;
  font-weight:760!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-align:left!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-folder-open small{
  grid-column:3!important;
  justify-self:end!important;
  text-align:right!important;
  color:#52637a!important;
  line-height:1.25!important;
  max-width:100%!important;
  white-space:normal!important;
  overflow:visible!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-more{
  right:12px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:34px!important;
  height:38px!important;
  border-left:1px dotted #d8e0ea!important;
  border-radius:0 11px 11px 0!important;
  background:transparent!important;
  color:#0f172a!important;
  display:grid!important;
  place-items:center!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-star{
  right:50px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
}

/* Mobile: keep grid view as two columns and keep upload/dropdowns readable. */
@media(max-width:900px){
  body.drive-experience .drive-command-actions{overflow:visible!important;flex-wrap:wrap!important;}
  body.drive-experience .drive-command-actions .drive-btn.outline,
  body.drive-experience .drive-command-actions .drive-btn.solid{min-width:138px!important;justify-content:center!important;}
  body.drive-experience .drive-command-actions .drive-btn span{display:inline!important;}
  body.drive-experience .drive-title-tools{overflow:visible!important;flex-wrap:wrap!important;}
  body.drive-experience .drive-upload-menu,
  body.drive-experience .drive-filter-menu,
  body.drive-experience .drive-sort-menu{
    position:fixed!important;
    top:calc(var(--topbar-h,70px) + 82px)!important;
    left:14px!important;
    right:14px!important;
    width:auto!important;
    max-height:70vh!important;
    overflow:auto!important;
  }
  body.drive-experience .drive-upload-menu.open,
  body.drive-experience .drive-filter-menu.open,
  body.drive-experience .drive-sort-menu.open{display:block!important;}
  body.drive-experience .drive-folder-grid:not(.is-list){
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  body.drive-experience .drive-folder-grid:not(.is-list) .drive-folder-card{
    min-height:176px!important;
  }
}
@media(max-width:680px){
  body.drive-experience .drive-main-content{padding-left:10px!important;padding-right:10px!important;}
  body.drive-experience .drive-folder-grid:not(.is-list){grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.drive-experience .drive-folder-card strong{font-size:13px!important;}
  body.drive-experience .drive-folder-card small{font-size:10px!important;}
  body.drive-experience .drive-folder-grid.is-list .drive-folder-open{
    grid-template-columns:34px minmax(0,1fr)!important;
    padding:10px 44px 10px 114px!important;
  }
  body.drive-experience .drive-folder-grid.is-list .drive-folder-open small{
    grid-column:2!important;
    justify-self:start!important;
    text-align:left!important;
    font-size:10px!important;
  }
  body.drive-experience .drive-folder-grid.is-list .drive-folder-art,
  body.drive-experience .drive-folder-grid.is-list .drive-file-art{width:34px!important;height:34px!important;}
  body.drive-experience .drive-folder-grid.is-list .drive-visibility-badge{left:46px!important;}
  body.drive-experience .drive-folder-grid.is-list .drive-grant-badge{left:78px!important;}
}
@media(max-width:460px){
  body.drive-experience .drive-folder-grid:not(.is-list){grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.drive-experience .drive-folder-open{padding-left:10px!important;padding-right:10px!important;}
  body.drive-experience .drive-folder-art{width:68px!important;height:68px!important;margin-bottom:12px!important;}
}

/* ========================================================================== 
   HELPRITE DRIVE — MOBILE ASIDE + INLINE TOOLBAR FINAL FIX
   Keeps Drive mobile controls inline, fixes local aside toggle, and keeps
   dropdowns visible on small screens.
   ========================================================================== */
@media(max-width:900px){
  body.drive-experience .drive-local-sidebar{
    position:fixed!important;
    left:12px!important;
    top:calc(var(--topbar-h,70px) + 10px)!important;
    bottom:84px!important;
    width:min(330px,calc(100vw - 24px))!important;
    max-height:none!important;
    overflow:auto!important;
    z-index:2147483000!important;
    transform:translateX(calc(-100% - 28px))!important;
    transition:transform .24s cubic-bezier(.22,.8,.24,1)!important;
    box-shadow:0 30px 90px rgba(15,23,42,.32)!important;
  }
  body.drive-experience .drive-local-sidebar.open,
  body.drive-experience.drive-local-open .drive-local-sidebar{
    transform:translateX(0)!important;
  }
  body.drive-experience.drive-local-open::after{
    content:"";
    position:fixed;
    inset:0;
    background:rgba(15,23,42,.34);
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);
    z-index:2147482999;
  }
  body.drive-experience .drive-local-toggle{
    display:inline-grid!important;
    place-items:center!important;
    flex:0 0 40px!important;
    width:40px!important;
    height:40px!important;
  }

  /* Prevent Drive controls from breaking into many rows on mobile. */
  body.drive-experience .drive-command-bar{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    flex-direction:row!important;
    gap:10px!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    padding:10px!important;
    -webkit-overflow-scrolling:touch;
  }
  body.drive-experience .drive-breadcrumbs{
    flex:0 0 auto!important;
    width:auto!important;
    max-width:58vw!important;
    overflow-x:auto!important;
    white-space:nowrap!important;
    padding:0!important;
  }
  body.drive-experience .drive-command-actions{
    flex:0 0 auto!important;
    width:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    overflow:visible!important;
    padding:0!important;
  }
  body.drive-experience .drive-command-actions .drive-popover-wrap,
  body.drive-experience .drive-title-tools .drive-popover-wrap{
    position:static!important;
    flex:0 0 auto!important;
  }
  body.drive-experience .drive-command-actions .drive-btn.outline,
  body.drive-experience .drive-command-actions .drive-btn.solid{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:max-content!important;
    padding:0 13px!important;
    height:40px!important;
    white-space:nowrap!important;
  }
  body.drive-experience .drive-command-actions .drive-btn span,
  body.drive-experience .drive-command-actions .drive-btn.solid span,
  body.drive-experience .drive-command-actions .drive-btn.outline span{
    display:inline!important;
  }

  body.drive-experience .drive-title-row{
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:9px!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    padding-bottom:6px!important;
    -webkit-overflow-scrolling:touch;
  }
  body.drive-experience .drive-title-row>div:first-child{
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    flex:0 0 auto!important;
  }
  body.drive-experience .drive-title-row h1{
    flex:0 0 auto!important;
    white-space:nowrap!important;
    margin:0!important;
    font-size:19px!important;
  }
  body.drive-experience .drive-title-tools{
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    overflow:visible!important;
    width:auto!important;
    flex:0 0 auto!important;
  }
  body.drive-experience .drive-filter-btn,
  body.drive-experience .drive-sort-btn{
    flex:0 0 auto!important;
    min-width:max-content!important;
    white-space:nowrap!important;
  }
  body.drive-experience .drive-search-wrap{
    flex:0 0 220px!important;
    width:220px!important;
    max-width:220px!important;
    grid-column:auto!important;
    grid-row:auto!important;
  }
  body.drive-experience .drive-back-btn,
  body.drive-experience .drive-pagination-top{
    flex:0 0 auto!important;
    grid-column:auto!important;
    grid-row:auto!important;
    align-self:center!important;
    margin:0!important;
  }

  /* Make dropdown menus visible on mobile even inside horizontally scrolling toolbars. */
  body.drive-experience .drive-upload-menu,
  body.drive-experience .drive-filter-menu,
  body.drive-experience .drive-sort-menu{
    position:fixed!important;
    top:132px!important;
    left:12px!important;
    right:12px!important;
    width:auto!important;
    min-width:0!important;
    max-height:72vh!important;
    overflow:auto!important;
    z-index:2147483001!important;
  }
  body.drive-experience .drive-upload-menu.open,
  body.drive-experience .drive-filter-menu.open,
  body.drive-experience .drive-sort-menu.open{
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
  }
}

@media(max-width:680px){
  body.drive-experience .drive-main-content{
    padding-left:9px!important;
    padding-right:9px!important;
  }
  /* On mobile, files/folders stay in a clean 2-grid layout even when list mode was selected. */
  body.drive-experience .drive-folder-grid,
  body.drive-experience .drive-folder-grid.is-list,
  body.drive-experience .drive-folder-grid:not(.is-list){
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:11px!important;
  }
  body.drive-experience .drive-folder-grid.is-list .drive-folder-card{
    min-height:172px!important;
    border-radius:15px!important;
    padding:0!important;
  }
  body.drive-experience .drive-folder-grid.is-list .drive-folder-open{
    display:flex!important;
    min-height:172px!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    gap:6px!important;
    padding:34px 10px 28px!important;
  }
  body.drive-experience .drive-folder-grid.is-list .drive-folder-art,
  body.drive-experience .drive-folder-grid.is-list .drive-file-art{
    position:static!important;
    width:66px!important;
    height:66px!important;
    margin:0 0 8px!important;
  }
  body.drive-experience .drive-folder-grid.is-list .drive-folder-open strong{
    max-width:100%!important;
    text-align:center!important;
    font-size:13px!important;
  }
  body.drive-experience .drive-folder-grid.is-list .drive-folder-open small{
    max-width:100%!important;
    text-align:center!important;
    font-size:10px!important;
    white-space:normal!important;
  }
  body.drive-experience .drive-folder-grid.is-list .drive-item-check{
    left:9px!important;
    bottom:9px!important;
    top:auto!important;
    transform:none!important;
  }
  body.drive-experience .drive-folder-grid.is-list .drive-visibility-badge{
    left:9px!important;
    top:9px!important;
    transform:none!important;
  }
  body.drive-experience .drive-folder-grid.is-list .drive-grant-badge{
    left:42px!important;
    top:9px!important;
    transform:none!important;
  }
  body.drive-experience .drive-folder-grid.is-list .drive-more{
    right:5px!important;
    top:5px!important;
    height:32px!important;
    border-left:0!important;
    transform:none!important;
  }
  body.drive-experience .drive-folder-grid.is-list .drive-star{
    right:8px!important;
    bottom:8px!important;
    top:auto!important;
    transform:none!important;
  }
}

@media(max-width:420px){
  body.drive-experience .drive-breadcrumbs{max-width:48vw!important;}
  body.drive-experience .drive-search-wrap{flex-basis:200px!important;width:200px!important;max-width:200px!important;}
  body.drive-experience .drive-command-actions .drive-btn.outline,
  body.drive-experience .drive-command-actions .drive-btn.solid{height:38px!important;padding:0 11px!important;}
}

/* ========================================================================== 
   HELPRITE DRIVE — MOBILE ACTION BAR + FORCED LOCAL ASIDE FIX
   Keeps only the Drive action icons/buttons inline on mobile and forces the
   Drive left aside to open above everything when the local toggle is tapped.
   ========================================================================== */
@media (max-width: 900px) {
  body.drive-experience .drive-workspace,
  body.drive-experience .drive-canvas,
  body.drive-experience .drive-main-content {
    overflow: visible !important;
  }

  body.drive-experience .drive-local-sidebar {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: fixed !important;
    left: 10px !important;
    top: calc(var(--topbar-h, 70px) + 8px) !important;
    bottom: 78px !important;
    width: min(330px, calc(100vw - 20px)) !important;
    max-width: calc(100vw - 20px) !important;
    max-height: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    z-index: 2147483646 !important;
    transform: translate3d(calc(-100% - 26px), 0, 0) !important;
    transition: transform .22s cubic-bezier(.22,.8,.24,1) !important;
    box-shadow: 0 28px 90px rgba(15, 23, 42, .36) !important;
    pointer-events: auto !important;
  }

  body.drive-experience .drive-local-sidebar.open,
  body.drive-experience.drive-local-open .drive-local-sidebar {
    transform: translate3d(0, 0, 0) !important;
  }

  body.drive-experience.drive-local-open::before {
    content: "" !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483645 !important;
    background: rgba(15, 23, 42, .42) !important;
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
  }

  body.drive-experience.drive-local-open {
    overflow: hidden !important;
  }
}

@media (max-width: 680px) {
  /* Keep breadcrumbs separate, then keep ONLY the Drive action buttons/icons inline. */
  body.drive-experience .drive-command-bar {
    display: block !important;
    padding: 10px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch !important;
    white-space: nowrap !important;
  }

  body.drive-experience .drive-breadcrumbs {
    width: 100% !important;
    max-width: none !important;
    margin-bottom: 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
    padding: 0 2px 2px !important;
  }

  body.drive-experience .drive-command-actions {
    width: max-content !important;
    min-width: max-content !important;
    max-width: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 7px !important;
    overflow: visible !important;
    padding: 0 !important;
    white-space: nowrap !important;
  }

  body.drive-experience .drive-command-actions .drive-local-toggle,
  body.drive-experience .drive-command-actions .drive-segmented,
  body.drive-experience .drive-command-actions .drive-popover-wrap,
  body.drive-experience .drive-command-actions .drive-btn {
    flex: 0 0 auto !important;
  }

  body.drive-experience .drive-command-actions .drive-local-toggle {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
  }

  body.drive-experience .drive-command-actions .drive-segmented {
    height: 38px !important;
  }

  body.drive-experience .drive-command-actions .drive-segmented a,
  body.drive-experience .drive-command-actions .drive-segmented button {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
  }

  body.drive-experience .drive-command-actions .drive-btn.outline,
  body.drive-experience .drive-command-actions .drive-btn.solid {
    width: auto !important;
    min-width: max-content !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 14px !important;
    border-radius: 7px !important;
    white-space: nowrap !important;
  }

  body.drive-experience .drive-command-actions .drive-btn span,
  body.drive-experience .drive-command-actions .drive-btn.outline span,
  body.drive-experience .drive-command-actions .drive-btn.solid span {
    display: inline !important;
  }

  body.drive-experience .drive-command-actions .drive-popover-wrap {
    position: static !important;
  }

  /* Mobile dropdowns: always float above the action bar instead of being clipped. */
  body.drive-experience .drive-upload-menu,
  body.drive-experience .drive-filter-menu,
  body.drive-experience .drive-sort-menu {
    position: fixed !important;
    top: 128px !important;
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
    min-width: 0 !important;
    max-height: 72vh !important;
    overflow-y: auto !important;
    z-index: 2147483647 !important;
  }

  body.drive-experience .drive-upload-menu.open,
  body.drive-experience .drive-filter-menu.open,
  body.drive-experience .drive-sort-menu.open {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
  }
}

/* ========================================================================== 
   HELPRITE DRIVE — MOBILE FILTER ROW + LIST MODE CLEAN POSITION FINAL
   Keeps filter/sort/search in the old stacked style on mobile, while only the
   command toolbar remains inline. Also forces mobile list view to full width.
   ========================================================================== */

/* Stop the title/search/filter section from becoming a horizontal scroller. */
@media (max-width: 680px) {
  body.drive-experience .drive-title-row {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    align-items: start !important;
    gap: 10px !important;
    overflow: visible !important;
    padding-top: 14px !important;
  }

  body.drive-experience .drive-title-row > div:first-child {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    display: block !important;
    overflow: visible !important;
  }

  body.drive-experience .drive-title-row h1 {
    display: block !important;
    width: 100% !important;
    margin: 0 0 10px !important;
    white-space: normal !important;
  }

  body.drive-experience .drive-title-tools {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    overflow: visible !important;
    padding: 0 !important;
  }

  body.drive-experience .drive-title-tools .drive-popover-wrap,
  body.drive-experience .drive-title-tools .drive-filter-btn,
  body.drive-experience .drive-title-tools .drive-sort-btn {
    flex: 0 0 auto !important;
    max-width: 100% !important;
  }

  body.drive-experience .drive-sort-btn {
    min-width: 0 !important;
    max-width: calc(100vw - 160px) !important;
  }

  body.drive-experience .drive-title-row > .drive-search-wrap {
    grid-column: 1 / 2 !important;
    grid-row: auto !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: none !important;
    margin: 0 !important;
  }

  body.drive-experience .drive-title-row > .drive-back-btn {
    grid-column: 2 / 3 !important;
    grid-row: auto !important;
    align-self: stretch !important;
    height: 36px !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }

  body.drive-experience .drive-title-row > .drive-pagination-top {
    grid-column: 1 / -1 !important;
    justify-self: center !important;
    margin-top: 4px !important;
  }
}

/* Make the dropdowns from the title/filter area open below their own button on desktop/tablet,
   and as a fixed sheet on small mobile so they never get clipped. */
body.drive-experience .drive-title-tools .drive-popover-wrap {
  position: relative !important;
  overflow: visible !important;
}

@media (max-width: 680px) {
  body.drive-experience .drive-title-tools .drive-filter-menu,
  body.drive-experience .drive-title-tools .drive-sort-menu {
    position: fixed !important;
    top: 165px !important;
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
    min-width: 0 !important;
    max-height: 65vh !important;
    overflow-y: auto !important;
    z-index: 2147483647 !important;
  }
}

/* Clean desktop/tablet list rows: visibility/access badges live beside the checkbox,
   file/folder icon follows, content uses full row, actions are isolated on the far right. */
body.drive-experience .drive-folder-grid.is-list {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}

body.drive-experience .drive-folder-grid.is-list .drive-folder-card {
  position: relative !important;
  min-height: 74px !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  border: 1px solid #e3e8f0 !important;
  box-shadow: 0 5px 16px rgba(15,23,42,.035) !important;
  overflow: hidden !important;
}

body.drive-experience .drive-folder-grid.is-list .drive-folder-card.selected {
  border-color: #007aff !important;
  box-shadow: 0 0 0 2px rgba(0,122,255,.14), 0 8px 22px rgba(0,122,255,.07) !important;
}

body.drive-experience .drive-folder-grid.is-list .drive-item-check {
  left: 16px !important;
  top: 50% !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
  opacity: 1 !important;
  width: 18px !important;
  height: 18px !important;
  z-index: 20 !important;
}

body.drive-experience .drive-folder-grid.is-list .drive-visibility-badge {
  left: 48px !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
  z-index: 20 !important;
}

body.drive-experience .drive-folder-grid.is-list .drive-grant-badge {
  left: 80px !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
  z-index: 20 !important;
}

body.drive-experience .drive-folder-grid.is-list .drive-visibility-badge,
body.drive-experience .drive-folder-grid.is-list .drive-grant-badge {
  width: 27px !important;
  height: 27px !important;
  border-radius: 8px !important;
  display: grid !important;
  place-items: center !important;
  background: #f8fbff !important;
  border: 1px solid #dbe5f1 !important;
  color: #34445c !important;
}

body.drive-experience .drive-folder-grid.is-list .drive-grant-badge {
  background: #eefdfd !important;
  border-color: #c9f4f4 !important;
  color: #0aa6a6 !important;
}

body.drive-experience .drive-folder-grid.is-list .drive-folder-open {
  display: grid !important;
  grid-template-columns: 42px minmax(180px, 1fr) minmax(260px, 430px) !important;
  align-items: center !important;
  column-gap: 14px !important;
  min-height: 74px !important;
  padding: 10px 76px 10px 116px !important;
  text-align: left !important;
  width: 100% !important;
}

body.drive-experience .drive-folder-grid.is-list .drive-folder-art,
body.drive-experience .drive-folder-grid.is-list .drive-file-art {
  position: static !important;
  grid-column: 1 !important;
  width: 38px !important;
  height: 38px !important;
  margin: 0 !important;
  transform: none !important;
}

body.drive-experience .drive-folder-grid.is-list .drive-folder-open strong {
  grid-column: 2 !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  text-align: left !important;
}

body.drive-experience .drive-folder-grid.is-list .drive-folder-open small {
  grid-column: 3 !important;
  display: block !important;
  justify-self: end !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  text-align: right !important;
  line-height: 1.25 !important;
  padding-right: 4px !important;
}

body.drive-experience .drive-folder-grid.is-list .drive-more {
  right: 10px !important;
  top: 50% !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
  width: 36px !important;
  height: 36px !important;
  border-left: 1px solid #eef2f7 !important;
  border-radius: 0 10px 10px 0 !important;
  background: #fff !important;
  z-index: 30 !important;
}

body.drive-experience .drive-folder-grid.is-list .drive-star {
  right: 48px !important;
  top: 50% !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
  z-index: 25 !important;
}

/* Mobile: grid view is two columns; list view is always full-width rows. */
@media (max-width: 680px) {
  body.drive-experience .drive-folder-grid:not(.is-list) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body.drive-experience .drive-folder-grid.is-list {
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }

  body.drive-experience .drive-folder-grid.is-list .drive-folder-card {
    min-height: 76px !important;
    width: 100% !important;
    border-radius: 13px !important;
  }

  body.drive-experience .drive-folder-grid.is-list .drive-folder-open {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    min-height: 76px !important;
    align-items: center !important;
    gap: 9px !important;
    padding: 10px 50px 10px 102px !important;
    text-align: left !important;
  }

  body.drive-experience .drive-folder-grid.is-list .drive-folder-art,
  body.drive-experience .drive-folder-grid.is-list .drive-file-art {
    width: 32px !important;
    height: 32px !important;
    grid-column: 1 !important;
  }

  body.drive-experience .drive-folder-grid.is-list .drive-folder-open strong {
    grid-column: 2 !important;
    font-size: 13px !important;
    text-align: left !important;
  }

  body.drive-experience .drive-folder-grid.is-list .drive-folder-open small {
    grid-column: 2 !important;
    justify-self: start !important;
    text-align: left !important;
    font-size: 10px !important;
    max-width: 100% !important;
    white-space: normal !important;
    padding-right: 0 !important;
  }

  body.drive-experience .drive-folder-grid.is-list .drive-item-check {
    left: 12px !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
  }

  body.drive-experience .drive-folder-grid.is-list .drive-visibility-badge {
    left: 39px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }

  body.drive-experience .drive-folder-grid.is-list .drive-grant-badge {
    left: 67px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }

  body.drive-experience .drive-folder-grid.is-list .drive-visibility-badge,
  body.drive-experience .drive-folder-grid.is-list .drive-grant-badge {
    width: 24px !important;
    height: 24px !important;
    border-radius: 7px !important;
  }

  body.drive-experience .drive-folder-grid.is-list .drive-more {
    right: 7px !important;
    top: 50% !important;
    width: 34px !important;
    height: 34px !important;
    transform: translateY(-50%) !important;
    border-left: 1px solid #eef2f7 !important;
    border-radius: 0 9px 9px 0 !important;
  }

  body.drive-experience .drive-folder-grid.is-list .drive-star {
    right: 40px !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
  }
}

/* Very small screens keep list as a single full-width row, never two columns. */
@media (max-width: 460px) {
  body.drive-experience .drive-folder-grid.is-list {
    grid-template-columns: 1fr !important;
  }
  body.drive-experience .drive-folder-grid:not(.is-list) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* ========================================================================== 
   DRIVE PROFESSIONAL LIST VIEW FINAL FIX
   - Clean list rows for desktop/mobile
   - Visibility + shared icons placed before the file/folder name
   - Three-dot menu separated from content
   ========================================================================== */
body.drive-experience .drive-folder-grid.is-list{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  padding-top:12px!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-folder-card{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:76px!important;
  width:100%!important;
  padding:12px 14px!important;
  border:1px solid rgba(15,23,42,.08)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 1px 0 rgba(15,23,42,.02), 0 8px 22px rgba(15,23,42,.035)!important;
  overflow:hidden!important;
  transform:none!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-folder-card:hover{
  border-color:rgba(0,122,255,.22)!important;
  box-shadow:0 12px 28px rgba(15,23,42,.07)!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-folder-card.selected{
  background:#f8fbff!important;
  border-color:#007aff!important;
  box-shadow:0 0 0 1px rgba(0,122,255,.35), 0 12px 26px rgba(0,122,255,.08)!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-item-check,
body.drive-experience .drive-folder-grid.is-list .drive-visibility-badge,
body.drive-experience .drive-folder-grid.is-list .drive-grant-badge,
body.drive-experience .drive-folder-grid.is-list .drive-star,
body.drive-experience .drive-folder-grid.is-list .drive-more{
  position:static!important;
  transform:none!important;
  opacity:1!important;
  margin:0!important;
  flex:0 0 auto!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-item-check{
  order:1!important;
  width:18px!important;
  height:18px!important;
  display:grid!important;
  place-items:center!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-item-check span,
body.drive-experience .drive-folder-grid.is-list .drive-row-check span{
  width:16px!important;
  height:16px!important;
  border-radius:4px!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-visibility-badge{
  order:2!important;
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:9px!important;
  border:1px solid #dbe7f5!important;
  background:#f8fbff!important;
  color:#334155!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-grant-badge{
  order:3!important;
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:9px!important;
  border:1px solid #c9f3f4!important;
  background:#effefe!important;
  color:#00a5a9!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-folder-open{
  order:4!important;
  flex:1 1 auto!important;
  min-width:0!important;
  width:auto!important;
  min-height:0!important;
  height:auto!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:42px minmax(130px,1fr) minmax(210px,auto)!important;
  align-items:center!important;
  gap:12px!important;
  text-align:left!important;
  overflow:hidden!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-folder-art,
body.drive-experience .drive-folder-grid.is-list .drive-file-art{
  position:static!important;
  width:38px!important;
  height:38px!important;
  margin:0!important;
  grid-column:1!important;
  display:grid!important;
  place-items:center!important;
  border-radius:10px!important;
  background:#f8fafc!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-folder-art svg,
body.drive-experience .drive-folder-grid.is-list .drive-file-art svg{
  width:31px!important;
  height:31px!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-file-art em{display:none!important;}
body.drive-experience .drive-folder-grid.is-list .drive-folder-open strong{
  grid-column:2!important;
  width:auto!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  display:block!important;
  font-size:14px!important;
  font-weight:750!important;
  line-height:1.2!important;
  color:#111827!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-folder-open small{
  grid-column:3!important;
  justify-self:end!important;
  max-width:360px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  margin:0!important;
  color:#52627a!important;
  font-size:12px!important;
  line-height:1.25!important;
  text-align:right!important;
  white-space:normal!important;
  overflow:visible!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-item-size,
body.drive-experience .drive-folder-grid.is-list .drive-item-date{
  display:inline!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-item-dot{
  opacity:.55!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-star{
  order:8!important;
  width:31px!important;
  height:31px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#94a3b8!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-star.active,
body.drive-experience .drive-folder-grid.is-list .drive-folder-card.is-important .drive-star{
  color:#f5b301!important;
  background:rgba(245,179,1,.12)!important;
  border:1px solid rgba(245,179,1,.22)!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-more{
  order:9!important;
  width:36px!important;
  height:36px!important;
  display:grid!important;
  place-items:center!important;
  border-left:1px solid #e6edf5!important;
  border-radius:0!important;
  color:#1f2937!important;
  font-size:20px!important;
  line-height:1!important;
  background:transparent!important;
  margin-left:4px!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-more:hover{
  background:#f8fafc!important;
  border-radius:8px!important;
}

@media(max-width:680px){
  body.drive-experience .drive-folder-grid.is-list{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  body.drive-experience .drive-folder-grid.is-list .drive-folder-card{
    min-height:74px!important;
    padding:10px 10px!important;
    gap:7px!important;
    border-radius:14px!important;
  }
  body.drive-experience .drive-folder-grid.is-list .drive-item-check{width:16px!important;height:16px!important;}
  body.drive-experience .drive-folder-grid.is-list .drive-visibility-badge,
  body.drive-experience .drive-folder-grid.is-list .drive-grant-badge{
    width:28px!important;
    height:28px!important;
    border-radius:8px!important;
  }
  body.drive-experience .drive-folder-grid.is-list .drive-folder-open{
    grid-template-columns:36px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    gap:4px 9px!important;
  }
  body.drive-experience .drive-folder-grid.is-list .drive-folder-art,
  body.drive-experience .drive-folder-grid.is-list .drive-file-art{
    width:34px!important;
    height:34px!important;
    grid-row:1/3!important;
  }
  body.drive-experience .drive-folder-grid.is-list .drive-folder-art svg,
  body.drive-experience .drive-folder-grid.is-list .drive-file-art svg{
    width:27px!important;
    height:27px!important;
  }
  body.drive-experience .drive-folder-grid.is-list .drive-folder-open strong{
    grid-column:2!important;
    grid-row:1!important;
    font-size:13px!important;
  }
  body.drive-experience .drive-folder-grid.is-list .drive-folder-open small{
    grid-column:2!important;
    grid-row:2!important;
    justify-self:start!important;
    justify-content:flex-start!important;
    max-width:100%!important;
    text-align:left!important;
    font-size:10.5px!important;
    gap:4px!important;
  }
  body.drive-experience .drive-folder-grid.is-list .drive-star{display:none!important;}
  body.drive-experience .drive-folder-grid.is-list .drive-more{
    width:28px!important;
    height:36px!important;
    margin-left:0!important;
    border-left:1px solid #edf2f7!important;
  }
}

/* ========================================================================== 
   HELPRITE DRIVE — MOBILE UPLOAD DROPDOWN + BACK BUTTON FINAL FIX
   Keeps Upload dropdown compact under Upload button on mobile and makes Back
   button easier to tap/read.
   ========================================================================== */
body.drive-experience .drive-back-btn{
  min-width:72px!important;
  width:auto!important;
  padding-left:16px!important;
  padding-right:16px!important;
  justify-content:center!important;
  white-space:nowrap!important;
}

@media(max-width:680px){
  body.drive-experience .drive-command-bar,
  body.drive-experience .drive-command-actions{
    overflow:visible!important;
  }

  body.drive-experience .drive-command-actions .drive-popover-wrap{
    position:relative!important;
    overflow:visible!important;
    z-index:2147483000!important;
  }

  body.drive-experience .drive-upload-menu,
  body.drive-experience .drive-upload-menu.open{
    position:absolute!important;
    top:calc(100% + 7px)!important;
    right:0!important;
    left:auto!important;
    width:196px!important;
    min-width:196px!important;
    max-width:196px!important;
    max-height:none!important;
    overflow:visible!important;
    padding:7px!important;
    border-radius:13px!important;
    border:1px solid rgba(15,23,42,.10)!important;
    background:#fff!important;
    box-shadow:0 16px 42px rgba(15,23,42,.20)!important;
    z-index:2147483647!important;
    transform:none!important;
  }

  body.drive-experience .drive-upload-menu button{
    min-height:40px!important;
    padding:8px 12px!important;
    font-size:13px!important;
    border-radius:10px!important;
    white-space:nowrap!important;
  }

  body.drive-experience .drive-upload-menu button + button{
    margin-top:3px!important;
  }

  body.drive-experience .drive-back-btn{
    min-width:68px!important;
    height:38px!important;
    min-height:38px!important;
    padding-left:15px!important;
    padding-right:15px!important;
    border-radius:9px!important;
    font-size:12px!important;
    font-weight:700!important;
  }
}


/* ========================================================================== 
   HELPRITE DRIVE — MODAL Z-INDEX, MOBILE TOOLBAR FIT, PROMPT SAFETY FINAL
   ========================================================================== */
body.drive-experience .drive-command-bar,
body.drive-experience .drive-canvas{
  overflow:visible!important;
}
body.drive-experience .drive-upload-menu,
body.drive-experience .drive-filter-menu,
body.drive-experience .drive-sort-menu{
  z-index:7000!important;
}
body.drive-experience .drive-info-wrap{
  z-index:8000!important;
}
body.drive-experience .drive-info-drawer{
  z-index:8002!important;
}
body.drive-experience .drive-info-scrim{
  z-index:8001!important;
}
body.drive-experience .drive-modal-backdrop{
  z-index:12000!important;
}
body.drive-experience .drive-modal-backdrop.open{
  z-index:12000!important;
}
body.drive-experience .drive-apple-prompt-backdrop{
  z-index:13000!important;
}
body.drive-experience .drive-search-wrap,
body.drive-experience .drive-back-btn{
  min-height:38px!important;
  height:38px!important;
  align-self:stretch!important;
}
body.drive-experience .drive-back-btn{
  min-width:78px!important;
}
body.drive-experience .drive-modal-backdrop.open ~ .drive-upload-menu,
body.drive-experience .drive-modal-backdrop.open ~ .drive-filter-menu,
body.drive-experience .drive-modal-backdrop.open ~ .drive-sort-menu{
  display:none!important;
}
@media(max-width:680px){
  body.drive-experience .drive-command-bar{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
    padding:10px!important;
  }
  body.drive-experience .drive-breadcrumbs{
    width:100%!important;
    max-width:100%!important;
    margin-bottom:8px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body.drive-experience .drive-command-actions{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    gap:5px!important;
    overflow:visible!important;
    padding:0!important;
  }
  body.drive-experience .drive-command-actions .drive-local-toggle{
    flex:0 0 34px!important;
    width:34px!important;
    min-width:34px!important;
    height:36px!important;
  }
  body.drive-experience .drive-command-actions .drive-segmented{
    flex:0 0 auto!important;
    height:36px!important;
  }
  body.drive-experience .drive-command-actions .drive-segmented a,
  body.drive-experience .drive-command-actions .drive-segmented button{
    width:34px!important;
    min-width:34px!important;
    height:36px!important;
  }
  body.drive-experience .drive-command-actions .drive-popover-wrap{
    position:relative!important;
    flex:0 1 auto!important;
    overflow:visible!important;
    z-index:7100!important;
  }
  body.drive-experience .drive-command-actions .drive-btn.outline,
  body.drive-experience .drive-command-actions .drive-btn.solid{
    height:36px!important;
    min-height:36px!important;
    padding:0 9px!important;
    border-radius:7px!important;
    font-size:11px!important;
    white-space:nowrap!important;
    width:auto!important;
    min-width:0!important;
    flex:0 1 auto!important;
  }
  body.drive-experience .drive-command-actions .drive-btn.outline span,
  body.drive-experience .drive-command-actions .drive-btn.solid span{
    display:inline!important;
  }
  body.drive-experience .drive-upload-menu,
  body.drive-experience .drive-upload-menu.open{
    position:absolute!important;
    top:calc(100% + 7px)!important;
    right:0!important;
    left:auto!important;
    width:176px!important;
    min-width:176px!important;
    max-width:176px!important;
    z-index:7200!important;
  }
  body.drive-experience .drive-upload-menu button{
    min-height:38px!important;
    padding:8px 11px!important;
    font-size:12px!important;
  }
  body.drive-experience .drive-title-row{
    overflow:visible!important;
  }
  body.drive-experience .drive-title-row>.drive-search-wrap{
    height:40px!important;
    min-height:40px!important;
  }
  body.drive-experience .drive-title-row>.drive-back-btn{
    height:40px!important;
    min-height:40px!important;
    min-width:76px!important;
    padding:0 14px!important;
    align-self:stretch!important;
  }
}
@media(max-width:390px){
  body.drive-experience .drive-command-actions{gap:4px!important;}
  body.drive-experience .drive-command-actions .drive-local-toggle{flex-basis:32px!important;width:32px!important;min-width:32px!important;}
  body.drive-experience .drive-command-actions .drive-segmented a,
  body.drive-experience .drive-command-actions .drive-segmented button{width:31px!important;min-width:31px!important;}
  body.drive-experience .drive-command-actions .drive-btn.outline,
  body.drive-experience .drive-command-actions .drive-btn.solid{padding:0 7px!important;font-size:10.5px!important;}
}

/* ========================================================================== 
   HELPRITE DRIVE — FINAL MOBILE FIT + PROMPT/MODAL SAFETY PATCH
   ========================================================================== */
body.drive-experience .drive-command-bar,
body.drive-experience .drive-command-actions{
  position:relative!important;
  top:auto!important;
  transform:none!important;
}
body.drive-experience .drive-modal-backdrop.open{
  z-index:2147483600!important;
}
body.drive-experience .drive-info-wrap.open{
  z-index:2147483000!important;
}
body.drive-experience .drive-info-scrim{
  z-index:2147483001!important;
}
body.drive-experience .drive-info-drawer{
  z-index:2147483002!important;
}
body.drive-experience .drive-apple-prompt-backdrop:not(.open){
  display:none!important;
  pointer-events:none!important;
}
body.drive-experience.drive-modal-is-open .drive-apple-prompt-backdrop,
body.drive-experience .drive-modal-backdrop.open ~ .drive-apple-prompt-backdrop{
  display:none!important;
  pointer-events:none!important;
  visibility:hidden!important;
  opacity:0!important;
}
body.drive-experience.drive-modal-is-open .drive-upload-menu,
body.drive-experience.drive-modal-is-open .drive-filter-menu,
body.drive-experience.drive-modal-is-open .drive-sort-menu{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

@media(max-width:680px){
  body.drive-experience .drive-command-bar{
    position:relative!important;
    z-index:10!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
    padding:10px!important;
  }
  body.drive-experience .drive-breadcrumbs{
    width:100%!important;
    max-width:100%!important;
    margin-bottom:8px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body.drive-experience .drive-command-actions{
    width:100%!important;
    max-width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    gap:4px!important;
    overflow:visible!important;
  }
  body.drive-experience .drive-command-actions .drive-local-toggle{
    flex:0 0 32px!important;
    width:32px!important;
    min-width:32px!important;
    height:36px!important;
  }
  body.drive-experience .drive-command-actions .drive-segmented{
    flex:0 0 auto!important;
    height:36px!important;
    min-width:99px!important;
  }
  body.drive-experience .drive-command-actions .drive-segmented a,
  body.drive-experience .drive-command-actions .drive-segmented button{
    width:33px!important;
    min-width:33px!important;
    height:36px!important;
  }
  body.drive-experience .drive-command-actions .drive-popover-wrap{
    position:relative!important;
    flex:0 0 auto!important;
    overflow:visible!important;
    z-index:50!important;
  }
  body.drive-experience .drive-command-actions .drive-btn.outline,
  body.drive-experience .drive-command-actions .drive-btn.solid{
    height:36px!important;
    min-height:36px!important;
    border-radius:7px!important;
    white-space:nowrap!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
  }
  body.drive-experience .drive-command-actions .drive-btn.outline{
    flex:0 0 82px!important;
    width:82px!important;
    min-width:82px!important;
    padding:0 7px!important;
    font-size:10.5px!important;
  }
  body.drive-experience .drive-command-actions .drive-btn.solid{
    flex:1 1 auto!important;
    min-width:102px!important;
    max-width:132px!important;
    padding:0 7px!important;
    font-size:10.5px!important;
  }
  body.drive-experience .drive-command-actions .drive-btn.outline span,
  body.drive-experience .drive-command-actions .drive-btn.solid span{
    display:inline!important;
  }
  body.drive-experience .drive-upload-menu,
  body.drive-experience .drive-upload-menu.open{
    position:absolute!important;
    top:calc(100% + 6px)!important;
    right:0!important;
    left:auto!important;
    width:150px!important;
    min-width:150px!important;
    max-width:150px!important;
    z-index:5000!important;
    border-radius:10px!important;
    padding:5px!important;
  }
  body.drive-experience .drive-upload-menu button{
    min-height:34px!important;
    padding:7px 9px!important;
    font-size:11.5px!important;
    white-space:nowrap!important;
  }
  body.drive-experience .drive-title-row{
    overflow:visible!important;
  }
  body.drive-experience .drive-title-row>.drive-search-wrap,
  body.drive-experience .drive-title-row>.drive-back-btn{
    height:40px!important;
    min-height:40px!important;
  }
  body.drive-experience .drive-title-row>.drive-back-btn{
    min-width:78px!important;
    padding:0 14px!important;
    font-size:12px!important;
  }
  body.drive-experience .drive-selection-toolbar.show{
    width:100%!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:10px!important;
    white-space:nowrap!important;
  }
  body.drive-experience .drive-selection-toolbar.show>strong{
    flex:0 0 auto!important;
    white-space:nowrap!important;
    margin:0 4px 0 0!important;
  }
  body.drive-experience .drive-selection-toolbar.show>div{
    width:auto!important;
    flex:0 0 auto!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:6px!important;
    overflow:visible!important;
    padding:0!important;
  }
  body.drive-experience .drive-selection-toolbar.show button{
    flex:0 0 auto!important;
    white-space:nowrap!important;
    min-width:max-content!important;
  }
  body.drive-experience .drive-selection-toolbar.show #bulkSelectAllBtn{
    min-width:92px!important;
    white-space:nowrap!important;
    line-height:1!important;
  }
  body.drive-experience .drive-selection-toolbar.show .drive-selected-clear{
    min-width:34px!important;
    width:34px!important;
  }
}

@media(max-width:380px){
  body.drive-experience .drive-command-actions .drive-local-toggle{flex-basis:30px!important;width:30px!important;min-width:30px!important;}
  body.drive-experience .drive-command-actions .drive-segmented{min-width:90px!important;}
  body.drive-experience .drive-command-actions .drive-segmented a,
  body.drive-experience .drive-command-actions .drive-segmented button{width:30px!important;min-width:30px!important;}
  body.drive-experience .drive-command-actions .drive-btn.outline{flex-basis:76px!important;width:76px!important;min-width:76px!important;font-size:10px!important;}
  body.drive-experience .drive-command-actions .drive-btn.solid{min-width:96px!important;font-size:10px!important;}
}


/* ========================================================================== 
   HELPRITE DRIVE — FINAL SCRIPT CONFLICT + MOBILE TOOLBAR/SELECTION FIX
   Stops global script prompt conflicts and keeps mobile controls aligned.
   ========================================================================== */
body.drive-experience[data-drive-live="1"] .drive-apple-prompt-backdrop,
body.drive-experience[data-helprite-drive-managed="1"] .drive-apple-prompt-backdrop{
  z-index:2147483640!important;
}
body.drive-experience.drive-modal-is-open .drive-apple-prompt-backdrop,
body.drive-experience .drive-modal-backdrop.open ~ .drive-apple-prompt-backdrop{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
body.drive-experience .swal2-container{
  z-index:2147483641!important;
}
body.drive-experience.drive-modal-is-open .swal2-container{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

@media(max-width:680px){
  body.drive-experience .drive-command-bar{
    position:relative!important;
    z-index:2!important;
    margin-top:0!important;
    overflow:visible!important;
  }
  body.drive-experience .drive-command-actions,
  body.drive-experience .drive-command-actions *{
    z-index:auto!important;
  }
  body.drive-experience .drive-command-actions .drive-popover-wrap{
    z-index:3!important;
  }
  body.drive-experience .drive-command-actions{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:4px!important;
    overflow:visible!important;
  }
  body.drive-experience .drive-command-actions .drive-local-toggle{
    flex:0 0 30px!important;
    width:30px!important;
    min-width:30px!important;
    height:34px!important;
  }
  body.drive-experience .drive-command-actions .drive-segmented{
    flex:0 0 90px!important;
    width:90px!important;
    min-width:90px!important;
    height:34px!important;
  }
  body.drive-experience .drive-command-actions .drive-segmented a,
  body.drive-experience .drive-command-actions .drive-segmented button{
    width:30px!important;
    min-width:30px!important;
    height:34px!important;
  }
  body.drive-experience .drive-command-actions .drive-btn.outline{
    flex:0 0 80px!important;
    width:80px!important;
    min-width:80px!important;
    height:34px!important;
    padding:0 6px!important;
    font-size:10.5px!important;
  }
  body.drive-experience .drive-command-actions .drive-btn.solid{
    flex:1 1 auto!important;
    min-width:98px!important;
    max-width:118px!important;
    height:34px!important;
    padding:0 6px!important;
    font-size:10.5px!important;
  }
  body.drive-experience .drive-command-actions .drive-btn span{
    display:inline!important;
    white-space:nowrap!important;
  }
  body.drive-experience .drive-upload-menu,
  body.drive-experience .drive-upload-menu.open{
    z-index:900!important;
  }
  body.drive-experience .drive-modal-backdrop.open{
    z-index:2147483600!important;
  }

  body.drive-experience #selectedToolbar.drive-selection-toolbar.show{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    white-space:nowrap!important;
    padding:10px!important;
    min-height:58px!important;
    max-width:100%!important;
  }
  body.drive-experience #selectedToolbar.drive-selection-toolbar.show .drive-selected-clear{
    flex:0 0 34px!important;
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
  }
  body.drive-experience #selectedToolbar.drive-selection-toolbar.show > strong{
    flex:0 0 auto!important;
    white-space:nowrap!important;
    margin:0!important;
    min-width:max-content!important;
    line-height:34px!important;
  }
  body.drive-experience #selectedToolbar.drive-selection-toolbar.show > div{
    flex:0 0 auto!important;
    width:auto!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:6px!important;
    overflow:visible!important;
    padding:0!important;
    margin:0!important;
  }
  body.drive-experience #selectedToolbar.drive-selection-toolbar.show button{
    flex:0 0 auto!important;
    min-width:max-content!important;
    height:34px!important;
    white-space:nowrap!important;
    line-height:1!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
  }
  body.drive-experience #selectedToolbar.drive-selection-toolbar.show #bulkSelectAllBtn{
    min-width:94px!important;
    white-space:nowrap!important;
  }
}

@media(max-width:380px){
  body.drive-experience .drive-command-actions{gap:3px!important;}
  body.drive-experience .drive-command-actions .drive-local-toggle{flex-basis:28px!important;width:28px!important;min-width:28px!important;}
  body.drive-experience .drive-command-actions .drive-segmented{flex-basis:84px!important;width:84px!important;min-width:84px!important;}
  body.drive-experience .drive-command-actions .drive-segmented a,
  body.drive-experience .drive-command-actions .drive-segmented button{width:28px!important;min-width:28px!important;}
  body.drive-experience .drive-command-actions .drive-btn.outline{flex-basis:74px!important;width:74px!important;min-width:74px!important;font-size:10px!important;}
  body.drive-experience .drive-command-actions .drive-btn.solid{min-width:90px!important;max-width:104px!important;font-size:10px!important;}
}

/* ========================================================================== 
   HELPRITE DRIVE — INLINE TITLE ROW + CONFIRMATION PROMPT FINAL FIX
   ========================================================================== */
@media (min-width:681px){
  body.drive-experience .drive-title-row{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    flex-wrap:nowrap!important;
    width:100%!important;
  }
  body.drive-experience .drive-title-row > div:first-child{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    flex:1 1 auto!important;
    min-width:0!important;
  }
  body.drive-experience .drive-title-row h1{
    flex:0 0 auto!important;
    margin:0!important;
    white-space:nowrap!important;
  }
  body.drive-experience .drive-title-tools{
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    min-width:0!important;
  }
  body.drive-experience .drive-title-row > .drive-search-wrap{
    flex:0 1 360px!important;
    width:360px!important;
    max-width:360px!important;
    min-width:260px!important;
    height:40px!important;
    min-height:40px!important;
    margin-left:auto!important;
  }
  body.drive-experience .drive-title-row > .drive-pagination-top{
    flex:0 0 auto!important;
    order:3!important;
    margin:0!important;
    width:auto!important;
    justify-content:center!important;
    white-space:nowrap!important;
  }
  body.drive-experience .drive-title-row > .drive-back-btn{
    flex:0 0 auto!important;
    order:4!important;
    height:40px!important;
    min-height:40px!important;
    min-width:76px!important;
    margin:0!important;
  }
}

/* Confirmation prompts must show above active Drive modals only when explicitly opened. */
body.drive-experience .drive-apple-prompt-backdrop.open,
body.drive-experience.drive-modal-is-open .drive-apple-prompt-backdrop.open,
body.drive-experience.drive-confirm-is-open .drive-apple-prompt-backdrop.open{
  display:flex!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  z-index:2147483646!important;
}
body.drive-experience .drive-apple-prompt{
  z-index:2147483647!important;
}
body.drive-experience.drive-modal-is-open:not(.drive-confirm-is-open) .drive-apple-prompt-backdrop:not(.open){
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* Keep selection controls on one line and stop Select All from breaking. */
body.drive-experience #selectedToolbar.drive-selection-toolbar.show{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  white-space:nowrap!important;
}
body.drive-experience #selectedToolbar.drive-selection-toolbar.show > div{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:7px!important;
  width:auto!important;
  flex:0 0 auto!important;
}
body.drive-experience #selectedToolbar.drive-selection-toolbar.show button,
body.drive-experience #selectedToolbar.drive-selection-toolbar.show #bulkSelectAllBtn{
  white-space:nowrap!important;
  word-break:keep-all!important;
  line-height:1!important;
}


/* ========================================================================== 
   HELPRITE DRIVE — HEADER RESTORE + DROPDOWN LAYER FINAL PATCH
   Do not restyle the global system header from the Drive module. Keep Drive
   dropdowns above Drive controls, but always below Drive modals/prompts.
   ========================================================================== */
body.drive-experience .drive-command-bar{
  position:relative!important;
  z-index:1050!important;
  overflow:visible!important;
}
body.drive-experience .drive-title-row,
body.drive-experience .drive-filter-search-select,
body.drive-experience .drive-file-tools-wrap{
  position:relative!important;
  z-index:20!important;
  overflow:visible!important;
}
body.drive-experience .drive-command-actions,
body.drive-experience .drive-command-actions .drive-popover-wrap{
  position:relative!important;
  overflow:visible!important;
}
body.drive-experience .drive-command-actions .drive-popover-wrap{
  z-index:1100!important;
}
body.drive-experience .drive-upload-menu.open,
body.drive-experience .drive-filter-menu.open,
body.drive-experience .drive-sort-menu.open{
  z-index:1150!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
body.drive-experience.drive-modal-is-open .drive-upload-menu,
body.drive-experience.drive-modal-is-open .drive-filter-menu,
body.drive-experience.drive-modal-is-open .drive-sort-menu{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
body.drive-experience .drive-modal-backdrop.open{
  z-index:2147483600!important;
}
body.drive-experience .drive-apple-prompt-backdrop.open,
body.drive-experience.drive-confirm-is-open .drive-apple-prompt-backdrop.open{
  z-index:2147483646!important;
}
body.drive-experience .drive-apple-prompt{
  position:relative!important;
  z-index:2147483647!important;
}
@media(max-width:680px){
  body.drive-experience .drive-command-bar{
    z-index:1050!important;
    overflow:visible!important;
  }
  body.drive-experience .drive-upload-menu.open{
    top:calc(100% + 6px)!important;
    right:0!important;
    left:auto!important;
    width:158px!important;
    min-width:158px!important;
    max-width:158px!important;
    z-index:1150!important;
  }
  body.drive-experience .drive-upload-menu button{
    min-height:34px!important;
    padding:7px 10px!important;
    font-size:12px!important;
    text-align:left!important;
  }
}

/* =====================================================
   Helprite Drive Move Destination Picker
   Professional icon-card folder selection for Move File/Folder
   ===================================================== */
.drive-move-modal {
    width: min(920px, calc(100vw - 32px)) !important;
}

.drive-move-modal .drive-modal-body {
    max-height: min(68vh, 680px);
    overflow: auto;
    padding-bottom: 18px !important;
}

.drive-move-topbar {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) minmax(220px, 320px);
    gap: 14px;
    align-items: stretch;
    margin-bottom: 14px;
}

.drive-move-search-wrap {
    min-height: 48px;
    border: 1px solid #dbe4f0;
    border-radius: 14px;
    background: #f8fafc;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 14px;
    color: #64748b;
}

.drive-move-search-wrap input {
    width: 100%;
    height: 44px;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    color: #0f172a;
    font-size: 14px;
}

.drive-move-selected {
    min-height: 48px;
    border: 1px solid #bfdbfe;
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(239, 246, 255, .98), rgba(255, 255, 255, .98));
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 9px 12px;
    min-width: 0;
}

.drive-move-selected-icon,
.drive-move-folder-art {
    width: 42px;
    height: 42px;
    min-width: 42px;
    border-radius: 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fef3c7;
    color: #d99a00;
    box-shadow: inset 0 0 0 1px rgba(217, 154, 0, .16);
}

.drive-move-selected-icon i,
.drive-move-folder-art i {
    font-size: 23px;
    line-height: 1;
}

.drive-move-selected-icon.root,
.drive-move-folder-art.root {
    background: #e0f2fe;
    color: #0284c7;
    box-shadow: inset 0 0 0 1px rgba(2, 132, 199, .16);
}

.drive-move-selected-icon.blue,
.drive-move-folder-art.blue { background: #dbeafe; color: #2563eb; box-shadow: inset 0 0 0 1px rgba(37, 99, 235, .14); }
.drive-move-selected-icon.green,
.drive-move-folder-art.green { background: #dcfce7; color: #16a34a; box-shadow: inset 0 0 0 1px rgba(22, 163, 74, .14); }
.drive-move-selected-icon.red,
.drive-move-folder-art.red { background: #fee2e2; color: #dc2626; box-shadow: inset 0 0 0 1px rgba(220, 38, 38, .14); }
.drive-move-selected-icon.purple,
.drive-move-folder-art.purple { background: #f3e8ff; color: #9333ea; box-shadow: inset 0 0 0 1px rgba(147, 51, 234, .14); }
.drive-move-selected-icon.orange,
.drive-move-folder-art.orange { background: #ffedd5; color: #ea580c; box-shadow: inset 0 0 0 1px rgba(234, 88, 12, .14); }

.drive-move-selected div,
.drive-move-folder-card span:nth-child(2) {
    min-width: 0;
}

.drive-move-selected strong,
.drive-move-folder-card strong {
    display: block;
    font-size: 14px;
    font-weight: 800;
    color: #0f172a;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.drive-move-selected small,
.drive-move-folder-card small {
    display: block;
    font-size: 12px;
    color: #64748b;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 2px;
}

.drive-move-hint {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 13px;
    border-radius: 14px;
    border: 1px dashed #bfdbfe;
    background: #f8fbff;
    color: #475569;
    margin-bottom: 14px;
}

.drive-move-hint span {
    color: #0d6efd;
    font-size: 18px;
    line-height: 1;
    margin-top: 1px;
}

.drive-move-hint p {
    margin: 0;
    font-size: 13px;
    line-height: 1.45;
}

.drive-move-folder-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 12px;
}

.drive-move-folder-card {
    width: 100%;
    min-height: 76px;
    border: 1px solid #e2e8f0;
    background: #ffffff;
    border-radius: 16px;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 24px;
    align-items: center;
    gap: 12px;
    padding: 13px;
    text-align: left;
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease, background .16s ease;
    cursor: pointer;
}

.drive-move-folder-card:hover {
    border-color: #93c5fd;
    background: #f8fbff;
    box-shadow: 0 12px 24px rgba(15, 23, 42, .08);
    transform: translateY(-1px);
}

.drive-move-folder-card.selected {
    border-color: #0d6efd;
    background: #eff6ff;
    box-shadow: 0 0 0 3px rgba(13, 110, 253, .12);
}

.drive-move-folder-card b {
    width: 24px;
    height: 24px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: transparent;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    font-size: 14px;
}

.drive-move-folder-card.selected b {
    color: #ffffff;
    background: #0d6efd;
    border-color: #0d6efd;
}

.drive-move-loading,
.drive-move-empty {
    grid-column: 1 / -1;
    min-height: 160px;
    border: 1px dashed #dbe4f0;
    border-radius: 18px;
    background: #f8fafc;
    color: #64748b;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-align: center;
    padding: 24px;
}

.drive-move-empty i {
    width: 46px;
    height: 46px;
    border-radius: 15px;
    background: #e0f2fe;
    color: #0284c7;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 23px;
}

.drive-move-empty strong,
.drive-move-loading strong {
    color: #0f172a;
    font-size: 14px;
}

.drive-move-empty span {
    font-size: 13px;
}

.drive-move-modal footer .drive-btn.solid {
    gap: 7px;
}

@media (max-width: 767.98px) {
    .drive-move-modal {
        width: calc(100vw - 20px) !important;
    }

    .drive-move-modal .drive-modal-body {
        max-height: 66vh;
    }

    .drive-move-topbar {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .drive-move-folder-grid {
        grid-template-columns: 1fr;
    }

    .drive-move-folder-card {
        min-height: 70px;
        padding: 11px;
        border-radius: 14px;
        grid-template-columns: 40px minmax(0, 1fr) 22px;
    }

    .drive-move-selected-icon,
    .drive-move-folder-art {
        width: 40px;
        height: 40px;
        min-width: 40px;
    }
}

/* Keep Drive toolbar behind mobile aside/header when scrolling */
.header,
.main-header,
.top-header,
.page-header,
.app-header,
.navbar-header {
    z-index: 5000 !important;
}
.drive-local-sidebar,
.drive-mobile-sidebar,
.drive-sidebar,
.drive-aside,
.drive-aside-panel {
    z-index: 4000 !important;
}
.drive-command-bar,
.drive-page-toolbar,
.drive-toolbar-row,
.drive-top-controls,
.drive-top-strip,
.drive-actions-toolbar,
.drive-action-row {
    position: relative !important;
    z-index: 1 !important;
}

/* =====================================================
   FINAL MOVE DESTINATION PICKER POLISH
   Cleaner folder-card picker, real SVG folder icons,
   de-duplicated folder cards and better mobile spacing.
   ===================================================== */
.drive-move-modal {
    width: min(940px, calc(100vw - 28px)) !important;
    border-radius: 22px !important;
    overflow: hidden !important;
}

.drive-move-modal header {
    background: #fff !important;
    border-bottom: 1px solid #edf1f7 !important;
}

.drive-move-modal .drive-modal-body {
    background: linear-gradient(180deg, #fbfdff 0%, #ffffff 100%) !important;
    max-height: min(66vh, 650px) !important;
    padding: 22px !important;
}

.drive-move-topbar {
    display: grid !important;
    grid-template-columns: minmax(260px, 1fr) minmax(250px, 340px) !important;
    gap: 14px !important;
    margin-bottom: 16px !important;
}

.drive-move-search-wrap,
.drive-move-selected {
    height: 58px !important;
    border-radius: 18px !important;
}

.drive-move-search-wrap {
    background: #ffffff !important;
    border: 1px solid #dbe4f0 !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .04) !important;
}

.drive-move-search-wrap:focus-within {
    border-color: #0d6efd !important;
    box-shadow: 0 0 0 4px rgba(13, 110, 253, .10) !important;
}

.drive-move-selected {
    background: #eef6ff !important;
    border: 1px solid #9dccff !important;
    box-shadow: 0 10px 28px rgba(13, 110, 253, .10) !important;
}

.drive-move-selected-icon,
.drive-move-folder-art {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    border-radius: 15px !important;
    overflow: hidden !important;
}

.drive-move-selected-icon svg,
.drive-move-folder-art svg {
    width: 36px !important;
    height: 30px !important;
    display: block !important;
}

.drive-move-hint {
    border: 1px dashed #c7d7ee !important;
    background: #f7fbff !important;
    border-radius: 18px !important;
    padding: 13px 15px !important;
}

.drive-move-folder-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(245px, 1fr)) !important;
    gap: 12px !important;
    align-items: stretch !important;
}

.drive-move-folder-card {
    min-height: 88px !important;
    grid-template-columns: 48px minmax(0, 1fr) 26px !important;
    gap: 13px !important;
    padding: 14px !important;
    border-radius: 18px !important;
    border: 1px solid #e1e9f3 !important;
    background: #ffffff !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .035) !important;
}

.drive-move-folder-card:hover {
    transform: translateY(-2px) !important;
    border-color: #98c5ff !important;
    background: #fbfdff !important;
    box-shadow: 0 18px 36px rgba(15, 23, 42, .08) !important;
}

.drive-move-folder-card.selected {
    border-color: #0d6efd !important;
    background: linear-gradient(135deg, #eef6ff, #ffffff) !important;
    box-shadow: 0 0 0 3px rgba(13, 110, 253, .13), 0 18px 34px rgba(13, 110, 253, .10) !important;
}

.drive-move-folder-card strong {
    font-size: 15px !important;
    font-weight: 800 !important;
    letter-spacing: -.01em !important;
    margin-bottom: 2px !important;
}

.drive-move-folder-card small,
.drive-move-selected small {
    font-size: 12px !important;
    color: #64748b !important;
}

.drive-move-folder-card b {
    width: 26px !important;
    height: 26px !important;
    background: #f6f9fc !important;
}

.drive-move-folder-card.selected b {
    background: #0d6efd !important;
    border-color: #0d6efd !important;
}

.drive-move-selected-icon.default,
.drive-move-folder-art.default {
    background: #fff3c4 !important;
    color: #e7ac00 !important;
    box-shadow: inset 0 0 0 1px rgba(231, 172, 0, .18) !important;
}

.drive-move-selected-icon.root,
.drive-move-folder-art.root {
    background: #dff3ff !important;
    color: #0284c7 !important;
}

.drive-move-modal footer {
    background: #ffffff !important;
    border-top: 1px solid #edf1f7 !important;
}

@media (max-width: 767.98px) {
    .drive-move-modal {
        width: calc(100vw - 18px) !important;
    }

    .drive-move-modal .drive-modal-body {
        max-height: 68vh !important;
        padding: 14px !important;
    }

    .drive-move-topbar {
        grid-template-columns: 1fr !important;
    }

    .drive-move-folder-grid {
        grid-template-columns: 1fr !important;
    }

    .drive-move-folder-card {
        min-height: 78px !important;
        border-radius: 16px !important;
        padding: 12px !important;
    }
}

/* =====================================================
   PROFESSIONAL MOVE FILE/FOLDER DESTINATION PICKER
   Replaces the busy card grid with a clean Drive/Explorer style picker.
   ===================================================== */
.drive-move-modal {
    width: min(820px, calc(100vw - 28px)) !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    background: #ffffff !important;
}

.drive-move-modal header {
    padding: 20px 24px 16px !important;
    background: #ffffff !important;
    border-bottom: 1px solid #edf0f5 !important;
}

.drive-move-modal header h2 {
    font-size: 20px !important;
    font-weight: 800 !important;
    letter-spacing: -.02em !important;
}

.drive-move-modal header p {
    margin-top: 4px !important;
    font-size: 13px !important;
    color: #6b7280 !important;
}

.drive-move-modal .drive-modal-body {
    padding: 18px 24px 20px !important;
    background: #f8fafc !important;
    max-height: min(68vh, 620px) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
}

.drive-move-topbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 280px !important;
    gap: 12px !important;
    margin: 0 !important;
    align-items: stretch !important;
}

.drive-move-search-wrap {
    height: 48px !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    border: 1px solid #d8e1ed !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04) !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 0 14px !important;
}

.drive-move-search-wrap svg {
    flex: 0 0 auto !important;
    color: #64748b !important;
}

.drive-move-search-wrap input {
    height: 100% !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    font-size: 14px !important;
    width: 100% !important;
    padding: 0 !important;
}

.drive-move-search-wrap:focus-within {
    border-color: #0d6efd !important;
    box-shadow: 0 0 0 4px rgba(13, 110, 253, .10) !important;
}

.drive-move-selected {
    height: 48px !important;
    border-radius: 14px !important;
    padding: 6px 10px !important;
    background: #ffffff !important;
    border: 1px solid #d8e1ed !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04) !important;
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: center !important;
}

.drive-move-selected::before {
    content: 'Destination';
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
}

.drive-move-selected strong {
    display: block !important;
    font-size: 13px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.drive-move-selected small {
    display: block !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
    color: #64748b !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.drive-move-selected-icon,
.drive-move-folder-art {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    border-radius: 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}

.drive-move-selected-icon svg,
.drive-move-folder-art svg {
    width: 27px !important;
    height: 22px !important;
    display: block !important;
}

.drive-move-hint {
    display: none !important;
}

.drive-move-folder-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    padding: 6px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    overflow: auto !important;
    max-height: min(48vh, 430px) !important;
    box-shadow: 0 10px 30px rgba(15, 23, 42, .045) !important;
}

.drive-move-folder-grid::before {
    content: 'Choose destination folder';
    position: sticky !important;
    top: -6px !important;
    z-index: 2 !important;
    display: block !important;
    padding: 10px 12px 9px !important;
    margin: -6px -6px 5px !important;
    background: rgba(255, 255, 255, .96) !important;
    border-bottom: 1px solid #eef2f7 !important;
    color: #475569 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;
    backdrop-filter: blur(8px) !important;
}

.drive-move-folder-card {
    width: 100% !important;
    min-height: 62px !important;
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) 28px !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 10px 12px !important;
    border-radius: 12px !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: left !important;
    cursor: pointer !important;
    transition: background .15s ease, border-color .15s ease, box-shadow .15s ease, transform .15s ease !important;
}

.drive-move-folder-card + .drive-move-folder-card {
    margin-top: 3px !important;
}

.drive-move-folder-card:hover {
    background: #f8fbff !important;
    border-color: #dbeafe !important;
    transform: none !important;
    box-shadow: none !important;
}

.drive-move-folder-card.selected {
    background: #eef6ff !important;
    border-color: #0d6efd !important;
    box-shadow: inset 0 0 0 1px rgba(13, 110, 253, .22) !important;
}

.drive-move-folder-card span:nth-child(2) {
    display: block !important;
    min-width: 0 !important;
}

.drive-move-folder-card strong {
    display: block !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    color: #111827 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.drive-move-folder-card small {
    display: block !important;
    margin-top: 3px !important;
    font-size: 12px !important;
    color: #64748b !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.drive-move-folder-card b {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f1f5f9 !important;
    border: 1px solid #dce6f2 !important;
    color: transparent !important;
    justify-self: end !important;
}

.drive-move-folder-card.selected b {
    background: #0d6efd !important;
    border-color: #0d6efd !important;
    color: #ffffff !important;
}

.drive-move-folder-card b i {
    font-size: 14px !important;
}

.drive-move-selected-icon.default,
.drive-move-folder-art.default {
    background: #fff4bf !important;
    color: #eab308 !important;
    box-shadow: inset 0 0 0 1px rgba(234, 179, 8, .18) !important;
}

.drive-move-selected-icon.root,
.drive-move-folder-art.root {
    background: #e0f2fe !important;
    color: #0284c7 !important;
    box-shadow: inset 0 0 0 1px rgba(2, 132, 199, .14) !important;
}

.drive-move-selected-icon.blue,
.drive-move-folder-art.blue {
    background: #dbeafe !important;
    color: #2563eb !important;
}

.drive-move-selected-icon.green,
.drive-move-folder-art.green {
    background: #dcfce7 !important;
    color: #16a34a !important;
}

.drive-move-selected-icon.red,
.drive-move-folder-art.red {
    background: #fee2e2 !important;
    color: #dc2626 !important;
}

.drive-move-selected-icon.purple,
.drive-move-folder-art.purple {
    background: #f3e8ff !important;
    color: #9333ea !important;
}

.drive-move-selected-icon.orange,
.drive-move-folder-art.orange {
    background: #ffedd5 !important;
    color: #ea580c !important;
}

.drive-move-loading,
.drive-move-empty {
    min-height: 180px !important;
    border: 1px dashed #d8e1ed !important;
    border-radius: 14px !important;
    background: #fbfdff !important;
}

.drive-move-modal footer {
    padding: 14px 24px !important;
    background: #ffffff !important;
    border-top: 1px solid #edf0f5 !important;
}

.drive-move-modal footer .drive-btn.solid {
    min-width: 128px !important;
}

@media (max-width: 767.98px) {
    .drive-move-modal {
        width: calc(100vw - 18px) !important;
        border-radius: 18px !important;
    }

    .drive-move-modal header {
        padding: 16px 16px 13px !important;
    }

    .drive-move-modal .drive-modal-body {
        padding: 14px !important;
        max-height: 70vh !important;
    }

    .drive-move-topbar {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .drive-move-selected {
        grid-template-columns: 34px minmax(0, 1fr) !important;
    }

    .drive-move-folder-grid {
        max-height: 48vh !important;
        border-radius: 14px !important;
    }

    .drive-move-folder-card {
        min-height: 60px !important;
        grid-template-columns: 38px minmax(0, 1fr) 26px !important;
        padding: 10px !important;
    }
}

/* Drive Share Modal - old Drive style restored + Select2 polish */
.drive-share-bootstrap-modal { z-index: 7060 !important; }
.drive-share-bootstrap-modal + .modal-backdrop,
.modal-backdrop.show { z-index: 7055 !important; }
.drive-share-bootstrap-modal .modal-content {
    border: 0;
    border-radius: 18px;
    box-shadow: 0 24px 70px rgba(15, 23, 42, .22);
    overflow: hidden;
}
.drive-share-bootstrap-modal .modal-header {
    padding: 18px 22px;
    border-bottom: 1px solid #eef2f7;
    background: #fff;
}
.drive-share-bootstrap-modal .modal-title { font-size: 18px; font-weight: 700; color: #0f172a; }
.drive-share-bootstrap-modal .modal-body { padding: 22px; background: #fff; }
.drive-share-bootstrap-modal .modal-footer { padding: 14px 22px; border-top: 1px solid #eef2f7; background: #f8fafc; }
.drive-share-bootstrap-modal .form-label {
    display: block;
    margin-bottom: 8px;
    font-size: 13px;
    font-weight: 700;
    color: #334155;
}
.drive-share-bootstrap-modal .form-select,
.drive-share-bootstrap-modal .form-control,
.drive-share-bootstrap-modal .select2-container .select2-selection {
    min-height: 42px !important;
    border-radius: 10px !important;
    border-color: #dbe3ea !important;
}
.drive-share-bootstrap-modal .select2-container--default .select2-selection--multiple,
.drive-share-bootstrap-modal .select2-container--default .select2-selection--single {
    padding: 5px 8px !important;
    display: flex !important;
    align-items: center !important;
}
.drive-share-bootstrap-modal .select2-container--default .select2-selection--multiple { align-items: flex-start !important; min-height: 46px !important; }
.drive-share-bootstrap-modal .select2-container { width: 100% !important; }
.drive-share-check {
    min-height: 42px;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 11px 14px 10px 38px;
    background: #f8fafc;
}
.drive-share-bootstrap-modal .alert input { font-size: 13px; }
.select2-dropdown { z-index: 7080 !important; }
@media(max-width:575.98px){
    .drive-share-bootstrap-modal .modal-dialog { margin: 10px; }
    .drive-share-bootstrap-modal .modal-body { padding: 16px; }
    .drive-share-bootstrap-modal .modal-footer { padding: 12px 16px; }
}

/* Drive Share Modal - new Drive theme with old sharing logic + Select2 */
body.drive-experience #driveShareModal {
    z-index: 7060 !important;
}
body.drive-experience #driveShareModal .drive-share-modal {
    width: min(820px, calc(100vw - 28px)) !important;
}
body.drive-experience #driveShareModal .drive-modal-body {
    padding: 20px !important;
}
body.drive-experience .drive-share-form-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
}
body.drive-experience .drive-share-external {
    grid-column: 1 / -1 !important;
}
body.drive-experience .drive-share-external[hidden],
body.drive-experience .drive-share-form-grid [hidden] {
    display: none !important;
}
body.drive-experience .drive-check-card {
    min-height: 58px !important;
    border: 1px solid var(--drive-border, #dfe4ec) !important;
    border-radius: 13px !important;
    background: var(--drive-surface-2, #f7f8fb) !important;
    color: var(--drive-text, #111827) !important;
    padding: 12px 14px !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 11px !important;
    cursor: pointer !important;
}
body.drive-experience .drive-check-card input {
    width: 18px !important;
    height: 18px !important;
    margin-top: 2px !important;
    accent-color: var(--drive-blue, #0a84ff) !important;
}
body.drive-experience .drive-check-card span {
    display: grid !important;
    gap: 3px !important;
    line-height: 1.2 !important;
}
body.drive-experience .drive-check-card strong {
    font-size: 13px !important;
    font-weight: 750 !important;
    color: var(--drive-text, #111827) !important;
}
body.drive-experience .drive-check-card small,
body.drive-experience .drive-share-external small {
    font-size: 11px !important;
    color: var(--drive-muted, #64748b) !important;
}
body.drive-experience #driveShareModal .select2-container {
    width: 100% !important;
    max-width: 100% !important;
    z-index: 7070 !important;
}
body.drive-experience #driveShareModal .select2-container--default .select2-selection--single,
body.drive-experience #driveShareModal .select2-container--default .select2-selection--multiple {
    min-height: 44px !important;
    border: 1px solid var(--drive-border, #dfe4ec) !important;
    border-radius: 10px !important;
    background: var(--drive-surface-2, #f7f8fb) !important;
    color: var(--drive-text, #111827) !important;
    box-shadow: none !important;
}
body.drive-experience #driveShareModal .select2-container--default .select2-selection--single {
    display: flex !important;
    align-items: center !important;
    padding: 0 10px !important;
}
body.drive-experience #driveShareModal .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 0 !important;
    color: var(--drive-text, #111827) !important;
    font-size: 13px !important;
    line-height: 42px !important;
}
body.drive-experience #driveShareModal .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 42px !important;
}
body.drive-experience #driveShareModal .select2-container--default .select2-selection--multiple {
    padding: 5px 8px !important;
}
body.drive-experience #driveShareModal .select2-container--default .select2-selection--multiple .select2-selection__choice {
    border: 1px solid color-mix(in srgb, var(--drive-blue, #0a84ff) 30%, var(--drive-border, #dfe4ec)) !important;
    background: color-mix(in srgb, var(--drive-blue, #0a84ff) 10%, var(--drive-surface, #fff)) !important;
    color: var(--drive-text, #111827) !important;
    border-radius: 8px !important;
    padding: 3px 8px !important;
    font-size: 12px !important;
}
body.drive-experience #driveShareModal .select2-container--default .select2-search--inline .select2-search__field {
    margin-top: 6px !important;
    min-height: 26px !important;
    color: var(--drive-text, #111827) !important;
}
body.drive-experience .select2-dropdown {
    z-index: 7080 !important;
    border: 1px solid var(--drive-border, #dfe4ec) !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    box-shadow: 0 18px 50px rgba(15, 23, 42, .18) !important;
}
body.drive-experience .select2-results__option {
    font-size: 13px !important;
    padding: 9px 12px !important;
}
body.drive-experience .drive-share-link-box {
    margin-top: 16px !important;
    border: 1px solid rgba(34, 197, 94, .35) !important;
    background: rgba(34, 197, 94, .08) !important;
    border-radius: 12px !important;
    padding: 13px !important;
    color: var(--drive-text, #111827) !important;
}
body.drive-experience .drive-share-link-box input {
    width: 100% !important;
    margin-top: 8px !important;
    min-height: 38px !important;
    border: 1px solid var(--drive-border, #dfe4ec) !important;
    border-radius: 9px !important;
    padding: 0 10px !important;
    background: var(--drive-surface, #fff) !important;
    color: var(--drive-text, #111827) !important;
}
@media(max-width:680px){
    body.drive-experience #driveShareModal .drive-share-modal {
        width: 100% !important;
        max-height: 92vh !important;
    }
    body.drive-experience .drive-share-form-grid {
        grid-template-columns: 1fr !important;
        gap: 13px !important;
    }
}

/* Final Share modal Select2 polish + selected chips */
body.drive-experience #driveShareModal .drive-share-modal{
    width:min(860px,calc(100vw - 28px)) !important;
    border-radius:24px !important;
    overflow:hidden !important;
}
body.drive-experience #driveShareModal .drive-modal-head{
    padding:22px 26px !important;
    border-bottom:1px solid rgba(15,23,42,.08) !important;
}
body.drive-experience #driveShareModal .drive-modal-body{
    padding:22px 26px !important;
}
body.drive-experience #driveShareModal .drive-modal-foot{
    padding:16px 26px !important;
    background:rgba(248,250,252,.92) !important;
    border-top:1px solid rgba(15,23,42,.08) !important;
}
body.drive-experience #driveShareModal .drive-field label{
    font-size:12px !important;
    color:#475569 !important;
    font-weight:800 !important;
    margin-bottom:8px !important;
    letter-spacing:.01em !important;
}
body.drive-experience #driveShareModal .select2-container{ width:100% !important; }
body.drive-experience #driveShareModal .select2-container--default .select2-selection--single,
body.drive-experience #driveShareModal .select2-container--default .select2-selection--multiple{
    min-height:48px !important;
    border:1px solid #d9e0ea !important;
    border-radius:14px !important;
    background:#ffffff !important;
    box-shadow:0 1px 2px rgba(15,23,42,.04), inset 0 1px 0 rgba(255,255,255,.75) !important;
    transition:border-color .16s ease, box-shadow .16s ease, background .16s ease !important;
}
body.drive-experience #driveShareModal .select2-container--default.select2-container--focus .select2-selection--single,
body.drive-experience #driveShareModal .select2-container--default.select2-container--focus .select2-selection--multiple,
body.drive-experience #driveShareModal .select2-container--default.select2-container--open .select2-selection--single,
body.drive-experience #driveShareModal .select2-container--default.select2-container--open .select2-selection--multiple{
    border-color:#0a84ff !important;
    box-shadow:0 0 0 4px rgba(10,132,255,.12), 0 8px 20px rgba(15,23,42,.06) !important;
    background:#fff !important;
}
body.drive-experience #driveShareModal .select2-container--default .select2-selection--single{
    display:flex !important;
    align-items:center !important;
    padding:0 14px !important;
}
body.drive-experience #driveShareModal .select2-container--default .select2-selection--single .select2-selection__rendered{
    padding-left:0 !important;
    padding-right:24px !important;
    color:#111827 !important;
    font-size:13px !important;
    font-weight:700 !important;
    line-height:46px !important;
}
body.drive-experience #driveShareModal .select2-container--default .select2-selection--single .select2-selection__arrow{
    height:46px !important;
    right:10px !important;
}
body.drive-experience #driveShareModal .select2-container--default .select2-selection--multiple{
    padding:7px 10px 5px !important;
    min-height:54px !important;
}
body.drive-experience #driveShareModal .select2-container--default .select2-selection--multiple .select2-selection__rendered{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:7px !important;
    padding:0 !important;
    margin:0 !important;
}
body.drive-experience #driveShareModal .select2-container--default .select2-selection--multiple .select2-selection__choice{
    float:none !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:6px !important;
    min-height:30px !important;
    max-width:100% !important;
    margin:0 !important;
    padding:5px 10px 5px 30px !important;
    border:1px solid #b8d7ff !important;
    background:linear-gradient(180deg,#eff7ff,#eaf3ff) !important;
    color:#0f172a !important;
    border-radius:999px !important;
    font-size:12px !important;
    font-weight:750 !important;
    box-shadow:0 2px 7px rgba(10,132,255,.10) !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}
body.drive-experience #driveShareModal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    position:absolute !important;
    left:7px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    width:18px !important;
    height:18px !important;
    border:0 !important;
    border-radius:50% !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:rgba(10,132,255,.14) !important;
    color:#0a5dcc !important;
    font-size:14px !important;
    line-height:18px !important;
    margin:0 !important;
}
body.drive-experience #driveShareModal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{
    background:#0a84ff !important;
    color:#fff !important;
}
body.drive-experience #driveShareModal .select2-container--default .select2-search--inline{
    float:none !important;
    min-width:180px !important;
    flex:1 1 180px !important;
}
body.drive-experience #driveShareModal .select2-container--default .select2-search--inline .select2-search__field{
    width:100% !important;
    min-height:30px !important;
    margin:0 !important;
    padding:4px 0 !important;
    color:#111827 !important;
    font-size:13px !important;
}
body.drive-experience .drive-share-select2-dropdown{
    z-index:7080 !important;
    border:1px solid #d9e0ea !important;
    border-radius:14px !important;
    overflow:hidden !important;
    box-shadow:0 22px 60px rgba(15,23,42,.20) !important;
}
body.drive-experience .drive-share-select2-dropdown .select2-results__option{
    padding:10px 12px !important;
    font-size:13px !important;
}
body.drive-experience .drive-share-select2-dropdown .select2-results__option--highlighted[aria-selected]{
    background:#eef6ff !important;
    color:#0f172a !important;
}
body.drive-experience .drive-share-s2-result{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    min-width:0 !important;
}
body.drive-experience .drive-share-s2-avatar{
    width:30px !important;
    height:30px !important;
    border-radius:10px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:#eaf3ff !important;
    color:#0a84ff !important;
    font-weight:900 !important;
    flex:0 0 30px !important;
}
body.drive-experience .drive-share-s2-avatar.role{ background:#f4ecff !important; color:#7c3aed !important; }
body.drive-experience .drive-share-s2-result strong{
    display:block !important;
    font-size:13px !important;
    font-weight:800 !important;
    color:#111827 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}
body.drive-experience .drive-share-s2-result small{
    display:block !important;
    margin-top:2px !important;
    color:#64748b !important;
    font-size:11px !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}
body.drive-experience #driveShareModal .drive-check-card{
    border-radius:14px !important;
    background:#fff !important;
    border:1px solid #d9e0ea !important;
    box-shadow:0 1px 2px rgba(15,23,42,.04) !important;
}
body.drive-experience #driveShareModal .drive-check-card:has(input:checked){
    border-color:#0a84ff !important;
    background:#eef6ff !important;
    box-shadow:0 0 0 4px rgba(10,132,255,.08) !important;
}
@media(max-width:680px){
    body.drive-experience #driveShareModal .drive-modal-head,
    body.drive-experience #driveShareModal .drive-modal-body,
    body.drive-experience #driveShareModal .drive-modal-foot{ padding-left:16px !important; padding-right:16px !important; }
}


/* =========================
   DRIVE LAYER / Z-INDEX FIX
   Keep drive top action area behind header and mobile aside
   ========================= */

/* Global header always on top */
.header,
.main-header,
.top-header,
.page-header,
.app-header,
.navbar-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 5000 !important;
}

/* Mobile drive aside / left panel above page content */
.drive-local-sidebar,
.drive-mobile-sidebar,
.drive-sidebar,
.drive-aside,
.drive-aside-panel {
    z-index: 4000 !important;
}

/* Overlay behind mobile aside */
.drive-sidebar-overlay,
.drive-mobile-overlay,
.drive-aside-overlay {
    z-index: 3990 !important;
}

/* The red-circled drive top control area must stay behind */
.drive-breadcrumb-toolbar,
.drive-command-bar,
.drive-page-toolbar,
.drive-toolbar-row,
.drive-top-controls,
.drive-top-strip,
.drive-actions-toolbar,
.drive-action-row {
    position: relative !important;
    z-index: 1 !important;
}

/* If any of these were sticky/fixed before, disable that */
@media (max-width: 991.98px) {
    .drive-breadcrumb-toolbar,
    .drive-command-bar,
    .drive-page-toolbar,
    .drive-toolbar-row,
    .drive-top-controls,
    .drive-top-strip,
    .drive-actions-toolbar,
    .drive-action-row {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        z-index: 1 !important;
    }
}

/* Main drive content stays below aside/header */
.drive-workspace,
.drive-canvas,
.drive-page-body,
.drive-main-content {
    position: relative !important;
    z-index: 1 !important;
}

/* Selection toolbar should also stay below header/aside */
.drive-selection-toolbar,
.drive-bulk-toolbar,
.drive-selected-toolbar {
    position: relative !important;
    z-index: 2 !important;
}

/* Dropdowns should still open above the drive toolbar,
   but below header and aside if needed */
.drive-dropdown-menu,
.dropdown-menu.drive-menu {
    z-index: 3000 !important;
}

/* Modals should stay above everything */
.modal,
.drive-modal,
.drive-modal-backdrop,
.swal2-container {
    z-index: 6000 !important;
}


/* ========================================================================== 
   DRIVE FINAL PATCH — Shared modal over details drawer + mobile aside/header layers
   ========================================================================== */
body.drive-experience .header,
body.drive-experience .main-header,
body.drive-experience .top-header,
body.drive-experience .page-header,
body.drive-experience .app-header,
body.drive-experience .navbar-header{
  position:sticky!important;
  top:0!important;
  z-index:5000!important;
}
body.drive-experience .drive-command-bar,
body.drive-experience .drive-breadcrumb-toolbar,
body.drive-experience .drive-page-toolbar,
body.drive-experience .drive-toolbar-row,
body.drive-experience .drive-top-controls,
body.drive-experience .drive-top-strip,
body.drive-experience .drive-actions-toolbar,
body.drive-experience .drive-action-row{
  position:relative!important;
  z-index:1!important;
}
body.drive-experience .drive-workspace,
body.drive-experience .drive-canvas,
body.drive-experience .drive-page-body,
body.drive-experience .drive-main-content{
  position:relative!important;
  z-index:1!important;
}
body.drive-experience .drive-selection-toolbar,
body.drive-experience .drive-bulk-toolbar,
body.drive-experience .drive-selected-toolbar{
  position:relative!important;
  z-index:2!important;
}
body.drive-experience .drive-upload-menu.open,
body.drive-experience .drive-filter-menu.open,
body.drive-experience .drive-sort-menu.open,
body.drive-experience .drive-dropdown-menu,
body.drive-experience .dropdown-menu.drive-menu{
  z-index:3000!important;
}
body.drive-experience .drive-info-wrap{
  z-index:3900!important;
}
body.drive-experience .drive-modal-backdrop.open,
body.drive-experience .drive-modal-backdrop{
  z-index:6000!important;
}
body.drive-experience .drive-modal{
  z-index:6001!important;
}
body.drive-experience .swal2-container,
body.drive-experience .drive-apple-prompt-backdrop.open,
body.drive-experience .drive-apple-prompt-backdrop{
  z-index:6500!important;
}
@media(max-width:900px){
  body.drive-experience .drive-local-sidebar,
  body.drive-experience .drive-mobile-sidebar,
  body.drive-experience .drive-sidebar,
  body.drive-experience .drive-aside,
  body.drive-experience .drive-aside-panel{
    z-index:4000!important;
    filter:none!important;
    -webkit-filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body.drive-experience.drive-local-open::before,
  body.drive-experience.drive-local-open::after,
  body.drive-experience .drive-sidebar-overlay,
  body.drive-experience .drive-mobile-overlay,
  body.drive-experience .drive-aside-overlay{
    z-index:3990!important;
    background:rgba(15,23,42,.38)!important;
    backdrop-filter:blur(2px)!important;
    -webkit-backdrop-filter:blur(2px)!important;
  }
  body.drive-experience .drive-command-bar,
  body.drive-experience .drive-breadcrumb-toolbar,
  body.drive-experience .drive-page-toolbar,
  body.drive-experience .drive-toolbar-row,
  body.drive-experience .drive-top-controls,
  body.drive-experience .drive-top-strip,
  body.drive-experience .drive-actions-toolbar,
  body.drive-experience .drive-action-row{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    z-index:1!important;
  }
}

/* ========================================================================== 
   HELPRITE DRIVE — MOBILE SIDEBAR OVERLAY REMOVED + MOBILE TOOLBAR ALIGNMENT
   Requested fix:
   1) Remove blur/dim overlay when Drive tree/sidebar opens on mobile.
   2) Keep menu/view controls left; Upload + Create Folder right on mobile.
   3) Make All Files and Sort dropdown buttons full width like search on mobile.
   ========================================================================== */
@media (max-width: 900px) {
  /* Remove the full-page blur/dim overlay completely when the Drive tree opens. */
  body.drive-experience.drive-local-open::before,
  body.drive-experience.drive-local-open::after {
    content: none !important;
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    background: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    filter: none !important;
  }

  body.drive-experience.drive-local-open,
  body.drive-experience.drive-local-open .drive-workspace,
  body.drive-experience.drive-local-open .drive-canvas,
  body.drive-experience.drive-local-open .drive-main-content,
  body.drive-experience.drive-local-open .page-wrapper,
  body.drive-experience.drive-local-open .content {
    -webkit-filter: none !important;
    filter: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  body.drive-experience .drive-sidebar-overlay,
  body.drive-experience .drive-mobile-overlay,
  body.drive-experience .drive-aside-overlay,
  body.drive-experience .drive-local-overlay {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    background: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
}

@media (max-width: 680px) {
  /* Command bar: breadcrumb stays top; left controls stay left; Upload/Create stay right. */
  body.drive-experience .drive-command-bar {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    overflow: visible !important;
    padding: 10px !important;
  }

  body.drive-experience .drive-breadcrumbs {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    overflow: hidden !important;
    white-space: nowrap !important;
  }

  body.drive-experience .drive-command-actions {
    width: 100% !important;
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    overflow: visible !important;
    padding: 0 !important;
  }

  body.drive-experience .drive-command-actions .drive-local-toggle {
    order: 1 !important;
    flex: 0 0 36px !important;
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
  }

  body.drive-experience .drive-command-actions .drive-segmented {
    order: 2 !important;
    flex: 0 0 auto !important;
    margin-right: 0 !important;
  }

  body.drive-experience .drive-command-actions .drive-popover-wrap:has([data-drive-upload-toggle]) {
    order: 3 !important;
    margin-left: auto !important;
    flex: 0 0 auto !important;
    position: relative !important;
  }

  body.drive-experience .drive-command-actions > .drive-btn.solid[data-drive-modal="driveCreateFolderModal"] {
    order: 4 !important;
    flex: 0 0 auto !important;
    margin-left: 0 !important;
  }

  body.drive-experience .drive-command-actions .drive-btn.outline,
  body.drive-experience .drive-command-actions .drive-btn.solid {
    height: 36px !important;
    min-height: 36px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    border-radius: 8px !important;
    white-space: nowrap !important;
    font-size: 12px !important;
  }

  body.drive-experience .drive-command-actions .drive-btn.outline span,
  body.drive-experience .drive-command-actions .drive-btn.solid span {
    display: inline !important;
  }

  /* Keep Upload menu under Upload button, not full-screen/hidden. */
  body.drive-experience .drive-command-actions .drive-upload-menu,
  body.drive-experience .drive-command-actions .drive-upload-menu.open {
    position: absolute !important;
    top: calc(100% + 7px) !important;
    right: 0 !important;
    left: auto !important;
    width: 178px !important;
    min-width: 178px !important;
    max-width: calc(100vw - 24px) !important;
    z-index: 3000 !important;
  }

  /* Title/filter/search area: dropdown buttons should match search width. */
  body.drive-experience .drive-title-row {
    display: block !important;
    width: 100% !important;
    overflow: visible !important;
    padding-top: 14px !important;
  }

  body.drive-experience .drive-title-row > div:first-child {
    display: block !important;
    width: 100% !important;
  }

  body.drive-experience .drive-title-row h1 {
    display: block !important;
    width: 100% !important;
    margin: 0 0 10px !important;
    font-size: 19px !important;
    line-height: 1.25 !important;
  }

  body.drive-experience .drive-title-tools {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    gap: 8px !important;
    overflow: visible !important;
    margin-bottom: 8px !important;
  }

  body.drive-experience .drive-title-tools .drive-popover-wrap {
    width: 100% !important;
    min-width: 0 !important;
    position: relative !important;
  }

  body.drive-experience .drive-title-tools .drive-filter-btn,
  body.drive-experience .drive-title-tools .drive-sort-btn {
    width: 100% !important;
    min-width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    justify-content: space-between !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    border-radius: 8px !important;
  }

  body.drive-experience .drive-title-tools .drive-filter-menu,
  body.drive-experience .drive-title-tools .drive-sort-menu,
  body.drive-experience .drive-title-tools .drive-filter-menu.open,
  body.drive-experience .drive-title-tools .drive-sort-menu.open {
    position: absolute !important;
    top: calc(100% + 6px) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    min-width: 100% !important;
    max-height: 60vh !important;
    z-index: 3000 !important;
  }

  body.drive-experience .drive-search-wrap {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    flex: 0 0 auto !important;
    height: 43px !important;
    min-height: 43px !important;
    margin-top: 8px !important;
    border-radius: 8px !important;
  }

  body.drive-experience .drive-pagination-top,
  body.drive-experience .drive-back-btn {
    margin-top: 8px !important;
  }
}

@media (max-width: 380px) {
  body.drive-experience .drive-command-actions {
    gap: 5px !important;
  }
  body.drive-experience .drive-command-actions .drive-btn.outline,
  body.drive-experience .drive-command-actions .drive-btn.solid {
    padding-left: 8px !important;
    padding-right: 8px !important;
    font-size: 11px !important;
  }
  body.drive-experience .drive-command-actions .drive-btn.outline svg:first-child,
  body.drive-experience .drive-command-actions .drive-btn.solid svg:first-child {
    display: none !important;
  }
}

/* =========================
   DRIVE MOBILE FILTER + SEARCH INLINE FIX
   All Files + Sort Type in one row, Search + Back in one row
   CSS only
   ========================= */
@media (max-width: 680px) {
  body.drive-experience .drive-title-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    overflow: visible !important;
    padding-top: 14px !important;
  }

  body.drive-experience .drive-title-row > div:first-child {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body.drive-experience .drive-title-row h1 {
    display: block !important;
    width: 100% !important;
    margin: 0 0 10px !important;
    font-size: 19px !important;
    line-height: 1.25 !important;
  }

  body.drive-experience .drive-title-tools {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  body.drive-experience .drive-title-tools .drive-popover-wrap {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    position: relative !important;
  }

  body.drive-experience .drive-title-tools .drive-filter-btn,
  body.drive-experience .drive-title-tools .drive-sort-btn {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    justify-content: space-between !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    border-radius: 8px !important;
  }

  body.drive-experience .drive-title-tools .drive-filter-btn span,
  body.drive-experience .drive-title-tools .drive-sort-btn span {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.drive-experience .drive-title-tools .drive-filter-menu,
  body.drive-experience .drive-title-tools .drive-sort-menu,
  body.drive-experience .drive-title-tools .drive-filter-menu.open,
  body.drive-experience .drive-title-tools .drive-sort-menu.open {
    position: absolute !important;
    top: calc(100% + 6px) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    min-width: 100% !important;
    max-height: 60vh !important;
    z-index: 3000 !important;
  }

  body.drive-experience .drive-search-wrap {
    grid-column: 1 / 2 !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: none !important;
    height: 43px !important;
    min-height: 43px !important;
    margin: 0 !important;
    border-radius: 8px !important;
  }

  body.drive-experience .drive-back-btn {
    grid-column: 2 / 3 !important;
    align-self: stretch !important;
    height: 43px !important;
    min-height: 43px !important;
    min-width: 78px !important;
    margin: 0 !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    border-radius: 8px !important;
    white-space: nowrap !important;
  }

  body.drive-experience .drive-pagination-top {
    grid-column: 1 / -1 !important;
    justify-self: end !important;
    width: auto !important;
    margin: 0 !important;
  }
}

@media (max-width: 380px) {
  body.drive-experience .drive-title-tools {
    gap: 6px !important;
  }

  body.drive-experience .drive-title-tools .drive-filter-btn,
  body.drive-experience .drive-title-tools .drive-sort-btn {
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 12px !important;
  }

  body.drive-experience .drive-back-btn {
    min-width: 68px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

/* ==========================================================================
   HELPRITE DRIVE — MOBILE SEARCH WIDTH + UPLOAD DROPDOWN LAYER FIX
   CSS only
   - Search becomes full width when Back button is hidden.
   - Upload dropdown stays above All Files / Sort controls.
   ========================================================================== */
@media (max-width: 680px) {
  /* Keep the command/action card above the filter/search section only while its dropdown is open. */
  body.drive-experience .drive-command-bar {
    position: relative !important;
    z-index: 3200 !important;
    overflow: visible !important;
  }

  body.drive-experience .drive-command-actions,
  body.drive-experience .drive-command-actions .drive-popover-wrap {
    position: relative !important;
    overflow: visible !important;
  }

  body.drive-experience .drive-command-actions .drive-popover-wrap:has([data-drive-upload-toggle]) {
    z-index: 3400 !important;
  }

  body.drive-experience .drive-command-actions .drive-upload-menu,
  body.drive-experience .drive-command-actions .drive-upload-menu.open,
  body.drive-experience [data-drive-upload-menu],
  body.drive-experience [data-drive-upload-menu].open {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    right: 0 !important;
    left: auto !important;
    width: 178px !important;
    min-width: 178px !important;
    max-width: calc(100vw - 24px) !important;
    max-height: none !important;
    overflow: visible !important;
    z-index: 3600 !important;
    background: #ffffff !important;
    border: 1px solid rgba(15, 23, 42, .12) !important;
    box-shadow: 0 20px 48px rgba(15, 23, 42, .24) !important;
    border-radius: 13px !important;
    padding: 7px !important;
  }

  body.drive-experience .drive-command-actions .drive-upload-menu.open,
  body.drive-experience [data-drive-upload-menu].open {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
  }

  body.drive-experience .drive-command-actions .drive-upload-menu button,
  body.drive-experience [data-drive-upload-menu] button {
    min-height: 39px !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    white-space: nowrap !important;
    border-radius: 10px !important;
    padding: 8px 12px !important;
    font-size: 12.5px !important;
  }

  /* The filter/search section must never cover the Upload dropdown. */
  body.drive-experience .drive-title-row,
  body.drive-experience .drive-title-tools,
  body.drive-experience .drive-title-tools .drive-popover-wrap,
  body.drive-experience .drive-search-wrap,
  body.drive-experience .drive-back-btn {
    position: relative !important;
    z-index: 1 !important;
  }

  /* Keep All Files + Sort Type on one row. */
  body.drive-experience .drive-title-tools {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 8px !important;
    width: 100% !important;
  }

  body.drive-experience .drive-title-tools .drive-popover-wrap {
    width: 100% !important;
    min-width: 0 !important;
  }

  body.drive-experience .drive-title-tools .drive-filter-btn,
  body.drive-experience .drive-title-tools .drive-sort-btn {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  /* Search + Back stay on one row when Back is visible. */
  body.drive-experience .drive-title-row > .drive-search-wrap {
    grid-column: 1 / 2 !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  body.drive-experience .drive-title-row > .drive-back-btn:not([hidden]) {
    grid-column: 2 / 3 !important;
    width: auto !important;
    min-width: 76px !important;
    margin: 0 !important;
  }

  /* When Back is hidden, Search should take the full row. */
  body.drive-experience .drive-title-row:not(:has(> .drive-back-btn:not([hidden]))) > .drive-search-wrap,
  body.drive-experience .drive-title-row:has(> .drive-back-btn[hidden]) > .drive-search-wrap {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 0 0 100% !important;
  }

  body.drive-experience .drive-title-row:not(:has(> .drive-back-btn:not([hidden]))) > .drive-pagination-top:not([hidden]),
  body.drive-experience .drive-title-row:has(> .drive-back-btn[hidden]) > .drive-pagination-top:not([hidden]) {
    grid-column: 1 / -1 !important;
    justify-self: end !important;
  }
}

/* ==========================================================================
   HELPRITE DRIVE — MOBILE FILTER/SORT DROPDOWN STACKING FIX
   CSS only
   - All Files and Sort Type menus must float above Search/Back and file cards.
   - Opened filter/sort wrapper gets priority stacking, so the menu is not hidden.
   ========================================================================== */
@media (max-width: 680px) {
  body.drive-experience .drive-canvas,
  body.drive-experience .drive-title-row,
  body.drive-experience .drive-title-row > div:first-child,
  body.drive-experience .drive-title-tools,
  body.drive-experience .drive-command-bar,
  body.drive-experience .drive-command-actions {
    overflow: visible !important;
  }

  /* Keep the filter row above the file grid. */
  body.drive-experience .drive-title-row {
    position: relative !important;
    z-index: 3800 !important;
  }

  /* Search and Back should stay below the opened dropdown menu. */
  body.drive-experience .drive-title-row > .drive-search-wrap,
  body.drive-experience .drive-title-row > .drive-back-btn {
    position: relative !important;
    z-index: 1 !important;
  }

  /* The All Files / Sort wrappers must be above Search/Back while menus are open. */
  body.drive-experience .drive-title-tools .drive-popover-wrap,
  body.drive-experience .drive-title-tools .drive-popover-wrap:has(.drive-filter-menu.open),
  body.drive-experience .drive-title-tools .drive-popover-wrap:has(.drive-sort-menu.open),
  body.drive-experience .drive-title-tools .drive-popover-wrap:has([data-drive-filter-menu].open),
  body.drive-experience .drive-title-tools .drive-popover-wrap:has([data-drive-sort-menu].open) {
    position: relative !important;
    z-index: 4300 !important;
    overflow: visible !important;
  }

  /* Do not let the files/cards cover any open dropdown. */
  body.drive-experience .drive-folder-grid,
  body.drive-experience .drive-folder-card {
    position: relative !important;
    z-index: 1 !important;
  }

  /* Open All Files and Sort Type directly below their buttons and above Search/Back. */
  body.drive-experience .drive-title-tools .drive-filter-menu,
  body.drive-experience .drive-title-tools .drive-sort-menu,
  body.drive-experience .drive-title-tools [data-drive-filter-menu],
  body.drive-experience .drive-title-tools [data-drive-sort-menu] {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    left: 0 !important;
    right: auto !important;
    width: min(100%, 100%) !important;
    min-width: 100% !important;
    max-width: calc(100vw - 28px) !important;
    max-height: 62vh !important;
    overflow-y: auto !important;
    z-index: 4600 !important;
    background: #ffffff !important;
    border: 1px solid rgba(15, 23, 42, .12) !important;
    border-radius: 14px !important;
    box-shadow: 0 22px 55px rgba(15, 23, 42, .24) !important;
  }

  body.drive-experience .drive-title-tools .drive-filter-menu.open,
  body.drive-experience .drive-title-tools .drive-sort-menu.open,
  body.drive-experience .drive-title-tools [data-drive-filter-menu].open,
  body.drive-experience .drive-title-tools [data-drive-sort-menu].open {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
  }

  /* Sort menu can be a little wider while still staying inside mobile screen. */
  body.drive-experience .drive-title-tools .drive-sort-menu,
  body.drive-experience .drive-title-tools [data-drive-sort-menu] {
    width: min(192px, calc(100vw - 28px)) !important;
    min-width: min(192px, calc(100vw - 28px)) !important;
  }

  /* Upload dropdown should still stay above everything in the toolbar/filter area. */
  body.drive-experience .drive-command-bar {
    position: relative !important;
    z-index: 5000 !important;
  }

  body.drive-experience .drive-command-actions .drive-popover-wrap,
  body.drive-experience .drive-command-actions .drive-popover-wrap:has([data-drive-upload-menu].open),
  body.drive-experience .drive-command-actions .drive-popover-wrap:has(.drive-upload-menu.open) {
    position: relative !important;
    z-index: 5200 !important;
    overflow: visible !important;
  }

  body.drive-experience .drive-command-actions .drive-upload-menu,
  body.drive-experience .drive-command-actions [data-drive-upload-menu] {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    right: 0 !important;
    left: auto !important;
    z-index: 5400 !important;
  }
}

/* ==========================================================================
   HELPRITE DRIVE — FINAL MOBILE FILTER/SORT DROPDOWN ABOVE SEARCH/BACK
   CSS only: make All Files and Sort Type menus float above Search + Back.
   ========================================================================== */
@media (max-width: 680px) {
  body.drive-experience .drive-canvas,
  body.drive-experience .drive-title-row,
  body.drive-experience .drive-title-row > div:first-child,
  body.drive-experience .drive-title-tools,
  body.drive-experience .drive-title-tools .drive-popover-wrap {
    overflow: visible !important;
  }

  body.drive-experience .drive-title-row {
    position: relative !important;
    z-index: 1200 !important;
  }

  /* This block contains the My Drive title + All Files/Sort buttons.
     It must sit above the Search/Back row when a dropdown opens. */
  body.drive-experience .drive-title-row > div:first-child {
    position: relative !important;
    z-index: 7000 !important;
  }

  body.drive-experience .drive-title-tools {
    position: relative !important;
    z-index: 7100 !important;
  }

  body.drive-experience .drive-title-tools .drive-popover-wrap {
    position: relative !important;
    z-index: 7200 !important;
  }

  body.drive-experience .drive-title-tools .drive-popover-wrap:has(.open),
  body.drive-experience .drive-title-tools .drive-popover-wrap:has([data-drive-filter-menu].open),
  body.drive-experience .drive-title-tools .drive-popover-wrap:has([data-drive-sort-menu].open) {
    z-index: 9000 !important;
  }

  body.drive-experience .drive-title-tools .drive-filter-menu,
  body.drive-experience .drive-title-tools .drive-sort-menu,
  body.drive-experience .drive-title-tools [data-drive-filter-menu],
  body.drive-experience .drive-title-tools [data-drive-sort-menu] {
    position: absolute !important;
    top: calc(100% + 7px) !important;
    left: 0 !important;
    right: auto !important;
    z-index: 9500 !important;
    background: #ffffff !important;
    box-shadow: 0 18px 50px rgba(15, 23, 42, .22) !important;
    pointer-events: auto !important;
  }

  body.drive-experience .drive-title-tools .drive-filter-menu.open,
  body.drive-experience .drive-title-tools .drive-sort-menu.open,
  body.drive-experience .drive-title-tools [data-drive-filter-menu].open,
  body.drive-experience .drive-title-tools [data-drive-sort-menu].open {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
  }

  /* Search and Back must be below the filter/sort dropdowns. */
  body.drive-experience .drive-title-row > .drive-search-wrap,
  body.drive-experience .drive-title-row > .drive-back-btn,
  body.drive-experience .drive-title-row > .drive-pagination-top {
    position: relative !important;
    z-index: 5 !important;
  }

  /* Files/cards must never cover the open dropdowns. */
  body.drive-experience .drive-folder-grid,
  body.drive-experience .drive-folder-card,
  body.drive-experience .drive-list-wrap,
  body.drive-experience .drive-list-card {
    position: relative !important;
    z-index: 1 !important;
  }
}


/* =========================
   DRIVE PINNED ITEMS
   ========================= */
body.drive-experience .drive-folder-card.is-pinned{
    border-color:rgba(0,122,255,.34)!important;
    background:linear-gradient(180deg,rgba(0,122,255,.055),rgba(255,255,255,.94))!important;
}
body.drive-experience .drive-folder-card.is-pinned::after{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    pointer-events:none;
    box-shadow:inset 0 0 0 1px rgba(0,122,255,.12);
}
body.drive-experience .drive-pin{
    position:absolute!important;
    right:48px!important;
    bottom:10px!important;
    width:29px!important;
    height:29px!important;
    border:0!important;
    border-radius:8px!important;
    display:grid!important;
    place-items:center!important;
    color:#64748b!important;
    background:transparent!important;
    opacity:0!important;
    cursor:pointer!important;
    z-index:12!important;
}
body.drive-experience .drive-folder-card:hover .drive-pin,
body.drive-experience .drive-pin.active{
    opacity:1!important;
}
body.drive-experience .drive-pin:hover,
body.drive-experience .drive-pin.active{
    color:#007aff!important;
    background:rgba(0,122,255,.10)!important;
    border:1px solid rgba(0,122,255,.22)!important;
}
body.drive-experience .drive-pin.active svg{
    fill:rgba(0,122,255,.12)!important;
    stroke:currentColor!important;
}
body.drive-experience .drive-pin-badge{
    position:absolute!important;
    left:50%!important;
    top:11px!important;
    transform:translateX(-50%)!important;
    height:25px!important;
    padding:0 9px!important;
    border-radius:999px!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:5px!important;
    color:#0057d9!important;
    background:rgba(0,122,255,.095)!important;
    border:1px solid rgba(0,122,255,.18)!important;
    font-size:11px!important;
    font-weight:800!important;
    letter-spacing:-.01em!important;
    z-index:11!important;
    pointer-events:none!important;
}
body.drive-experience .drive-pin-badge em{font-style:normal!important;}
body.drive-experience .drive-folder-grid.is-list .drive-pin{
    right:74px!important;
    top:50%!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-pin-badge{
    left:auto!important;
    right:116px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-pin-badge em{display:none!important;}
@media(max-width:680px){
    body.drive-experience .drive-pin{right:38px!important;bottom:5px!important;width:27px!important;height:27px!important;opacity:1!important;}
    body.drive-experience .drive-pin-badge{top:8px!important;height:22px!important;padding:0 7px!important;font-size:10px!important;}
    body.drive-experience .drive-pin-badge em{display:none!important;}
}


/* Drive pin badge removed - keep pin icon only */
body.drive-experience .drive-pin-badge{display:none!important;}

/* ========================================================================== 
   DRIVE LIST VIEW — PIN + IMPORTANT ACTION ALIGNMENT FIX
   Keeps file details away from the right action controls and places Pin,
   Important, and More in a clean action rail on list view.
   ========================================================================== */
body.drive-experience .drive-folder-grid.is-list .drive-folder-card{
    position:relative!important;
    overflow:hidden!important;
    column-gap:10px!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-folder-open{
    flex:1 1 auto!important;
    min-width:0!important;
    padding-right:8px!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-folder-open small{
    max-width:300px!important;
    padding-right:10px!important;
    box-sizing:border-box!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-pin,
body.drive-experience .drive-folder-grid.is-list .drive-star{
    position:static!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    transform:none!important;
    opacity:1!important;
    flex:0 0 32px!important;
    width:32px!important;
    height:32px!important;
    margin:0!important;
    display:grid!important;
    place-items:center!important;
    border-radius:10px!important;
    border:1px solid transparent!important;
    background:transparent!important;
    z-index:2!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-pin{
    order:8!important;
    color:#64748b!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-star{
    order:9!important;
    color:#94a3b8!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-pin:hover,
body.drive-experience .drive-folder-grid.is-list .drive-pin.active,
body.drive-experience .drive-folder-grid.is-list .drive-folder-card.is-pinned .drive-pin{
    color:#007aff!important;
    background:rgba(0,122,255,.10)!important;
    border-color:rgba(0,122,255,.20)!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-star:hover,
body.drive-experience .drive-folder-grid.is-list .drive-star.active,
body.drive-experience .drive-folder-grid.is-list .drive-folder-card.is-important .drive-star{
    color:#f5b301!important;
    background:rgba(245,179,1,.12)!important;
    border-color:rgba(245,179,1,.24)!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-more{
    order:10!important;
    flex:0 0 34px!important;
    width:34px!important;
    min-width:34px!important;
    margin-left:2px!important;
}

@media(max-width:920px){
    body.drive-experience .drive-folder-grid.is-list .drive-folder-open{
        grid-template-columns:38px minmax(120px,1fr) minmax(150px,auto)!important;
        gap:10px!important;
    }
    body.drive-experience .drive-folder-grid.is-list .drive-folder-open small{
        max-width:230px!important;
        font-size:11px!important;
    }
    body.drive-experience .drive-folder-grid.is-list .drive-pin,
    body.drive-experience .drive-folder-grid.is-list .drive-star{
        flex-basis:30px!important;
        width:30px!important;
        height:30px!important;
    }
}

@media(max-width:680px){
    body.drive-experience .drive-folder-grid.is-list .drive-folder-card{
        gap:6px!important;
    }
    body.drive-experience .drive-folder-grid.is-list .drive-folder-open{
        padding-right:2px!important;
        grid-template-columns:34px minmax(0,1fr)!important;
    }
    body.drive-experience .drive-folder-grid.is-list .drive-folder-open small{
        max-width:100%!important;
        padding-right:0!important;
    }
    body.drive-experience .drive-folder-grid.is-list .drive-pin{
        display:grid!important;
        flex:0 0 28px!important;
        width:28px!important;
        height:28px!important;
        border-radius:8px!important;
    }
    body.drive-experience .drive-folder-grid.is-list .drive-star{
        display:none!important;
    }
    body.drive-experience .drive-folder-grid.is-list .drive-more{
        flex:0 0 28px!important;
        width:28px!important;
        min-width:28px!important;
    }
}

/* ========================================================================== 
   HELPRITE DRIVE — DESKTOP DROPDOWN FLOATING LAYER FIX
   Fixes Upload menu going under Search and All Files / Sort menus being clipped
   by the Drive aside. Menus are positioned by drive.php using viewport coords.
   ========================================================================== */
body.drive-experience .drive-workspace,
body.drive-experience .drive-shell,
body.drive-experience .drive-canvas,
body.drive-experience .drive-command-bar,
body.drive-experience .drive-command-actions,
body.drive-experience .drive-title-row,
body.drive-experience .drive-title-row > div:first-child,
body.drive-experience .drive-title-tools,
body.drive-experience .drive-title-tools .drive-popover-wrap,
body.drive-experience .drive-command-actions .drive-popover-wrap{
    overflow: visible !important;
}

body.drive-experience .drive-command-bar{
    position: relative !important;
    z-index: 70 !important;
}
body.drive-experience .drive-title-row{
    position: relative !important;
    z-index: 60 !important;
}
body.drive-experience .drive-command-bar:has([data-drive-upload-menu].open){
    z-index: 12500 !important;
}
body.drive-experience .drive-title-row:has([data-drive-filter-menu].open),
body.drive-experience .drive-title-row:has([data-drive-sort-menu].open){
    z-index: 12400 !important;
}
body.drive-experience .drive-search-wrap,
body.drive-experience .drive-back-btn,
body.drive-experience .drive-pagination-top{
    position: relative !important;
    z-index: 1 !important;
}
body.drive-experience .drive-folder-grid,
body.drive-experience .drive-folder-card,
body.drive-experience .drive-activity-section,
body.drive-experience .drive-pagination-bottom{
    position: relative !important;
    z-index: 1 !important;
}

body.drive-experience .drive-upload-menu.drive-floating-menu.open,
body.drive-experience .drive-filter-menu.drive-floating-menu.open,
body.drive-experience .drive-sort-menu.drive-floating-menu.open,
body.drive-experience [data-drive-upload-menu].drive-floating-menu.open,
body.drive-experience [data-drive-filter-menu].drive-floating-menu.open,
body.drive-experience [data-drive-sort-menu].drive-floating-menu.open{
    position: fixed !important;
    top: var(--drive-menu-top, 0px) !important;
    left: var(--drive-menu-left, 0px) !important;
    right: auto !important;
    bottom: auto !important;
    width: var(--drive-menu-width, 216px) !important;
    min-width: var(--drive-menu-width, 216px) !important;
    max-width: calc(100vw - 24px) !important;
    max-height: var(--drive-menu-max-height, 60vh) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    pointer-events: auto !important;
    z-index: 13000 !important;
    background: #ffffff !important;
    border: 1px solid rgba(15, 23, 42, .12) !important;
    border-radius: 14px !important;
    box-shadow: 0 24px 65px rgba(15, 23, 42, .26) !important;
    padding: 7px !important;
}

body.drive-experience .drive-upload-menu.drive-floating-menu.open button,
body.drive-experience .drive-filter-menu.drive-floating-menu.open button,
body.drive-experience .drive-sort-menu.drive-floating-menu.open button{
    min-height: 38px !important;
    border-radius: 10px !important;
    white-space: nowrap !important;
}

html[data-theme="dark"] body.drive-experience .drive-upload-menu.drive-floating-menu.open,
html[data-theme="dark"] body.drive-experience .drive-filter-menu.drive-floating-menu.open,
html[data-theme="dark"] body.drive-experience .drive-sort-menu.drive-floating-menu.open{
    background: #1f2430 !important;
    border-color: rgba(255,255,255,.11) !important;
    box-shadow: 0 24px 65px rgba(0,0,0,.48) !important;
}

/* ========================================================================== 
   HELPRITE DRIVE — MODAL TOPBAR / TOPPER LAYER FIX
   Keeps every Drive modal fully visible and prevents the fixed system header
   from covering the modal header/title area.
   ========================================================================== */
body.drive-experience.drive-modal-is-open .topbar,
body.drive-experience.drive-modal-is-open .sidebar,
body.drive-experience.drive-modal-is-open .mobile-nav,
body.drive-experience.drive-modal-is-open .mobile-bottom-nav{
  z-index: 5 !important;
}
body.drive-experience .drive-modal-backdrop,
body.drive-experience .drive-modal-backdrop.open{
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483620 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: calc(var(--topbar-h, 78px) + 18px) 20px 24px !important;
  background: rgba(4, 8, 16, .58) !important;
  -webkit-backdrop-filter: blur(16px) saturate(160%) !important;
  backdrop-filter: blur(16px) saturate(160%) !important;
  box-sizing: border-box !important;
}
body.drive-experience .drive-modal-backdrop:not(.open){
  display: flex !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
body.drive-experience .drive-modal-backdrop.open{
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
body.drive-experience .drive-modal{
  margin: 0 auto !important;
  max-height: calc(100dvh - var(--topbar-h, 78px) - 42px) !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  transform: none !important;
}
body.drive-experience .drive-modal > header,
body.drive-experience .drive-modal > form > header{
  flex: 0 0 auto !important;
  position: relative !important;
  z-index: 2 !important;
  background: var(--drive-surface, #fff) !important;
}
body.drive-experience .drive-modal > .drive-modal-body,
body.drive-experience .drive-modal > form > .drive-modal-body{
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
body.drive-experience .drive-modal > footer,
body.drive-experience .drive-modal > form > footer{
  flex: 0 0 auto !important;
  position: relative !important;
  z-index: 2 !important;
  background: var(--drive-surface, #fff) !important;
}
/* Bootstrap-style modals used inside Drive must obey the same safe top spacing. */
body.drive-experience .modal.fade.show,
body.drive-experience .modal.show{
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483620 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: calc(var(--topbar-h, 78px) + 18px) 20px 24px !important;
  background: rgba(4, 8, 16, .58) !important;
  box-sizing: border-box !important;
}
body.drive-experience .modal.fade.show .modal-dialog,
body.drive-experience .modal.show .modal-dialog{
  margin: 0 auto !important;
  max-height: calc(100dvh - var(--topbar-h, 78px) - 42px) !important;
  overflow: auto !important;
}
body.drive-experience .modal-backdrop.show{
  z-index: 2147483610 !important;
}
body.drive-experience .drive-apple-prompt-backdrop.open,
body.drive-experience.drive-confirm-is-open .drive-apple-prompt-backdrop.open{
  z-index: 2147483646 !important;
}
body.drive-experience .drive-apple-prompt{
  z-index: 2147483647 !important;
}
@media (max-width: 680px){
  body.drive-experience .drive-modal-backdrop,
  body.drive-experience .drive-modal-backdrop.open{
    align-items: flex-end !important;
    padding: 12px 0 0 !important;
  }
  body.drive-experience .drive-modal{
    width: 100% !important;
    max-height: calc(100dvh - 12px) !important;
    border-radius: 18px 18px 0 0 !important;
  }
  body.drive-experience .modal.fade.show,
  body.drive-experience .modal.show{
    align-items: flex-end !important;
    padding: 12px 0 0 !important;
  }
  body.drive-experience .modal.fade.show .modal-dialog,
  body.drive-experience .modal.show .modal-dialog{
    width: 100% !important;
    max-height: calc(100dvh - 12px) !important;
  }
}


/* ========================================================================== 
   HELPRITE DRIVE — FILE/FOLDER INFORMATION SIDE DRAWER TOPBAR SAFE FIX
   Keeps the right information panel header fully visible under the fixed
   Helprite topbar instead of letting the top section hide behind it.
   ========================================================================== */
body.drive-experience .drive-info-wrap,
body.drive-experience .drive-info-wrap.open{
  position:fixed!important;
  top:var(--topbar-h, 78px)!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  height:calc(100dvh - var(--topbar-h, 78px))!important;
  min-height:0!important;
  z-index:2147483610!important;
  overflow:hidden!important;
}
body.drive-experience .drive-info-wrap[hidden]{
  display:none!important;
}
body.drive-experience .drive-info-wrap.open{
  display:block!important;
  pointer-events:auto!important;
  visibility:visible!important;
}
body.drive-experience .drive-info-scrim{
  position:absolute!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  height:100%!important;
  z-index:2147483611!important;
}
body.drive-experience .drive-info-drawer{
  position:absolute!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  height:100%!important;
  max-height:calc(100dvh - var(--topbar-h, 78px))!important;
  min-height:0!important;
  z-index:2147483612!important;
  display:grid!important;
  grid-template-rows:auto minmax(0, 1fr)!important;
  overflow:hidden!important;
  transform:translateX(102%)!important;
}
body.drive-experience .drive-info-wrap.open .drive-info-drawer{
  transform:translateX(0)!important;
}
body.drive-experience .drive-info-header{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  flex:0 0 auto!important;
  min-height:64px!important;
  height:auto!important;
  z-index:3!important;
  display:flex!important;
  align-items:center!important;
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
}
body.drive-experience .drive-info-scroll{
  min-height:0!important;
  height:auto!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
body.drive-experience.drive-info-open .topbar,
body.drive-experience.drive-info-open .sidebar,
body.drive-experience.drive-info-open .mobile-nav,
body.drive-experience.drive-info-open .mobile-bottom-nav{
  z-index:5!important;
}
@media(max-width:680px){
  body.drive-experience .drive-info-wrap,
  body.drive-experience .drive-info-wrap.open{
    top:var(--topbar-h, 70px)!important;
    height:calc(100dvh - var(--topbar-h, 70px))!important;
  }
  body.drive-experience .drive-info-drawer{
    width:100vw!important;
    max-height:calc(100dvh - var(--topbar-h, 70px))!important;
    border-left:0!important;
  }
  body.drive-experience .drive-info-header{
    min-height:60px!important;
    padding-top:0!important;
    padding-bottom:0!important;
  }
}

/* ========================================================================== 
   HELPRITE DRIVE — LIGHT / DARK MODE FINAL POLISH
   Keeps the Drive module fully readable in both appearance modes, including
   cards, list rows, dropdowns, modals, share Select2, move picker, prompts and
   information drawer. This patch intentionally overrides older hard-coded
   white/black Drive rules with Drive theme variables.
   ========================================================================== */
:root,
html[data-theme="light"]{
  --drive-bg:#f5f7fb;
  --drive-surface:#ffffff;
  --drive-surface-2:#f8fafc;
  --drive-surface-3:#eef3f8;
  --drive-text:#0f172a;
  --drive-muted:#64748b;
  --drive-border:#dfe7f1;
  --drive-soft-border:rgba(15,23,42,.08);
  --drive-elevated:#ffffff;
  --drive-hover:#f3f7fc;
  --drive-selected:#eef6ff;
  --drive-menu-bg:#ffffff;
  --drive-menu-shadow:0 24px 65px rgba(15,23,42,.24);
  --drive-list-bg:#ffffff;
  --drive-list-selected:#f8fbff;
  --drive-input-bg:#ffffff;
  --drive-info-header:#0f172a;
  --drive-folder-panel:#f8fafc;
}
html[data-theme="dark"]{
  --drive-bg:#07101d;
  --drive-surface:#101826;
  --drive-surface-2:#162235;
  --drive-surface-3:#1f2e45;
  --drive-text:#f8fafc;
  --drive-muted:#a6b3c7;
  --drive-border:rgba(226,232,240,.14);
  --drive-soft-border:rgba(226,232,240,.11);
  --drive-elevated:#141f30;
  --drive-hover:#1b2940;
  --drive-selected:rgba(10,132,255,.16);
  --drive-menu-bg:#141f30;
  --drive-menu-shadow:0 26px 72px rgba(0,0,0,.55);
  --drive-list-bg:#101826;
  --drive-list-selected:#132942;
  --drive-input-bg:#0d1726;
  --drive-info-header:#0b1220;
  --drive-folder-panel:#121d2d;
  color-scheme:dark;
}
html[data-theme="light"] body.drive-experience{color-scheme:light;}
html[data-theme="dark"] body.drive-experience{color-scheme:dark;}
body.drive-experience,
body.drive-experience .main-content.drive-main-content,
body.drive-experience .drive-main-content,
body.drive-experience .drive-canvas,
body.drive-experience .drive-workspace{
  background:var(--drive-bg)!important;
  color:var(--drive-text)!important;
}
body.drive-experience .drive-local-sidebar,
body.drive-experience .drive-command-bar,
body.drive-experience .drive-storage-card,
body.drive-experience .drive-table-wrap,
body.drive-experience .drive-full-form-card,
body.drive-experience .drive-modal,
body.drive-experience .drive-context-menu,
body.drive-experience .drive-info-drawer,
body.drive-experience .drive-preloader-card,
body.drive-experience .drive-apple-prompt,
body.drive-experience .drive-viewer-toolbar{
  background:var(--drive-surface)!important;
  color:var(--drive-text)!important;
  border-color:var(--drive-border)!important;
}
body.drive-experience .drive-command-bar,
body.drive-experience .drive-local-sidebar,
body.drive-experience .drive-folder-card,
body.drive-experience .drive-table-wrap,
body.drive-experience .drive-modal,
body.drive-experience .drive-info-drawer,
body.drive-experience .drive-context-menu,
body.drive-experience .drive-preloader-card{
  box-shadow:var(--drive-shadow)!important;
}
body.drive-experience .drive-user-card,
body.drive-experience .drive-local-nav,
body.drive-experience .drive-title-row,
body.drive-experience .drive-modal>header,
body.drive-experience .drive-modal>form>header,
body.drive-experience .drive-modal>footer,
body.drive-experience .drive-modal>form>footer,
body.drive-experience .drive-activity-table th,
body.drive-experience .drive-activity-table td,
body.drive-experience .drive-section-heading,
body.drive-experience .drive-info-hero,
body.drive-experience .drive-info-member,
body.drive-experience .drive-info-activity,
body.drive-experience .drive-apple-prompt-actions,
body.drive-experience .drive-upload-settings,
body.drive-experience .drive-upload-settings h3{
  border-color:var(--drive-border)!important;
}
body.drive-experience .drive-title-row h1,
body.drive-experience .drive-breadcrumbs,
body.drive-experience .drive-local-link,
body.drive-experience .drive-local-link svg,
body.drive-experience .drive-folder-card strong,
body.drive-experience .drive-folder-grid.is-list .drive-folder-open strong,
body.drive-experience .drive-file-name strong,
body.drive-experience .drive-section-heading h2,
body.drive-experience .drive-modal header h2,
body.drive-experience .drive-form-field>span,
body.drive-experience .drive-check-field>span:first-child,
body.drive-experience .drive-info-section h3,
body.drive-experience .drive-info-section-title h3,
body.drive-experience .drive-info-member strong,
body.drive-experience .drive-info-content-row strong,
body.drive-experience .drive-info-facts strong,
body.drive-experience .drive-context-menu button:hover,
body.drive-experience .drive-empty-state strong,
body.drive-experience .drive-empty-polished strong{
  color:var(--drive-text)!important;
}
body.drive-experience .drive-user-card span:last-child,
body.drive-experience .drive-folder-card small,
body.drive-experience .drive-folder-grid.is-list .drive-folder-open small,
body.drive-experience .drive-file-name small,
body.drive-experience .drive-activity-table td,
body.drive-experience .drive-modal header p,
body.drive-experience .drive-form-field small,
body.drive-experience .drive-info-description,
body.drive-experience .drive-info-owner span,
body.drive-experience .drive-info-member small,
body.drive-experience .drive-info-activity small,
body.drive-experience .drive-empty-state,
body.drive-experience .drive-empty-polished span:not(.drive-empty-illustration),
body.drive-experience .drive-footer,
body.drive-experience .drive-preloader-card small{
  color:var(--drive-muted)!important;
}
body.drive-experience .drive-btn,
body.drive-experience .drive-filter-btn,
body.drive-experience .drive-sort-btn,
body.drive-experience .drive-back-btn,
body.drive-experience .drive-local-toggle,
body.drive-experience .drive-segmented,
body.drive-experience .drive-segmented a,
body.drive-experience .drive-segmented button,
body.drive-experience .drive-section-heading button,
body.drive-experience .drive-pagination.drive-item-pagination button,
body.drive-experience .drive-selection-toolbar button{
  background:var(--drive-surface)!important;
  color:var(--drive-text)!important;
  border-color:var(--drive-border)!important;
}
body.drive-experience .drive-btn.neutral,
body.drive-experience .drive-search-wrap,
body.drive-experience .drive-dropzone-mini,
body.drive-experience .drive-lock,
body.drive-experience .drive-file-icon,
body.drive-experience .drive-info-hero,
body.drive-experience .drive-info-owner,
body.drive-experience .drive-info-description,
body.drive-experience .drive-info-contents,
body.drive-experience .drive-info-members,
body.drive-experience .drive-info-badge,
body.drive-experience .drive-empty-state,
body.drive-experience .drive-empty-polished,
body.drive-experience .drive-selection-toolbar,
body.drive-experience .drive-upload-settings,
body.drive-experience .drive-upload-zone,
body.drive-experience .drive-check-card,
body.drive-experience .drive-share-link-box{
  background:var(--drive-surface-2)!important;
  color:var(--drive-text)!important;
  border-color:var(--drive-border)!important;
}
body.drive-experience .drive-search-wrap input,
body.drive-experience .drive-form-field input,
body.drive-experience .drive-form-field select,
body.drive-experience .drive-form-field textarea,
body.drive-experience .drive-storage-card input,
body.drive-experience .drive-share-link-box input,
body.drive-experience input.drive-input,
body.drive-experience select.drive-input,
body.drive-experience textarea.drive-input{
  background:var(--drive-input-bg)!important;
  color:var(--drive-text)!important;
  border-color:var(--drive-border)!important;
}
body.drive-experience .drive-search-wrap input::placeholder,
body.drive-experience .drive-form-field input::placeholder,
body.drive-experience .drive-form-field textarea::placeholder{
  color:color-mix(in srgb,var(--drive-muted) 76%,transparent)!important;
}
body.drive-experience .drive-form-field option,
body.drive-experience select option{
  background:var(--drive-surface)!important;
  color:var(--drive-text)!important;
}
body.drive-experience .drive-local-link:hover,
body.drive-experience .drive-more:hover,
body.drive-experience .drive-table-more:hover,
body.drive-experience .drive-context-menu button:hover,
body.drive-experience .drive-upload-menu button:hover,
body.drive-experience .drive-filter-menu button:hover,
body.drive-experience .drive-sort-menu button:hover,
body.drive-experience .drive-filter-menu button.active,
body.drive-experience .drive-sort-menu button.active,
body.drive-experience .drive-upload-menu button.active,
body.drive-experience .drive-activity-table tr:hover td{
  background:var(--drive-hover)!important;
  color:var(--drive-text)!important;
}
body.drive-experience .drive-local-link.active,
body.drive-experience .drive-folder-card.selected,
body.drive-experience .drive-folder-grid.is-list .drive-folder-card.selected,
body.drive-experience .drive-check-card:has(input:checked),
body.drive-experience #driveShareModal .drive-check-card:has(input:checked){
  background:var(--drive-selected)!important;
  border-color:color-mix(in srgb,var(--drive-blue) 58%,var(--drive-border))!important;
}
body.drive-experience .drive-local-link b,
body.drive-experience .drive-storage-card i,
body.drive-experience .drive-storage-type i,
body.drive-experience .drive-file-icon,
body.drive-experience .drive-folder-grid.is-list .drive-folder-art,
body.drive-experience .drive-folder-grid.is-list .drive-file-art,
body.drive-experience .drive-empty-illustration{
  background:var(--drive-surface-3)!important;
  color:var(--drive-text)!important;
}
body.drive-experience .drive-folder-card,
body.drive-experience .drive-folder-grid.is-list .drive-folder-card{
  background:var(--drive-list-bg)!important;
  color:var(--drive-text)!important;
  border-color:var(--drive-border)!important;
}
body.drive-experience .drive-folder-card:hover,
body.drive-experience .drive-folder-grid.is-list .drive-folder-card:hover{
  background:color-mix(in srgb,var(--drive-blue) 4%,var(--drive-list-bg))!important;
  border-color:color-mix(in srgb,var(--drive-blue) 35%,var(--drive-border))!important;
}
body.drive-experience .drive-folder-card.is-pinned{
  background:linear-gradient(180deg,color-mix(in srgb,var(--drive-blue) 8%,var(--drive-list-bg)),var(--drive-list-bg))!important;
  border-color:color-mix(in srgb,var(--drive-blue) 38%,var(--drive-border))!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-more,
body.drive-experience .drive-folder-grid.is-list .drive-star,
body.drive-experience .drive-folder-grid.is-list .drive-pin,
body.drive-experience .drive-more,
body.drive-experience .drive-star,
body.drive-experience .drive-pin{
  background:transparent!important;
  color:var(--drive-muted)!important;
  border-color:var(--drive-border)!important;
}
body.drive-experience .drive-folder-grid.is-list .drive-more:hover,
body.drive-experience .drive-more:hover,
body.drive-experience .drive-pin:hover,
body.drive-experience .drive-star:hover{
  background:var(--drive-hover)!important;
  color:var(--drive-text)!important;
}
body.drive-experience .drive-star.active,
body.drive-experience .drive-folder-card.is-important .drive-star,
body.drive-experience .drive-folder-grid.is-list .drive-star.active,
body.drive-experience .drive-folder-grid.is-list .drive-folder-card.is-important .drive-star{
  color:#f5b301!important;
  background:rgba(245,179,1,.16)!important;
  border-color:rgba(245,179,1,.30)!important;
}
body.drive-experience .drive-pin.active,
body.drive-experience .drive-folder-card.is-pinned .drive-pin,
body.drive-experience .drive-folder-grid.is-list .drive-pin.active,
body.drive-experience .drive-folder-grid.is-list .drive-folder-card.is-pinned .drive-pin{
  color:var(--drive-blue)!important;
  background:color-mix(in srgb,var(--drive-blue) 13%,transparent)!important;
  border-color:color-mix(in srgb,var(--drive-blue) 30%,var(--drive-border))!important;
}
body.drive-experience .drive-visibility-badge,
body.drive-experience .drive-folder-grid.is-list .drive-visibility-badge{
  background:color-mix(in srgb,var(--drive-blue) 7%,var(--drive-surface-2))!important;
  color:var(--drive-text)!important;
  border-color:var(--drive-border)!important;
}
body.drive-experience .drive-grant-badge,
body.drive-experience .drive-folder-grid.is-list .drive-grant-badge{
  background:color-mix(in srgb,var(--drive-accent) 13%,var(--drive-surface-2))!important;
  color:var(--drive-accent)!important;
  border-color:color-mix(in srgb,var(--drive-accent) 28%,var(--drive-border))!important;
}
body.drive-experience .drive-upload-menu,
body.drive-experience .drive-filter-menu,
body.drive-experience .drive-sort-menu,
body.drive-experience .drive-upload-menu.open,
body.drive-experience .drive-filter-menu.open,
body.drive-experience .drive-sort-menu.open,
body.drive-experience .drive-upload-menu.drive-floating-menu.open,
body.drive-experience .drive-filter-menu.drive-floating-menu.open,
body.drive-experience .drive-sort-menu.drive-floating-menu.open,
body.drive-experience [data-drive-upload-menu].drive-floating-menu.open,
body.drive-experience [data-drive-filter-menu].drive-floating-menu.open,
body.drive-experience [data-drive-sort-menu].drive-floating-menu.open{
  background:var(--drive-menu-bg)!important;
  color:var(--drive-text)!important;
  border-color:var(--drive-border)!important;
  box-shadow:var(--drive-menu-shadow)!important;
}
body.drive-experience .drive-upload-menu button,
body.drive-experience .drive-filter-menu button,
body.drive-experience .drive-sort-menu button{
  color:var(--drive-text)!important;
  background:transparent!important;
}
body.drive-experience .drive-sort-section + .drive-sort-section{
  border-top-color:var(--drive-border)!important;
}
body.drive-experience .drive-sort-section>strong{
  color:var(--drive-muted)!important;
}
body.drive-experience .drive-context-menu>div{
  background:var(--drive-border)!important;
}
body.drive-experience .drive-modal>header,
body.drive-experience .drive-modal>form>header,
body.drive-experience .drive-modal>footer,
body.drive-experience .drive-modal>form>footer,
body.drive-experience .drive-move-modal header,
body.drive-experience .drive-move-modal footer,
body.drive-experience #driveShareModal .drive-modal-head,
body.drive-experience #driveShareModal .drive-modal-foot{
  background:var(--drive-surface)!important;
  color:var(--drive-text)!important;
  border-color:var(--drive-border)!important;
}
body.drive-experience .drive-modal-body,
body.drive-experience .drive-move-modal .drive-modal-body,
body.drive-experience #driveShareModal .drive-modal-body{
  background:var(--drive-surface)!important;
  color:var(--drive-text)!important;
}
body.drive-experience .drive-info-header{
  background:var(--drive-info-header)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.10)!important;
}
body.drive-experience .drive-info-facts,
body.drive-experience .drive-info-activity-list,
body.drive-experience .drive-info-members,
body.drive-experience .drive-info-owner,
body.drive-experience .drive-info-description,
body.drive-experience .drive-info-contents{
  background:var(--drive-surface-2)!important;
  border-color:var(--drive-border)!important;
}
body.drive-experience .drive-info-facts>div,
body.drive-experience .drive-info-activity,
body.drive-experience .drive-info-member{
  border-color:var(--drive-border)!important;
}
body.drive-experience .drive-info-scrim{
  background:rgba(0,0,0,.48)!important;
}
html[data-theme="dark"] body.drive-experience .drive-info-scrim{
  background:rgba(0,0,0,.62)!important;
}
body.drive-experience .drive-move-modal,
body.drive-experience .drive-move-folder-grid,
body.drive-experience .drive-move-folder-grid::before,
body.drive-experience .drive-move-folder-card,
body.drive-experience .drive-move-selected,
body.drive-experience .drive-move-search-wrap,
body.drive-experience .drive-move-loading,
body.drive-experience .drive-move-empty{
  background:var(--drive-surface)!important;
  color:var(--drive-text)!important;
  border-color:var(--drive-border)!important;
}
body.drive-experience .drive-move-folder-grid::before{
  color:var(--drive-muted)!important;
  border-bottom-color:var(--drive-border)!important;
  backdrop-filter:blur(8px)!important;
}
body.drive-experience .drive-move-folder-card:hover{
  background:var(--drive-hover)!important;
  border-color:color-mix(in srgb,var(--drive-blue) 35%,var(--drive-border))!important;
}
body.drive-experience .drive-move-folder-card.selected,
body.drive-experience .drive-move-selected{
  background:var(--drive-selected)!important;
  border-color:color-mix(in srgb,var(--drive-blue) 52%,var(--drive-border))!important;
}
body.drive-experience .drive-move-selected strong,
body.drive-experience .drive-move-folder-card strong,
body.drive-experience .drive-move-empty strong,
body.drive-experience .drive-move-loading strong,
body.drive-experience .drive-move-search-wrap input{
  color:var(--drive-text)!important;
}
body.drive-experience .drive-move-selected small,
body.drive-experience .drive-move-folder-card small,
body.drive-experience .drive-move-search-wrap svg{
  color:var(--drive-muted)!important;
}
body.drive-experience .drive-move-folder-card b{
  background:var(--drive-surface-3)!important;
  border-color:var(--drive-border)!important;
}
body.drive-experience .drive-move-folder-card.selected b{
  background:var(--drive-blue)!important;
  border-color:var(--drive-blue)!important;
  color:#fff!important;
}
body.drive-experience #driveShareModal .drive-share-modal,
body.drive-experience .drive-share-bootstrap-modal .modal-content,
body.drive-experience .drive-share-bootstrap-modal .modal-header,
body.drive-experience .drive-share-bootstrap-modal .modal-body,
body.drive-experience .drive-share-bootstrap-modal .modal-footer{
  background:var(--drive-surface)!important;
  color:var(--drive-text)!important;
  border-color:var(--drive-border)!important;
}
body.drive-experience #driveShareModal .drive-field label,
body.drive-experience .drive-share-bootstrap-modal .form-label,
body.drive-experience .drive-share-bootstrap-modal .modal-title{
  color:var(--drive-text)!important;
}
body.drive-experience #driveShareModal .select2-container--default .select2-selection--single,
body.drive-experience #driveShareModal .select2-container--default .select2-selection--multiple,
body.drive-experience .drive-share-bootstrap-modal .form-select,
body.drive-experience .drive-share-bootstrap-modal .form-control,
body.drive-experience .drive-share-bootstrap-modal .select2-container .select2-selection,
body.drive-experience .select2-dropdown,
body.drive-experience .drive-share-select2-dropdown{
  background:var(--drive-input-bg)!important;
  color:var(--drive-text)!important;
  border-color:var(--drive-border)!important;
}
body.drive-experience #driveShareModal .select2-container--default .select2-selection--single .select2-selection__rendered,
body.drive-experience #driveShareModal .select2-container--default .select2-search--inline .select2-search__field,
body.drive-experience .select2-results__option,
body.drive-experience .drive-share-s2-result strong{
  color:var(--drive-text)!important;
}
body.drive-experience .drive-share-s2-result small{
  color:var(--drive-muted)!important;
}
body.drive-experience #driveShareModal .select2-container--default .select2-selection--multiple .select2-selection__choice{
  background:color-mix(in srgb,var(--drive-blue) 14%,var(--drive-surface))!important;
  border-color:color-mix(in srgb,var(--drive-blue) 34%,var(--drive-border))!important;
  color:var(--drive-text)!important;
}
body.drive-experience .select2-results__option--highlighted[aria-selected],
body.drive-experience .drive-share-select2-dropdown .select2-results__option--highlighted[aria-selected]{
  background:var(--drive-selected)!important;
  color:var(--drive-text)!important;
}
body.drive-experience .select2-results__option[aria-selected=true]{
  background:var(--drive-hover)!important;
  color:var(--drive-text)!important;
}
body.drive-experience .drive-share-check{
  background:var(--drive-surface-2)!important;
  color:var(--drive-text)!important;
  border-color:var(--drive-border)!important;
}
body.drive-experience .drive-page-preloader{
  background:color-mix(in srgb,var(--drive-bg) 72%,transparent)!important;
}
html[data-theme="dark"] body.drive-experience .drive-page-preloader,
html[data-theme="dark"] body.drive-experience .drive-modal-backdrop.open,
html[data-theme="dark"] body.drive-experience .drive-modal-backdrop{
  background:rgba(2,6,12,.66)!important;
}
body.drive-experience .drive-apple-prompt-backdrop.open{
  background:rgba(8,12,20,.52)!important;
}
html[data-theme="dark"] body.drive-experience .drive-apple-prompt-backdrop.open{
  background:rgba(0,0,0,.66)!important;
}
body.drive-experience .drive-apple-prompt-actions button:hover{
  background:var(--drive-hover)!important;
}
body.drive-experience .drive-upload-zone,
body.drive-experience .drive-dropzone-mini{
  border-style:dashed!important;
}
body.drive-experience .drive-upload-zone.is-dragging,
body.drive-experience .drive-upload-zone.dragover,
body.drive-experience .drive-dropzone.dragover,
body.drive-experience .drive-dropzone-mini:hover{
  background:color-mix(in srgb,var(--drive-blue) 8%,var(--drive-surface))!important;
  border-color:color-mix(in srgb,var(--drive-blue) 52%,var(--drive-border))!important;
}
html[data-theme="dark"] body.drive-experience .drive-file-preview-body,
html[data-theme="dark"] body.drive-experience .drive-viewer-frame-wrap{
  background:#050914!important;
}
html[data-theme="dark"] body.drive-experience .drive-file-preview-body iframe,
html[data-theme="dark"] body.drive-experience .drive-viewer-frame-wrap iframe{
  background:#0b1220!important;
}
@media(max-width:900px){
  html[data-theme="dark"] body.drive-experience .drive-local-sidebar{
    box-shadow:0 30px 90px rgba(0,0,0,.55)!important;
  }
}

/* ========================================================================== 
   HELPRITE DRIVE — PROFESSIONAL FILE PREVIEW MODAL + EDITOR SUPPORT
   ========================================================================== */
body.drive-experience .drive-file-preview-backdrop{
  z-index:100060!important;
  background:rgba(9,13,22,.58)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  padding:18px!important;
  align-items:center!important;
  justify-content:center!important;
}
body.drive-experience .drive-preview-pro-modal{
  width:min(1240px,calc(100vw - 36px))!important;
  height:min(900px,calc(100vh - 36px))!important;
  max-width:none!important;
  max-height:none!important;
  border-radius:26px!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  background:var(--drive-surface,#fff)!important;
  border:1px solid color-mix(in srgb,var(--drive-border,#e6eaf0) 86%,transparent)!important;
  box-shadow:0 44px 140px rgba(15,23,42,.36)!important;
}
body.drive-experience .drive-preview-pro-header{
  flex:0 0 auto!important;
  min-height:74px!important;
  padding:14px 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  border-bottom:1px solid var(--drive-border,#e6eaf0)!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--drive-surface,#fff) 96%,transparent),color-mix(in srgb,var(--drive-surface-2,#f8fafc) 88%,transparent))!important;
}
body.drive-experience .drive-preview-pro-title{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
}
body.drive-experience .drive-preview-pro-icon{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  border-radius:15px!important;
  display:grid!important;
  place-items:center!important;
  background:color-mix(in srgb,var(--drive-blue,#007aff) 12%,transparent)!important;
  color:var(--drive-blue,#007aff)!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:-.2px!important;
  text-transform:uppercase!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--drive-blue,#007aff) 14%,transparent)!important;
}
body.drive-experience .drive-preview-pro-title h2{
  margin:0!important;
  max-width:48vw!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:var(--drive-text,#111827)!important;
  font-size:18px!important;
  letter-spacing:-.45px!important;
}
body.drive-experience .drive-preview-pro-title p{
  margin:4px 0 0!important;
  max-width:48vw!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:var(--drive-muted,#667085)!important;
  font-size:12px!important;
}
body.drive-experience .drive-preview-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
body.drive-experience .drive-preview-actions .drive-btn{
  height:38px!important;
  padding:0 13px!important;
  border-radius:12px!important;
  font-size:12px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
body.drive-experience .drive-preview-close{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  border:1px solid var(--drive-border,#e6eaf0)!important;
  border-radius:12px!important;
  background:var(--drive-surface-2,#f8fafc)!important;
  color:var(--drive-muted,#667085)!important;
  display:grid!important;
  place-items:center!important;
  font-size:22px!important;
  line-height:1!important;
  cursor:pointer!important;
}
body.drive-experience .drive-preview-close:hover{
  background:color-mix(in srgb,var(--drive-red,#ff3b30) 8%,var(--drive-surface-2,#f8fafc))!important;
  color:var(--drive-red,#ff3b30)!important;
}
body.drive-experience .drive-preview-pro-status{
  flex:0 0 auto!important;
  min-height:0!important;
  height:auto!important;
  padding:0 18px!important;
  color:var(--drive-muted,#667085)!important;
  background:var(--drive-surface,#fff)!important;
  font-size:12px!important;
  line-height:0!important;
  opacity:0!important;
  transition:.16s ease!important;
}
body.drive-experience .drive-preview-pro-status:not(:empty){
  padding:9px 18px!important;
  line-height:1.2!important;
  opacity:1!important;
  border-bottom:1px solid var(--drive-border,#e6eaf0)!important;
}
body.drive-experience .drive-preview-pro-status.is-done{
  color:var(--drive-green,#16a34a)!important;
}
body.drive-experience .drive-preview-pro-body{
  flex:1 1 auto!important;
  min-height:0!important;
  background:#070b13!important;
  display:flex!important;
  padding:0!important;
}
body.drive-experience .drive-preview-pro-body iframe{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  border:0!important;
  background:#fff!important;
  border-radius:0!important;
}
html[data-theme="dark"] body.drive-experience .drive-preview-pro-modal{
  background:var(--drive-surface,#0f172a)!important;
  border-color:var(--drive-border,#26344d)!important;
  box-shadow:0 46px 150px rgba(0,0,0,.6)!important;
}
html[data-theme="dark"] body.drive-experience .drive-preview-pro-header{
  background:linear-gradient(180deg,color-mix(in srgb,var(--drive-surface,#0f172a) 94%,transparent),color-mix(in srgb,var(--drive-surface-2,#111c31) 88%,transparent))!important;
  border-color:var(--drive-border,#26344d)!important;
}
html[data-theme="dark"] body.drive-experience .drive-preview-close{
  background:var(--drive-surface-2,#111c31)!important;
  border-color:var(--drive-border,#26344d)!important;
}
html[data-theme="dark"] body.drive-experience .drive-preview-pro-status{
  background:var(--drive-surface,#0f172a)!important;
  border-color:var(--drive-border,#26344d)!important;
}
html[data-theme="dark"] body.drive-experience .drive-preview-pro-body iframe{
  background:#0b1220!important;
}
@media(max-width:820px){
  body.drive-experience .drive-file-preview-backdrop{padding:0!important;align-items:stretch!important;justify-content:stretch!important;}
  body.drive-experience .drive-preview-pro-modal{width:100vw!important;height:100vh!important;border-radius:0!important;border:0!important;}
  body.drive-experience .drive-preview-pro-header{align-items:flex-start!important;flex-direction:column!important;padding:12px!important;gap:12px!important;}
  body.drive-experience .drive-preview-pro-title h2,
  body.drive-experience .drive-preview-pro-title p{max-width:calc(100vw - 86px)!important;}
  body.drive-experience .drive-preview-actions{width:100%!important;justify-content:flex-start!important;gap:7px!important;}
  body.drive-experience .drive-preview-actions .drive-btn{height:36px!important;padding:0 10px!important;}
  body.drive-experience .drive-preview-close{margin-left:auto!important;}
}

/* ========================================================================== 
   HELPRITE DRIVE — STRONG PREVIEW AUTOSAVE + SCROLLABLE MODAL FIX
   ========================================================================== */
body.drive-experience .drive-file-preview-backdrop.open{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  align-items:flex-start!important;
  justify-content:center!important;
  padding:calc(var(--topbar-h,78px) + 14px) 18px 18px!important;
  overscroll-behavior:contain!important;
}
body.drive-experience .drive-preview-pro-modal{
  width:min(1240px,calc(100vw - 36px))!important;
  height:min(900px,calc(100dvh - var(--topbar-h,78px) - 32px))!important;
  max-height:calc(100dvh - var(--topbar-h,78px) - 32px)!important;
  min-height:min(620px,calc(100dvh - var(--topbar-h,78px) - 32px))!important;
  overflow:hidden!important;
}
body.drive-experience .drive-preview-pro-body{
  overflow:hidden!important;
  min-height:0!important;
}
body.drive-experience .drive-preview-pro-body iframe{
  overflow:auto!important;
  min-height:0!important;
}
body.drive-experience .drive-preview-pro-status:not(:empty){
  flex:0 0 auto!important;
}
body.drive-experience .drive-preview-actions #drivePreviewEditToggle[hidden]{
  display:none!important;
}
body.drive-experience .drive-preview-actions .drive-btn,
body.drive-experience .drive-preview-close{
  flex:0 0 auto!important;
}
@media(max-height:720px) and (min-width:821px){
  body.drive-experience .drive-file-preview-backdrop.open{
    padding-top:calc(var(--topbar-h,78px) + 8px)!important;
  }
  body.drive-experience .drive-preview-pro-modal{
    min-height:0!important;
    height:calc(100dvh - var(--topbar-h,78px) - 18px)!important;
    max-height:calc(100dvh - var(--topbar-h,78px) - 18px)!important;
  }
  body.drive-experience .drive-preview-pro-header{
    min-height:64px!important;
    padding:10px 14px!important;
  }
}
@media(max-width:820px){
  body.drive-experience .drive-file-preview-backdrop.open{
    padding:0!important;
    align-items:stretch!important;
    justify-content:stretch!important;
    overflow:hidden!important;
  }
  body.drive-experience .drive-preview-pro-modal{
    width:100vw!important;
    height:100dvh!important;
    max-height:100dvh!important;
    min-height:100dvh!important;
    border-radius:0!important;
  }
  body.drive-experience .drive-preview-pro-body{
    flex:1 1 auto!important;
  }
}

/* ========================================================================== 
   HELPRITE DRIVE — FULLSCREEN CLEAN PREVIEW MODAL FINAL FIX
   ========================================================================== */
body.drive-experience .drive-file-preview-backdrop,
body.drive-experience .drive-file-preview-backdrop.open{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  padding:0!important;
  margin:0!important;
  z-index:300000!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  overflow:hidden!important;
  background:rgba(15,23,42,.58)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
body.drive-experience .drive-preview-pro-modal{
  width:100vw!important;
  height:100dvh!important;
  min-width:100vw!important;
  max-width:100vw!important;
  min-height:100dvh!important;
  max-height:100dvh!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  background:var(--drive-surface,#fff)!important;
}
body.drive-experience .drive-preview-pro-header{
  flex:0 0 auto!important;
  min-height:66px!important;
  padding:10px 18px!important;
  border-radius:0!important;
  border-bottom:1px solid var(--drive-border,#e6eaf0)!important;
  background:color-mix(in srgb,var(--drive-surface,#fff) 96%,transparent)!important;
  box-shadow:0 1px 0 rgba(15,23,42,.04)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}
body.drive-experience .drive-preview-pro-title h2{
  max-width:56vw!important;
  font-size:17px!important;
  letter-spacing:-.35px!important;
}
body.drive-experience .drive-preview-pro-title p{
  max-width:56vw!important;
}
body.drive-experience .drive-preview-pro-icon{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  border-radius:12px!important;
}
body.drive-experience .drive-preview-actions{
  gap:8px!important;
}
body.drive-experience .drive-preview-actions .drive-btn{
  height:38px!important;
  border-radius:11px!important;
}
body.drive-experience .drive-preview-close{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  border-radius:11px!important;
}
body.drive-experience .drive-preview-pro-status{
  flex:0 0 auto!important;
  background:var(--drive-surface-2,#f8fafc)!important;
  border-bottom:1px solid var(--drive-border,#e6eaf0)!important;
}
body.drive-experience .drive-preview-pro-status:empty{
  display:none!important;
}
body.drive-experience .drive-preview-pro-body{
  flex:1 1 auto!important;
  min-height:0!important;
  width:100%!important;
  overflow:hidden!important;
  padding:0!important;
  background:#080d18!important;
}
body.drive-experience .drive-preview-pro-body iframe{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  border:0!important;
  border-radius:0!important;
  overflow:auto!important;
  background:#fff!important;
}
html[data-theme="dark"] body.drive-experience .drive-preview-pro-modal,
html[data-theme="dark"] body.drive-experience .drive-preview-pro-header{
  background:var(--drive-surface,#0f172a)!important;
  border-color:var(--drive-border,#26344d)!important;
}
html[data-theme="dark"] body.drive-experience .drive-preview-pro-status{
  background:var(--drive-surface-2,#111c31)!important;
  border-color:var(--drive-border,#26344d)!important;
}
html[data-theme="dark"] body.drive-experience .drive-preview-pro-body iframe{
  background:#070b12!important;
}
@media(max-width:900px){
  body.drive-experience .drive-preview-pro-header{
    min-height:auto!important;
    padding:10px 12px!important;
    gap:10px!important;
  }
  body.drive-experience .drive-preview-pro-title h2,
  body.drive-experience .drive-preview-pro-title p{
    max-width:calc(100vw - 86px)!important;
  }
  body.drive-experience .drive-preview-actions{
    width:100%!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }
  body.drive-experience .drive-preview-actions::-webkit-scrollbar{display:none!important;}
  body.drive-experience .drive-preview-actions .drive-btn{
    height:36px!important;
    padding:0 10px!important;
  }
}

/* ========================================================================== 
   HELPRITE DRIVE — PREVIEW HEADER + MEDIA VIEWER POLISH FINAL
   ========================================================================== */
body.drive-experience .drive-file-preview-backdrop,
body.drive-experience .drive-file-preview-backdrop.open{
  z-index:300000!important;
  background:rgba(7,11,18,.62)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}
body.drive-experience .drive-preview-pro-modal{
  border-radius:0!important;
  border:0!important;
  background:var(--drive-surface,#fff)!important;
}
body.drive-experience .drive-preview-pro-header{
  min-height:74px!important;
  padding:12px 20px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  background:color-mix(in srgb,var(--drive-surface,#fff) 96%,transparent)!important;
  border-bottom:1px solid color-mix(in srgb,var(--drive-border,#e6eaf0) 86%,transparent)!important;
  box-shadow:0 1px 0 rgba(15,23,42,.04)!important;
}
body.drive-experience .drive-preview-pro-title{
  min-width:0!important;
  flex:1 1 auto!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
}
body.drive-experience .drive-preview-pro-copy{
  min-width:0!important;
}
body.drive-experience .drive-preview-pro-icon{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--drive-blue,#007aff) 13%,#fff),color-mix(in srgb,var(--drive-blue,#007aff) 8%,#fff))!important;
  border:1px solid color-mix(in srgb,var(--drive-blue,#007aff) 22%,#d6e6ff)!important;
  color:var(--drive-blue,#007aff)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)!important;
}
body.drive-experience .drive-preview-pro-icon svg{
  width:25px!important;
  height:25px!important;
  grid-area:1/1!important;
  opacity:.82!important;
}
body.drive-experience .drive-preview-pro-icon b{
  position:absolute!important;
  right:4px!important;
  bottom:4px!important;
  max-width:36px!important;
  padding:2px 4px!important;
  border-radius:7px!important;
  background:color-mix(in srgb,var(--drive-surface,#fff) 92%,transparent)!important;
  color:var(--drive-blue,#007aff)!important;
  font-size:8.5px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.15px!important;
  text-transform:uppercase!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  box-shadow:0 3px 10px rgba(15,23,42,.1)!important;
}
body.drive-experience .drive-preview-pro-title h2{
  max-width:min(62vw,820px)!important;
  margin:0!important;
  font-size:18px!important;
  line-height:1.2!important;
  font-weight:850!important;
  letter-spacing:-.45px!important;
  color:var(--drive-text,#111827)!important;
}
body.drive-experience .drive-preview-pro-title p{
  max-width:min(62vw,820px)!important;
  margin:5px 0 0!important;
  font-size:12px!important;
  line-height:1.25!important;
  color:var(--drive-muted,#667085)!important;
}
body.drive-experience .drive-preview-actions{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:9px!important;
  flex-wrap:nowrap!important;
}
body.drive-experience .drive-preview-action-btn,
body.drive-experience .drive-preview-actions .drive-btn{
  height:40px!important;
  min-height:40px!important;
  border-radius:13px!important;
  padding:0 14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  font-size:12px!important;
  font-weight:850!important;
  line-height:1!important;
  white-space:nowrap!important;
  border:1px solid color-mix(in srgb,var(--drive-border,#e6eaf0) 92%,transparent)!important;
  box-shadow:0 8px 18px rgba(15,23,42,.05)!important;
}
body.drive-experience .drive-preview-action-btn svg{
  width:17px!important;
  height:17px!important;
  flex:0 0 auto!important;
}
body.drive-experience .drive-preview-actions .drive-btn.outline{
  background:var(--drive-surface,#fff)!important;
  color:var(--drive-blue,#007aff)!important;
  border-color:color-mix(in srgb,var(--drive-blue,#007aff) 42%,var(--drive-border,#e6eaf0))!important;
}
body.drive-experience .drive-preview-actions .drive-btn.outline:hover{
  background:color-mix(in srgb,var(--drive-blue,#007aff) 8%,var(--drive-surface,#fff))!important;
}
body.drive-experience .drive-preview-actions .drive-btn.neutral{
  background:var(--drive-surface-2,#f8fafc)!important;
  color:var(--drive-text,#111827)!important;
}
body.drive-experience .drive-preview-close{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  border-radius:13px!important;
  border:1px solid var(--drive-border,#e6eaf0)!important;
  background:var(--drive-surface-2,#f8fafc)!important;
  color:var(--drive-muted,#667085)!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  font-size:0!important;
  box-shadow:0 8px 18px rgba(15,23,42,.05)!important;
}
body.drive-experience .drive-preview-close svg{
  width:18px!important;
  height:18px!important;
  display:block!important;
}
body.drive-experience .drive-preview-close:hover{
  color:var(--drive-red,#ff3b30)!important;
  background:color-mix(in srgb,var(--drive-red,#ff3b30) 8%,var(--drive-surface-2,#f8fafc))!important;
  border-color:color-mix(in srgb,var(--drive-red,#ff3b30) 22%,var(--drive-border,#e6eaf0))!important;
}
body.drive-experience .drive-preview-pro-status{
  min-height:0!important;
  height:auto!important;
  padding:0!important;
  line-height:0!important;
  opacity:0!important;
  border-bottom:0!important;
  background:transparent!important;
}
body.drive-experience .drive-preview-pro-status:not(:empty){
  padding:7px 20px!important;
  line-height:1.25!important;
  opacity:1!important;
  background:var(--drive-surface-2,#f8fafc)!important;
  border-bottom:1px solid var(--drive-border,#e6eaf0)!important;
}
body.drive-experience .drive-preview-pro-status:empty{
  display:none!important;
}
body.drive-experience .drive-preview-pro-body{
  flex:1 1 auto!important;
  min-height:0!important;
  background:#07101f!important;
}
body.drive-experience .drive-preview-pro-body iframe{
  display:block!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
  border-radius:0!important;
  background:#f5f7fb!important;
}
html[data-theme="dark"] body.drive-experience .drive-preview-pro-header,
html[data-theme="dark"] body.drive-experience .drive-preview-pro-modal{
  background:var(--drive-surface,#0f172a)!important;
  border-color:var(--drive-border,#26344d)!important;
}
html[data-theme="dark"] body.drive-experience .drive-preview-pro-icon{
  background:linear-gradient(180deg,color-mix(in srgb,var(--drive-blue,#60a5fa) 16%,#101a2e),color-mix(in srgb,var(--drive-blue,#60a5fa) 8%,#0b1220))!important;
  border-color:color-mix(in srgb,var(--drive-blue,#60a5fa) 28%,var(--drive-border,#26344d))!important;
}
html[data-theme="dark"] body.drive-experience .drive-preview-pro-icon b{
  background:rgba(15,23,42,.92)!important;
  color:var(--drive-blue,#60a5fa)!important;
}
html[data-theme="dark"] body.drive-experience .drive-preview-actions .drive-btn.outline{
  background:var(--drive-surface-2,#111c31)!important;
  color:var(--drive-blue,#60a5fa)!important;
  border-color:color-mix(in srgb,var(--drive-blue,#60a5fa) 34%,var(--drive-border,#26344d))!important;
}
html[data-theme="dark"] body.drive-experience .drive-preview-actions .drive-btn.neutral,
html[data-theme="dark"] body.drive-experience .drive-preview-close{
  background:var(--drive-surface-2,#111c31)!important;
  border-color:var(--drive-border,#26344d)!important;
  color:var(--drive-text,#f8fafc)!important;
}
html[data-theme="dark"] body.drive-experience .drive-preview-pro-status:not(:empty){
  background:var(--drive-surface-2,#111c31)!important;
  border-color:var(--drive-border,#26344d)!important;
}
html[data-theme="dark"] body.drive-experience .drive-preview-pro-body iframe{
  background:#070b12!important;
}
@media(max-width:900px){
  body.drive-experience .drive-preview-pro-header{
    padding:10px 12px!important;
    gap:10px!important;
    flex-wrap:wrap!important;
  }
  body.drive-experience .drive-preview-pro-title{
    width:100%!important;
    flex:1 1 100%!important;
  }
  body.drive-experience .drive-preview-pro-title h2,
  body.drive-experience .drive-preview-pro-title p{
    max-width:calc(100vw - 86px)!important;
  }
  body.drive-experience .drive-preview-actions{
    width:100%!important;
    justify-content:flex-start!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }
  body.drive-experience .drive-preview-actions::-webkit-scrollbar{display:none!important;}
  body.drive-experience .drive-preview-action-btn,
  body.drive-experience .drive-preview-actions .drive-btn{
    height:36px!important;
    min-height:36px!important;
    padding:0 10px!important;
    border-radius:11px!important;
  }
  body.drive-experience .drive-preview-close{
    margin-left:auto!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
  }
}

/* ========================================================================== 
   HELPRITE DRIVE — PREVIEW MODAL ICON HEADER + CLEAN EDITOR CONTROLS FINAL
   ========================================================================== */
body.drive-experience .drive-preview-pro-header{
  min-height:72px!important;
  padding:10px 18px!important;
  gap:14px!important;
  overflow:visible!important;
}
body.drive-experience .drive-preview-pro-modal{
  width:100vw!important;
  height:100dvh!important;
  max-width:none!important;
  max-height:none!important;
  border-radius:0!important;
  inset:0!important;
}
body.drive-experience .drive-preview-pro-copy h2{
  font-size:17px!important;
  letter-spacing:-.35px!important;
}
body.drive-experience .drive-preview-pro-copy p{
  font-size:11.5px!important;
  opacity:.9!important;
}
body.drive-experience .drive-preview-actions{
  gap:8px!important;
  overflow:visible!important;
}
body.drive-experience .drive-preview-action-btn.drive-preview-icon-btn,
body.drive-experience .drive-preview-action-btn,
body.drive-experience .drive-preview-actions .drive-btn,
body.drive-experience .drive-preview-close{
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
  min-height:40px!important;
  padding:0!important;
  border-radius:13px!important;
  position:relative!important;
  overflow:visible!important;
}
body.drive-experience .drive-preview-action-btn .drive-action-label,
body.drive-experience .drive-preview-actions .drive-btn .drive-action-label{
  display:none!important;
}
body.drive-experience .drive-preview-action-btn svg,
body.drive-experience .drive-preview-actions .drive-btn svg,
body.drive-experience .drive-preview-close svg{
  width:18px!important;
  height:18px!important;
  margin:0!important;
}
body.drive-experience .drive-preview-save-indicator{
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
  border-radius:13px!important;
  display:inline-grid!important;
  place-items:center!important;
  position:relative!important;
  overflow:visible!important;
  color:var(--drive-green,#16a34a)!important;
  background:color-mix(in srgb,var(--drive-green,#16a34a) 9%,var(--drive-surface,#fff))!important;
  border:1px solid color-mix(in srgb,var(--drive-green,#16a34a) 26%,var(--drive-border,#e6eaf0))!important;
  box-shadow:0 8px 18px rgba(15,23,42,.05)!important;
}
body.drive-experience .drive-preview-save-indicator[hidden]{display:none!important;}
body.drive-experience .drive-preview-cloud-icon{display:block!important;}
body.drive-experience .drive-preview-saving-spinner{
  display:none!important;
  width:17px!important;
  height:17px!important;
  border-radius:999px!important;
  border:2px solid currentColor!important;
  border-right-color:transparent!important;
  animation:drivePreviewSpin .72s linear infinite!important;
}
body.drive-experience .drive-preview-save-indicator.is-saving{
  color:var(--drive-blue,#007aff)!important;
  background:color-mix(in srgb,var(--drive-blue,#007aff) 9%,var(--drive-surface,#fff))!important;
  border-color:color-mix(in srgb,var(--drive-blue,#007aff) 28%,var(--drive-border,#e6eaf0))!important;
}
body.drive-experience .drive-preview-save-indicator.is-saving .drive-preview-cloud-icon{display:none!important;}
body.drive-experience .drive-preview-save-indicator.is-saving .drive-preview-saving-spinner{display:block!important;}
body.drive-experience .drive-preview-save-indicator.is-dirty{
  color:var(--drive-orange,#f59e0b)!important;
  background:color-mix(in srgb,var(--drive-orange,#f59e0b) 9%,var(--drive-surface,#fff))!important;
  border-color:color-mix(in srgb,var(--drive-orange,#f59e0b) 30%,var(--drive-border,#e6eaf0))!important;
}
body.drive-experience .drive-preview-save-indicator.is-error{
  color:var(--drive-red,#ff3b30)!important;
  background:color-mix(in srgb,var(--drive-red,#ff3b30) 9%,var(--drive-surface,#fff))!important;
  border-color:color-mix(in srgb,var(--drive-red,#ff3b30) 30%,var(--drive-border,#e6eaf0))!important;
}
@keyframes drivePreviewSpin{to{transform:rotate(360deg)}}
body.drive-experience [data-tooltip]::after,
body.drive-experience [data-tooltip]::before{
  position:absolute!important;
  left:50%!important;
  opacity:0!important;
  pointer-events:none!important;
  transform:translate(-50%,6px)!important;
  transition:opacity .14s ease,transform .14s ease!important;
  z-index:500000!important;
}
body.drive-experience [data-tooltip]::after{
  content:attr(data-tooltip)!important;
  top:calc(100% + 9px)!important;
  min-width:max-content!important;
  max-width:180px!important;
  padding:7px 9px!important;
  border-radius:9px!important;
  background:#111827!important;
  color:#fff!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:750!important;
  white-space:nowrap!important;
  box-shadow:0 12px 30px rgba(0,0,0,.22)!important;
}
body.drive-experience [data-tooltip]::before{
  content:""!important;
  top:calc(100% + 4px)!important;
  width:9px!important;
  height:9px!important;
  background:#111827!important;
  transform:translate(-50%,6px) rotate(45deg)!important;
}
body.drive-experience [data-tooltip]:hover::after,
body.drive-experience [data-tooltip]:hover::before{
  opacity:1!important;
  transform:translate(-50%,0)!important;
}
body.drive-experience [data-tooltip]:hover::before{transform:translate(-50%,0) rotate(45deg)!important;}
body.drive-experience .drive-preview-pro-status{display:none!important;}
body.drive-experience .drive-preview-pro-body{height:calc(100dvh - 72px)!important;}
html[data-theme="dark"] body.drive-experience .drive-preview-save-indicator{
  background:color-mix(in srgb,var(--drive-green,#22c55e) 12%,var(--drive-surface,#0f172a))!important;
  border-color:color-mix(in srgb,var(--drive-green,#22c55e) 32%,var(--drive-border,#26344d))!important;
}
html[data-theme="dark"] body.drive-experience [data-tooltip]::after,
html[data-theme="dark"] body.drive-experience [data-tooltip]::before{background:#f8fafc!important;color:#0f172a!important;}
@media(max-width:760px){
  body.drive-experience .drive-preview-pro-header{
    min-height:auto!important;
    padding:8px 10px!important;
    gap:8px!important;
    flex-wrap:nowrap!important;
  }
  body.drive-experience .drive-preview-pro-title{
    width:auto!important;
    flex:1 1 auto!important;
    min-width:0!important;
    gap:8px!important;
  }
  body.drive-experience .drive-preview-pro-icon{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    border-radius:12px!important;
  }
  body.drive-experience .drive-preview-pro-icon svg{width:21px!important;height:21px!important;}
  body.drive-experience .drive-preview-pro-icon b{font-size:7px!important;max-width:31px!important;}
  body.drive-experience .drive-preview-pro-copy h2{
    max-width:calc(100vw - 244px)!important;
    font-size:14px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.drive-experience .drive-preview-pro-copy p{
    max-width:calc(100vw - 244px)!important;
    font-size:10.5px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.drive-experience .drive-preview-actions{
    width:auto!important;
    flex:0 0 auto!important;
    gap:5px!important;
    justify-content:flex-end!important;
    overflow:visible!important;
  }
  body.drive-experience .drive-preview-action-btn.drive-preview-icon-btn,
  body.drive-experience .drive-preview-action-btn,
  body.drive-experience .drive-preview-actions .drive-btn,
  body.drive-experience .drive-preview-close,
  body.drive-experience .drive-preview-save-indicator{
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    border-radius:11px!important;
  }
  body.drive-experience .drive-preview-pro-body{height:calc(100dvh - 54px)!important;}
  body.drive-experience [data-tooltip]::after,
  body.drive-experience [data-tooltip]::before{display:none!important;}
}
@media(max-width:480px){
  body.drive-experience .drive-preview-pro-copy p{display:none!important;}
  body.drive-experience .drive-preview-pro-copy h2{max-width:calc(100vw - 226px)!important;}
  body.drive-experience .drive-preview-actions{gap:4px!important;}
  body.drive-experience .drive-preview-action-btn.drive-preview-icon-btn,
  body.drive-experience .drive-preview-action-btn,
  body.drive-experience .drive-preview-actions .drive-btn,
  body.drive-experience .drive-preview-close,
  body.drive-experience .drive-preview-save-indicator{
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
    min-height:32px!important;
  }
}


/* HRMS V14 - old pages restored: safe layout utilities only */
body.hrms-old-page{
    background:#f5f7fb!important;
    color:#0f172a;
    min-height:100vh;
}
body.hrms-old-page .main-wrapper{min-height:100vh;width:100%;}
body.hrms-old-page .page-wrapper{
    margin-left:var(--sidebar-w,82px)!important;
    padding-top:var(--topbar-h,78px)!important;
    min-height:100vh;
    width:auto!important;
}
body.hrms-old-page .content{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:22px 28px 90px!important;
}
body.hrms-old-page .row{display:flex;flex-wrap:wrap;margin-left:-12px;margin-right:-12px;row-gap:18px;}
body.hrms-old-page .row>[class*="col-"]{padding-left:12px;padding-right:12px;box-sizing:border-box;width:100%;}
body.hrms-old-page .col-xl-2{flex:0 0 16.6667%;max-width:16.6667%;}
body.hrms-old-page .col-xl-3{flex:0 0 25%;max-width:25%;}
body.hrms-old-page .col-xl-4{flex:0 0 33.3333%;max-width:33.3333%;}
body.hrms-old-page .col-xl-5{flex:0 0 41.6667%;max-width:41.6667%;}
body.hrms-old-page .col-xl-6{flex:0 0 50%;max-width:50%;}
body.hrms-old-page .col-xl-7{flex:0 0 58.3333%;max-width:58.3333%;}
body.hrms-old-page .col-xl-8{flex:0 0 66.6667%;max-width:66.6667%;}
body.hrms-old-page .col-xl-9{flex:0 0 75%;max-width:75%;}
body.hrms-old-page .col-xl-12{flex:0 0 100%;max-width:100%;}
body.hrms-old-page .col-md-3{flex:0 0 25%;max-width:25%;}
body.hrms-old-page .col-md-4{flex:0 0 33.3333%;max-width:33.3333%;}
body.hrms-old-page .col-md-6{flex:0 0 50%;max-width:50%;}
body.hrms-old-page .col-md-8{flex:0 0 66.6667%;max-width:66.6667%;}
body.hrms-old-page .col-md-12{flex:0 0 100%;max-width:100%;}
body.hrms-old-page .d-flex{display:flex!important;}body.hrms-old-page .d-inline-flex{display:inline-flex!important;}body.hrms-old-page .d-block{display:block!important;}body.hrms-old-page .d-none{display:none!important;}
body.hrms-old-page .align-items-center{align-items:center!important;}body.hrms-old-page .align-items-start{align-items:flex-start!important;}body.hrms-old-page .justify-content-between{justify-content:space-between!important;}body.hrms-old-page .justify-content-end{justify-content:flex-end!important;}body.hrms-old-page .justify-content-center{justify-content:center!important;}body.hrms-old-page .flex-wrap{flex-wrap:wrap!important;}body.hrms-old-page .flex-column{flex-direction:column!important;}body.hrms-old-page .flex-grow-1{flex-grow:1!important;}body.hrms-old-page .gap-1{gap:4px!important;}body.hrms-old-page .gap-2{gap:8px!important;}body.hrms-old-page .gap-3{gap:12px!important;}body.hrms-old-page .w-100{width:100%!important;}body.hrms-old-page .text-center{text-align:center!important;}body.hrms-old-page .text-end{text-align:right!important;}body.hrms-old-page .position-relative{position:relative!important;}body.hrms-old-page .overflow-auto{overflow:auto!important;}
body.hrms-old-page .mb-0{margin-bottom:0!important;}body.hrms-old-page .mb-1{margin-bottom:4px!important;}body.hrms-old-page .mb-2{margin-bottom:8px!important;}body.hrms-old-page .mb-3{margin-bottom:16px!important;}body.hrms-old-page .mb-4{margin-bottom:22px!important;}body.hrms-old-page .mt-1{margin-top:4px!important;}body.hrms-old-page .mt-2{margin-top:8px!important;}body.hrms-old-page .mt-3{margin-top:16px!important;}body.hrms-old-page .me-1{margin-right:4px!important;}body.hrms-old-page .me-2{margin-right:8px!important;}body.hrms-old-page .ms-1{margin-left:4px!important;}body.hrms-old-page .ms-2{margin-left:8px!important;}body.hrms-old-page .p-0{padding:0!important;}body.hrms-old-page .p-2{padding:8px!important;}body.hrms-old-page .p-3{padding:16px!important;}body.hrms-old-page .px-2{padding-left:8px!important;padding-right:8px!important;}body.hrms-old-page .py-1{padding-top:4px!important;padding-bottom:4px!important;}body.hrms-old-page .pb-0{padding-bottom:0!important;}
body.hrms-old-page .fs-12{font-size:12px!important;}body.hrms-old-page .fs-13{font-size:13px!important;}body.hrms-old-page .fs-14{font-size:14px!important;}body.hrms-old-page .fs-20{font-size:20px!important;}body.hrms-old-page .fs-24{font-size:24px!important;}body.hrms-old-page .fw-medium{font-weight:650!important;}body.hrms-old-page .fw-normal{font-weight:500!important;}body.hrms-old-page .fw-bold{font-weight:800!important;}body.hrms-old-page .text-muted,body.hrms-old-page .text-body{color:#667085!important;}body.hrms-old-page .text-dark{color:#0f172a!important;}body.hrms-old-page .text-danger,body.hrms-old-page .link-danger{color:#ef4444!important;}body.hrms-old-page .link-primary{color:#0ea5e9!important;}
body.hrms-old-page .card,body.hrms-old-page .cardx,body.hrms-old-page .panel{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:10px!important;box-shadow:0 10px 28px rgba(16,24,40,.06)!important;overflow:visible!important;}
body.hrms-old-page .card-header,body.hrms-old-page .cardx-head,body.hrms-old-page .panel-header{background:#fff!important;color:#0f172a!important;border-bottom:1px solid #e5e7eb!important;padding:16px 18px!important;border-radius:10px 10px 0 0!important;}
body.hrms-old-page .card-body,body.hrms-old-page .cardx-body{padding:18px!important;}body.hrms-old-page .card-body.p-0{padding:0!important;}
body.hrms-old-page .btn,body.hrms-old-page .btnx,body.hrms-old-page button.page-btn{min-height:38px;border-radius:8px!important;border:1px solid #d0d5dd!important;background:#fff!important;color:#0f172a!important;padding:0 14px!important;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:700!important;line-height:1;cursor:pointer;box-shadow:0 1px 2px rgba(16,24,40,.04)!important;}
body.hrms-old-page .btn-primary,body.hrms-old-page .btn-dark,body.hrms-old-page .btnx.btn-dark,body.hrms-old-page .page-btn.active{background:#101828!important;color:#fff!important;border-color:#101828!important;}
body.hrms-old-page .btn-danger,body.hrms-old-page .btnx.btn-danger{background:#ef4444!important;color:#fff!important;border-color:#ef4444!important;}
body.hrms-old-page .btn-light,body.hrms-old-page .btn-soft,body.hrms-old-page .btn-ghost{background:#f8fafc!important;color:#0f172a!important;}
body.hrms-old-page .table-responsive{width:100%;overflow-x:auto;overflow-y:visible;border-radius:10px;}
body.hrms-old-page table.table,body.hrms-old-page #Tbl,body.hrms-old-page table{width:100%!important;border-collapse:collapse!important;color:#0f172a!important;}
body.hrms-old-page thead th,body.hrms-old-page .thead-light th{background:#f8fafc!important;color:#344054!important;font-size:13px!important;font-weight:800!important;border-bottom:1px solid #e5e7eb!important;padding:13px 16px!important;white-space:nowrap!important;}
body.hrms-old-page tbody td{font-size:13px!important;color:#344054!important;border-bottom:1px solid #eef2f7!important;padding:13px 16px!important;vertical-align:middle!important;}
body.hrms-old-page tbody tr:hover td{background:#fcfcfd!important;}body.hrms-old-page tbody tr:last-child td{border-bottom:0!important;}
body.hrms-old-page .pagination-box{display:flex!important;align-items:center!important;gap:8px!important;padding:16px 18px!important;border-top:1px solid #e5e7eb!important;}body.hrms-old-page .pagination-info{margin-right:auto!important;color:#667085!important;font-size:13px!important;}body.hrms-old-page .page-btn{min-width:38px!important;height:38px!important;padding:0 12px!important;}body.hrms-old-page .page-btn:disabled{opacity:.5!important;cursor:not-allowed!important;}
body.hrms-old-page .form-control,body.hrms-old-page .form-select,body.hrms-old-page input[type="text"],body.hrms-old-page input[type="date"],body.hrms-old-page input[type="datetime-local"],body.hrms-old-page input[type="time"],body.hrms-old-page input[type="number"],body.hrms-old-page input[type="email"],body.hrms-old-page input[type="tel"],body.hrms-old-page select,body.hrms-old-page textarea{width:100%;min-height:40px;border:1px solid #d0d5dd!important;border-radius:8px!important;background:#fff!important;color:#0f172a!important;padding:9px 12px!important;outline:0!important;box-shadow:none!important;}body.hrms-old-page textarea{min-height:104px;resize:vertical;}body.hrms-old-page .form-label,body.hrms-old-page label{font-size:13px;color:#0f172a;font-weight:700;margin-bottom:6px;display:inline-block;}
body.hrms-old-page .dropdown{position:relative;}body.hrms-old-page .dropdown-menu{display:none;position:absolute;z-index:3500;right:0;top:calc(100% + 6px);min-width:210px;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:10px!important;box-shadow:0 18px 50px rgba(16,24,40,.16)!important;padding:6px!important;color:#0f172a!important;}body.hrms-old-page .dropdown-menu.show{display:block!important;}body.hrms-old-page .dropdown-item{display:flex!important;align-items:center;gap:8px;width:100%;min-height:36px;border-radius:8px;padding:8px 10px!important;color:#0f172a!important;background:transparent!important;border:0!important;}body.hrms-old-page .dropdown-item:hover{background:#f8fafc!important;}
body.hrms-old-page .modal{position:fixed;inset:0;z-index:4200;display:none;padding:24px;background:rgba(15,23,42,.38);overflow:auto;}body.hrms-old-page .modal.show{display:block!important;}body.hrms-old-page .modal-dialog{width:min(720px,100%);margin:70px auto 24px!important;}body.hrms-old-page .modal-dialog.modal-lg{width:min(940px,100%);}body.hrms-old-page .modal-dialog.modal-xl{width:min(1180px,100%);}body.hrms-old-page .modal-content{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:12px!important;box-shadow:0 30px 90px rgba(15,23,42,.24)!important;color:#0f172a!important;overflow:hidden;}body.hrms-old-page .modal-header,body.hrms-old-page .modal-footer{padding:16px 18px!important;border-color:#e5e7eb!important;display:flex;align-items:center;gap:10px;}body.hrms-old-page .modal-header{border-bottom:1px solid #e5e7eb!important;justify-content:space-between;}body.hrms-old-page .modal-footer{border-top:1px solid #e5e7eb!important;justify-content:flex-end;}body.hrms-old-page .modal-body{padding:18px!important;}body.hrms-old-page.modal-open{overflow:hidden!important;}
.hrms-apple-dialog-backdrop{position:fixed;inset:0;z-index:7000;display:flex;align-items:center;justify-content:center;padding:22px;background:rgba(15,23,42,.42);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hrms-apple-dialog{width:min(520px,100%);background:#fff;color:#101828;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 32px 90px rgba(15,23,42,.25);overflow:hidden}.hrms-apple-dialog-body{padding:22px}.hrms-apple-dialog-body h3{margin:0 0 8px;font-size:20px;font-weight:800}.hrms-apple-dialog-body p{margin:0;color:#667085;line-height:1.55}.hrms-apple-dialog-html{margin-top:14px;text-align:left}.hrms-apple-dialog-html input,.hrms-apple-dialog-html textarea,.hrms-apple-dialog-input{width:100%;min-height:42px;border:1px solid #d0d5dd;border-radius:8px;padding:10px 12px;background:#fff;color:#101828;margin-top:10px}.hrms-apple-dialog-actions{display:flex;justify-content:flex-end;gap:10px;padding:14px 18px;border-top:1px solid #e5e7eb;background:#f8fafc}.hrms-apple-dialog-actions button{min-height:38px;border-radius:8px;border:1px solid #d0d5dd;padding:0 15px;font-weight:800;cursor:pointer}.hrms-apple-dialog-actions .primary{background:#101828;color:white;border-color:#101828}.hrms-apple-dialog-actions .secondary{background:#fff;color:#101828}.hrms-apple-toast{position:fixed;right:22px;bottom:22px;z-index:7200;max-width:360px;background:#fff;color:#101828;border:1px solid #e5e7eb;border-radius:12px;padding:14px 16px;box-shadow:0 18px 50px rgba(16,24,40,.14);font-weight:700}.hrms-swal-loading{display:inline-flex;gap:10px;align-items:center;margin-top:12px}.hrms-swal-spinner{width:18px;height:18px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:hrmsSpin .7s linear infinite}@keyframes hrmsSpin{to{transform:rotate(360deg)}}
@media(max-width:1200px){body.hrms-old-page .col-xl-3,body.hrms-old-page .col-xl-4,body.hrms-old-page .col-xl-6,body.hrms-old-page .col-xl-8{flex:0 0 50%;max-width:50%;}}
@media(max-width:900px){body.hrms-old-page .page-wrapper{margin-left:0!important;}body.hrms-old-page .content{padding:calc(var(--topbar-h,78px) + 14px) 16px 96px!important;}body.hrms-old-page .col-md-3,body.hrms-old-page .col-md-4,body.hrms-old-page .col-md-6,body.hrms-old-page .col-md-8,body.hrms-old-page .col-md-12,body.hrms-old-page .col-xl-2,body.hrms-old-page .col-xl-3,body.hrms-old-page .col-xl-4,body.hrms-old-page .col-xl-5,body.hrms-old-page .col-xl-6,body.hrms-old-page .col-xl-7,body.hrms-old-page .col-xl-8,body.hrms-old-page .col-xl-9,body.hrms-old-page .col-xl-12{flex:0 0 100%;max-width:100%;}body.hrms-old-page .modal{padding:0;}body.hrms-old-page .modal-dialog{width:100%;margin:56px 0 0!important;}body.hrms-old-page .modal-content{border-radius:12px 12px 0 0!important;max-height:calc(100vh - 56px);overflow:auto;}}


/* HRMS V9 - restore v3 menu style */
body.hrms-apple-page.hrms-menu-page[data-hrms-apple="true"] .module-home-bento{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px;
    align-items:stretch;
}
body.hrms-apple-page.hrms-menu-page[data-hrms-apple="true"] .module-home-bento .module-widget{
    min-height:190px;
    cursor:pointer;
}
body.hrms-apple-page.hrms-menu-page[data-hrms-apple="true"] .module-home-bento .module-widget .widget-content{
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}
body.hrms-apple-page.hrms-menu-page[data-hrms-apple="true"] .module-home-bento .module-copy h3{
    margin:0 0 8px;
    font-size:18px;
    font-weight:800;
    letter-spacing:-.02em;
}
body.hrms-apple-page.hrms-menu-page[data-hrms-apple="true"] .module-home-bento .module-copy p{
    margin:0;
    color:var(--text-muted, #667085);
    font-size:14px;
    line-height:1.45;
}
body.hrms-apple-page.hrms-menu-page[data-hrms-apple="true"] .module-home-bento .module-icon{
    width:54px;
    height:54px;
    border-radius:18px;
    display:grid;
    place-items:center;
}
body.hrms-apple-page.hrms-menu-page[data-hrms-apple="true"] .module-home-bento .module-arrow{
    width:38px;
    height:38px;
    border-radius:999px;
    display:grid;
    place-items:center;
}
@media (max-width: 1180px){body.hrms-apple-page.hrms-menu-page[data-hrms-apple="true"] .module-home-bento{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width: 900px){body.hrms-apple-page.hrms-menu-page[data-hrms-apple="true"] .module-home-bento{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width: 560px){body.hrms-apple-page.hrms-menu-page[data-hrms-apple="true"] .module-home-bento{grid-template-columns:1fr;gap:12px;}body.hrms-apple-page.hrms-menu-page[data-hrms-apple="true"] .module-home-bento .module-widget{min-height:150px;}}

/* HRMS V15 - old frontend flow + safe Apple polish. Scoped to HRMS old pages only. */
body.hrms-old-page .page-wrapper{
  margin-left:var(--sidebar-w,82px)!important;
  padding-top:0!important;
  min-height:100vh!important;
  width:auto!important;
  background:#f5f7fb!important;
}
body.hrms-old-page .content,
body.hrms-old-page .page-wrapper > .content{
  padding:calc(var(--topbar-h,78px) + 18px) 26px 64px!important;
  margin:0!important;
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}
body.hrms-old-page .content > .d-flex:first-child,
body.hrms-old-page .content > .row:first-child,
body.hrms-old-page .content > .card:first-child,
body.hrms-old-page .content > .page-body:first-child{
  margin-top:0!important;
}
body.hrms-old-page .align-items-sm-center{align-items:center!important;}
body.hrms-old-page .flex-sm-row{flex-direction:row!important;}
body.hrms-old-page .flex-sm-column{flex-direction:column!important;}
body.hrms-old-page .content > .d-flex:first-child{
  background:transparent!important;
  align-items:center!important;
}
body.hrms-old-page .content h1,
body.hrms-old-page .content h2,
body.hrms-old-page .content h3,
body.hrms-old-page .content h4,
body.hrms-old-page .content h5{
  color:#0f172a!important;
  letter-spacing:-.02em;
}
body.hrms-old-page .content h4.fw-bold,
body.hrms-old-page .content h4{
  font-size:21px!important;
  line-height:1.25!important;
  margin:0!important;
}
body.hrms-old-page .content p.text-muted{
  color:#667085!important;
  font-size:13px!important;
}
body.hrms-old-page .card,
body.hrms-old-page .cardx,
body.hrms-old-page .panel{
  border-radius:14px!important;
  border:1px solid #e6ebf1!important;
  box-shadow:0 14px 38px rgba(16,24,40,.07)!important;
}
body.hrms-old-page .card-header,
body.hrms-old-page .cardx-head,
body.hrms-old-page .panel-header{
  min-height:58px!important;
  padding:16px 18px!important;
  background:#fff!important;
}
body.hrms-old-page .card-header h5,
body.hrms-old-page .cardx-head h4{
  font-size:16px!important;
  color:#0f172a!important;
}
body.hrms-old-page .table-responsive{
  overflow-x:auto!important;
  overflow-y:visible!important;
  background:#fff!important;
}
body.hrms-old-page table.table{
  background:#fff!important;
}
body.hrms-old-page table.table thead th,
body.hrms-old-page table thead th{
  height:46px!important;
  background:#f7f9fc!important;
  color:#344054!important;
  font-size:12px!important;
  font-weight:800!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
body.hrms-old-page table.table tbody td,
body.hrms-old-page table tbody td{
  padding:13px 16px!important;
  font-size:13px!important;
  color:#344054!important;
  line-height:1.45!important;
}
body.hrms-old-page .btn,
body.hrms-old-page .btnx,
body.hrms-old-page .page-btn{
  min-height:38px!important;
  border-radius:10px!important;
}
body.hrms-old-page .btn-primary,
body.hrms-old-page .btn-dark,
body.hrms-old-page .btnx.btn-dark{
  background:#101828!important;
  border-color:#101828!important;
  color:#fff!important;
}
body.hrms-old-page .btn-white,
body.hrms-old-page .btn-outline-white,
body.hrms-old-page .bg-white,
body.hrms-old-page .btn-light{
  background:#fff!important;
  color:#101828!important;
}
body.hrms-old-page .badge,
body.hrms-old-page .badge-soft-primary,
body.hrms-old-page .bg-light{
  border-radius:999px!important;
  border:1px solid #dbeafe!important;
  background:#eff6ff!important;
  color:#075985!important;
  font-weight:800!important;
}
body.hrms-old-page .filter-dropdown,
body.hrms-old-page .dropdown-lg{
  border-radius:14px!important;
  box-shadow:0 22px 60px rgba(16,24,40,.18)!important;
}
body.hrms-old-page .dropdown-menu{
  z-index:5000!important;
}
body.hrms-old-page .modal{
  background:rgba(15,23,42,.42)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
body.hrms-old-page .modal-dialog{
  margin:92px auto 28px!important;
}
body.hrms-old-page .modal-content{
  border-radius:16px!important;
  box-shadow:0 34px 90px rgba(15,23,42,.28)!important;
}
body.hrms-old-page .page-body .wrap{
  padding:0!important;
}
@media(max-width:900px){
  body.hrms-old-page .page-wrapper{margin-left:0!important;}
  body.hrms-old-page .content,
  body.hrms-old-page .page-wrapper > .content{padding:calc(var(--topbar-h,70px) + 12px) 14px 92px!important;}
  body.hrms-old-page .flex-sm-row{flex-direction:column!important;}
  body.hrms-old-page .align-items-sm-center{align-items:flex-start!important;}
  body.hrms-old-page .department-list-actions,
  body.hrms-old-page .application-list-actions,
  body.hrms-old-page .training-list-actions{width:100%!important;justify-content:flex-start!important;flex-wrap:wrap!important;}
}


/* HRMS V16 - Reports table + Drive modal + shared Apple prompt parity */
body.hrms-old-page[data-module="hrms"],
body.hrms-old-page.hrms-module-page{
  --hrms-bg: var(--page-bg, #f3f6fb);
  --hrms-surface: var(--panel-solid, #ffffff);
  --hrms-surface-2: #f7f9fc;
  --hrms-border: var(--line, #dfe5ec);
  --hrms-border-soft: #edf1f5;
  --hrms-text: var(--text, #0b1628);
  --hrms-muted: var(--muted, #667085);
  --hrms-primary: #147eff;
  --hrms-primary-dark: #101828;
  --hrms-success: #16a34a;
  --hrms-danger: #ef4444;
  --hrms-warning: #b77900;
  background:var(--hrms-bg)!important;
  color:var(--hrms-text)!important;
  min-height:100vh!important;
  overflow-x:hidden!important;
}
body.hrms-old-page.hrms-module-page .main-wrapper{min-height:100vh!important;background:var(--hrms-bg)!important;}
body.hrms-old-page.hrms-module-page .page-wrapper{
  width:auto!important;
  min-height:100vh!important;
  margin-left:var(--sidebar-w, 92px)!important;
  padding:0!important;
  background:var(--hrms-bg)!important;
  box-sizing:border-box!important;
}
body.hrms-old-page.hrms-module-page .content,
body.hrms-old-page.hrms-module-page .page-wrapper > .content{
  width:100%!important;
  max-width:none!important;
  min-height:calc(100vh - var(--topbar-h,78px))!important;
  margin:0!important;
  padding:calc(var(--topbar-h,78px) + 18px) 24px 48px!important;
  box-sizing:border-box!important;
  background:var(--hrms-bg)!important;
}
body.hrms-old-page.hrms-module-page .content::before,
body.hrms-old-page.hrms-module-page .content::after{display:none!important;content:none!important;}
body.hrms-old-page.hrms-module-page .content > *:first-child{margin-top:0!important;}
body.hrms-old-page.hrms-module-page .content > .d-flex:first-child,
body.hrms-old-page.hrms-module-page .content > .row:first-child,
body.hrms-old-page.hrms-module-page .page-header,
body.hrms-old-page.hrms-module-page .page-title-box{
  min-height:0!important;
  margin:0 0 16px!important;
  padding:0!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:14px!important;
}
body.hrms-old-page.hrms-module-page .content h1,
body.hrms-old-page.hrms-module-page .content h2,
body.hrms-old-page.hrms-module-page .content h3,
body.hrms-old-page.hrms-module-page .content h4,
body.hrms-old-page.hrms-module-page .content h5,
body.hrms-old-page.hrms-module-page .content h6{
  color:var(--hrms-text)!important;
  letter-spacing:-.025em!important;
  font-family:inherit!important;
}
body.hrms-old-page.hrms-module-page .content h4,
body.hrms-old-page.hrms-module-page .content h4.fw-bold{
  margin:0!important;
  font-size:22px!important;
  line-height:1.18!important;
  font-weight:800!important;
}
body.hrms-old-page.hrms-module-page .content h5{font-size:17px!important;font-weight:800!important;line-height:1.2!important;margin:0!important;}
body.hrms-old-page.hrms-module-page .content p,
body.hrms-old-page.hrms-module-page .text-muted{color:var(--hrms-muted)!important;}
body.hrms-old-page.hrms-module-page .content p.text-muted,
body.hrms-old-page.hrms-module-page .content .fs-13.text-muted{font-size:14px!important;line-height:1.5!important;margin-top:6px!important;}
body.hrms-old-page.hrms-module-page .row{display:flex!important;flex-wrap:wrap!important;margin-left:-8px!important;margin-right:-8px!important;row-gap:16px!important;}
body.hrms-old-page.hrms-module-page .row>[class*="col-"]{box-sizing:border-box!important;padding-left:8px!important;padding-right:8px!important;}
body.hrms-old-page.hrms-module-page .col-xl-2{flex:0 0 16.6667%!important;max-width:16.6667%!important}.col-xl-3{}
body.hrms-old-page.hrms-module-page .col-xl-3{flex:0 0 25%!important;max-width:25%!important}
body.hrms-old-page.hrms-module-page .col-xl-4{flex:0 0 33.3333%!important;max-width:33.3333%!important}
body.hrms-old-page.hrms-module-page .col-xl-5{flex:0 0 41.6667%!important;max-width:41.6667%!important}
body.hrms-old-page.hrms-module-page .col-xl-6{flex:0 0 50%!important;max-width:50%!important}
body.hrms-old-page.hrms-module-page .col-xl-7{flex:0 0 58.3333%!important;max-width:58.3333%!important}
body.hrms-old-page.hrms-module-page .col-xl-8{flex:0 0 66.6667%!important;max-width:66.6667%!important}
body.hrms-old-page.hrms-module-page .col-xl-9{flex:0 0 75%!important;max-width:75%!important}
body.hrms-old-page.hrms-module-page .col-xl-12{flex:0 0 100%!important;max-width:100%!important}
body.hrms-old-page.hrms-module-page .col-md-3{flex:0 0 25%!important;max-width:25%!important}
body.hrms-old-page.hrms-module-page .col-md-4{flex:0 0 33.3333%!important;max-width:33.3333%!important}
body.hrms-old-page.hrms-module-page .col-md-6{flex:0 0 50%!important;max-width:50%!important}
body.hrms-old-page.hrms-module-page .col-md-8{flex:0 0 66.6667%!important;max-width:66.6667%!important}
body.hrms-old-page.hrms-module-page .col-md-12{flex:0 0 100%!important;max-width:100%!important}

/* Buttons and controls follow the current Apple module theme. */
body.hrms-old-page.hrms-module-page .btn,
body.hrms-old-page.hrms-module-page .btnx,
body.hrms-old-page.hrms-module-page button.page-btn,
body.hrms-old-page.hrms-module-page .paginate_button{
  min-height:38px!important;
  height:auto!important;
  border-radius:12px!important;
  border:1px solid var(--hrms-border)!important;
  background:var(--hrms-surface)!important;
  color:var(--hrms-text)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:0 14px!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:750!important;
  text-decoration:none!important;
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset, 0 1px 2px rgba(16,24,40,.04)!important;
  white-space:nowrap!important;
}
body.hrms-old-page.hrms-module-page .btn:hover,
body.hrms-old-page.hrms-module-page .page-btn:hover{background:#f8fafc!important;color:var(--hrms-text)!important;}
body.hrms-old-page.hrms-module-page .btn-primary,
body.hrms-old-page.hrms-module-page .btn-dark,
body.hrms-old-page.hrms-module-page .btnx.btn-dark,
body.hrms-old-page.hrms-module-page .page-btn.active,
body.hrms-old-page.hrms-module-page .paginate_button.current{
  background:var(--hrms-primary-dark)!important;
  border-color:var(--hrms-primary-dark)!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(16,24,40,.16)!important;
}
body.hrms-old-page.hrms-module-page .btn-danger,
body.hrms-old-page.hrms-module-page .btnx.btn-danger{background:#ef4444!important;border-color:#ef4444!important;color:#fff!important;}
body.hrms-old-page.hrms-module-page .btn-success{background:#16a34a!important;border-color:#16a34a!important;color:#fff!important;}
body.hrms-old-page.hrms-module-page .btn-info{background:#0ea5e9!important;border-color:#0ea5e9!important;color:#fff!important;}
body.hrms-old-page.hrms-module-page .btn-white,
body.hrms-old-page.hrms-module-page .btn-outline-white,
body.hrms-old-page.hrms-module-page .bg-white,
body.hrms-old-page.hrms-module-page .btn-light{background:var(--hrms-surface)!important;color:var(--hrms-text)!important;border-color:var(--hrms-border)!important;}
body.hrms-old-page.hrms-module-page .application-list-actions,
body.hrms-old-page.hrms-module-page .department-list-actions,
body.hrms-old-page.hrms-module-page .training-list-actions,
body.hrms-old-page.hrms-module-page .d-flex[class*="-actions"],
body.hrms-old-page.hrms-module-page .text-end.d-flex{gap:8px!important;flex-wrap:wrap!important;}
body.hrms-old-page.hrms-module-page .dropdown-toggle::after{display:none!important;}

/* Cards and table panels match Module/Reports report pages. */
body.hrms-old-page.hrms-module-page .card,
body.hrms-old-page.hrms-module-page .panel,
body.hrms-old-page.hrms-module-page .cardx,
body.hrms-old-page.hrms-module-page [class*="-table-card"]{
  background:var(--hrms-surface)!important;
  border:1px solid var(--hrms-border)!important;
  border-radius:18px!important;
  box-shadow:var(--shadow-soft,0 18px 45px rgba(15,23,42,.08))!important;
  overflow:visible!important;
  margin-bottom:18px!important;
}
body.hrms-old-page.hrms-module-page .card.shadow-sm,
body.hrms-old-page.hrms-module-page .shadow-sm{box-shadow:var(--shadow-soft,0 18px 45px rgba(15,23,42,.08))!important;}
body.hrms-old-page.hrms-module-page .card-header,
body.hrms-old-page.hrms-module-page .panel-header,
body.hrms-old-page.hrms-module-page .cardx-head{
  min-height:64px!important;
  padding:18px 20px!important;
  background:var(--hrms-surface)!important;
  border-bottom:1px solid var(--hrms-border)!important;
  border-radius:18px 18px 0 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
}
body.hrms-old-page.hrms-module-page .card-body{padding:20px!important;}
body.hrms-old-page.hrms-module-page .card-body.p-0{padding:0!important;}
body.hrms-old-page.hrms-module-page .table-responsive{
  width:100%!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  background:var(--hrms-surface)!important;
  border-radius:0 0 18px 18px!important;
}
body.hrms-old-page.hrms-module-page table,
body.hrms-old-page.hrms-module-page table.table,
body.hrms-old-page.hrms-module-page .dataTable,
body.hrms-old-page.hrms-module-page #Tbl,
body.hrms-old-page.hrms-module-page #DeptTable,
body.hrms-old-page.hrms-module-page #TblAttendance{
  width:100%!important;
  border-collapse:collapse!important;
  border-spacing:0!important;
  background:var(--hrms-surface)!important;
  color:var(--hrms-text)!important;
  margin:0!important;
}
body.hrms-old-page.hrms-module-page table thead th,
body.hrms-old-page.hrms-module-page table.table thead th,
body.hrms-old-page.hrms-module-page .thead-light th{
  height:46px!important;
  padding:0 18px!important;
  background:#f7f9fc!important;
  color:#53657e!important;
  border-top:0!important;
  border-bottom:1px solid var(--hrms-border)!important;
  font-size:12px!important;
  font-weight:850!important;
  letter-spacing:.015em!important;
  white-space:nowrap!important;
  text-transform:none!important;
  vertical-align:middle!important;
}
body.hrms-old-page.hrms-module-page table tbody td,
body.hrms-old-page.hrms-module-page table.table tbody td{
  min-height:58px!important;
  padding:14px 18px!important;
  border-bottom:1px solid var(--hrms-border-soft)!important;
  color:#475569!important;
  font-size:13px!important;
  line-height:1.45!important;
  vertical-align:middle!important;
  background:transparent!important;
}
body.hrms-old-page.hrms-module-page table tbody tr:hover td{background:#fbfcff!important;}
body.hrms-old-page.hrms-module-page table tbody tr:last-child td{border-bottom:0!important;}
body.hrms-old-page.hrms-module-page .table-primary,
body.hrms-old-page.hrms-module-page .fw-semibold,
body.hrms-old-page.hrms-module-page h6.fw-semibold{color:var(--hrms-text)!important;font-weight:800!important;}
body.hrms-old-page.hrms-module-page .avatar,
body.hrms-old-page.hrms-module-page .department-icon,
body.hrms-old-page.hrms-module-page .candidate-avatar,
body.hrms-old-page.hrms-module-page .employee-avatar{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  border-radius:999px!important;
  display:inline-grid!important;
  place-items:center!important;
  background:#eef6ff!important;
  color:#0891b2!important;
  overflow:hidden!important;
}
body.hrms-old-page.hrms-module-page .badge,
body.hrms-old-page.hrms-module-page .badge-status,
body.hrms-old-page.hrms-module-page .badge-soft-primary,
body.hrms-old-page.hrms-module-page .badge-soft-success,
body.hrms-old-page.hrms-module-page .badge-soft-danger,
body.hrms-old-page.hrms-module-page .badge-soft-warning,
body.hrms-old-page.hrms-module-page .badge-soft-info,
body.hrms-old-page.hrms-module-page .bg-light{
  min-height:24px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  padding:2px 10px!important;
  border-radius:999px!important;
  border:1px solid #bdeff4!important;
  background:#ecfeff!important;
  color:#087f86!important;
  font-size:12px!important;
  font-weight:850!important;
  line-height:1!important;
  white-space:nowrap!important;
}
body.hrms-old-page.hrms-module-page .badge-status-active,
body.hrms-old-page.hrms-module-page .badge-status-present,
body.hrms-old-page.hrms-module-page .badge-success,
body.hrms-old-page.hrms-module-page .bg-success{background:#ecfdf3!important;color:#027a48!important;border-color:#abefc6!important;}
body.hrms-old-page.hrms-module-page .badge-status-disabled,
body.hrms-old-page.hrms-module-page .badge-status-absent,
body.hrms-old-page.hrms-module-page .badge-danger,
body.hrms-old-page.hrms-module-page .bg-danger{background:#fff1f3!important;color:#b42318!important;border-color:#fecdca!important;}
body.hrms-old-page.hrms-module-page .badge-warning,
body.hrms-old-page.hrms-module-page .bg-warning{background:#fffaeb!important;color:#b54708!important;border-color:#fedf89!important;}
body.hrms-old-page.hrms-module-page .badge-info,
body.hrms-old-page.hrms-module-page .bg-info{background:#eff8ff!important;color:#175cd3!important;border-color:#b2ddff!important;}

/* Reports-style action menu buttons. */
body.hrms-old-page.hrms-module-page .action-item{position:relative!important;text-align:right!important;white-space:nowrap!important;}
body.hrms-old-page.hrms-module-page .action-item > a[data-bs-toggle="dropdown"],
body.hrms-old-page.hrms-module-page td .dropdown > a[data-bs-toggle="dropdown"],
body.hrms-old-page.hrms-module-page td a[data-bs-toggle="dropdown"][aria-label*="action" i]{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  border-radius:12px!important;
  display:inline-grid!important;
  place-items:center!important;
  border:1px solid var(--hrms-border)!important;
  background:#fff!important;
  color:#475569!important;
  text-decoration:none!important;
  box-shadow:0 1px 1px rgba(16,24,40,.03)!important;
}
body.hrms-old-page.hrms-module-page .action-item > a[data-bs-toggle="dropdown"]:hover{background:#f8fafc!important;color:#111827!important;}
body.hrms-old-page.hrms-module-page .dropdown{position:relative!important;}
body.hrms-old-page.hrms-module-page .dropdown-menu{
  display:none!important;
  position:absolute!important;
  top:calc(100% + 8px)!important;
  right:0!important;
  left:auto!important;
  min-width:220px!important;
  padding:8px!important;
  margin:0!important;
  border:1px solid var(--hrms-border)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 24px 70px rgba(15,23,42,.18)!important;
  z-index:2147483000!important;
  color:var(--hrms-text)!important;
}
body.hrms-old-page.hrms-module-page .dropdown-menu.show{display:block!important;}
body.hrms-old-page.hrms-module-page .dropdown-menu-end{right:0!important;left:auto!important;}
body.hrms-old-page.hrms-module-page .dropdown-item{
  min-height:38px!important;
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  padding:9px 10px!important;
  border-radius:10px!important;
  border:0!important;
  background:transparent!important;
  color:var(--hrms-text)!important;
  font-size:13px!important;
  font-weight:650!important;
  line-height:1.1!important;
  text-decoration:none!important;
}
body.hrms-old-page.hrms-module-page .dropdown-item:hover{background:#f3f6fb!important;color:var(--hrms-text)!important;}
body.hrms-old-page.hrms-module-page .dropdown-item.text-danger,
body.hrms-old-page.hrms-module-page .dropdown-item.text-danger *{color:#d92d20!important;}
body.hrms-old-page.hrms-module-page .filter-dropdown,
body.hrms-old-page.hrms-module-page .dropdown-lg{
  width:min(420px, calc(100vw - 36px))!important;
  min-width:min(420px, calc(100vw - 36px))!important;
  padding:0!important;
  overflow:hidden!important;
}
body.hrms-old-page.hrms-module-page .filter-header,
body.hrms-old-page.hrms-module-page .filter-footer{padding:14px 16px!important;background:#fff!important;border-color:var(--hrms-border)!important;}
body.hrms-old-page.hrms-module-page .filter-body{padding:16px!important;background:#fff!important;}

/* Inputs / filters */
body.hrms-old-page.hrms-module-page .form-control,
body.hrms-old-page.hrms-module-page .form-select,
body.hrms-old-page.hrms-module-page input[type="text"],
body.hrms-old-page.hrms-module-page input[type="search"],
body.hrms-old-page.hrms-module-page input[type="date"],
body.hrms-old-page.hrms-module-page input[type="datetime-local"],
body.hrms-old-page.hrms-module-page input[type="time"],
body.hrms-old-page.hrms-module-page input[type="number"],
body.hrms-old-page.hrms-module-page input[type="email"],
body.hrms-old-page.hrms-module-page input[type="tel"],
body.hrms-old-page.hrms-module-page select,
body.hrms-old-page.hrms-module-page textarea{
  width:100%!important;
  min-height:42px!important;
  border:1px solid var(--hrms-border)!important;
  border-radius:12px!important;
  background:#fff!important;
  color:var(--hrms-text)!important;
  padding:10px 12px!important;
  outline:0!important;
  box-shadow:none!important;
  font-size:14px!important;
}
body.hrms-old-page.hrms-module-page textarea{min-height:112px!important;resize:vertical!important;}
body.hrms-old-page.hrms-module-page .form-label,
body.hrms-old-page.hrms-module-page label{font-size:13px!important;color:var(--hrms-text)!important;font-weight:750!important;margin-bottom:7px!important;}
body.hrms-old-page.hrms-module-page .select2-container{width:100%!important;}
body.hrms-old-page.hrms-module-page .select2-selection{min-height:42px!important;border-radius:12px!important;border-color:var(--hrms-border)!important;display:flex!important;align-items:center!important;}

/* Pagination from old pages, styled like Reports. */
body.hrms-old-page.hrms-module-page .pagination-box,
body.hrms-old-page.hrms-module-page .dataTables_paginate,
body.hrms-old-page.hrms-module-page .table-pagination{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  padding:16px 18px!important;
  border-top:1px solid var(--hrms-border)!important;
  background:#fff!important;
}
body.hrms-old-page.hrms-module-page .pagination-info,
body.hrms-old-page.hrms-module-page .dataTables_info{
  margin-right:auto!important;
  color:#667085!important;
  font-size:13px!important;
}
body.hrms-old-page.hrms-module-page .page-btn,
body.hrms-old-page.hrms-module-page .paginate_button{
  min-width:40px!important;
  height:40px!important;
  padding:0 13px!important;
  border-radius:12px!important;
}
body.hrms-old-page.hrms-module-page .page-btn:disabled,
body.hrms-old-page.hrms-module-page .paginate_button.disabled{opacity:.45!important;cursor:not-allowed!important;}

/* Drive modal appearance for HRMS Bootstrap modals */
body.hrms-old-page.hrms-module-page.modal-open{overflow:hidden!important;}
body.hrms-old-page.hrms-module-page .modal,
body.hrms-old-page.hrms-module-page .modal.fade.show,
body.hrms-old-page.hrms-module-page .modal.show{
  position:fixed!important;
  inset:0!important;
  z-index:2147483620!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  padding:calc(var(--topbar-h,78px) + 18px) 20px 24px!important;
  background:rgba(4,8,16,.58)!important;
  -webkit-backdrop-filter:blur(16px) saturate(160%)!important;
  backdrop-filter:blur(16px) saturate(160%)!important;
  box-sizing:border-box!important;
  overflow:auto!important;
}
body.hrms-old-page.hrms-module-page .modal.show,
body.hrms-old-page.hrms-module-page .modal.fade.show{display:flex!important;}
body.hrms-old-page.hrms-module-page .modal-dialog{
  width:min(100%, 760px)!important;
  max-width:760px!important;
  margin:0 auto!important;
  max-height:calc(100dvh - var(--topbar-h,78px) - 42px)!important;
  display:flex!important;
  flex-direction:column!important;
  pointer-events:auto!important;
}
body.hrms-old-page.hrms-module-page .modal-dialog.modal-lg{max-width:960px!important;width:min(100%,960px)!important;}
body.hrms-old-page.hrms-module-page .modal-dialog.modal-xl{max-width:1180px!important;width:min(100%,1180px)!important;}
body.hrms-old-page.hrms-module-page .modal-content{
  width:100%!important;
  max-height:calc(100dvh - var(--topbar-h,78px) - 42px)!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border:1px solid var(--hrms-border)!important;
  border-radius:22px!important;
  background:#fff!important;
  color:var(--hrms-text)!important;
  box-shadow:0 32px 90px rgba(0,0,0,.25)!important;
  transform:none!important;
}
body.hrms-old-page.hrms-module-page .modal-header{
  min-height:70px!important;
  padding:16px 20px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  border-bottom:1px solid var(--hrms-border)!important;
  background:#fff!important;
  flex:0 0 auto!important;
}
body.hrms-old-page.hrms-module-page .modal-title,
body.hrms-old-page.hrms-module-page .modal-header h5,
body.hrms-old-page.hrms-module-page .modal-header h4{font-size:18px!important;font-weight:800!important;margin:0!important;}
body.hrms-old-page.hrms-module-page .modal-header .btn-close,
body.hrms-old-page.hrms-module-page .modal-header [data-bs-dismiss="modal"]{
  width:34px!important;height:34px!important;min-width:34px!important;border-radius:11px!important;border:1px solid var(--hrms-border)!important;background:#fff!important;color:#667085!important;display:grid!important;place-items:center!important;padding:0!important;opacity:1!important;
}
body.hrms-old-page.hrms-module-page .modal-body{padding:18px 20px!important;overflow:auto!important;min-height:0!important;flex:1 1 auto!important;background:#fff!important;}
body.hrms-old-page.hrms-module-page .modal-footer{padding:14px 20px!important;border-top:1px solid var(--hrms-border)!important;background:#fff!important;display:flex!important;justify-content:flex-end!important;gap:8px!important;flex:0 0 auto!important;}
body.hrms-old-page.hrms-module-page .modal-backdrop{display:none!important;}
body.hrms-old-page.hrms-module-page .modal-confirm-icon{width:54px!important;height:54px!important;border-radius:16px!important;display:grid!important;place-items:center!important;margin:0 auto 14px!important;}

/* Dashboard: make old Chart.js canvases match interface analytics cards. */
body.hrms-old-page.hrms-module-page .hr-quick-card{min-height:128px!important;}
body.hrms-old-page.hrms-module-page .hr-quick-card .card-body{padding:18px!important;}
body.hrms-old-page.hrms-module-page .hr-chart-card{border-radius:18px!important;overflow:hidden!important;}
body.hrms-old-page.hrms-module-page .hr-chart-card .card-header{border-radius:18px 18px 0 0!important;}
body.hrms-old-page.hrms-module-page .hr-chart-shell{
  min-height:280px!important;
  height:auto!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  padding:14px 10px 18px!important;
  box-shadow:none!important;
}
body.hrms-old-page.hrms-module-page .hr-chart-shell::before{display:none!important;content:none!important;}
body.hrms-old-page.hrms-module-page .hr-chart-inner{
  width:100%!important;
  height:280px!important;
  min-height:280px!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  padding:0!important;
}
body.hrms-old-page.hrms-module-page .hr-chart-inner.hr-mini-chart{height:230px!important;min-height:230px!important;}
body.hrms-old-page.hrms-module-page .hr-chart-inner canvas{width:100%!important;height:100%!important;display:block!important;}

/* Utility fixes only within HRMS. */
body.hrms-old-page.hrms-module-page .d-flex{display:flex!important}.d-inline-flex{}
body.hrms-old-page.hrms-module-page .d-inline-flex{display:inline-flex!important}
body.hrms-old-page.hrms-module-page .d-block{display:block!important}
body.hrms-old-page.hrms-module-page .d-none{display:none!important}
body.hrms-old-page.hrms-module-page .align-items-center{align-items:center!important}
body.hrms-old-page.hrms-module-page .align-items-start{align-items:flex-start!important}
body.hrms-old-page.hrms-module-page .justify-content-between{justify-content:space-between!important}
body.hrms-old-page.hrms-module-page .justify-content-end{justify-content:flex-end!important}
body.hrms-old-page.hrms-module-page .justify-content-center{justify-content:center!important}
body.hrms-old-page.hrms-module-page .flex-wrap{flex-wrap:wrap!important}
body.hrms-old-page.hrms-module-page .flex-column{flex-direction:column!important}
body.hrms-old-page.hrms-module-page .flex-grow-1{flex-grow:1!important}
body.hrms-old-page.hrms-module-page .gap-1{gap:4px!important}.gap-2{}
body.hrms-old-page.hrms-module-page .gap-2{gap:8px!important}
body.hrms-old-page.hrms-module-page .gap-3{gap:12px!important}
body.hrms-old-page.hrms-module-page .w-100{width:100%!important}
body.hrms-old-page.hrms-module-page .mb-0{margin-bottom:0!important}body.hrms-old-page.hrms-module-page .mb-1{margin-bottom:4px!important}body.hrms-old-page.hrms-module-page .mb-2{margin-bottom:8px!important}body.hrms-old-page.hrms-module-page .mb-3{margin-bottom:16px!important}body.hrms-old-page.hrms-module-page .mb-4{margin-bottom:22px!important}body.hrms-old-page.hrms-module-page .mt-1{margin-top:4px!important}body.hrms-old-page.hrms-module-page .mt-2{margin-top:8px!important}body.hrms-old-page.hrms-module-page .mt-3{margin-top:16px!important}body.hrms-old-page.hrms-module-page .me-1{margin-right:4px!important}body.hrms-old-page.hrms-module-page .me-2{margin-right:8px!important}body.hrms-old-page.hrms-module-page .ms-1{margin-left:4px!important}body.hrms-old-page.hrms-module-page .ms-2{margin-left:8px!important}
body.hrms-old-page.hrms-module-page .text-end{text-align:right!important}body.hrms-old-page.hrms-module-page .text-center{text-align:center!important}body.hrms-old-page.hrms-module-page .position-relative{position:relative!important}body.hrms-old-page.hrms-module-page .overflow-auto{overflow:auto!important}

html[data-theme="dark"] body.hrms-old-page.hrms-module-page{
  --hrms-bg:#0b0f17;--hrms-surface:#121821;--hrms-surface-2:#171f2a;--hrms-border:#263244;--hrms-border-soft:#202b3c;--hrms-text:#eef2f7;--hrms-muted:#a0aec0;
}
html[data-theme="dark"] body.hrms-old-page.hrms-module-page .card,
html[data-theme="dark"] body.hrms-old-page.hrms-module-page .panel,
html[data-theme="dark"] body.hrms-old-page.hrms-module-page table,
html[data-theme="dark"] body.hrms-old-page.hrms-module-page .modal-content,
html[data-theme="dark"] body.hrms-old-page.hrms-module-page .modal-header,
html[data-theme="dark"] body.hrms-old-page.hrms-module-page .modal-body,
html[data-theme="dark"] body.hrms-old-page.hrms-module-page .modal-footer,
html[data-theme="dark"] body.hrms-old-page.hrms-module-page .dropdown-menu{background:var(--hrms-surface)!important;color:var(--hrms-text)!important;}
html[data-theme="dark"] body.hrms-old-page.hrms-module-page table thead th{background:#151d28!important;color:#b8c4d6!important;}
html[data-theme="dark"] body.hrms-old-page.hrms-module-page table tbody tr:hover td{background:#141c26!important;}
html[data-theme="dark"] body.hrms-old-page.hrms-module-page .btn-white,
html[data-theme="dark"] body.hrms-old-page.hrms-module-page .btn-light,
html[data-theme="dark"] body.hrms-old-page.hrms-module-page .bg-white,
html[data-theme="dark"] body.hrms-old-page.hrms-module-page .btn{background:var(--hrms-surface)!important;color:var(--hrms-text)!important;}

@media(max-width:1200px){
  body.hrms-old-page.hrms-module-page .col-xl-2,
  body.hrms-old-page.hrms-module-page .col-xl-3,
  body.hrms-old-page.hrms-module-page .col-xl-4{flex:0 0 50%!important;max-width:50%!important;}
}
@media(max-width:900px){
  body.hrms-old-page.hrms-module-page .page-wrapper{margin-left:0!important;}
  body.hrms-old-page.hrms-module-page .content,
  body.hrms-old-page.hrms-module-page .page-wrapper > .content{padding:calc(var(--topbar-h,70px) + 12px) 14px 96px!important;}
  body.hrms-old-page.hrms-module-page .content > .d-flex:first-child{flex-direction:column!important;align-items:flex-start!important;}
  body.hrms-old-page.hrms-module-page .application-list-actions,
  body.hrms-old-page.hrms-module-page .department-list-actions,
  body.hrms-old-page.hrms-module-page .training-list-actions{width:100%!important;justify-content:flex-start!important;}
  body.hrms-old-page.hrms-module-page .col-md-3,
  body.hrms-old-page.hrms-module-page .col-md-4,
  body.hrms-old-page.hrms-module-page .col-md-6,
  body.hrms-old-page.hrms-module-page .col-md-8,
  body.hrms-old-page.hrms-module-page .col-md-12,
  body.hrms-old-page.hrms-module-page .col-xl-2,
  body.hrms-old-page.hrms-module-page .col-xl-3,
  body.hrms-old-page.hrms-module-page .col-xl-4,
  body.hrms-old-page.hrms-module-page .col-xl-5,
  body.hrms-old-page.hrms-module-page .col-xl-6,
  body.hrms-old-page.hrms-module-page .col-xl-7,
  body.hrms-old-page.hrms-module-page .col-xl-8,
  body.hrms-old-page.hrms-module-page .col-xl-9,
  body.hrms-old-page.hrms-module-page .col-xl-12{flex:0 0 100%!important;max-width:100%!important;}
  body.hrms-old-page.hrms-module-page .filter-dropdown{position:fixed!important;left:12px!important;right:12px!important;top:calc(var(--topbar-h,70px) + 12px)!important;width:auto!important;min-width:0!important;}
  body.hrms-old-page.hrms-module-page .modal,
  body.hrms-old-page.hrms-module-page .modal.show{align-items:flex-end!important;padding:12px 0 0!important;}
  body.hrms-old-page.hrms-module-page .modal-dialog,
  body.hrms-old-page.hrms-module-page .modal-dialog.modal-lg,
  body.hrms-old-page.hrms-module-page .modal-dialog.modal-xl{width:100%!important;max-width:100%!important;max-height:calc(100dvh - 12px)!important;margin:0!important;}
  body.hrms-old-page.hrms-module-page .modal-content{border-radius:18px 18px 0 0!important;max-height:calc(100dvh - 12px)!important;}
}



/* HRMS V17 — exact Growth/Reports table skin, scoped only to HRMS old pages */
body.hrms-old-page[data-module="hrms"],
body.hrms-old-page.hrms-module-page{
  --hrms-theme-bg:#f4f7fb;
  --hrms-theme-card:#ffffff;
  --hrms-theme-border:#e4e8ef;
  --hrms-theme-border-soft:#edf0f5;
  --hrms-theme-text:#0b1628;
  --hrms-theme-muted:#667085;
  --hrms-theme-blue:#0a7cff;
  --hrms-theme-dark:#101828;
  background:var(--hrms-theme-bg)!important;
}
body.hrms-old-page.hrms-module-page .page-wrapper{
  margin-left:92px!important;
  background:var(--hrms-theme-bg)!important;
  min-height:100vh!important;
}
body.hrms-old-page.hrms-module-page .content,
body.hrms-old-page.hrms-module-page .page-wrapper > .content{
  padding:calc(var(--topbar-h,78px) + 24px) 24px 54px!important;
  max-width:none!important;
  width:100%!important;
  min-height:calc(100vh - var(--topbar-h,78px))!important;
  background:var(--hrms-theme-bg)!important;
  box-sizing:border-box!important;
}
body.hrms-old-page.hrms-module-page .content[class*="page-space"]{
  margin-top:0!important;
  padding-top:calc(var(--topbar-h,78px) + 24px)!important;
}
body.hrms-old-page.hrms-module-page .content > .d-flex:first-child,
body.hrms-old-page.hrms-module-page .content > .page-header:first-child,
body.hrms-old-page.hrms-module-page .content > .row:first-child{
  margin:0 0 18px!important;
  min-height:auto!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
}
body.hrms-old-page.hrms-module-page .content h4.fw-bold,
body.hrms-old-page.hrms-module-page .content h4{
  font-size:22px!important;
  line-height:1.15!important;
  font-weight:820!important;
  letter-spacing:-.035em!important;
  margin:0!important;
  color:var(--hrms-theme-text)!important;
}
body.hrms-old-page.hrms-module-page .content .text-muted,
body.hrms-old-page.hrms-module-page .content p.text-muted{
  color:var(--hrms-theme-muted)!important;
  font-size:14px!important;
  line-height:1.42!important;
}

/* Buttons: use the same module button feel from Growth/Reports. */
body.hrms-old-page.hrms-module-page .btn,
body.hrms-old-page.hrms-module-page .btnx,
body.hrms-old-page.hrms-module-page .page-btn,
body.hrms-old-page.hrms-module-page .paginate_button{
  min-height:40px!important;
  height:40px!important;
  padding:0 16px!important;
  border-radius:12px!important;
  border:1px solid var(--hrms-theme-border)!important;
  background:#fff!important;
  color:var(--hrms-theme-text)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  font-size:13px!important;
  font-weight:760!important;
  line-height:1!important;
  letter-spacing:-.01em!important;
  text-decoration:none!important;
  box-shadow:0 1px 2px rgba(16,24,40,.04)!important;
  white-space:nowrap!important;
}
body.hrms-old-page.hrms-module-page .btn-primary,
body.hrms-old-page.hrms-module-page .btn-dark,
body.hrms-old-page.hrms-module-page .page-btn.active,
body.hrms-old-page.hrms-module-page .paginate_button.current{
  background:var(--hrms-theme-dark)!important;
  border-color:var(--hrms-theme-dark)!important;
  color:#fff!important;
}
body.hrms-old-page.hrms-module-page .btn-danger{background:#ff3b30!important;border-color:#ff3b30!important;color:#fff!important;}
body.hrms-old-page.hrms-module-page .application-list-actions,
body.hrms-old-page.hrms-module-page .attendance-list-actions,
body.hrms-old-page.hrms-module-page .department-list-actions,
body.hrms-old-page.hrms-module-page .training-list-actions,
body.hrms-old-page.hrms-module-page [class*="-list-actions"]{
  gap:8px!important;
  flex-wrap:wrap!important;
}

/* Table panel: same visual structure as Module/Growth and Reports tables. */
body.hrms-old-page.hrms-module-page .hrms-themed-panel,
body.hrms-old-page.hrms-module-page .card[class*="-table-card"],
body.hrms-old-page.hrms-module-page .content > .card:has(table),
body.hrms-old-page.hrms-module-page .panel:has(table){
  background:#fff!important;
  border:1px solid var(--hrms-theme-border)!important;
  border-radius:24px!important;
  box-shadow:0 18px 45px rgba(15,23,42,.08)!important;
  overflow:visible!important;
  margin-top:16px!important;
  margin-bottom:24px!important;
}
body.hrms-old-page.hrms-module-page .hrms-themed-panel > .card-header,
body.hrms-old-page.hrms-module-page .card[class*="-table-card"] > .card-header,
body.hrms-old-page.hrms-module-page .content > .card:has(table) > .card-header{
  min-height:64px!important;
  padding:0 22px!important;
  border-bottom:1px solid var(--hrms-theme-border)!important;
  background:#fff!important;
  border-radius:24px 24px 0 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
}
body.hrms-old-page.hrms-module-page .hrms-themed-panel > .card-header h5,
body.hrms-old-page.hrms-module-page .card[class*="-table-card"] > .card-header h5,
body.hrms-old-page.hrms-module-page .content > .card:has(table) > .card-header h5{
  font-size:15px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:-.02em!important;
  margin:0!important;
  color:var(--hrms-theme-text)!important;
}
body.hrms-old-page.hrms-module-page .hrms-themed-panel > .card-body,
body.hrms-old-page.hrms-module-page .card[class*="-table-card"] > .card-body,
body.hrms-old-page.hrms-module-page .content > .card:has(table) > .card-body{
  padding:0!important;
  overflow:visible!important;
}

/* Injected toolbar to match Growth pages exactly. */
body.hrms-old-page.hrms-module-page .hrms-table-toolbar{
  min-height:72px!important;
  padding:16px 20px!important;
  border-bottom:1px solid var(--hrms-theme-border)!important;
  background:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
}
body.hrms-old-page.hrms-module-page .hrms-table-toolbar-left,
body.hrms-old-page.hrms-module-page .hrms-table-toolbar-right{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
body.hrms-old-page.hrms-module-page .hrms-table-search-shell{
  width:min(290px, 38vw)!important;
  height:42px!important;
  padding:0 13px!important;
  border:1px solid var(--hrms-theme-border)!important;
  border-radius:12px!important;
  background:#fff!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  color:#8a94a6!important;
  box-shadow:0 1px 2px rgba(16,24,40,.03)!important;
}
body.hrms-old-page.hrms-module-page .hrms-table-search-shell input{
  width:100%!important;
  min-height:0!important;
  height:40px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--hrms-theme-text)!important;
  font-size:14px!important;
  font-weight:500!important;
  outline:0!important;
  box-shadow:none!important;
}
body.hrms-old-page.hrms-module-page .hrms-table-toolbar select{
  width:auto!important;
  min-width:170px!important;
  height:42px!important;
  min-height:42px!important;
  border:1px solid var(--hrms-theme-border)!important;
  border-radius:12px!important;
  background-color:#fff!important;
  color:var(--hrms-theme-text)!important;
  padding:0 38px 0 13px!important;
  font-size:14px!important;
  font-weight:600!important;
  box-shadow:0 1px 2px rgba(16,24,40,.03)!important;
}
body.hrms-old-page.hrms-module-page .hrms-toolbar-btn{
  height:40px!important;
  min-height:40px!important;
  padding:0 13px!important;
  border-radius:12px!important;
  border:1px solid var(--hrms-theme-border)!important;
  background:#fff!important;
  color:var(--hrms-theme-text)!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  font-size:13px!important;
  font-weight:760!important;
  cursor:pointer!important;
}

/* Data table: copied to the same scale as Growth. */
body.hrms-old-page.hrms-module-page .table-responsive,
body.hrms-old-page.hrms-module-page .data-table-wrap{
  width:100%!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  border-radius:0!important;
  background:#fff!important;
}
body.hrms-old-page.hrms-module-page table,
body.hrms-old-page.hrms-module-page table.table,
body.hrms-old-page.hrms-module-page table.data-table,
body.hrms-old-page.hrms-module-page .hrms-theme-table{
  width:100%!important;
  min-width:900px!important;
  border-collapse:collapse!important;
  border-spacing:0!important;
  margin:0!important;
  background:#fff!important;
  color:var(--hrms-theme-text)!important;
}
body.hrms-old-page.hrms-module-page table thead th,
body.hrms-old-page.hrms-module-page table.table thead th,
body.hrms-old-page.hrms-module-page table.data-table thead th,
body.hrms-old-page.hrms-module-page .thead-light th{
  height:42px!important;
  padding:0 24px!important;
  background:#fff!important;
  border-top:0!important;
  border-bottom:1px solid var(--hrms-theme-border)!important;
  color:#667085!important;
  font-size:11px!important;
  font-weight:820!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  line-height:1!important;
  vertical-align:middle!important;
  white-space:nowrap!important;
}
body.hrms-old-page.hrms-module-page table tbody tr{
  background:#fff!important;
  transition:background .16s ease!important;
}
body.hrms-old-page.hrms-module-page table tbody tr:hover{background:#fbfcff!important;}
body.hrms-old-page.hrms-module-page table tbody td,
body.hrms-old-page.hrms-module-page table.table tbody td,
body.hrms-old-page.hrms-module-page table.data-table tbody td{
  height:64px!important;
  min-height:64px!important;
  padding:14px 24px!important;
  border-bottom:1px solid var(--hrms-theme-border-soft)!important;
  color:#344054!important;
  font-size:13px!important;
  font-weight:500!important;
  line-height:1.35!important;
  vertical-align:middle!important;
  background:transparent!important;
}
body.hrms-old-page.hrms-module-page table tbody tr:last-child td{border-bottom:0!important;}
body.hrms-old-page.hrms-module-page table tbody td:first-child,
body.hrms-old-page.hrms-module-page table tbody td:first-child .fw-semibold,
body.hrms-old-page.hrms-module-page table tbody td:first-child h6,
body.hrms-old-page.hrms-module-page table tbody .table-primary{
  color:#0b1628!important;
  font-size:13px!important;
  font-weight:790!important;
  line-height:1.25!important;
  margin:0!important;
}
body.hrms-old-page.hrms-module-page table tbody td p,
body.hrms-old-page.hrms-module-page table tbody td .text-muted,
body.hrms-old-page.hrms-module-page table tbody td .small{
  color:#667085!important;
  font-size:12.5px!important;
  line-height:1.3!important;
  margin:4px 0 0!important;
}
body.hrms-old-page.hrms-module-page table tbody .candidate-icon,
body.hrms-old-page.hrms-module-page table tbody .department-icon,
body.hrms-old-page.hrms-module-page table tbody .employee-avatar,
body.hrms-old-page.hrms-module-page table tbody .candidate-avatar,
body.hrms-old-page.hrms-module-page table tbody .avatar{
  display:none!important;
}
body.hrms-old-page.hrms-module-page table tbody .d-flex.align-items-center{gap:0!important;}

/* Status badges: same pill/dot style used in the interface tables. */
body.hrms-old-page.hrms-module-page table tbody .badge,
body.hrms-old-page.hrms-module-page table tbody .app-status-badge,
body.hrms-old-page.hrms-module-page table tbody .badge-status,
body.hrms-old-page.hrms-module-page table tbody [class*="badge-soft"]{
  min-height:26px!important;
  height:26px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  border:1px solid #bfdbfe!important;
  background:#eff6ff!important;
  color:#0b63ce!important;
  font-size:12px!important;
  font-weight:760!important;
  line-height:1!important;
  white-space:nowrap!important;
}
body.hrms-old-page.hrms-module-page table tbody .badge::before,
body.hrms-old-page.hrms-module-page table tbody .app-status-badge::before,
body.hrms-old-page.hrms-module-page table tbody .badge-status::before{
  content:"";width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block;flex:0 0 6px;
}
body.hrms-old-page.hrms-module-page .app-status-applied,
body.hrms-old-page.hrms-module-page .badge-info{background:#eff6ff!important;color:#0b63ce!important;border-color:#bfdbfe!important;}
body.hrms-old-page.hrms-module-page .app-status-screened,
body.hrms-old-page.hrms-module-page .badge-progress{background:#f5f3ff!important;color:#6d28d9!important;border-color:#ddd6fe!important;}
body.hrms-old-page.hrms-module-page .app-status-interview,
body.hrms-old-page.hrms-module-page .badge-warning{background:#fff7ed!important;color:#b45309!important;border-color:#fed7aa!important;}
body.hrms-old-page.hrms-module-page .app-status-hired,
body.hrms-old-page.hrms-module-page .badge-success,
body.hrms-old-page.hrms-module-page .badge-status-active{background:#ecfdf3!important;color:#027a48!important;border-color:#abefc6!important;}
body.hrms-old-page.hrms-module-page .app-status-rejected,
body.hrms-old-page.hrms-module-page .badge-danger,
body.hrms-old-page.hrms-module-page .badge-status-disabled{background:#fff1f3!important;color:#d92d20!important;border-color:#fecdca!important;}

/* Row actions: same 3-dot button and floating menu style as Growth. */
body.hrms-old-page.hrms-module-page table tbody td:last-child,
body.hrms-old-page.hrms-module-page table tbody td.action-item{
  text-align:right!important;
  white-space:nowrap!important;
  position:relative!important;
}
body.hrms-old-page.hrms-module-page .hrms-row-menu-toggle,
body.hrms-old-page.hrms-module-page table tbody td:last-child a[data-bs-toggle="dropdown"],
body.hrms-old-page.hrms-module-page table tbody td.action-item > a[data-bs-toggle="dropdown"],
body.hrms-old-page.hrms-module-page td .dropdown > a[data-bs-toggle="dropdown"]{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  border-radius:12px!important;
  border:1px solid var(--hrms-theme-border)!important;
  background:#fff!important;
  color:#667085!important;
  display:inline-grid!important;
  place-items:center!important;
  padding:0!important;
  text-decoration:none!important;
  box-shadow:0 1px 2px rgba(16,24,40,.04)!important;
}
body.hrms-old-page.hrms-module-page .hrms-row-menu-toggle:hover,
body.hrms-old-page.hrms-module-page table tbody td:last-child a[data-bs-toggle="dropdown"]:hover{background:#f8fafc!important;color:#0b1628!important;}
body.hrms-old-page.hrms-module-page .hrms-row-menu-toggle i,
body.hrms-old-page.hrms-module-page table tbody td:last-child a[data-bs-toggle="dropdown"] i{display:none!important;}
body.hrms-old-page.hrms-module-page .hrms-row-menu-toggle::before,
body.hrms-old-page.hrms-module-page table tbody td:last-child a[data-bs-toggle="dropdown"]::before{
  content:""!important;display:none!important;
}
body.hrms-old-page.hrms-module-page .hrms-row-menu-toggle svg,
body.hrms-old-page.hrms-module-page table tbody td:last-child a[data-bs-toggle="dropdown"] svg{display:block!important;}
body.hrms-old-page.hrms-module-page .dropdown-menu.hrms-action-menu,
body.hrms-old-page.hrms-module-page .dropdown-menu.show.hrms-action-menu{
  min-width:250px!important;
  padding:12px!important;
  border:1px solid var(--hrms-theme-border)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 24px 70px rgba(15,23,42,.18)!important;
  color:#0b1628!important;
  z-index:2147483500!important;
}
body.hrms-old-page.hrms-module-page .dropdown-menu.hrms-floating-menu{
  position:fixed!important;
  right:auto!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
}
body.hrms-old-page.hrms-module-page .hrms-action-menu-title{
  display:block!important;
  padding:7px 8px 10px!important;
  margin:0 0 6px!important;
  border-bottom:1px solid var(--hrms-theme-border)!important;
}
body.hrms-old-page.hrms-module-page .hrms-action-menu-title strong{display:block!important;font-size:14px!important;font-weight:800!important;letter-spacing:-.02em!important;color:#0b1628!important;}
body.hrms-old-page.hrms-module-page .hrms-action-menu-title small{display:block!important;margin-top:2px!important;font-size:11px!important;color:#667085!important;}
body.hrms-old-page.hrms-module-page .dropdown-menu.hrms-action-menu .dropdown-item{
  min-height:38px!important;
  padding:0 8px!important;
  border-radius:10px!important;
  color:#0b1628!important;
  font-size:13px!important;
  font-weight:620!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
}
body.hrms-old-page.hrms-module-page .dropdown-menu.hrms-action-menu .dropdown-item:hover{background:#f5f7fb!important;}
body.hrms-old-page.hrms-module-page .dropdown-menu.hrms-action-menu .dropdown-item.text-danger{color:#d92d20!important;}

/* Pagination exactly like Growth tables. */
body.hrms-old-page.hrms-module-page .pagination-box,
body.hrms-old-page.hrms-module-page .dataTables_wrapper .row:last-child,
body.hrms-old-page.hrms-module-page .table-pagination{
  min-height:64px!important;
  padding:14px 20px!important;
  border-top:1px solid var(--hrms-theme-border)!important;
  background:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  border-radius:0 0 24px 24px!important;
}
body.hrms-old-page.hrms-module-page .pagination-info,
body.hrms-old-page.hrms-module-page .dataTables_info{
  margin-right:auto!important;
  color:#667085!important;
  font-size:12px!important;
  font-weight:500!important;
}
body.hrms-old-page.hrms-module-page .page-btn,
body.hrms-old-page.hrms-module-page .paginate_button{
  width:auto!important;
  min-width:38px!important;
  height:38px!important;
  min-height:38px!important;
  padding:0 13px!important;
  border-radius:12px!important;
  font-size:13px!important;
}
body.hrms-old-page.hrms-module-page .page-btn.active,
body.hrms-old-page.hrms-module-page .paginate_button.current{
  background:var(--hrms-theme-blue)!important;
  border-color:var(--hrms-theme-blue)!important;
  color:#fff!important;
}
body.hrms-old-page.hrms-module-page .page-btn:disabled{opacity:.45!important;cursor:not-allowed!important;background:#fff!important;color:#667085!important;}

/* Drive-style modal: full-screen overlay with centered clean panel. */
body.hrms-old-page.hrms-module-page .modal.show,
body.hrms-old-page.hrms-module-page .modal.fade.show{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:fixed!important;
  inset:0!important;
  padding:calc(var(--topbar-h,78px) + 18px) 20px 24px!important;
  background:rgba(12,17,29,.56)!important;
  backdrop-filter:blur(16px) saturate(150%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(150%)!important;
  z-index:2147483600!important;
  overflow:auto!important;
}
body.hrms-old-page.hrms-module-page .modal-dialog{
  width:min(760px, calc(100vw - 40px))!important;
  max-width:min(760px, calc(100vw - 40px))!important;
  margin:auto!important;
  transform:none!important;
}
body.hrms-old-page.hrms-module-page .modal-dialog.modal-sm{width:min(460px, calc(100vw - 40px))!important;max-width:min(460px, calc(100vw - 40px))!important;}
body.hrms-old-page.hrms-module-page .modal-dialog.modal-lg{width:min(920px, calc(100vw - 40px))!important;max-width:min(920px, calc(100vw - 40px))!important;}
body.hrms-old-page.hrms-module-page .modal-dialog.modal-xl{width:min(1120px, calc(100vw - 40px))!important;max-width:min(1120px, calc(100vw - 40px))!important;}
body.hrms-old-page.hrms-module-page .modal-content{
  border:1px solid rgba(228,232,239,.96)!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 34px 90px rgba(15,23,42,.28)!important;
  overflow:hidden!important;
  max-height:calc(100dvh - var(--topbar-h,78px) - 52px)!important;
  display:flex!important;
  flex-direction:column!important;
}
body.hrms-old-page.hrms-module-page .modal-header{
  min-height:68px!important;
  padding:0 20px!important;
  border-bottom:1px solid var(--hrms-theme-border)!important;
  background:#fff!important;
}
body.hrms-old-page.hrms-module-page .modal-body{padding:20px!important;overflow:auto!important;min-height:0!important;}
body.hrms-old-page.hrms-module-page .modal-footer{padding:14px 20px!important;border-top:1px solid var(--hrms-theme-border)!important;background:#fff!important;display:flex!important;justify-content:flex-end!important;gap:8px!important;}
body.hrms-old-page.hrms-module-page .modal-backdrop{display:none!important;}

/* HRMS charts: remove old busy canvas boxes and use interface chart card feel. */
body.hrms-old-page.hrms-module-page .hr-chart-shell,
body.hrms-old-page.hrms-module-page .chart-box,
body.hrms-old-page.hrms-module-page .chart-container{
  border:1px solid var(--hrms-theme-border)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fff,#f8fbff)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
  padding:18px!important;
}
body.hrms-old-page.hrms-module-page canvas{max-width:100%!important;}

@media(max-width:900px){
  body.hrms-old-page.hrms-module-page .page-wrapper{margin-left:0!important;}
  body.hrms-old-page.hrms-module-page .content,
  body.hrms-old-page.hrms-module-page .page-wrapper > .content{padding:calc(var(--topbar-h,70px) + 14px) 14px 94px!important;}
  body.hrms-old-page.hrms-module-page .hrms-table-toolbar{align-items:stretch!important;flex-direction:column!important;}
  body.hrms-old-page.hrms-module-page .hrms-table-toolbar-left,
  body.hrms-old-page.hrms-module-page .hrms-table-toolbar-right{width:100%!important;}
  body.hrms-old-page.hrms-module-page .hrms-table-search-shell{width:100%!important;}
  body.hrms-old-page.hrms-module-page .hrms-table-toolbar select{width:100%!important;}
  body.hrms-old-page.hrms-module-page .modal.show{align-items:flex-end!important;padding:12px 0 0!important;}
  body.hrms-old-page.hrms-module-page .modal-dialog,
  body.hrms-old-page.hrms-module-page .modal-dialog.modal-sm,
  body.hrms-old-page.hrms-module-page .modal-dialog.modal-lg,
  body.hrms-old-page.hrms-module-page .modal-dialog.modal-xl{width:100%!important;max-width:100%!important;margin:0!important;}
  body.hrms-old-page.hrms-module-page .modal-content{border-radius:22px 22px 0 0!important;max-height:calc(100dvh - 12px)!important;}
}


/* ========================================================================== 
   HRMS V18 - system Apple style final pass
   Scope: only HRMS pages. Keeps v3 menus and old HRMS flow.
   ========================================================================== */
body.hrms-old-page.hrms-module-page[data-module="hrms"]{
  --hrms-theme-bg:#f3f6fb;
  --hrms-theme-surface:#ffffff;
  --hrms-theme-text:#0b1628;
  --hrms-theme-muted:#667085;
  --hrms-theme-border:#e4e8ef;
  --hrms-theme-border-soft:#edf1f5;
  --hrms-theme-blue:#147eff;
  background:var(--hrms-theme-bg)!important;
}
body.hrms-old-page.hrms-module-page .page-wrapper{
  margin-left:var(--sidebar-w,82px)!important;
  width:auto!important;
  min-height:100vh!important;
  background:var(--hrms-theme-bg)!important;
}
body.hrms-old-page.hrms-module-page .content,
body.hrms-old-page.hrms-module-page .page-wrapper>.content{
  padding:calc(var(--topbar-h,78px) + 20px) 26px 56px!important;
  background:var(--hrms-theme-bg)!important;
  max-width:none!important;
}
/* Page heading: same flow as other modules, with actions on the right */
body.hrms-old-page.hrms-module-page .content>.d-flex:first-child{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin:0 0 18px!important;
  padding:0!important;
}
body.hrms-old-page.hrms-module-page .content>.d-flex:first-child>.flex-grow-1{min-width:0!important;max-width:720px!important;}
body.hrms-old-page.hrms-module-page .content>.d-flex:first-child [class*="-actions"],
body.hrms-old-page.hrms-module-page .content>.d-flex:first-child .page-header-actions,
body.hrms-old-page.hrms-module-page .content>.d-flex:first-child>.d-flex:last-child{
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
body.hrms-old-page.hrms-module-page .content h4,
body.hrms-old-page.hrms-module-page .content h4.fw-bold{
  font-size:22px!important;
  font-weight:850!important;
  line-height:1.16!important;
  letter-spacing:-.025em!important;
  color:var(--hrms-theme-text)!important;
}
body.hrms-old-page.hrms-module-page .content p.text-muted{font-size:14px!important;color:var(--hrms-theme-muted)!important;}

/* Buttons matching system pages */
body.hrms-old-page.hrms-module-page .btn,
body.hrms-old-page.hrms-module-page .btnx,
body.hrms-old-page.hrms-module-page .page-btn,
body.hrms-old-page.hrms-module-page .hrms-toolbar-btn{
  min-height:40px!important;
  border-radius:12px!important;
  border:1px solid var(--hrms-theme-border)!important;
  background:#fff!important;
  color:var(--hrms-theme-text)!important;
  padding:0 14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  font-size:13px!important;
  font-weight:760!important;
  line-height:1!important;
  text-decoration:none!important;
  box-shadow:0 1px 2px rgba(16,24,40,.05)!important;
  white-space:nowrap!important;
}
body.hrms-old-page.hrms-module-page .btn svg,
body.hrms-old-page.hrms-module-page .hrms-toolbar-btn svg{width:14px;height:14px;flex:0 0 14px;}
body.hrms-old-page.hrms-module-page .btn-primary,
body.hrms-old-page.hrms-module-page .btn-dark,
body.hrms-old-page.hrms-module-page .page-btn.active{
  background:#101828!important;border-color:#101828!important;color:#fff!important;
}
body.hrms-old-page.hrms-module-page .btn-danger{background:#ef4444!important;border-color:#ef4444!important;color:#fff!important;}
body.hrms-old-page.hrms-module-page .btn-success{background:#16a34a!important;border-color:#16a34a!important;color:#fff!important;}
body.hrms-old-page.hrms-module-page .btn:hover{background:#f8fafc!important;color:var(--hrms-theme-text)!important;}
body.hrms-old-page.hrms-module-page .btn-primary:hover,
body.hrms-old-page.hrms-module-page .btn-dark:hover{background:#101828!important;color:#fff!important;}

/* Remove non-dashboard statistic cards. Dashboard keeps its KPI cards. */
body.hrms-old-page.hrms-module-page:not(.hrms-dashboard-page) .hr-quick-card,
body.hrms-old-page.hrms-module-page:not(.hrms-dashboard-page) [class*="kpi-card"],
body.hrms-old-page.hrms-module-page:not(.hrms-dashboard-page) .stats-grid,
body.hrms-old-page.hrms-module-page:not(.hrms-dashboard-page) .stat-card{display:none!important;}

/* Growth/Reports table style */
body.hrms-old-page.hrms-module-page .card.hrms-themed-panel,
body.hrms-old-page.hrms-module-page .hrms-themed-panel,
body.hrms-old-page.hrms-module-page .card[class*="-table-card"],
body.hrms-old-page.hrms-module-page .panel{
  border:1px solid var(--hrms-theme-border)!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 18px 45px rgba(15,23,42,.08)!important;
  overflow:visible!important;
  margin-bottom:20px!important;
}
body.hrms-old-page.hrms-module-page .hrms-themed-panel>.card-header,
body.hrms-old-page.hrms-module-page .card[class*="-table-card"]>.card-header,
body.hrms-old-page.hrms-module-page .panel>.panel-header{
  min-height:64px!important;
  padding:0 20px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  background:#fff!important;
  border-bottom:1px solid var(--hrms-theme-border)!important;
  border-radius:24px 24px 0 0!important;
}
body.hrms-old-page.hrms-module-page .hrms-themed-panel>.card-header h5,
body.hrms-old-page.hrms-module-page .card[class*="-table-card"]>.card-header h5{font-size:17px!important;font-weight:850!important;margin:0!important;}
body.hrms-old-page.hrms-module-page .hrms-themed-panel>.card-body,
body.hrms-old-page.hrms-module-page .card[class*="-table-card"]>.card-body{padding:0!important;}
body.hrms-old-page.hrms-module-page .hrms-table-toolbar{
  min-height:70px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:16px 20px!important;
  border-bottom:1px solid var(--hrms-theme-border)!important;
  background:#fff!important;
}
body.hrms-old-page.hrms-module-page .hrms-table-toolbar-left,
body.hrms-old-page.hrms-module-page .hrms-table-toolbar-right{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;}
body.hrms-old-page.hrms-module-page .hrms-table-search-shell{
  width:min(320px,40vw)!important;
  height:42px!important;
  border:1px solid var(--hrms-theme-border)!important;
  border-radius:12px!important;
  background:#fff!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:0 12px!important;
  color:var(--hrms-theme-muted)!important;
}
body.hrms-old-page.hrms-module-page .hrms-table-search-shell input{
  border:0!important;background:transparent!important;outline:0!important;box-shadow:none!important;min-height:0!important;height:38px!important;padding:0!important;font-size:14px!important;color:var(--hrms-theme-text)!important;
}
body.hrms-old-page.hrms-module-page .hrms-theme-status{
  height:42px!important;min-height:42px!important;min-width:170px!important;border:1px solid var(--hrms-theme-border)!important;border-radius:12px!important;background:#fff!important;color:var(--hrms-theme-text)!important;padding:0 36px 0 13px!important;font-size:14px!important;font-weight:650!important;
}
body.hrms-old-page.hrms-module-page .hrms-theme-filter{display:none!important;}
body.hrms-old-page.hrms-module-page .data-table-wrap,
body.hrms-old-page.hrms-module-page .table-responsive{background:#fff!important;border-radius:0!important;overflow-x:auto!important;overflow-y:visible!important;}
body.hrms-old-page.hrms-module-page table.hrms-theme-table,
body.hrms-old-page.hrms-module-page table.data-table,
body.hrms-old-page.hrms-module-page table.table{
  width:100%!important;min-width:900px!important;border-collapse:collapse!important;background:#fff!important;margin:0!important;
}
body.hrms-old-page.hrms-module-page table.hrms-theme-table thead th,
body.hrms-old-page.hrms-module-page table.table thead th{
  height:42px!important;padding:0 24px!important;background:#fff!important;border-bottom:1px solid var(--hrms-theme-border)!important;color:#667085!important;font-size:11px!important;font-weight:820!important;letter-spacing:.08em!important;text-transform:uppercase!important;vertical-align:middle!important;white-space:nowrap!important;
}
body.hrms-old-page.hrms-module-page table.hrms-theme-table tbody td,
body.hrms-old-page.hrms-module-page table.table tbody td{
  height:64px!important;min-height:64px!important;padding:14px 24px!important;border-bottom:1px solid var(--hrms-theme-border-soft)!important;color:#344054!important;font-size:13px!important;font-weight:500!important;line-height:1.35!important;vertical-align:middle!important;background:transparent!important;
}
body.hrms-old-page.hrms-module-page table.hrms-theme-table tbody tr:hover td{background:#fbfcff!important;}
body.hrms-old-page.hrms-module-page table tbody td:first-child,
body.hrms-old-page.hrms-module-page table tbody td:first-child .fw-semibold,
body.hrms-old-page.hrms-module-page table tbody td:first-child h6{font-weight:800!important;color:#0b1628!important;}
body.hrms-old-page.hrms-module-page table tbody td p,
body.hrms-old-page.hrms-module-page table tbody td .text-muted{font-size:12.5px!important;color:#667085!important;margin:4px 0 0!important;}
body.hrms-old-page.hrms-module-page table tbody .candidate-icon,
body.hrms-old-page.hrms-module-page table tbody .department-icon,
body.hrms-old-page.hrms-module-page table tbody .employee-avatar,
body.hrms-old-page.hrms-module-page table tbody .candidate-avatar{display:none!important;}
body.hrms-old-page.hrms-module-page table tbody .d-flex.align-items-center{gap:0!important;}

/* Pill badges */
body.hrms-old-page.hrms-module-page .badge,
body.hrms-old-page.hrms-module-page .badge-status,
body.hrms-old-page.hrms-module-page .app-status-badge,
body.hrms-old-page.hrms-module-page [class*="badge-soft"]{
  min-height:24px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;padding:0 10px!important;border-radius:999px!important;border:1px solid #bfdbfe!important;background:#eff6ff!important;color:#0b63ce!important;font-size:12px!important;font-weight:800!important;line-height:1!important;white-space:nowrap!important;
}
body.hrms-old-page.hrms-module-page .badge::before,
body.hrms-old-page.hrms-module-page .badge-status::before,
body.hrms-old-page.hrms-module-page .app-status-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block;flex:0 0 6px;}
body.hrms-old-page.hrms-module-page .badge-status-active,
body.hrms-old-page.hrms-module-page .badge-success,
body.hrms-old-page.hrms-module-page .bg-success{background:#ecfdf3!important;color:#027a48!important;border-color:#abefc6!important;}
body.hrms-old-page.hrms-module-page .badge-status-disabled,
body.hrms-old-page.hrms-module-page .badge-danger,
body.hrms-old-page.hrms-module-page .bg-danger{background:#fff1f3!important;color:#d92d20!important;border-color:#fecdca!important;}
body.hrms-old-page.hrms-module-page .badge-warning,
body.hrms-old-page.hrms-module-page .bg-warning{background:#fffaeb!important;color:#b54708!important;border-color:#fedf89!important;}
body.hrms-old-page.hrms-module-page .badge-info,
body.hrms-old-page.hrms-module-page .bg-info{background:#eff8ff!important;color:#175cd3!important;border-color:#b2ddff!important;}

/* Row action menu fixed over page like Growth pages */
body.hrms-old-page.hrms-module-page table tbody td:last-child,
body.hrms-old-page.hrms-module-page table tbody td.action-item{text-align:right!important;white-space:nowrap!important;position:relative!important;}
body.hrms-old-page.hrms-module-page .hrms-row-menu-toggle,
body.hrms-old-page.hrms-module-page table tbody td:last-child a[data-bs-toggle="dropdown"],
body.hrms-old-page.hrms-module-page td .dropdown>a[data-bs-toggle="dropdown"]{
  width:34px!important;height:34px!important;min-width:34px!important;border-radius:12px!important;border:1px solid var(--hrms-theme-border)!important;background:#fff!important;color:#667085!important;display:inline-grid!important;place-items:center!important;padding:0!important;box-shadow:0 1px 2px rgba(16,24,40,.04)!important;
}
body.hrms-old-page.hrms-module-page .hrms-row-menu-toggle i,
body.hrms-old-page.hrms-module-page table tbody td:last-child a[data-bs-toggle="dropdown"] i{display:none!important;}
body.hrms-old-page.hrms-module-page .hrms-action-menu,
body> .hrms-action-menu.hrms-floating-menu{
  min-width:248px!important;padding:12px!important;border:1px solid var(--hrms-theme-border,#e4e8ef)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 24px 70px rgba(15,23,42,.18)!important;color:#0b1628!important;z-index:2147483647!important;
}
body> .hrms-action-menu.hrms-floating-menu{position:fixed!important;display:block!important;}
body.hrms-old-page.hrms-module-page .hrms-action-menu-title{display:block!important;padding:7px 8px 10px!important;margin:0 0 6px!important;border-bottom:1px solid var(--hrms-theme-border)!important;}
body.hrms-old-page.hrms-module-page .hrms-action-menu-title strong{display:block!important;font-size:14px!important;font-weight:850!important;color:#0b1628!important;}
body.hrms-old-page.hrms-module-page .hrms-action-menu-title small{display:block!important;margin-top:2px!important;font-size:11px!important;color:#667085!important;}
body.hrms-old-page.hrms-module-page .hrms-action-menu .dropdown-item,
body> .hrms-action-menu.hrms-floating-menu .dropdown-item{min-height:38px!important;padding:0 8px!important;border-radius:10px!important;color:#0b1628!important;font-size:13px!important;font-weight:650!important;display:flex!important;align-items:center!important;gap:9px!important;text-decoration:none!important;}
body.hrms-old-page.hrms-module-page .hrms-action-menu .dropdown-item:hover,
body> .hrms-action-menu.hrms-floating-menu .dropdown-item:hover{background:#f5f7fb!important;}
body.hrms-old-page.hrms-module-page .hrms-action-menu .dropdown-item.text-danger,
body> .hrms-action-menu.hrms-floating-menu .dropdown-item.text-danger{color:#d92d20!important;}

/* Pagination */
body.hrms-old-page.hrms-module-page .pagination-box,
body.hrms-old-page.hrms-module-page .table-pagination,
body.hrms-old-page.hrms-module-page .dataTables_wrapper .row:last-child{min-height:64px!important;padding:14px 20px!important;border-top:1px solid var(--hrms-theme-border)!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;border-radius:0 0 24px 24px!important;}
body.hrms-old-page.hrms-module-page .pagination-info,
body.hrms-old-page.hrms-module-page .dataTables_info{margin-right:auto!important;color:#667085!important;font-size:12px!important;font-weight:500!important;}
body.hrms-old-page.hrms-module-page .page-btn.active{background:var(--hrms-theme-blue)!important;border-color:var(--hrms-theme-blue)!important;color:#fff!important;}

/* Application review page */
body.hrms-old-page.hrms-module-page .review-main-card{margin-top:18px!important;}
body.hrms-old-page.hrms-module-page .review-shell{display:block!important;}
body.hrms-old-page.hrms-module-page .review-top-box,
body.hrms-old-page.hrms-module-page .status-action-box,
body.hrms-old-page.hrms-module-page .review-detail-card,
body.hrms-old-page.hrms-module-page .review-side-panel{
  background:#fff!important;border:1px solid var(--hrms-theme-border)!important;border-radius:18px!important;box-shadow:0 14px 38px rgba(15,23,42,.06)!important;
}
body.hrms-old-page.hrms-module-page .review-top-box,
body.hrms-old-page.hrms-module-page .status-action-box{padding:18px 20px!important;margin-bottom:16px!important;}
body.hrms-old-page.hrms-module-page .review-logo-box{width:48px;height:48px;border-radius:14px;background:#f6f9fc;display:grid;place-items:center;overflow:hidden;border:1px solid var(--hrms-theme-border);}
body.hrms-old-page.hrms-module-page .review-logo-box img{max-width:38px;max-height:38px;object-fit:contain;}
body.hrms-old-page.hrms-module-page .review-grid-layout{display:grid!important;grid-template-columns:290px minmax(0,1fr)!important;gap:18px!important;align-items:start!important;margin-top:18px!important;}
body.hrms-old-page.hrms-module-page .review-side-panel{padding:16px!important;position:sticky!important;top:calc(var(--topbar-h,78px) + 18px)!important;}
body.hrms-old-page.hrms-module-page .review-progress-bar{height:7px!important;background:#edf2f7!important;border-radius:999px!important;overflow:hidden!important;}
body.hrms-old-page.hrms-module-page .review-progress-bar span{display:block!important;height:100%!important;width:0;background:var(--hrms-theme-blue)!important;border-radius:999px!important;transition:width .2s ease!important;}
body.hrms-old-page.hrms-module-page .review-steps{list-style:none!important;margin:16px 0 0!important;padding:0!important;display:flex!important;flex-direction:column!important;gap:8px!important;}
body.hrms-old-page.hrms-module-page .review-steps li{display:flex!important;align-items:center!important;gap:10px!important;padding:11px 10px!important;border:1px solid transparent!important;border-radius:13px!important;color:#344054!important;cursor:pointer!important;}
body.hrms-old-page.hrms-module-page .review-steps li.is-active{background:#f0f7ff!important;border-color:#bfdbfe!important;color:#0b63ce!important;}
body.hrms-old-page.hrms-module-page .review-step-dot{width:26px!important;height:26px!important;border-radius:9px!important;display:grid!important;place-items:center!important;background:#f2f4f7!important;color:#475467!important;font-size:12px!important;font-weight:850!important;flex:0 0 26px!important;}
body.hrms-old-page.hrms-module-page .review-steps li.is-active .review-step-dot{background:var(--hrms-theme-blue)!important;color:#fff!important;}
body.hrms-old-page.hrms-module-page .review-step-title{display:block!important;font-size:13px!important;font-weight:850!important;line-height:1.1!important;}
body.hrms-old-page.hrms-module-page .review-step-sub{display:block!important;margin-top:3px!important;font-size:11px!important;color:#667085!important;}
body.hrms-old-page.hrms-module-page .review-detail-card{overflow:hidden!important;}
body.hrms-old-page.hrms-module-page .review-detail-card-header{padding:18px 20px!important;border-bottom:1px solid var(--hrms-theme-border)!important;background:#fff!important;}
body.hrms-old-page.hrms-module-page .review-detail-body{padding:20px!important;}
body.hrms-old-page.hrms-module-page .review-step{display:none!important;}
body.hrms-old-page.hrms-module-page .review-step.is-active{display:block!important;}
body.hrms-old-page.hrms-module-page .loading-area{min-height:70px!important;display:flex;align-items:center!important;justify-content:center!important;color:#667085!important;}
body.hrms-old-page.hrms-module-page .loading-area.hrms-loading-hidden{display:none!important;min-height:0!important;}
body.hrms-old-page.hrms-module-page .review-section-title{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:10px!important;margin-bottom:16px!important;}
body.hrms-old-page.hrms-module-page .review-section-title b{font-size:18px!important;color:#0b1628!important;}
body.hrms-old-page.hrms-module-page .review-data-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;}
body.hrms-old-page.hrms-module-page .review-field{min-width:0!important;padding:14px!important;border:1px solid var(--hrms-theme-border-soft)!important;border-radius:14px!important;background:#fbfcff!important;}
body.hrms-old-page.hrms-module-page .review-field.col-full{grid-column:1/-1!important;}
body.hrms-old-page.hrms-module-page .review-field label{display:block!important;margin:0 0 8px!important;color:#667085!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.06em!important;font-weight:850!important;}
body.hrms-old-page.hrms-module-page .review-value,
body.hrms-old-page.hrms-module-page .review-textarea{color:#0b1628!important;font-size:14px!important;font-weight:650!important;line-height:1.45!important;word-break:break-word!important;}
body.hrms-old-page.hrms-module-page .review-value.empty,
body.hrms-old-page.hrms-module-page .review-textarea.empty{color:#98a2b3!important;font-weight:500!important;}
body.hrms-old-page.hrms-module-page .review-textarea{white-space:pre-wrap!important;}
body.hrms-old-page.hrms-module-page .review-actions-bar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-top:18px!important;padding-top:16px!important;border-top:1px solid var(--hrms-theme-border)!important;}
body.hrms-old-page.hrms-module-page .review-repeater-card{padding:16px!important;border:1px solid var(--hrms-theme-border)!important;border-radius:16px!important;background:#fff!important;margin-bottom:14px!important;}
body.hrms-old-page.hrms-module-page .tag-row{display:flex!important;gap:6px!important;flex-wrap:wrap!important;}
body.hrms-old-page.hrms-module-page .tag-chip{min-height:24px!important;border-radius:999px!important;border:1px solid #d0d5dd!important;background:#fff!important;color:#344054!important;padding:4px 9px!important;font-size:12px!important;font-weight:750!important;}
body.hrms-old-page.hrms-module-page .tag-chip.gray{background:#f8fafc!important;}
body.hrms-old-page.hrms-module-page .empty-box{padding:18px!important;border:1px dashed var(--hrms-theme-border)!important;border-radius:14px!important;background:#fbfcff!important;color:#667085!important;text-align:center!important;}
body.hrms-old-page.hrms-module-page .modal-status-layout{display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr)!important;gap:16px!important;}
body.hrms-old-page.hrms-module-page .modal-card-soft{border:1px solid var(--hrms-theme-border)!important;border-radius:16px!important;background:#fff!important;padding:16px!important;}
body.hrms-old-page.hrms-module-page .quick-info-row{display:flex!important;gap:8px!important;justify-content:space-between!important;border-bottom:1px solid var(--hrms-theme-border-soft)!important;padding:9px 0!important;}

/* Drive modal exact feel */
body.hrms-old-page.hrms-module-page .modal.show,
body.hrms-old-page.hrms-module-page .modal.fade.show{background:rgba(10,18,28,.55)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:20px!important;}
body.hrms-old-page.hrms-module-page .modal-content{border-radius:7px!important;border:1px solid var(--drive-border,var(--hrms-theme-border))!important;box-shadow:0 32px 90px rgba(0,0,0,.25)!important;}
body.hrms-old-page.hrms-module-page .modal-header{min-height:72px!important;padding:14px 20px!important;border-bottom:1px solid var(--hrms-theme-border)!important;}
body.hrms-old-page.hrms-module-page .modal-body{padding:18px!important;}
body.hrms-old-page.hrms-module-page .modal-footer{padding:14px 20px!important;border-top:1px solid var(--hrms-theme-border)!important;}

/* HR dashboard uses interface charts */
body.hrms-old-page.hrms-dashboard-page .hr-chart-shell{border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important;}
body.hrms-old-page.hrms-dashboard-page .hr-chart-inner{height:280px!important;min-height:260px!important;}
body.hrms-old-page.hrms-dashboard-page .hr-chart-inner.hr-mini-chart{height:245px!important;min-height:230px!important;}
body.hrms-old-page.hrms-dashboard-page .hr-chart-inner .hd-chart{height:100%!important;min-height:220px!important;}
body.hrms-old-page.hrms-dashboard-page .hr-chart-card .card-body{padding:18px!important;}
body.hrms-old-page.hrms-dashboard-page .hr-quick-card{display:block!important;}

@media(max-width:1100px){
  body.hrms-old-page.hrms-module-page .review-grid-layout{grid-template-columns:1fr!important;}
  body.hrms-old-page.hrms-module-page .review-side-panel{position:static!important;}
  body.hrms-old-page.hrms-module-page .modal-status-layout{grid-template-columns:1fr!important;}
}
@media(max-width:900px){
  body.hrms-old-page.hrms-module-page .page-wrapper{margin-left:0!important;}
  body.hrms-old-page.hrms-module-page .content,
  body.hrms-old-page.hrms-module-page .page-wrapper>.content{padding:calc(var(--topbar-h,70px) + 14px) 14px 92px!important;}
  body.hrms-old-page.hrms-module-page .content>.d-flex:first-child{flex-direction:column!important;align-items:stretch!important;}
  body.hrms-old-page.hrms-module-page .content>.d-flex:first-child [class*="-actions"],
  body.hrms-old-page.hrms-module-page .content>.d-flex:first-child>.d-flex:last-child{justify-content:flex-start!important;margin-left:0!important;}
  body.hrms-old-page.hrms-module-page .hrms-table-toolbar{align-items:stretch!important;flex-direction:column!important;}
  body.hrms-old-page.hrms-module-page .hrms-table-search-shell{width:100%!important;}
  body.hrms-old-page.hrms-module-page .hrms-theme-status{width:100%!important;}
  body.hrms-old-page.hrms-module-page .review-data-grid{grid-template-columns:1fr!important;}
  body.hrms-old-page.hrms-module-page .modal.show{align-items:flex-end!important;padding:12px 0 0!important;}
  body.hrms-old-page.hrms-module-page .modal-dialog,
  body.hrms-old-page.hrms-module-page .modal-dialog.modal-sm,
  body.hrms-old-page.hrms-module-page .modal-dialog.modal-lg,
  body.hrms-old-page.hrms-module-page .modal-dialog.modal-xl{width:100%!important;max-width:100%!important;margin:0!important;}
  body.hrms-old-page.hrms-module-page .modal-content{border-radius:7px 7px 0 0!important;max-height:calc(100dvh - 12px)!important;}
}

/* ========================================================================== 
   HRMS V20 - header-only restore update
   Base: V18. Purpose: keep HRMS tables/data logic untouched and only improve
   page headers/actions to match the Apple interface button/header style.
   Scope: HRMS pages only.
   ========================================================================== */
body.hrms-old-page.hrms-module-page[data-module="hrms"] .content > .d-flex:first-child,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"] .content > .d-flex:first-child{
  width:100%!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin:0 0 22px!important;
  padding:0!important;
}
body.hrms-old-page.hrms-module-page[data-module="hrms"] .content > .d-flex:first-child > .flex-grow-1,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"] .content > .d-flex:first-child > .flex-grow-1{
  min-width:260px!important;
  max-width:760px!important;
}
body.hrms-old-page.hrms-module-page[data-module="hrms"] .content > .d-flex:first-child h4,
body.hrms-old-page.hrms-module-page[data-module="hrms"] .content > .d-flex:first-child h4.fw-bold,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"] .content > .d-flex:first-child h4,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"] .content > .d-flex:first-child h4.fw-bold{
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  font-size:24px!important;
  line-height:1.1!important;
  letter-spacing:-.035em!important;
  font-weight:860!important;
  color:#111827!important;
}
body.hrms-old-page.hrms-module-page[data-module="hrms"] .content > .d-flex:first-child p,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"] .content > .d-flex:first-child p{
  margin-top:8px!important;
  color:#667085!important;
  font-size:14px!important;
  line-height:1.45!important;
}
body.hrms-old-page.hrms-module-page[data-module="hrms"] .content > .d-flex:first-child .badge,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"] .content > .d-flex:first-child .badge{
  height:28px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  border-radius:999px!important;
  border:1px solid #a7eef4!important;
  background:#eaffff!important;
  color:#027582!important;
  padding:0 11px!important;
  font-size:12px!important;
  font-weight:780!important;
  line-height:1!important;
  box-shadow:none!important;
}
body.hrms-old-page.hrms-module-page[data-module="hrms"] .content > .d-flex:first-child .badge:before,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"] .content > .d-flex:first-child .badge:before{
  content:"";
  width:5px;
  height:5px;
  border-radius:50%;
  background:#0891b2;
  flex:0 0 5px;
}
body.hrms-old-page.hrms-module-page[data-module="hrms"] .content > .d-flex:first-child .application-list-actions,
body.hrms-old-page.hrms-module-page[data-module="hrms"] .content > .d-flex:first-child .page-header-actions,
body.hrms-old-page.hrms-module-page[data-module="hrms"] .content > .d-flex:first-child [class$="-actions"],
body.hrms-old-page.hrms-module-page[data-module="hrms"] .content > .d-flex:first-child > .d-flex:last-child,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"] .content > .d-flex:first-child .application-list-actions,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"] .content > .d-flex:first-child .page-header-actions,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"] .content > .d-flex:first-child [class$="-actions"],
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"] .content > .d-flex:first-child > .d-flex:last-child{
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  padding-top:2px!important;
}
body.hrms-old-page.hrms-module-page[data-module="hrms"] .content > .d-flex:first-child .dropdown,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"] .content > .d-flex:first-child .dropdown{
  display:inline-flex!important;
  margin:0!important;
}
body.hrms-old-page.hrms-module-page[data-module="hrms"] .content > .d-flex:first-child .btn,
body.hrms-old-page.hrms-module-page[data-module="hrms"] .content > .d-flex:first-child a.btn,
body.hrms-old-page.hrms-module-page[data-module="hrms"] .content > .d-flex:first-child button.btn,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"] .content > .d-flex:first-child .btn,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"] .content > .d-flex:first-child a.btn,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"] .content > .d-flex:first-child button.btn{
  min-height:44px!important;
  height:44px!important;
  border-radius:14px!important;
  border:1px solid #dfe5ee!important;
  background:#fff!important;
  color:#111827!important;
  padding:0 16px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  font-size:13px!important;
  font-weight:760!important;
  line-height:1!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  box-shadow:0 1px 2px rgba(16,24,40,.05), 0 10px 24px rgba(15,23,42,.04)!important;
  transition:background .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease!important;
}
body.hrms-old-page.hrms-module-page[data-module="hrms"] .content > .d-flex:first-child .btn:hover,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"] .content > .d-flex:first-child .btn:hover{
  background:#f9fafb!important;
  border-color:#d0d5dd!important;
  transform:translateY(-1px)!important;
}
body.hrms-old-page.hrms-module-page[data-module="hrms"] .content > .d-flex:first-child .btn i,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"] .content > .d-flex:first-child .btn i{
  margin:0!important;
  font-size:15px!important;
  line-height:1!important;
  color:currentColor!important;
}
body.hrms-old-page.hrms-module-page[data-module="hrms"] .content > .d-flex:first-child .btn-primary,
body.hrms-old-page.hrms-module-page[data-module="hrms"] .content > .d-flex:first-child .btn.btn-primary,
body.hrms-old-page.hrms-module-page[data-module="hrms"] .content > .d-flex:first-child .btn-success,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"] .content > .d-flex:first-child .btn-primary,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"] .content > .d-flex:first-child .btn.btn-primary,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"] .content > .d-flex:first-child .btn-success{
  background:#147eff!important;
  border-color:#147eff!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(20,126,255,.22)!important;
}
body.hrms-old-page.hrms-module-page[data-module="hrms"] .content > .d-flex:first-child .btn-primary:hover,
body.hrms-old-page.hrms-module-page[data-module="hrms"] .content > .d-flex:first-child .btn-success:hover,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"] .content > .d-flex:first-child .btn-primary:hover,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"] .content > .d-flex:first-child .btn-success:hover{
  background:#0b6ee8!important;
  border-color:#0b6ee8!important;
}
body.hrms-old-page.hrms-module-page[data-module="hrms"] .content > .d-flex:first-child .btn-danger,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"] .content > .d-flex:first-child .btn-danger{
  background:#ef4444!important;
  border-color:#ef4444!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(239,68,68,.18)!important;
}
body.hrms-old-page.hrms-module-page[data-module="hrms"] .content > .d-flex:first-child .btn.disabled,
body.hrms-old-page.hrms-module-page[data-module="hrms"] .content > .d-flex:first-child .btn:disabled,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"] .content > .d-flex:first-child .btn.disabled,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"] .content > .d-flex:first-child .btn:disabled{
  opacity:.58!important;
  transform:none!important;
  box-shadow:none!important;
}
@media(max-width:1024px){
  body.hrms-old-page.hrms-module-page[data-module="hrms"] .content > .d-flex:first-child,
  body.hrms-old-page.hrms-module-page[data-hrms-apple="true"] .content > .d-flex:first-child{
    flex-direction:column!important;
    align-items:stretch!important;
  }
  body.hrms-old-page.hrms-module-page[data-module="hrms"] .content > .d-flex:first-child .application-list-actions,
  body.hrms-old-page.hrms-module-page[data-module="hrms"] .content > .d-flex:first-child .page-header-actions,
  body.hrms-old-page.hrms-module-page[data-module="hrms"] .content > .d-flex:first-child [class$="-actions"],
  body.hrms-old-page.hrms-module-page[data-module="hrms"] .content > .d-flex:first-child > .d-flex:last-child,
  body.hrms-old-page.hrms-module-page[data-hrms-apple="true"] .content > .d-flex:first-child .application-list-actions,
  body.hrms-old-page.hrms-module-page[data-hrms-apple="true"] .content > .d-flex:first-child .page-header-actions,
  body.hrms-old-page.hrms-module-page[data-hrms-apple="true"] .content > .d-flex:first-child [class$="-actions"],
  body.hrms-old-page.hrms-module-page[data-hrms-apple="true"] .content > .d-flex:first-child > .d-flex:last-child{
    margin-left:0!important;
    justify-content:flex-start!important;
  }
}


/* ========================================================================== 
   HRMS V21 - header inline buttons only
   Base: v20. Scope: HRMS module pages only. Does not touch application_details.
   Purpose: align page-title copy and right action buttons like Finance/Growth.
   ========================================================================== */
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .content > .d-flex:first-child,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .content > .d-flex:first-child{
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  justify-content:space-between!important;
  column-gap:22px!important;
  row-gap:12px!important;
  margin:0 0 22px!important;
  padding:0!important;
  min-height:0!important;
}
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .content > .d-flex:first-child > .flex-grow-1,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .content > .d-flex:first-child > .flex-grow-1{
  min-width:0!important;
  max-width:760px!important;
  grid-column:1!important;
  align-self:start!important;
}
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .content > .d-flex:first-child .application-list-actions,
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .content > .d-flex:first-child .attendance-list-actions,
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .content > .d-flex:first-child .department-list-actions,
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .content > .d-flex:first-child .training-list-actions,
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .content > .d-flex:first-child [class$="-list-actions"],
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .content > .d-flex:first-child .page-header-actions,
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .content > .d-flex:first-child > .d-flex:last-child,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .content > .d-flex:first-child .application-list-actions,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .content > .d-flex:first-child .attendance-list-actions,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .content > .d-flex:first-child .department-list-actions,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .content > .d-flex:first-child .training-list-actions,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .content > .d-flex:first-child [class$="-list-actions"],
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .content > .d-flex:first-child .page-header-actions,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .content > .d-flex:first-child > .d-flex:last-child{
  grid-column:2!important;
  align-self:start!important;
  justify-self:end!important;
  margin:0!important;
  padding:0!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .content > .d-flex:first-child h4,
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .content > .d-flex:first-child h4.fw-bold,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .content > .d-flex:first-child h4,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .content > .d-flex:first-child h4.fw-bold{
  margin:0!important;
  min-height:48px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  font-size:26px!important;
  line-height:1.05!important;
  letter-spacing:-.04em!important;
  font-weight:860!important;
  color:#111827!important;
}
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .content > .d-flex:first-child p,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .content > .d-flex:first-child p{
  margin:2px 0 0!important;
  color:#667085!important;
  font-size:14px!important;
  line-height:1.45!important;
}
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .content > .d-flex:first-child .dropdown,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .content > .d-flex:first-child .dropdown{
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
}
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .content > .d-flex:first-child .btn,
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .content > .d-flex:first-child a.btn,
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .content > .d-flex:first-child button.btn,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .content > .d-flex:first-child .btn,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .content > .d-flex:first-child a.btn,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .content > .d-flex:first-child button.btn{
  height:48px!important;
  min-height:48px!important;
  padding:0 18px!important;
  border-radius:16px!important;
  border:1px solid #dfe5ee!important;
  background:#fff!important;
  color:#111827!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  font-size:14px!important;
  font-weight:780!important;
  line-height:1!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  box-shadow:0 1px 2px rgba(16,24,40,.05),0 14px 30px rgba(15,23,42,.05)!important;
}
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .content > .d-flex:first-child .btn-primary,
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .content > .d-flex:first-child .btn.btn-primary,
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .content > .d-flex:first-child .btn-success,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .content > .d-flex:first-child .btn-primary,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .content > .d-flex:first-child .btn.btn-primary,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .content > .d-flex:first-child .btn-success{
  background:#147eff!important;
  border-color:#147eff!important;
  color:#fff!important;
  box-shadow:0 14px 30px rgba(20,126,255,.22)!important;
}
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .content > .d-flex:first-child .btn-dark,
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .content > .d-flex:first-child .btn.btn-dark,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .content > .d-flex:first-child .btn-dark,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .content > .d-flex:first-child .btn.btn-dark{
  background:#101828!important;
  border-color:#101828!important;
  color:#fff!important;
  box-shadow:0 14px 30px rgba(16,24,40,.18)!important;
}
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .content > .d-flex:first-child .btn i,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .content > .d-flex:first-child .btn i{
  margin:0!important;
  font-size:16px!important;
  color:currentColor!important;
  line-height:1!important;
}
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .card-header .badge,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .card-header .badge{
  margin-left:auto!important;
  align-self:center!important;
}
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .hrms-table-toolbar,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .hrms-table-toolbar{
  clear:both!important;
}
@media(max-width:1180px){
  body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .content > .d-flex:first-child,
  body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .content > .d-flex:first-child{
    grid-template-columns:1fr!important;
  }
  body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .content > .d-flex:first-child .application-list-actions,
  body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .content > .d-flex:first-child .attendance-list-actions,
  body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .content > .d-flex:first-child .department-list-actions,
  body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .content > .d-flex:first-child .training-list-actions,
  body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .content > .d-flex:first-child [class$="-list-actions"],
  body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .content > .d-flex:first-child .page-header-actions,
  body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .content > .d-flex:first-child > .d-flex:last-child,
  body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .content > .d-flex:first-child .application-list-actions,
  body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .content > .d-flex:first-child .attendance-list-actions,
  body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .content > .d-flex:first-child .department-list-actions,
  body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .content > .d-flex:first-child .training-list-actions,
  body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .content > .d-flex:first-child [class$="-list-actions"],
  body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .content > .d-flex:first-child .page-header-actions,
  body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .content > .d-flex:first-child > .d-flex:last-child{
    grid-column:1!important;
    justify-self:start!important;
    justify-content:flex-start!important;
  }
}

/* HRMS V22 - table-card controls alignment only (scoped). */
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .content > .d-flex:first-child h4 > .badge,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .content > .d-flex:first-child h4 > .badge,
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .content > .d-flex:first-child h4 .badge-soft-primary,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .content > .d-flex:first-child h4 .badge-soft-primary{
  display:none!important;
}
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .hrms-themed-panel > .card-header > .badge,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .hrms-themed-panel > .card-header > .badge,
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .card[class*="-table-card"] > .card-header > .badge,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .card[class*="-table-card"] > .card-header > .badge,
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .content > .card:has(table) > .card-header > .badge,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .content > .card:has(table) > .card-header > .badge{
  display:none!important;
}
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .hrms-table-toolbar,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .hrms-table-toolbar{
  align-items:center!important;
}
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .hrms-table-toolbar-left,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .hrms-table-toolbar-left{
  flex:1 1 auto!important;
}
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .hrms-table-toolbar-right,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .hrms-table-toolbar-right{
  margin-left:auto!important;
  justify-content:flex-end!important;
  flex:0 0 auto!important;
}
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .hrms-table-toolbar-right .dropdown,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .hrms-table-toolbar-right .dropdown{
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .hrms-table-toolbar-right .dropdown > .btn,
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .hrms-table-toolbar-right .dropdown > a.btn,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .hrms-table-toolbar-right .dropdown > .btn,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .hrms-table-toolbar-right .dropdown > a.btn,
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .hrms-table-toolbar-right .btn,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .hrms-table-toolbar-right .btn{
  height:40px!important;
  min-height:40px!important;
  padding:0 13px!important;
  border-radius:12px!important;
  border:1px solid var(--hrms-theme-border)!important;
  background:#fff!important;
  color:var(--hrms-theme-text)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  font-size:13px!important;
  font-weight:760!important;
  line-height:1!important;
  box-shadow:0 1px 2px rgba(16,24,40,.03)!important;
  white-space:nowrap!important;
}
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .hrms-table-toolbar-right .dropdown > .btn:hover,
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .hrms-table-toolbar-right .btn:hover,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .hrms-table-toolbar-right .dropdown > .btn:hover,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .hrms-table-toolbar-right .btn:hover{
  background:#f9fafb!important;
  border-color:#cfd8e6!important;
  transform:none!important;
}
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .hrms-table-toolbar-right .dropdown-menu,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .hrms-table-toolbar-right .dropdown-menu{
  z-index:10080!important;
}
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) table tbody td[colspan],
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) table tbody td[colspan],
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) table tbody tr[class*="empty"] td,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) table tbody tr[class*="empty"] td{
  text-align:center!important;
  vertical-align:middle!important;
  height:96px!important;
  padding:34px 24px!important;
  color:#667085!important;
  font-size:13px!important;
  font-weight:650!important;
}
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) table tbody td[colspan] * ,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) table tbody td[colspan] *{
  text-align:center!important;
}
@media(max-width:900px){
  body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .hrms-table-toolbar,
  body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .hrms-table-toolbar{
    align-items:stretch!important;
    flex-direction:column!important;
  }
  body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .hrms-table-toolbar-left,
  body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .hrms-table-toolbar-right,
  body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .hrms-table-toolbar-left,
  body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .hrms-table-toolbar-right{
    width:100%!important;
    justify-content:flex-start!important;
  }
}

/* HRMS V23 - scoped form/dropdown/action polish only. */
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .filter-dropdown select,
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .filter-dropdown .form-select,
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .filter-dropdown .select2,
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .filter-dropdown .select2-container,
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .filter-dropdown .select2-selection,
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .dropdown-menu select,
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .dropdown-menu .form-select,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .filter-dropdown select,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .filter-dropdown .form-select,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .filter-dropdown .select2,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .filter-dropdown .select2-container,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .filter-dropdown .select2-selection,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .dropdown-menu select,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .dropdown-menu .form-select{
  width:100%!important;
  max-width:none!important;
  min-width:100%!important;
  display:block!important;
  box-sizing:border-box!important;
}
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .filter-dropdown .select2-container .select2-selection--single,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .filter-dropdown .select2-container .select2-selection--single{
  height:42px!important;
  display:flex!important;
  align-items:center!important;
  border:1px solid var(--hrms-theme-border, #d9e2ef)!important;
  border-radius:12px!important;
}
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .dropdown-menu,
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .dropdown-menu ul,
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .dropdown-menu li,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .dropdown-menu,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .dropdown-menu ul,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .dropdown-menu li{
  list-style:none!important;
}
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .dropdown-menu li::marker,
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .dropdown-menu ul::marker,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .dropdown-menu li::marker,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .dropdown-menu ul::marker{
  content:""!important;
  font-size:0!important;
}
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) ul.dropdown-menu,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) ul.dropdown-menu{
  padding-left:8px!important;
}
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .dropdown-menu .dropdown-item,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .dropdown-menu .dropdown-item{
  list-style:none!important;
}
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .hrms-header-back-btn,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .hrms-header-back-btn{
  height:44px!important;
  padding:0 18px!important;
  border-radius:14px!important;
  border:1px solid var(--hrms-theme-border, #d9e2ef)!important;
  background:#fff!important;
  color:var(--hrms-theme-text, #101828)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  font-size:14px!important;
  font-weight:780!important;
  line-height:1!important;
  box-shadow:0 12px 30px rgba(15,23,42,.07)!important;
}
body.hrms-old-page.hrms-module-page[data-module="hrms"] .hrms-action-menu.hrms-floating-menu,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"] .hrms-action-menu.hrms-floating-menu,
body > .hrms-action-menu.hrms-floating-menu{
  position:fixed!important;
  z-index:2147483000!important;
  display:block!important;
  min-width:230px!important;
  max-width:min(280px, calc(100vw - 28px))!important;
  padding:10px!important;
  margin:0!important;
  border:1px solid rgba(208,213,221,.9)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 24px 80px rgba(15,23,42,.18), 0 2px 8px rgba(15,23,42,.07)!important;
  list-style:none!important;
}
body > .hrms-action-menu.hrms-floating-menu:not(.show){
  display:none!important;
}
body > .hrms-action-menu.hrms-floating-menu li,
body > .hrms-action-menu.hrms-floating-menu ul{
  list-style:none!important;
  padding-left:0!important;
  margin-left:0!important;
}
body > .hrms-action-menu.hrms-floating-menu li::marker{
  content:""!important;
  font-size:0!important;
}
body > .hrms-action-menu.hrms-floating-menu .dropdown-item,
body > .hrms-action-menu.hrms-floating-menu a,
body > .hrms-action-menu.hrms-floating-menu button{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  width:100%!important;
  min-height:38px!important;
  padding:9px 10px!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#101828!important;
  font-size:13px!important;
  font-weight:700!important;
  text-align:left!important;
  text-decoration:none!important;
}
body > .hrms-action-menu.hrms-floating-menu .dropdown-item:hover,
body > .hrms-action-menu.hrms-floating-menu a:hover,
body > .hrms-action-menu.hrms-floating-menu button:hover{
  background:#f5f7fb!important;
}
body > .hrms-action-menu.hrms-floating-menu .text-danger,
body > .hrms-action-menu.hrms-floating-menu .dropdown-item.text-danger{
  color:#ef4444!important;
}
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) table tbody td[colspan],
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) table tbody td[colspan]{
  text-align:center!important;
}

/* HRMS V24 stable action portal menu - scoped and above all table/card overflow. */
body.hrms-old-page #hrmsActionPortalMenu.hrms-action-portal-menu{
  position:fixed!important;
  z-index:2147483647!important;
  display:none!important;
  width:240px!important;
  max-width:calc(100vw - 28px)!important;
  padding:12px!important;
  margin:0!important;
  border:1px solid rgba(208,213,221,.95)!important;
  border-radius:18px!important;
  background:#fff!important;
  color:#101828!important;
  box-shadow:0 24px 80px rgba(15,23,42,.18), 0 2px 8px rgba(15,23,42,.07)!important;
}
body.hrms-old-page #hrmsActionPortalMenu.hrms-action-portal-menu.open{display:block!important;}
body.hrms-old-page #hrmsActionPortalMenu .hrms-action-portal-head{
  padding:6px 8px 10px!important;
  margin:0 0 6px!important;
  border-bottom:1px solid rgba(228,232,239,.95)!important;
}
body.hrms-old-page #hrmsActionPortalMenu .hrms-action-portal-head strong{
  display:block!important;
  font-size:14px!important;
  font-weight:850!important;
  color:#101828!important;
  line-height:1.2!important;
}
body.hrms-old-page #hrmsActionPortalMenu .hrms-action-portal-head small{
  display:block!important;
  margin-top:2px!important;
  font-size:11px!important;
  color:#667085!important;
  line-height:1.2!important;
}
body.hrms-old-page #hrmsActionPortalMenu .hrms-action-portal-list{
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
}
body.hrms-old-page #hrmsActionPortalMenu .hrms-action-portal-item{
  width:100%!important;
  min-height:40px!important;
  padding:9px 10px!important;
  border:0!important;
  border-radius:11px!important;
  background:transparent!important;
  color:#101828!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:left!important;
  font-size:13px!important;
  font-weight:750!important;
  line-height:1.2!important;
  cursor:pointer!important;
}
body.hrms-old-page #hrmsActionPortalMenu .hrms-action-portal-item:hover{background:#f5f7fb!important;}
body.hrms-old-page #hrmsActionPortalMenu .hrms-action-portal-item.is-danger{color:#ef4444!important;}

/* HRMS: force shared Apple prompt above sidebar/header/table layers */
body.hrms-old-page .apple-alert-backdrop,
body.hrms-module-page .apple-alert-backdrop{
  position:fixed!important;
  inset:0!important;
  z-index:999999!important;
  width:100vw!important;
  height:100dvh!important;
  display:grid!important;
  place-items:center!important;
  padding:22px!important;
  background:rgba(15,23,42,.46)!important;
  -webkit-backdrop-filter:saturate(125%) blur(18px)!important;
  backdrop-filter:saturate(125%) blur(18px)!important;
}
body.hrms-old-page .apple-alert,
body.hrms-module-page .apple-alert{
  width:min(380px,calc(100vw - 34px))!important;
  max-width:380px!important;
  margin:auto!important;
  transform-origin:center center!important;
}
body.hrms-old-page .apple-alert-icon.danger,
body.hrms-module-page .apple-alert-icon.danger{
  background:#ff3b30!important;
  color:#fff!important;
}
body.hrms-old-page .apple-alert-button.destructive,
body.hrms-module-page .apple-alert-button.destructive{
  color:#ff3b30!important;
}


/* HRMS final modal/header cleanup - scoped only to HRMS pages */
body.hrms-old-page.hrms-module-page .modal.hrms-drive-modal-backdrop,
body.hrms-old-page.hrms-module-page .modal.fade.hrms-drive-modal-backdrop{
  position:fixed!important;
  inset:0!important;
  z-index:12000!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:20px!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  background:rgba(10,18,28,.55)!important;
  -webkit-backdrop-filter:blur(16px) saturate(160%)!important;
  backdrop-filter:blur(16px) saturate(160%)!important;
  transition:opacity .18s ease, visibility .18s ease!important;
  overflow:auto!important;
  box-sizing:border-box!important;
}
body.hrms-old-page.hrms-module-page .modal.hrms-drive-modal-backdrop.show,
body.hrms-old-page.hrms-module-page .modal.hrms-drive-modal-backdrop.open,
body.hrms-old-page.hrms-module-page .modal.fade.hrms-drive-modal-backdrop.show,
body.hrms-old-page.hrms-module-page .modal.fade.hrms-drive-modal-backdrop.open{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
body.hrms-old-page.hrms-module-page .modal.hrms-drive-modal-backdrop .modal-dialog.hrms-drive-modal{
  width:min(100%,790px)!important;
  max-width:790px!important;
  max-height:calc(100dvh - 40px)!important;
  margin:0 auto!important;
  display:flex!important;
  flex-direction:column!important;
  pointer-events:auto!important;
  transform:translateY(8px) scale(.99)!important;
  transition:transform .18s ease!important;
}
body.hrms-old-page.hrms-module-page .modal.hrms-drive-modal-backdrop.show .modal-dialog.hrms-drive-modal,
body.hrms-old-page.hrms-module-page .modal.hrms-drive-modal-backdrop.open .modal-dialog.hrms-drive-modal{transform:none!important;}
body.hrms-old-page.hrms-module-page .modal.hrms-drive-modal-backdrop .modal-dialog.modal-lg.hrms-drive-modal,
body.hrms-old-page.hrms-module-page .modal.hrms-drive-modal-backdrop .modal-dialog.modal-xl.hrms-drive-modal,
body.hrms-old-page.hrms-module-page .modal.hrms-drive-modal-backdrop .modal-dialog.hrms-drive-modal-wide{width:min(100%,960px)!important;max-width:960px!important;}
body.hrms-old-page.hrms-module-page .modal.hrms-drive-modal-backdrop .modal-content.hrms-drive-modal-panel{
  width:100%!important;
  max-height:inherit!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  border:1px solid var(--drive-border, var(--hrms-theme-border, #d9e2ef))!important;
  border-radius:7px!important;
  background:var(--drive-surface, #fff)!important;
  color:var(--drive-text, var(--hrms-theme-text, #101828))!important;
  box-shadow:0 32px 90px rgba(0,0,0,.25)!important;
}
body.hrms-old-page.hrms-module-page .modal.hrms-drive-modal-backdrop .modal-header{
  min-height:72px!important;
  padding:14px 20px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  border-bottom:1px solid var(--drive-border, var(--hrms-theme-border, #d9e2ef))!important;
  background:var(--drive-surface, #fff)!important;
  flex:0 0 auto!important;
}
body.hrms-old-page.hrms-module-page .modal.hrms-drive-modal-backdrop .modal-header h1,
body.hrms-old-page.hrms-module-page .modal.hrms-drive-modal-backdrop .modal-header h2,
body.hrms-old-page.hrms-module-page .modal.hrms-drive-modal-backdrop .modal-header h3,
body.hrms-old-page.hrms-module-page .modal.hrms-drive-modal-backdrop .modal-header h4,
body.hrms-old-page.hrms-module-page .modal.hrms-drive-modal-backdrop .modal-header h5,
body.hrms-old-page.hrms-module-page .modal.hrms-drive-modal-backdrop .modal-title{margin:0!important;font-size:19px!important;font-weight:800!important;line-height:1.2!important;}
body.hrms-old-page.hrms-module-page .modal.hrms-drive-modal-backdrop .modal-header p{margin:4px 0 0!important;color:var(--drive-muted, #667085)!important;font-size:12px!important;}
body.hrms-old-page.hrms-module-page .modal.hrms-drive-modal-backdrop .modal-header .btn-close,
body.hrms-old-page.hrms-module-page .modal.hrms-drive-modal-backdrop .modal-header [data-bs-dismiss="modal"]{
  width:34px!important;height:34px!important;min-width:34px!important;border:0!important;background:transparent!important;color:var(--drive-muted,#667085)!important;display:grid!important;place-items:center!important;cursor:pointer!important;opacity:1!important;padding:0!important;border-radius:10px!important;
}
body.hrms-old-page.hrms-module-page .modal.hrms-drive-modal-backdrop .modal-header .btn-close:hover,
body.hrms-old-page.hrms-module-page .modal.hrms-drive-modal-backdrop .modal-header [data-bs-dismiss="modal"]:hover{background:rgba(15,23,42,.06)!important;color:#101828!important;}
body.hrms-old-page.hrms-module-page .modal.hrms-drive-modal-backdrop .modal-body.hrms-drive-modal-body,
body.hrms-old-page.hrms-module-page .modal.hrms-drive-modal-backdrop .modal-body{padding:18px!important;overflow:auto!important;min-height:0!important;flex:1 1 auto!important;background:var(--drive-surface,#fff)!important;}
body.hrms-old-page.hrms-module-page .modal.hrms-drive-modal-backdrop .modal-footer{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important;padding:14px 20px!important;border-top:1px solid var(--drive-border, var(--hrms-theme-border, #d9e2ef))!important;background:var(--drive-surface,#fff)!important;flex:0 0 auto!important;}
body.hrms-old-page.hrms-module-page .modal.hrms-drive-modal-backdrop .drive-btn,
body.hrms-old-page.hrms-module-page .modal.hrms-drive-modal-backdrop .modal-footer .btn{
  min-height:40px!important;border-radius:12px!important;padding:0 16px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;font-weight:800!important;font-size:13px!important;border:1px solid var(--drive-border, #d9e2ef)!important;box-shadow:none!important;
}
body.hrms-old-page.hrms-module-page .modal.hrms-drive-modal-backdrop .drive-btn.neutral,
body.hrms-old-page.hrms-module-page .modal.hrms-drive-modal-backdrop .modal-footer .btn-light,
body.hrms-old-page.hrms-module-page .modal.hrms-drive-modal-backdrop .modal-footer .btn-secondary,
body.hrms-old-page.hrms-module-page .modal.hrms-drive-modal-backdrop .modal-footer .btn-outline-white{background:#fff!important;color:#101828!important;}
body.hrms-old-page.hrms-module-page .modal.hrms-drive-modal-backdrop .drive-btn.solid,
body.hrms-old-page.hrms-module-page .modal.hrms-drive-modal-backdrop .modal-footer .btn-primary,
body.hrms-old-page.hrms-module-page .modal.hrms-drive-modal-backdrop .modal-footer .btn-success{background:#0d6efd!important;border-color:#0d6efd!important;color:#fff!important;box-shadow:0 12px 26px rgba(13,110,253,.20)!important;}
body.hrms-old-page.hrms-module-page .modal.hrms-drive-modal-backdrop .modal-footer .btn-danger{background:#ef4444!important;border-color:#ef4444!important;color:#fff!important;box-shadow:0 12px 26px rgba(239,68,68,.18)!important;}
body.hrms-old-page.hrms-module-page .modal-backdrop{display:none!important;}
body.hrms-old-page.hrms-module-page.modal-open,
body.hrms-old-page.hrms-module-page.drive-modal-is-open{overflow:hidden!important;}
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-drive-modal-backdrop{padding:0!important;align-items:stretch!important;justify-content:stretch!important;}
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-drive-modal-backdrop .modal-dialog.hrms-drive-modal,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-drive-modal-backdrop .modal-dialog.modal-fullscreen.hrms-drive-modal-fullscreen{
  width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;transform:none!important;
}
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-drive-modal-backdrop .modal-content.hrms-drive-modal-panel{height:100dvh!important;max-height:100dvh!important;border-radius:0!important;border:0!important;}
body.hrms-old-page.hrms-module-page [data-hrms-refresh-control="true"]{display:none!important;}
@media(max-width:680px){
  body.hrms-old-page.hrms-module-page .modal.hrms-drive-modal-backdrop{align-items:flex-end!important;padding:0!important;}
  body.hrms-old-page.hrms-module-page .modal.hrms-drive-modal-backdrop .modal-dialog.hrms-drive-modal:not(.hrms-drive-modal-fullscreen){width:100%!important;max-width:100%!important;max-height:92dvh!important;margin:0!important;}
  body.hrms-old-page.hrms-module-page .modal.hrms-drive-modal-backdrop .modal-dialog.hrms-drive-modal:not(.hrms-drive-modal-fullscreen) .modal-content.hrms-drive-modal-panel{border-radius:16px 16px 0 0!important;}
  body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-drive-modal-backdrop .modal-dialog.hrms-drive-modal{height:100dvh!important;max-height:100dvh!important;}
}
html[data-theme="dark"] body.hrms-old-page.hrms-module-page .modal.hrms-drive-modal-backdrop .modal-content.hrms-drive-modal-panel,
html[data-theme="dark"] body.hrms-old-page.hrms-module-page .modal.hrms-drive-modal-backdrop .modal-header,
html[data-theme="dark"] body.hrms-old-page.hrms-module-page .modal.hrms-drive-modal-backdrop .modal-body,
html[data-theme="dark"] body.hrms-old-page.hrms-module-page .modal.hrms-drive-modal-backdrop .modal-footer{background:#121821!important;color:#eef2f7!important;border-color:#263244!important;}
body.hrms-old-page.hrms-module-page .hrms-refresh-hidden,
body.hrms-old-page.hrms-module-page [data-hrms-refresh-control="true"]{display:none!important;}

/* HRMS V30 - Back button, Drive-modal parity, and colored table badges. Scoped only to HRMS. */
body.hrms-old-page.hrms-module-page .hrms-apple-back,
body.hrms-old-page.hrms-module-page .hrms-back-btn,
body.hrms-old-page.hrms-module-page a.hrms-back-btn,
body.hrms-old-page.hrms-module-page button.hrms-back-btn,
body.hrms-old-page.hrms-module-page .page-heading-back{
  height:44px!important;
  min-height:44px!important;
  padding:0 17px!important;
  border-radius:14px!important;
  border:1px solid #dfe5ee!important;
  background:#fff!important;
  color:#111827!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  font-size:13px!important;
  font-weight:780!important;
  line-height:1!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  box-shadow:0 1px 2px rgba(16,24,40,.05),0 14px 30px rgba(15,23,42,.05)!important;
  transform:none!important;
}
body.hrms-old-page.hrms-module-page .hrms-apple-back:hover,
body.hrms-old-page.hrms-module-page .hrms-back-btn:hover,
body.hrms-old-page.hrms-module-page .page-heading-back:hover{
  background:#f9fafb!important;
  border-color:#d0d5dd!important;
  color:#101828!important;
  transform:translateY(-1px)!important;
}
body.hrms-old-page.hrms-module-page .hrms-apple-back svg,
body.hrms-old-page.hrms-module-page .hrms-back-btn svg,
body.hrms-old-page.hrms-module-page .page-heading-back svg{
  width:16px!important;
  height:16px!important;
  flex:0 0 16px!important;
  stroke:currentColor!important;
}
body.hrms-old-page.hrms-module-page .hrms-apple-back i,
body.hrms-old-page.hrms-module-page .hrms-back-btn i,
body.hrms-old-page.hrms-module-page .page-heading-back i{
  font-size:15px!important;
  color:currentColor!important;
  margin:0!important;
}

body.hrms-old-page.hrms-module-page .hrms-status-badge,
body.hrms-old-page.hrms-module-page .badge.hrms-status-badge,
body.hrms-old-page.hrms-module-page .hrms-theme-badge.hrms-status-badge{
  min-height:24px!important;
  height:auto!important;
  padding:5px 10px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  border:1px solid #d6e4ff!important;
  background:#eff6ff!important;
  color:#0b63ce!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
  box-shadow:none!important;
  text-transform:none!important;
}
body.hrms-old-page.hrms-module-page .hrms-status-badge::before{
  content:"";
  width:6px!important;
  height:6px!important;
  border-radius:50%!important;
  background:currentColor!important;
  flex:0 0 6px!important;
}
body.hrms-old-page.hrms-module-page .hrms-badge-blue{background:#eff6ff!important;border-color:#bfdbfe!important;color:#0b63ce!important;}
body.hrms-old-page.hrms-module-page .hrms-badge-cyan{background:#ecfeff!important;border-color:#a5f3fc!important;color:#027582!important;}
body.hrms-old-page.hrms-module-page .hrms-badge-green{background:#ecfdf3!important;border-color:#bbf7d0!important;color:#067647!important;}
body.hrms-old-page.hrms-module-page .hrms-badge-amber{background:#fffbeb!important;border-color:#fed7aa!important;color:#b45309!important;}
body.hrms-old-page.hrms-module-page .hrms-badge-red{background:#fff1f2!important;border-color:#fecdd3!important;color:#dc2626!important;}
body.hrms-old-page.hrms-module-page .hrms-badge-purple{background:#f5f3ff!important;border-color:#ddd6fe!important;color:#6d28d9!important;}
body.hrms-old-page.hrms-module-page .hrms-badge-gray{background:#f8fafc!important;border-color:#e2e8f0!important;color:#475467!important;}
body.hrms-old-page.hrms-module-page .hrms-badge-slate{background:#f1f5f9!important;border-color:#cbd5e1!important;color:#334155!important;}

body.hrms-old-page.hrms-module-page .dropdown-menu.hrms-sort-menu,
body.hrms-old-page.hrms-module-page .hrms-sort-menu,
body.hrms-old-page.hrms-module-page .hrms-sort-menu ul,
body.hrms-old-page.hrms-module-page .hrms-sort-menu li{
  list-style:none!important;
  margin-left:0!important;
  padding-left:0!important;
}
body.hrms-old-page.hrms-module-page .hrms-sort-menu li::marker,
body.hrms-old-page.hrms-module-page .hrms-sort-menu a::marker,
body.hrms-old-page.hrms-module-page .hrms-sort-menu button::marker{content:""!important;}

/* Match the Drive module modal feel for HRMS modals without changing old forms/AJAX. */
body.hrms-old-page.hrms-module-page .modal.hrms-drive-modal-backdrop .modal-dialog.hrms-view-modal,
body.hrms-old-page.hrms-module-page .modal.hrms-drive-modal-backdrop .modal-dialog.hrms-drive-modal-wide{
  width:min(100%,960px)!important;
  max-width:960px!important;
}
body.hrms-old-page.hrms-module-page.hrms-review-page .modal.hrms-drive-modal-backdrop,
body.hrms-old-page.hrms-module-page .modal.hrms-drive-modal-backdrop.hrms-fullscreen-modal{
  padding:0!important;
  align-items:stretch!important;
  justify-content:stretch!important;
}
body.hrms-old-page.hrms-module-page.hrms-review-page .modal.hrms-drive-modal-backdrop .modal-dialog.hrms-drive-modal,
body.hrms-old-page.hrms-module-page .modal.hrms-drive-modal-backdrop.hrms-fullscreen-modal .modal-dialog.hrms-drive-modal{
  width:100vw!important;
  max-width:100vw!important;
  height:100dvh!important;
  max-height:100dvh!important;
  margin:0!important;
  transform:none!important;
}
body.hrms-old-page.hrms-module-page.hrms-review-page .modal.hrms-drive-modal-backdrop .modal-content.hrms-drive-modal-panel,
body.hrms-old-page.hrms-module-page .modal.hrms-drive-modal-backdrop.hrms-fullscreen-modal .modal-content.hrms-drive-modal-panel{
  height:100dvh!important;
  max-height:100dvh!important;
  border-radius:0!important;
  border:0!important;
}

/* HRMS V31 - force application Status Manager into true Drive-style fullscreen modal. Scoped only to HRMS. */
body.hrms-old-page #statusManagerModal,
body.hrms-module-page #statusManagerModal{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  z-index:999990!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  overflow:hidden!important;
  background:rgba(10,18,28,.55)!important;
  -webkit-backdrop-filter:blur(16px) saturate(160%)!important;
  backdrop-filter:blur(16px) saturate(160%)!important;
  box-sizing:border-box!important;
}
body.hrms-old-page #statusManagerModal.show,
body.hrms-old-page #statusManagerModal.open,
body.hrms-module-page #statusManagerModal.show,
body.hrms-module-page #statusManagerModal.open{
  display:flex!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
body.hrms-old-page #statusManagerModal:not(.show):not(.open),
body.hrms-module-page #statusManagerModal:not(.show):not(.open){
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
body.hrms-old-page #statusManagerModal .modal-dialog,
body.hrms-module-page #statusManagerModal .modal-dialog{
  width:100vw!important;
  max-width:100vw!important;
  min-width:100vw!important;
  height:100dvh!important;
  max-height:100dvh!important;
  min-height:100dvh!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  display:flex!important;
  flex-direction:column!important;
  pointer-events:auto!important;
}
body.hrms-old-page #statusManagerModal .modal-content,
body.hrms-module-page #statusManagerModal .modal-content{
  width:100vw!important;
  max-width:100vw!important;
  height:100dvh!important;
  max-height:100dvh!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  background:var(--drive-surface,#fff)!important;
  color:var(--drive-text,#101828)!important;
  box-shadow:none!important;
}
body.hrms-old-page #statusManagerModal .modal-header,
body.hrms-module-page #statusManagerModal .modal-header{
  min-height:76px!important;
  padding:16px 24px!important;
  flex:0 0 auto!important;
  background:var(--drive-surface,#fff)!important;
  border-bottom:1px solid var(--drive-border,#d9e2ef)!important;
}
body.hrms-old-page #statusManagerModal .modal-body,
body.hrms-module-page #statusManagerModal .modal-body{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:auto!important;
  padding:22px 24px!important;
  background:var(--drive-surface,#fff)!important;
}
body.hrms-old-page #statusManagerModal .modal-footer,
body.hrms-module-page #statusManagerModal .modal-footer{
  flex:0 0 auto!important;
  min-height:68px!important;
  padding:14px 24px!important;
  background:var(--drive-surface,#fff)!important;
  border-top:1px solid var(--drive-border,#d9e2ef)!important;
}
body.hrms-old-page #statusManagerModal .modal-status-layout,
body.hrms-module-page #statusManagerModal .modal-status-layout{
  width:100%!important;
  max-width:1280px!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr)!important;
  gap:18px!important;
  align-items:stretch!important;
}
body.hrms-old-page #statusManagerModal .modal-card-soft,
body.hrms-module-page #statusManagerModal .modal-card-soft{
  background:#fff!important;
  border:1px solid var(--drive-border,#d9e2ef)!important;
  border-radius:16px!important;
  padding:18px!important;
  box-shadow:0 12px 36px rgba(15,23,42,.06)!important;
}
@media(max-width:900px){
  body.hrms-old-page #statusManagerModal .modal-status-layout,
  body.hrms-module-page #statusManagerModal .modal-status-layout{grid-template-columns:1fr!important;}
  body.hrms-old-page #statusManagerModal .modal-body,
  body.hrms-module-page #statusManagerModal .modal-body{padding:16px!important;}
}

/* HRMS V33 - Status Manager fullscreen Drive-style modal cleanup. Scoped only to HRMS review page. */
body.hrms-old-page.hrms-module-page.hrms-review-page #statusManagerModal{
  position:fixed!important;
  inset:0!important;
  width:100%!important;
  height:100dvh!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  background:rgba(10,18,28,.58)!important;
  -webkit-backdrop-filter:blur(18px) saturate(160%)!important;
  backdrop-filter:blur(18px) saturate(160%)!important;
  z-index:999990!important;
}
body.hrms-old-page.hrms-module-page.hrms-review-page #statusManagerModal.show,
body.hrms-old-page.hrms-module-page.hrms-review-page #statusManagerModal.open{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
body.hrms-old-page.hrms-module-page.hrms-review-page #statusManagerModal .modal-dialog{
  width:100%!important;
  max-width:none!important;
  height:100dvh!important;
  max-height:100dvh!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
}
body.hrms-old-page.hrms-module-page.hrms-review-page #statusManagerModal .modal-content{
  width:100%!important;
  max-width:none!important;
  height:100dvh!important;
  max-height:100dvh!important;
  border:0!important;
  border-radius:0!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  background:#f5f7fb!important;
  color:#101828!important;
  box-shadow:none!important;
}
body.hrms-old-page.hrms-module-page.hrms-review-page #statusManagerModal .modal-header{
  min-height:74px!important;
  padding:18px 24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  border:0!important;
  border-bottom:1px solid rgba(148,163,184,.25)!important;
  background:rgba(255,255,255,.92)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  backdrop-filter:blur(18px)!important;
}
body.hrms-old-page.hrms-module-page.hrms-review-page #statusManagerModal .modal-title{
  font-size:22px!important;
  font-weight:850!important;
  letter-spacing:-.03em!important;
  color:#101828!important;
}
body.hrms-old-page.hrms-module-page.hrms-review-page #statusManagerModal .modal-header p{
  color:#667085!important;
  font-size:13px!important;
  margin-top:3px!important;
}
body.hrms-old-page.hrms-module-page.hrms-review-page #statusManagerModal .modal-header .btn-close,
body.hrms-old-page.hrms-module-page.hrms-review-page #statusManagerModal [data-drive-modal-close]{
  width:40px!important;
  height:40px!important;
  border-radius:999px!important;
  border:1px solid rgba(148,163,184,.35)!important;
  background:#fff!important;
  color:#101828!important;
  display:grid!important;
  place-items:center!important;
  box-shadow:0 8px 20px rgba(15,23,42,.08)!important;
  opacity:1!important;
}
body.hrms-old-page.hrms-module-page.hrms-review-page #statusManagerModal .modal-body{
  min-height:0!important;
  overflow:hidden!important;
  overflow-x:hidden!important;
  padding:24px!important;
  background:#f5f7fb!important;
}
body.hrms-old-page.hrms-module-page.hrms-review-page #statusManagerModal .modal-status-layout{
  width:100%!important;
  max-width:1240px!important;
  height:100%!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.35fr) minmax(360px,.75fr)!important;
  gap:18px!important;
  align-items:stretch!important;
  overflow:hidden!important;
}
body.hrms-old-page.hrms-module-page.hrms-review-page #statusManagerModal .modal-card-soft{
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(148,163,184,.34)!important;
  border-radius:18px!important;
  padding:18px!important;
  box-shadow:0 22px 70px rgba(15,23,42,.10)!important;
}
body.hrms-old-page.hrms-module-page.hrms-review-page #statusManagerModal .modal-card-soft h6{
  flex:0 0 auto!important;
  font-size:14px!important;
  font-weight:850!important;
  color:#101828!important;
  margin:0 0 14px!important;
}
body.hrms-old-page.hrms-module-page.hrms-review-page #statusManagerModal #historyTableWrapModal{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:auto!important;
  border-radius:14px!important;
}
body.hrms-old-page.hrms-module-page.hrms-review-page #statusManagerModal #historyTableWrapModal table{
  width:100%!important;
  min-width:720px!important;
  border-collapse:collapse!important;
}
body.hrms-old-page.hrms-module-page.hrms-review-page #statusManagerModal .quick-info-row{
  display:grid!important;
  grid-template-columns:120px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
  padding:10px 0!important;
  border-bottom:1px solid rgba(148,163,184,.22)!important;
}
body.hrms-old-page.hrms-module-page.hrms-review-page #statusManagerModal .quick-info-row b{
  font-weight:800!important;
  color:#101828!important;
}
body.hrms-old-page.hrms-module-page.hrms-review-page #statusManagerModal .quick-info-row span{
  min-width:0!important;
  text-align:right!important;
  color:#101828!important;
}
body.hrms-old-page.hrms-module-page.hrms-review-page #statusManagerModal .form-label{
  font-size:12px!important;
  font-weight:800!important;
  color:#101828!important;
  margin-bottom:7px!important;
}
body.hrms-old-page.hrms-module-page.hrms-review-page #statusManagerModal .form-select,
body.hrms-old-page.hrms-module-page.hrms-review-page #statusManagerModal .form-control{
  width:100%!important;
  border:1px solid rgba(148,163,184,.34)!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#101828!important;
  box-shadow:none!important;
  padding:11px 13px!important;
}
body.hrms-old-page.hrms-module-page.hrms-review-page #statusManagerModal textarea.form-control{
  min-height:108px!important;
  resize:vertical!important;
}
body.hrms-old-page.hrms-module-page.hrms-review-page #statusManagerModal #btnSaveStatus{
  height:48px!important;
  border-radius:13px!important;
  background:#101828!important;
  color:#fff!important;
  font-weight:850!important;
  box-shadow:0 14px 30px rgba(16,24,40,.18)!important;
}
body.hrms-old-page.hrms-module-page.hrms-review-page #statusManagerModal .modal-footer{
  min-height:66px!important;
  padding:14px 24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  border:0!important;
  border-top:1px solid rgba(148,163,184,.25)!important;
  background:rgba(255,255,255,.92)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  backdrop-filter:blur(18px)!important;
}
body.hrms-old-page.hrms-module-page.hrms-review-page #statusManagerModal .modal-footer .btn{
  min-height:42px!important;
  padding:0 18px!important;
  border-radius:13px!important;
  font-weight:800!important;
  border:1px solid rgba(148,163,184,.35)!important;
  background:#fff!important;
  color:#101828!important;
  box-shadow:0 10px 24px rgba(15,23,42,.08)!important;
}
body.hrms-old-page.hrms-module-page.hrms-review-page #statusManagerModal .alert{
  border-radius:14px!important;
  border:1px solid #bbf7d0!important;
  background:#f0fdf4!important;
  color:#166534!important;
}
body.hrms-old-page.hrms-module-page.hrms-review-page #statusManagerModal .note-editor{
  border-radius:13px!important;
  overflow:hidden!important;
  border-color:rgba(148,163,184,.34)!important;
}
body.hrms-old-page.hrms-module-page.hrms-review-page.modal-open,
body.hrms-old-page.hrms-module-page.hrms-review-page.drive-modal-is-open{
  overflow:hidden!important;
}
@media(max-width:980px){
  body.hrms-old-page.hrms-module-page.hrms-review-page #statusManagerModal .modal-body{padding:14px!important;overflow:auto!important;}
  body.hrms-old-page.hrms-module-page.hrms-review-page #statusManagerModal .modal-status-layout{height:auto!important;min-height:100%!important;grid-template-columns:1fr!important;overflow:visible!important;}
  body.hrms-old-page.hrms-module-page.hrms-review-page #statusManagerModal .modal-card-soft{height:auto!important;max-height:none!important;}
  body.hrms-old-page.hrms-module-page.hrms-review-page #statusManagerModal .quick-info-row span{text-align:left!important;}
}
html[data-theme="dark"] body.hrms-old-page.hrms-module-page.hrms-review-page #statusManagerModal .modal-content,
html[data-theme="dark"] body.hrms-old-page.hrms-module-page.hrms-review-page #statusManagerModal .modal-body{background:#0f172a!important;color:#eef2f7!important;}
html[data-theme="dark"] body.hrms-old-page.hrms-module-page.hrms-review-page #statusManagerModal .modal-header,
html[data-theme="dark"] body.hrms-old-page.hrms-module-page.hrms-review-page #statusManagerModal .modal-footer,
html[data-theme="dark"] body.hrms-old-page.hrms-module-page.hrms-review-page #statusManagerModal .modal-card-soft{background:#111827!important;color:#eef2f7!important;border-color:#263244!important;}

/* HRMS V34 - header Back button position fix. Scoped only to HRMS pages. */
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .content > .d-flex:first-child .hrms-header-actions,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .content > .d-flex:first-child .hrms-header-actions{
  grid-column:2!important;
  justify-self:end!important;
  align-self:start!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .content > .d-flex:first-child .hrms-header-actions .btn,
body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .content > .d-flex:first-child .hrms-header-actions .btn{
  margin:0!important;
}
body.hrms-old-page.hrms-module-page .hrms-back-btn,
body.hrms-old-page.hrms-module-page .hrms-apple-back,
body.hrms-old-page.hrms-module-page .page-heading-back{
  height:48px!important;
  min-height:48px!important;
  padding:0 18px!important;
  border-radius:16px!important;
  border:1px solid #dfe5ee!important;
  background:#fff!important;
  color:#111827!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  font-size:14px!important;
  font-weight:780!important;
  line-height:1!important;
  white-space:nowrap!important;
  box-shadow:0 1px 2px rgba(16,24,40,.05),0 14px 30px rgba(15,23,42,.05)!important;
}
body.hrms-old-page.hrms-module-page .hrms-back-btn svg,
body.hrms-old-page.hrms-module-page .hrms-apple-back svg,
body.hrms-old-page.hrms-module-page .page-heading-back svg{
  width:16px!important;
  height:16px!important;
  stroke:currentColor!important;
  flex:0 0 16px!important;
}
body.hrms-old-page.hrms-module-page .hrms-back-btn i,
body.hrms-old-page.hrms-module-page .hrms-apple-back i,
body.hrms-old-page.hrms-module-page .page-heading-back i{display:none!important;}
body.hrms-old-page.hrms-module-page .hrms-empty-back-holder{display:none!important;}
@media (max-width: 767.98px){
  body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .content > .d-flex:first-child,
  body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .content > .d-flex:first-child{
    grid-template-columns:1fr!important;
  }
  body.hrms-old-page.hrms-module-page[data-module="hrms"]:not(.hrms-review-page) .content > .d-flex:first-child .hrms-header-actions,
  body.hrms-old-page.hrms-module-page[data-hrms-apple="true"]:not(.hrms-review-page) .content > .d-flex:first-child .hrms-header-actions{
    grid-column:1!important;
    justify-self:start!important;
    justify-content:flex-start!important;
  }
}

/* HRMS V35 - Bootstrap 5.3 modal reset and action menu icons. Scoped only to HRMS pages. */
body.hrms-old-page.hrms-module-page .modal,
body.hrms-old-page.hrms-module-page .modal.fade,
body.hrms-old-page.hrms-module-page .modal.hrms-drive-modal-backdrop,
body.hrms-old-page.hrms-module-page .modal.fade.hrms-drive-modal-backdrop{
  position:fixed!important;
  top:0!important;
  left:0!important;
  z-index:1055!important;
  display:none!important;
  width:100%!important;
  height:100%!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  outline:0!important;
  padding:0!important;
  background:transparent!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  align-items:initial!important;
  justify-content:initial!important;
  box-sizing:border-box!important;
}
body.hrms-old-page.hrms-module-page .modal.show,
body.hrms-old-page.hrms-module-page .modal.fade.show,
body.hrms-old-page.hrms-module-page .modal.hrms-drive-modal-backdrop.show,
body.hrms-old-page.hrms-module-page .modal.hrms-drive-modal-backdrop.open{
  display:block!important;
}
body.hrms-old-page.hrms-module-page .modal-dialog,
body.hrms-old-page.hrms-module-page .modal-dialog.hrms-drive-modal,
body.hrms-old-page.hrms-module-page .modal-dialog.drive-modal,
body.hrms-old-page.hrms-module-page .modal-dialog.hrms-drive-modal-wide,
body.hrms-old-page.hrms-module-page .modal-dialog.hrms-view-modal{
  position:relative!important;
  width:auto!important;
  max-width:var(--bs-modal-width, 760px)!important;
  height:auto!important;
  max-height:none!important;
  margin:var(--bs-modal-margin, .5rem) auto!important;
  pointer-events:none!important;
  transform:none!important;
  display:block!important;
  flex-direction:initial!important;
}
body.hrms-old-page.hrms-module-page .modal-dialog-centered{
  display:flex!important;
  align-items:center!important;
  min-height:calc(100% - var(--bs-modal-margin, .5rem) * 2)!important;
}
body.hrms-old-page.hrms-module-page .modal-dialog-scrollable{
  height:calc(100% - var(--bs-modal-margin, .5rem) * 2)!important;
}
body.hrms-old-page.hrms-module-page .modal-dialog-scrollable .modal-content{
  max-height:100%!important;
  overflow:hidden!important;
}
body.hrms-old-page.hrms-module-page .modal-dialog-scrollable .modal-body{
  overflow-y:auto!important;
}
@media (min-width:576px){
  body.hrms-old-page.hrms-module-page .modal-dialog,
  body.hrms-old-page.hrms-module-page .modal-dialog.hrms-drive-modal,
  body.hrms-old-page.hrms-module-page .modal-dialog.drive-modal,
  body.hrms-old-page.hrms-module-page .modal-dialog.hrms-drive-modal-wide,
  body.hrms-old-page.hrms-module-page .modal-dialog.hrms-view-modal{
    margin:1.75rem auto!important;
  }
  body.hrms-old-page.hrms-module-page .modal-dialog-centered{min-height:calc(100% - 3.5rem)!important;}
  body.hrms-old-page.hrms-module-page .modal-dialog-scrollable{height:calc(100% - 3.5rem)!important;}
}
body.hrms-old-page.hrms-module-page .modal-sm{--bs-modal-width:360px!important;}
body.hrms-old-page.hrms-module-page .modal-lg{--bs-modal-width:800px!important;}
body.hrms-old-page.hrms-module-page .modal-xl{--bs-modal-width:1140px!important;}
body.hrms-old-page.hrms-module-page .modal-fullscreen,
body.hrms-old-page.hrms-module-page .modal-dialog.modal-fullscreen,
body.hrms-old-page.hrms-module-page .modal-dialog.hrms-drive-modal-fullscreen{
  width:100vw!important;
  max-width:none!important;
  height:100%!important;
  margin:0!important;
}
body.hrms-old-page.hrms-module-page .modal-fullscreen .modal-content,
body.hrms-old-page.hrms-module-page .modal-dialog.hrms-drive-modal-fullscreen .modal-content{
  height:100%!important;
  border:0!important;
  border-radius:0!important;
}
body.hrms-old-page.hrms-module-page .modal-content,
body.hrms-old-page.hrms-module-page .modal-content.hrms-drive-modal-panel,
body.hrms-old-page.hrms-module-page .modal-content.drive-modal-panel{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  max-height:none!important;
  overflow:visible!important;
  color:var(--bs-modal-color, #111827)!important;
  pointer-events:auto!important;
  background-color:var(--bs-modal-bg, #fff)!important;
  background-clip:padding-box!important;
  border:var(--bs-modal-border-width, 1px) solid var(--bs-modal-border-color, #d9e2ef)!important;
  border-radius:var(--bs-modal-border-radius, .5rem)!important;
  box-shadow:var(--bs-modal-box-shadow, 0 20px 60px rgba(15,23,42,.16))!important;
  outline:0!important;
}
body.hrms-old-page.hrms-module-page .modal-header{
  display:flex!important;
  flex-shrink:0!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-height:auto!important;
  padding:var(--bs-modal-header-padding, 1rem)!important;
  border-bottom:var(--bs-modal-header-border-width, 1px) solid var(--bs-modal-header-border-color, #e5e7eb)!important;
  border-top-left-radius:calc(var(--bs-modal-border-radius, .5rem) - var(--bs-modal-border-width, 1px))!important;
  border-top-right-radius:calc(var(--bs-modal-border-radius, .5rem) - var(--bs-modal-border-width, 1px))!important;
  background:#fff!important;
}
body.hrms-old-page.hrms-module-page .modal-title,
body.hrms-old-page.hrms-module-page .modal-header h1,
body.hrms-old-page.hrms-module-page .modal-header h2,
body.hrms-old-page.hrms-module-page .modal-header h3,
body.hrms-old-page.hrms-module-page .modal-header h4,
body.hrms-old-page.hrms-module-page .modal-header h5{
  margin-bottom:0!important;
  line-height:var(--bs-modal-title-line-height, 1.5)!important;
  font-size:1.125rem!important;
  font-weight:800!important;
}
body.hrms-old-page.hrms-module-page .modal-header .btn-close{
  box-sizing:content-box!important;
  width:1em!important;
  height:1em!important;
  min-width:1em!important;
  padding:.25em .25em!important;
  color:#000!important;
  background:transparent var(--bs-btn-close-bg) center/1em auto no-repeat!important;
  border:0!important;
  border-radius:.375rem!important;
  opacity:.5!important;
  display:block!important;
}
body.hrms-old-page.hrms-module-page .modal-header .btn-close:hover{opacity:.75!important;background-color:transparent!important;}
body.hrms-old-page.hrms-module-page .modal-body,
body.hrms-old-page.hrms-module-page .modal-body.hrms-drive-modal-body,
body.hrms-old-page.hrms-module-page .modal-body.drive-modal-body{
  position:relative!important;
  flex:1 1 auto!important;
  padding:var(--bs-modal-padding, 1rem)!important;
  overflow:visible!important;
  min-height:0!important;
  background:#fff!important;
}
body.hrms-old-page.hrms-module-page .modal-footer{
  display:flex!important;
  flex-shrink:0!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:.5rem!important;
  padding:calc(var(--bs-modal-padding, 1rem) - var(--bs-modal-footer-gap, .5rem) * .5)!important;
  background:#fff!important;
  border-top:var(--bs-modal-footer-border-width, 1px) solid var(--bs-modal-footer-border-color, #e5e7eb)!important;
  border-bottom-right-radius:calc(var(--bs-modal-border-radius, .5rem) - var(--bs-modal-border-width, 1px))!important;
  border-bottom-left-radius:calc(var(--bs-modal-border-radius, .5rem) - var(--bs-modal-border-width, 1px))!important;
}
body.hrms-old-page.hrms-module-page .modal-backdrop,
body.hrms-old-page.hrms-module-page .modal-backdrop.show{
  display:block!important;
  z-index:1050!important;
  opacity:.5!important;
}
body.hrms-old-page.hrms-module-page #statusManagerModal .modal-dialog,
body.hrms-old-page.hrms-module-page #statusManagerModal .modal-dialog.hrms-drive-modal,
body.hrms-old-page.hrms-module-page #statusManagerModal .modal-dialog.hrms-drive-modal-fullscreen{
  width:100vw!important;
  max-width:none!important;
  height:100%!important;
  max-height:none!important;
  margin:0!important;
}
body.hrms-old-page.hrms-module-page #statusManagerModal .modal-content,
body.hrms-old-page.hrms-module-page #statusManagerModal .modal-content.hrms-drive-modal-panel{
  height:100%!important;
  max-height:100%!important;
  border:0!important;
  border-radius:0!important;
}
body.hrms-old-page.hrms-module-page #statusManagerModal .modal-body{
  overflow:auto!important;
}
body.hrms-old-page.hrms-module-page #statusManagerModal .modal-status-layout{
  display:grid!important;
  grid-template-columns:minmax(0, 1.25fr) minmax(360px, .75fr)!important;
  gap:18px!important;
  align-items:start!important;
}
@media (max-width: 991.98px){
  body.hrms-old-page.hrms-module-page #statusManagerModal .modal-status-layout{grid-template-columns:1fr!important;}
}
body.hrms-old-page.hrms-module-page #hrmsActionPortalMenu .hrms-action-portal-item{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}
body.hrms-old-page.hrms-module-page #hrmsActionPortalMenu .hrms-action-portal-item svg{
  width:16px!important;
  height:16px!important;
  flex:0 0 16px!important;
}
body.hrms-old-page.hrms-module-page .dropdown-menu .dropdown-item.hrms-action-icon-ready,
body.hrms-old-page.hrms-module-page .dropdown-menu .dropdown-item.hrms-action-icon-ready > span{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
}
body.hrms-old-page.hrms-module-page .dropdown-menu .dropdown-item.hrms-action-icon-ready svg{
  width:15px!important;
  height:15px!important;
  flex:0 0 15px!important;
}

/* HRMS V36 - Bootstrap modal and quick-link table header polish */
body.hrms-old-page.hrms-module-page .modal{
  --bs-modal-border-radius: 18px;
  --bs-modal-header-padding: 16px 20px;
  --bs-modal-padding: 20px;
  --bs-modal-footer-gap: 10px;
  z-index: 1055 !important;
}
body.hrms-old-page.hrms-module-page .modal-backdrop.hrms-bs-modal-backdrop{
  z-index: 1050 !important;
  background: #0f172a !important;
  opacity: .54 !important;
}
body.hrms-old-page.hrms-module-page .modal-dialog{
  max-width: var(--bs-modal-width, 720px) !important;
}
body.hrms-old-page.hrms-module-page .modal-content{
  border: 1px solid rgba(15, 23, 42, .10) !important;
  border-radius: 18px !important;
  box-shadow: 0 26px 80px rgba(15, 23, 42, .22) !important;
  overflow: hidden !important;
}
body.hrms-old-page.hrms-module-page .modal-header,
body.hrms-old-page.hrms-module-page .modal-footer{
  background: rgba(255,255,255,.98) !important;
}
body.hrms-old-page.hrms-module-page .modal-body{
  background: #fff !important;
}
body.hrms-old-page.hrms-module-page .modal-header .btn-close.custom-btn-close i{display:none!important;}
body.hrms-old-page.hrms-module-page .modal-header .btn-close{
  opacity: .65 !important;
  box-shadow: none !important;
}
body.hrms-old-page.hrms-module-page .modal-header .btn-close:hover{opacity:1!important;}
body.hrms-old-page.hrms-module-page #statusManagerModal .modal-dialog{
  max-width: none !important;
  margin: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
}
body.hrms-old-page.hrms-module-page #statusManagerModal .modal-content{
  border-radius: 0 !important;
  border: 0 !important;
  min-height: 100vh !important;
  height: 100vh !important;
}
body.hrms-old-page.hrms-module-page #statusManagerModal .modal-body{
  overflow: auto !important;
}
body.hrms-old-page.hrms-module-page .hrms-table-tabs{
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 5px !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  background: rgba(255,255,255,.88) !important;
  border-radius: 16px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.65) !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  margin-right: auto !important;
}
body.hrms-old-page.hrms-module-page .card-header .hrms-table-tabs + h5{
  margin-left: 12px !important;
}
body.hrms-old-page.hrms-module-page .hrms-table-tab{
  display:inline-flex !important;
  align-items:center !important;
  white-space: nowrap !important;
  min-height: 34px !important;
  padding: 8px 14px !important;
  border-radius: 12px !important;
  color: #667085 !important;
  text-decoration: none !important;
  font-weight: 800 !important;
  font-size: 13px !important;
}
body.hrms-old-page.hrms-module-page .hrms-table-tab.active,
body.hrms-old-page.hrms-module-page .hrms-table-tab:hover{
  background: #fff !important;
  color: #101828 !important;
  box-shadow: 0 8px 20px rgba(15,23,42,.08) !important;
}
body.hrms-old-page.hrms-module-page .dropdown-menu .dropdown-item.hrms-action-icon-ready svg{
  width: 15px !important;
  height: 15px !important;
  flex: 0 0 15px !important;
}
body.hrms-old-page.hrms-module-page .dropdown-menu .dropdown-item.hrms-action-icon-ready{
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
}
@media (max-width: 767px){
  body.hrms-old-page.hrms-module-page .card-header .hrms-table-tabs{
    width:100% !important;
    margin-bottom:8px !important;
  }
}

/* HRMS V37 - restore native Bootstrap modal behaviour and keep HRMS Apple skin scoped */
body.hrms-old-page .modal:not(.app-alert){
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 1055 !important;
  display: none;
  width: 100% !important;
  height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  outline: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}
body.hrms-old-page .modal.show:not(.app-alert){display:block!important;}
body.hrms-old-page .modal.fade:not(.show){display:none!important;}
body.hrms-old-page .modal-backdrop{z-index:1050!important;}
body.hrms-old-page .modal-dialog{
  width: auto !important;
  max-width: var(--bs-modal-width, 500px) !important;
  margin: var(--bs-modal-margin, .5rem) auto !important;
  pointer-events: none !important;
}
body.hrms-old-page .modal-dialog-centered{display:flex!important;align-items:center!important;min-height:calc(100% - var(--bs-modal-margin, .5rem) * 2)!important;}
body.hrms-old-page .modal-sm{--bs-modal-width:300px!important;}
body.hrms-old-page .modal-lg{--bs-modal-width:800px!important;}
body.hrms-old-page .modal-xl{--bs-modal-width:1140px!important;}
body.hrms-old-page .modal-dialog-scrollable{height:calc(100% - var(--bs-modal-margin, .5rem) * 2)!important;}
body.hrms-old-page .modal-dialog-scrollable .modal-content{max-height:100%!important;overflow:hidden!important;}
body.hrms-old-page .modal-dialog-scrollable .modal-body{overflow-y:auto!important;}
body.hrms-old-page .modal-content{
  pointer-events:auto!important;
  background:#fff!important;
  border:1px solid rgba(15,23,42,.10)!important;
  border-radius:18px!important;
  box-shadow:0 26px 80px rgba(15,23,42,.22)!important;
  color:#101828!important;
  overflow:hidden!important;
}
body.hrms-old-page .modal-header{
  padding:18px 22px!important;
  border-bottom:1px solid rgba(15,23,42,.10)!important;
  background:#fff!important;
}
body.hrms-old-page .modal-title{font-weight:800!important;color:#0f172a!important;}
body.hrms-old-page .modal-body{padding:22px!important;background:#fff!important;}
body.hrms-old-page .modal-footer{
  padding:16px 22px!important;
  border-top:1px solid rgba(15,23,42,.10)!important;
  background:#fff!important;
  gap:10px!important;
}
body.hrms-old-page .modal .btn-close{width:34px!important;height:34px!important;border-radius:999px!important;background-color:#f8fafc!important;opacity:1!important;border:1px solid rgba(15,23,42,.08)!important;}
body.hrms-old-page .modal .btn-close:hover{background-color:#eef2f7!important;}
body.hrms-old-page #statusManagerModal .modal-dialog,
body.hrms-old-page #statusManagerModal .modal-dialog.modal-fullscreen,
body.hrms-old-page #statusManagerModal .modal-dialog.modal-fullscreen-sm-down{
  width:100vw!important;
  max-width:none!important;
  height:100%!important;
  margin:0!important;
}
body.hrms-old-page #statusManagerModal .modal-content{
  height:100dvh!important;
  max-height:100dvh!important;
  border-radius:0!important;
  border:0!important;
  box-shadow:none!important;
}
body.hrms-old-page #statusManagerModal .modal-body{overflow:auto!important;}
@media (min-width:576px){body.hrms-old-page .modal-dialog{--bs-modal-margin:1.75rem!important;}}
@media (max-width:575.98px){
  body.hrms-old-page .modal-dialog{max-width:calc(100% - 20px)!important;margin:10px auto!important;}
  body.hrms-old-page .modal-dialog-centered{min-height:calc(100% - 20px)!important;}
  body.hrms-old-page .modal-content{border-radius:16px!important;}
  body.hrms-old-page .modal-header,body.hrms-old-page .modal-body,body.hrms-old-page .modal-footer{padding-left:16px!important;padding-right:16px!important;}
  body.hrms-old-page .modal-fullscreen-sm-down{width:100vw!important;max-width:none!important;height:100%!important;margin:0!important;}
  body.hrms-old-page .modal-fullscreen-sm-down .modal-content{height:100%!important;border-radius:0!important;}
}
html[data-theme="dark"] body.hrms-old-page .modal-content,
html[data-theme="dark"] body.hrms-old-page .modal-header,
html[data-theme="dark"] body.hrms-old-page .modal-body,
html[data-theme="dark"] body.hrms-old-page .modal-footer{background:#111827!important;color:#f8fafc!important;border-color:rgba(255,255,255,.10)!important;}
html[data-theme="dark"] body.hrms-old-page .modal-title{color:#f8fafc!important;}

/* HRMS V38 - final Bootstrap modal/display fixes and application review cleanup */
body.hrms-old-page .modal:not(.app-alert){
  position:fixed!important;
  inset:0!important;
  z-index:1055!important;
  display:none;
  width:100%!important;
  height:100%!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  outline:0!important;
  background:transparent!important;
  padding:0!important;
}
body.hrms-old-page .modal.show:not(.app-alert){display:block!important;}
body.hrms-old-page .modal.fade:not(.show){display:none!important;}
body.hrms-old-page .modal-dialog{
  position:relative!important;
  width:auto!important;
  max-width:var(--bs-modal-width, 720px)!important;
  margin:var(--bs-modal-margin, 1.75rem) auto!important;
  pointer-events:none!important;
  transform:none!important;
}
body.hrms-old-page .modal-dialog-centered{display:flex!important;align-items:center!important;min-height:calc(100% - var(--bs-modal-margin, 1.75rem) * 2)!important;}
body.hrms-old-page .modal-sm{--bs-modal-width:360px!important;}
body.hrms-old-page .modal-lg{--bs-modal-width:800px!important;}
body.hrms-old-page .modal-xl{--bs-modal-width:1140px!important;}
body.hrms-old-page .modal-content{
  pointer-events:auto!important;
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  color:#0f172a!important;
  background:#fff!important;
  border:1px solid rgba(15,23,42,.10)!important;
  border-radius:18px!important;
  box-shadow:0 28px 80px rgba(15,23,42,.22)!important;
  outline:0!important;
  overflow:hidden!important;
}
body.hrms-old-page .modal-header,
body.hrms-old-page .modal-footer{background:#fff!important;border-color:rgba(15,23,42,.10)!important;}
body.hrms-old-page .modal-title{font-weight:800!important;color:#0f172a!important;}
body.hrms-old-page .modal-body{background:#fff!important;color:#0f172a!important;}
body.hrms-old-page .modal-backdrop,
body.hrms-old-page .modal-backdrop.show,
body.hrms-old-page .modal-backdrop.hrms-bs-fallback-backdrop{
  position:fixed!important;
  inset:0!important;
  z-index:1050!important;
  background:#0f172a!important;
  opacity:.48!important;
}
body.hrms-old-page #statusManagerModal .modal-dialog,
body.hrms-old-page #statusManagerModal .modal-dialog.modal-fullscreen,
body.hrms-old-page #statusManagerModal .modal-dialog.modal-fullscreen-sm-down{
  width:100vw!important;
  max-width:none!important;
  height:100%!important;
  min-height:100%!important;
  margin:0!important;
}
body.hrms-old-page #statusManagerModal .modal-content{
  height:100dvh!important;
  max-height:100dvh!important;
  border-radius:0!important;
  border:0!important;
  box-shadow:none!important;
}
body.hrms-old-page #statusManagerModal .modal-body{overflow:auto!important;}
body.hrms-old-page #statusManagerModal .modal-status-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr)!important;
  gap:18px!important;
  align-items:start!important;
}
body.hrms-old-page #statusManagerModal .modal-card-soft{
  min-width:0!important;
  overflow:hidden!important;
}
body.hrms-old-page #statusManagerModal #historyTableWrapModal{
  max-width:100%!important;
  overflow:auto!important;
}
body.hrms-old-page #statusManagerModal #historyTableWrapModal table{
  min-width:720px!important;
}
body.hrms-old-page .dropdown-menu .dropdown-item.hrms-action-icon-ready svg{
  width:16px!important;
  height:16px!important;
  flex:0 0 16px!important;
  margin-right:8px!important;
}
body.hrms-old-page .dropdown-menu .dropdown-item.hrms-action-icon-ready{
  display:flex!important;
  align-items:center!important;
  gap:0!important;
}
body.hrms-review-page .review-main-card > .review-shell > .review-top-box,
body.hrms-review-page .review-main-card > .review-shell > .status-action-box{display:none!important;}
@media (max-width:991.98px){
  body.hrms-old-page #statusManagerModal .modal-status-layout{grid-template-columns:1fr!important;}
}
@media (max-width:575.98px){
  body.hrms-old-page .modal-dialog{max-width:calc(100% - 20px)!important;margin:10px auto!important;}
  body.hrms-old-page .modal-dialog-centered{min-height:calc(100% - 20px)!important;}
  body.hrms-old-page #statusManagerModal .modal-dialog{width:100vw!important;max-width:none!important;margin:0!important;}
}

/* HRMS v39 - final scoped Bootstrap modal and action-menu reset. */
body.hrms-old-page .modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 1060 !important;
  display: none;
  width: 100% !important;
  height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  outline: 0 !important;
  background: transparent !important;
}
body.hrms-old-page .modal.show { display: block !important; }
body.hrms-old-page .modal-dialog {
  position: relative !important;
  width: auto !important;
  margin: 1.75rem auto !important;
  pointer-events: none !important;
  transform: none !important;
}
body.hrms-old-page .modal-dialog-centered {
  display: flex !important;
  align-items: center !important;
  min-height: calc(100% - 3.5rem) !important;
}
body.hrms-old-page .modal-dialog-scrollable { height: calc(100% - 3.5rem) !important; }
body.hrms-old-page .modal-dialog-scrollable .modal-content { max-height: 100% !important; overflow: hidden !important; }
body.hrms-old-page .modal-dialog-scrollable .modal-body { overflow-y: auto !important; }
body.hrms-old-page .modal-content {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  pointer-events: auto !important;
  background: rgba(255,255,255,.98) !important;
  background-clip: padding-box !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  border-radius: 18px !important;
  box-shadow: 0 32px 90px rgba(15,23,42,.22) !important;
  outline: 0 !important;
}
body.hrms-old-page .modal-header,
body.hrms-old-page .modal-footer { border-color: rgba(15,23,42,.08) !important; }
body.hrms-old-page .modal-header { padding: 18px 22px !important; }
body.hrms-old-page .modal-body { padding: 22px !important; }
body.hrms-old-page .modal-footer { padding: 16px 22px !important; }
body.hrms-old-page .modal-fullscreen,
body.hrms-old-page .modal-fullscreen .modal-content {
  width: 100vw !important;
  max-width: none !important;
  height: 100% !important;
  margin: 0 !important;
  border-radius: 0 !important;
}
body.hrms-old-page .modal-fullscreen .modal-content { border: 0 !important; }
body.hrms-old-page .modal-backdrop { z-index: 1055 !important; }
body.hrms-old-page .modal-backdrop.show { opacity: .48 !important; }
body.hrms-old-page .hrms-hidden-refresh-control,
body.hrms-old-page .hrms-duplicate-back-hidden,
body.hrms-old-page .hrms-hidden-total-badge,
body.hrms-old-page .hrms-hidden-count-badge { display: none !important; }
body.hrms-old-page .hrms-empty-centered,
body.hrms-old-page table tbody td.hrms-empty-centered {
  text-align: center !important;
  vertical-align: middle !important;
  padding: 28px 16px !important;
  color: #667085 !important;
}
body.hrms-old-page .hrms-filter-fullwidth { width: 100% !important; }
body.hrms-old-page .dropdown-menu li { list-style: none !important; }
body.hrms-old-page .hrms-row-menu-toggle {
  width: 38px !important;
  height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 12px !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  background: #fff !important;
  color: #64748b !important;
  box-shadow: 0 12px 24px rgba(15,23,42,.06) !important;
}
body.hrms-old-page .hrms-row-menu-toggle svg { width: 18px !important; height: 18px !important; }
.hrms-action-portal-menu {
  position: fixed !important;
  z-index: 2147483000 !important;
  width: 242px !important;
  display: none;
  background: rgba(255,255,255,.98) !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  border-radius: 18px !important;
  box-shadow: 0 24px 70px rgba(15,23,42,.20) !important;
  overflow: hidden !important;
  padding: 8px !important;
}
.hrms-action-portal-menu.open { display: block !important; }
.hrms-action-portal-head { padding: 8px 10px 10px !important; border-bottom: 1px solid rgba(15,23,42,.07) !important; margin-bottom: 6px !important; }
.hrms-action-portal-head strong { display: block !important; font-size: 13px !important; color: #111827 !important; }
.hrms-action-portal-head small { display: block !important; font-size: 11px !important; color: #667085 !important; }
.hrms-action-portal-item {
  width: 100% !important;
  border: 0 !important;
  background: transparent !important;
  border-radius: 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 10px !important;
  color: #111827 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-align: left !important;
}
.hrms-action-portal-item:hover { background: #f4f7fb !important; }
.hrms-action-portal-item svg { width: 17px !important; height: 17px !important; color: #64748b !important; flex: 0 0 17px !important; }
.hrms-action-portal-item.is-danger { color: #dc2626 !important; }
.hrms-action-portal-item.is-danger svg { color: #dc2626 !important; }
body.hrms-old-page .dropdown-menu .dropdown-item svg,
body.hrms-old-page .action-item .dropdown-menu a svg,
body.hrms-old-page .action-item .dropdown-menu button svg { width: 16px !important; height: 16px !important; margin-right: 8px !important; vertical-align: -3px !important; }
body.hrms-old-page .hrms-back-btn svg { width: 17px !important; height: 17px !important; margin-right: 6px !important; }
@media (max-width: 575.98px){
  body.hrms-old-page .modal-dialog { margin: .75rem !important; }
  body.hrms-old-page .modal-dialog-centered { min-height: calc(100% - 1.5rem) !important; }
}


/* HRMS Bootstrap modal and editor polish */
body.hrms-old-page .modal{background:transparent!important;padding:0!important;border-radius:0!important;overflow-x:hidden!important;z-index:4100!important;}
body.hrms-old-page .modal-backdrop,body.hrms-old-page .modal-backdrop.show{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;background:#111827!important;opacity:.56!important;border-radius:0!important;z-index:4090!important;}
body.hrms-old-page .modal .modal-dialog{width:auto!important;max-width:var(--bs-modal-width,720px)!important;margin:1.75rem auto!important;}
body.hrms-old-page .modal .modal-dialog.modal-sm{max-width:420px!important;}
body.hrms-old-page .modal .modal-dialog.modal-lg{max-width:900px!important;}
body.hrms-old-page .modal .modal-dialog.modal-xl{max-width:1140px!important;}
body.hrms-old-page .modal .modal-dialog-centered{display:flex!important;align-items:center!important;min-height:calc(100% - 3.5rem)!important;}
body.hrms-old-page .modal .modal-content{background:#fff!important;color:#0f172a!important;overflow:hidden;}
body.hrms-old-page .modal .modal-header,body.hrms-old-page .modal .modal-footer{background:#fff!important;border-color:#e5e7eb!important;}
body.hrms-old-page #statusManagerModal.modal{padding:0!important;background:transparent!important;}
body.hrms-old-page #statusManagerModal .modal-dialog,body.hrms-old-page #statusManagerModal .modal-dialog.modal-fullscreen{width:100vw!important;max-width:none!important;height:100vh!important;min-height:100vh!important;margin:0!important;transform:none!important;}
body.hrms-old-page #statusManagerModal .modal-content{width:100vw!important;min-height:100vh!important;height:100vh!important;border:0!important;border-radius:0!important;box-shadow:none!important;}
body.hrms-old-page #statusManagerModal .modal-header{min-height:78px;padding:18px 22px!important;border-bottom:1px solid #e5e7eb!important;}
body.hrms-old-page #statusManagerModal .modal-body{padding:22px!important;overflow:auto!important;background:#fff!important;}
body.hrms-old-page #statusManagerModal .modal-footer{padding:14px 22px!important;border-top:1px solid #e5e7eb!important;}
body.hrms-old-page #statusManagerModal .card,body.hrms-old-page #statusManagerModal .hrms-status-card{border-radius:10px!important;box-shadow:none!important;}
body.hrms-old-page .note-editor,body.hrms-old-page .note-editor.note-frame,body.hrms-old-page .note-editor .note-toolbar,body.hrms-old-page .note-editor .note-statusbar,body.hrms-old-page .note-editor .note-editing-area,body.hrms-old-page .note-editor .note-editable{border-radius:0!important;}
body.hrms-old-page .note-editor.note-frame{border-color:#d0d5dd!important;}
body.hrms-old-page .note-editor .note-toolbar{background:#f8fafc!important;border-bottom:1px solid #e5e7eb!important;}
body.hrms-old-page .note-editor .note-editable{min-height:120px!important;color:#0f172a!important;}
body.hrms-old-page .hrms-table-toolbar,body.hrms-old-page .card-header .hrms-table-toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;}
body.hrms-old-page .hrms-table-toolbar-right,body.hrms-old-page .hrms-table-actions{margin-left:auto!important;display:flex!important;align-items:center!important;gap:10px!important;}

/* HRMS toolbar placement fix: keep Filters, Sort By and Export inside table card header. */
body.hrms-old-page.hrms-module-page .card-header.hrms-table-header-toolbar-ready,
body.hrms-old-page .card-header.hrms-table-header-toolbar-ready{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  flex-wrap:wrap!important;
}
body.hrms-old-page.hrms-module-page .card-header.hrms-table-header-toolbar-ready > h1,
body.hrms-old-page.hrms-module-page .card-header.hrms-table-header-toolbar-ready > h2,
body.hrms-old-page.hrms-module-page .card-header.hrms-table-header-toolbar-ready > h3,
body.hrms-old-page.hrms-module-page .card-header.hrms-table-header-toolbar-ready > h4,
body.hrms-old-page.hrms-module-page .card-header.hrms-table-header-toolbar-ready > h5,
body.hrms-old-page.hrms-module-page .card-header.hrms-table-header-toolbar-ready > h6{
  margin:0!important;
  flex:1 1 auto!important;
}
body.hrms-old-page.hrms-module-page .card-header .hrms-table-toolbar-right{
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
body.hrms-old-page.hrms-module-page .card-header .hrms-table-toolbar-right .dropdown,
body.hrms-old-page.hrms-module-page .card-header .hrms-table-toolbar-right .btn,
body.hrms-old-page.hrms-module-page .card-header .hrms-table-toolbar-right button,
body.hrms-old-page.hrms-module-page .card-header .hrms-table-toolbar-right a.btn{
  margin:0!important;
}
body.hrms-old-page.hrms-module-page .hrms-table-toolbar-right .btn,
body.hrms-old-page.hrms-module-page .hrms-table-toolbar-right .dropdown > .btn,
body.hrms-old-page.hrms-module-page .hrms-table-toolbar-right .dropdown > a{
  min-height:42px!important;
  border-radius:13px!important;
  border:1px solid rgba(15,23,42,.10)!important;
  background:#fff!important;
  color:#111827!important;
  font-weight:760!important;
  padding:0 16px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  box-shadow:0 1px 2px rgba(16,24,40,.04),0 10px 24px rgba(15,23,42,.05)!important;
}
body.hrms-old-page.hrms-module-page .hrms-table-toolbar-right .btn:hover,
body.hrms-old-page.hrms-module-page .hrms-table-toolbar-right .dropdown > .btn:hover,
body.hrms-old-page.hrms-module-page .hrms-table-toolbar-right .dropdown > a:hover{
  background:#f8fafc!important;
  border-color:rgba(15,23,42,.16)!important;
}
body.hrms-old-page.hrms-module-page .hrms-table-toolbar-right svg{
  width:16px!important;
  height:16px!important;
  flex:0 0 16px!important;
}
body.hrms-old-page.hrms-module-page .content > .d-flex:first-child .dropdown.hrms-moved-to-table-toolbar,
body.hrms-old-page.hrms-module-page .content > .d-flex:first-child .hrms-table-export-btn.hrms-moved-to-table-toolbar{
  display:none!important;
}
@media (max-width:767.98px){
  body.hrms-old-page.hrms-module-page .card-header .hrms-table-toolbar-right{
    width:100%!important;
    justify-content:flex-start!important;
  }
}

/* HRMS v42: confirmation prompts use shared Apple prompt; Bootstrap modals remain pure Bootstrap. */
body.hrms-old-page .apple-alert-backdrop,
body.hrms-module-page .apple-alert-backdrop{
  position:fixed!important;
  inset:0!important;
  z-index:20000!important;
  display:grid!important;
  place-items:center!important;
  padding:22px!important;
  width:100vw!important;
  height:100dvh!important;
  background:rgba(15,23,42,.48)!important;
  -webkit-backdrop-filter:saturate(125%) blur(18px)!important;
  backdrop-filter:saturate(125%) blur(18px)!important;
  border-radius:0!important;
}
body.hrms-old-page .apple-alert,
body.hrms-module-page .apple-alert{
  width:min(380px,calc(100vw - 36px))!important;
  max-width:380px!important;
  margin:auto!important;
}
body.hrms-old-page .modal:not(.app-alert),
body.hrms-module-page .modal:not(.app-alert){
  position:fixed!important;
  inset:0!important;
  z-index:1060!important;
  display:none;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  outline:0!important;
  background:transparent!important;
  padding:0!important;
  border-radius:0!important;
}
body.hrms-old-page .modal.show:not(.app-alert),
body.hrms-module-page .modal.show:not(.app-alert){display:block!important;}
body.hrms-old-page .modal-backdrop,
body.hrms-module-page .modal-backdrop{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  z-index:1055!important;
  background:#111827!important;
  border-radius:0!important;
}
body.hrms-old-page .modal-backdrop.show,
body.hrms-module-page .modal-backdrop.show{opacity:.52!important;}
body.hrms-old-page .modal .modal-dialog,
body.hrms-module-page .modal .modal-dialog{
  margin:1.75rem auto!important;
  width:auto!important;
  max-width:var(--bs-modal-width,720px)!important;
  transform:none;
}
body.hrms-old-page .modal .modal-dialog-centered,
body.hrms-module-page .modal .modal-dialog-centered{
  display:flex!important;
  align-items:center!important;
  min-height:calc(100% - 3.5rem)!important;
}
body.hrms-old-page .modal .modal-sm,
body.hrms-module-page .modal .modal-sm{--bs-modal-width:420px!important;}
body.hrms-old-page .modal .modal-lg,
body.hrms-module-page .modal .modal-lg{--bs-modal-width:900px!important;}
body.hrms-old-page .modal .modal-xl,
body.hrms-module-page .modal .modal-xl{--bs-modal-width:1140px!important;}
body.hrms-old-page .modal .modal-content,
body.hrms-module-page .modal .modal-content{
  background:#fff!important;
  color:#0f172a!important;
  border:1px solid #dee2e6!important;
  box-shadow:0 24px 70px rgba(15,23,42,.20)!important;
  overflow:hidden!important;
}
body.hrms-old-page .modal .modal-header,
body.hrms-old-page .modal .modal-footer,
body.hrms-module-page .modal .modal-header,
body.hrms-module-page .modal .modal-footer{
  background:#fff!important;
  border-color:#dee2e6!important;
}
body.hrms-old-page .modal .modal-body,
body.hrms-module-page .modal .modal-body{background:#fff!important;color:#0f172a!important;}

/* Status Manager must be Bootstrap fullscreen only, not Apple/Drive modal. */
body.hrms-old-page #statusManagerModal,
body.hrms-module-page #statusManagerModal{
  background:transparent!important;
  padding:0!important;
  border-radius:0!important;
  overflow-x:hidden!important;
}
body.hrms-old-page #statusManagerModal .modal-dialog,
body.hrms-old-page #statusManagerModal .modal-dialog.modal-fullscreen,
body.hrms-old-page #statusManagerModal .modal-dialog.modal-fullscreen-sm-down,
body.hrms-module-page #statusManagerModal .modal-dialog,
body.hrms-module-page #statusManagerModal .modal-dialog.modal-fullscreen,
body.hrms-module-page #statusManagerModal .modal-dialog.modal-fullscreen-sm-down{
  width:100vw!important;
  max-width:none!important;
  height:100vh!important;
  min-height:100vh!important;
  margin:0!important;
  transform:none!important;
}
body.hrms-old-page #statusManagerModal .modal-content,
body.hrms-module-page #statusManagerModal .modal-content{
  width:100vw!important;
  min-height:100vh!important;
  height:100vh!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#fff!important;
}
body.hrms-old-page #statusManagerModal .modal-header,
body.hrms-module-page #statusManagerModal .modal-header{
  min-height:78px!important;
  padding:18px 22px!important;
  border-bottom:1px solid #dee2e6!important;
  border-radius:0!important;
}
body.hrms-old-page #statusManagerModal .modal-body,
body.hrms-module-page #statusManagerModal .modal-body{
  padding:22px!important;
  overflow:auto!important;
  background:#fff!important;
}
body.hrms-old-page #statusManagerModal .modal-footer,
body.hrms-module-page #statusManagerModal .modal-footer{
  padding:14px 22px!important;
  border-top:1px solid #dee2e6!important;
  border-radius:0!important;
}
body.hrms-old-page #statusManagerModal .modal-status-layout,
body.hrms-module-page #statusManagerModal .modal-status-layout{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.35fr) minmax(420px,.85fr)!important;
  gap:18px!important;
  align-items:start!important;
}
body.hrms-old-page #statusManagerModal .modal-card-soft,
body.hrms-module-page #statusManagerModal .modal-card-soft{
  background:#fff!important;
  border:1px solid #dee2e6!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:16px!important;
  min-height:500px!important;
  overflow:auto!important;
}
body.hrms-old-page #statusManagerModal .form-select,
body.hrms-old-page #statusManagerModal .form-control,
body.hrms-module-page #statusManagerModal .form-select,
body.hrms-module-page #statusManagerModal .form-control{border-radius:0!important;}
body.hrms-old-page .note-editor,
body.hrms-old-page .note-editor .note-toolbar,
body.hrms-old-page .note-editor .note-editing-area,
body.hrms-old-page .note-editor .note-editable,
body.hrms-module-page .note-editor,
body.hrms-module-page .note-editor .note-toolbar,
body.hrms-module-page .note-editor .note-editing-area,
body.hrms-module-page .note-editor .note-editable{
  border-radius:0!important;
}
@media (max-width:991.98px){
  body.hrms-old-page #statusManagerModal .modal-status-layout,
  body.hrms-module-page #statusManagerModal .modal-status-layout{grid-template-columns:1fr!important;}
  body.hrms-old-page #statusManagerModal .modal-card-soft,
  body.hrms-module-page #statusManagerModal .modal-card-soft{min-height:auto!important;}
}

/* HRMS Bootstrap modal reset: keep Bootstrap modals pure, not mixed with Apple/Drive modal CSS. */
body.hrms-old-page.hrms-module-page .modal,
body.hrms-old-page.hrms-module-page .modal.fade,
body.hrms-old-page.hrms-module-page .modal.show,
body.hrms-old-page.hrms-module-page .modal.fade.show{
  position:fixed!important;
  top:0!important;
  left:0!important;
  z-index:1055!important;
  display:none!important;
  width:100%!important;
  height:100%!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  outline:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.hrms-old-page.hrms-module-page .modal.show,
body.hrms-old-page.hrms-module-page .modal.fade.show{
  display:block!important;
}
body.hrms-old-page.hrms-module-page .modal-dialog{
  position:relative!important;
  width:auto!important;
  max-width:var(--bs-modal-width, 500px)!important;
  margin:var(--bs-modal-margin, .5rem)!important;
  pointer-events:none!important;
  transform:none;
}
body.hrms-old-page.hrms-module-page .modal.fade .modal-dialog{
  transition:transform .3s ease-out!important;
  transform:translate(0,-50px)!important;
}
body.hrms-old-page.hrms-module-page .modal.show .modal-dialog{
  transform:none!important;
}
body.hrms-old-page.hrms-module-page .modal-dialog-centered{
  display:flex!important;
  align-items:center!important;
  min-height:calc(100% - var(--bs-modal-margin, .5rem) * 2)!important;
}
body.hrms-old-page.hrms-module-page .modal-dialog-scrollable{
  height:calc(100% - var(--bs-modal-margin, .5rem) * 2)!important;
}
body.hrms-old-page.hrms-module-page .modal-dialog-scrollable .modal-content{
  max-height:100%!important;
  overflow:hidden!important;
}
body.hrms-old-page.hrms-module-page .modal-dialog-scrollable .modal-body{
  overflow-y:auto!important;
}
body.hrms-old-page.hrms-module-page .modal-content{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  pointer-events:auto!important;
  background-color:#fff!important;
  background-clip:padding-box!important;
  border:1px solid rgba(0,0,0,.175)!important;
  border-radius:.5rem!important;
  outline:0!important;
  box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important;
  color:#0f172a!important;
  overflow:hidden!important;
}
body.hrms-old-page.hrms-module-page .modal-header{
  display:flex!important;
  flex-shrink:0!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:1rem!important;
  border-bottom:1px solid #dee2e6!important;
  background:#fff!important;
}
body.hrms-old-page.hrms-module-page .modal-title,
body.hrms-old-page.hrms-module-page .modal-header h1,
body.hrms-old-page.hrms-module-page .modal-header h2,
body.hrms-old-page.hrms-module-page .modal-header h3,
body.hrms-old-page.hrms-module-page .modal-header h4,
body.hrms-old-page.hrms-module-page .modal-header h5{
  margin-bottom:0!important;
  line-height:1.5!important;
  font-weight:700!important;
  color:#0f172a!important;
}
body.hrms-old-page.hrms-module-page .modal-body{
  position:relative!important;
  flex:1 1 auto!important;
  padding:1rem!important;
  background:#fff!important;
}
body.hrms-old-page.hrms-module-page .modal-footer{
  display:flex!important;
  flex-shrink:0!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-end!important;
  padding:.75rem!important;
  border-top:1px solid #dee2e6!important;
  background:#fff!important;
  gap:.5rem!important;
}
body.hrms-old-page.hrms-module-page.modal-open .modal-backdrop,
body.hrms-old-page.hrms-module-page.modal-open .modal-backdrop.fade,
body.hrms-old-page.hrms-module-page.modal-open .modal-backdrop.show{
  position:fixed!important;
  top:0!important;
  left:0!important;
  z-index:1050!important;
  width:100vw!important;
  height:100vh!important;
  background-color:#000!important;
  display:block!important;
}
body.hrms-old-page.hrms-module-page.modal-open .modal-backdrop.fade{opacity:0!important;}
body.hrms-old-page.hrms-module-page.modal-open .modal-backdrop.show{opacity:.5!important;}
@media (min-width:576px){
  body.hrms-old-page.hrms-module-page .modal-dialog{
    max-width:500px!important;
    margin:1.75rem auto!important;
  }
  body.hrms-old-page.hrms-module-page .modal-dialog-centered{
    min-height:calc(100% - 3.5rem)!important;
  }
  body.hrms-old-page.hrms-module-page .modal-dialog-scrollable{
    height:calc(100% - 3.5rem)!important;
  }
}
@media (min-width:992px){
  body.hrms-old-page.hrms-module-page .modal-lg,
  body.hrms-old-page.hrms-module-page .modal-xl{
    max-width:800px!important;
  }
}
@media (min-width:1200px){
  body.hrms-old-page.hrms-module-page .modal-xl{
    max-width:1140px!important;
  }
}
body.hrms-old-page.hrms-module-page .modal-fullscreen,
body.hrms-old-page.hrms-module-page #statusManagerModal .modal-dialog,
body.hrms-old-page.hrms-module-page #statusManagerModal .modal-dialog.modal-fullscreen{
  width:100vw!important;
  max-width:none!important;
  height:100%!important;
  margin:0!important;
}
body.hrms-old-page.hrms-module-page .modal-fullscreen .modal-content,
body.hrms-old-page.hrms-module-page #statusManagerModal .modal-content{
  height:100%!important;
  min-height:100vh!important;
  max-height:100vh!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.hrms-old-page.hrms-module-page #statusManagerModal .modal-header,
body.hrms-old-page.hrms-module-page #statusManagerModal .modal-footer{
  border-radius:0!important;
}
body.hrms-old-page.hrms-module-page #statusManagerModal .modal-body{
  padding:1.25rem!important;
  overflow-y:auto!important;
}
body.hrms-old-page.hrms-module-page #statusManagerModal .modal-status-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr)!important;
  gap:1rem!important;
  align-items:start!important;
  max-width:1400px!important;
  margin:0 auto!important;
}
body.hrms-old-page.hrms-module-page #statusManagerModal .modal-card-soft{
  border:1px solid #dee2e6!important;
  border-radius:.375rem!important;
  background:#fff!important;
  padding:1rem!important;
  box-shadow:none!important;
}
body.hrms-old-page.hrms-module-page #statusManagerModal .note-editor,
body.hrms-old-page.hrms-module-page #statusManagerModal .note-toolbar,
body.hrms-old-page.hrms-module-page #statusManagerModal .note-editing-area,
body.hrms-old-page.hrms-module-page #statusManagerModal .note-statusbar,
body.hrms-old-page.hrms-module-page .note-editor,
body.hrms-old-page.hrms-module-page .note-toolbar,
body.hrms-old-page.hrms-module-page .note-editing-area,
body.hrms-old-page.hrms-module-page .note-statusbar{
  border-radius:0!important;
}
body.hrms-old-page.hrms-module-page #statusManagerModal .note-editor.note-frame,
body.hrms-old-page.hrms-module-page .note-editor.note-frame{
  border:1px solid #ced4da!important;
}
body.hrms-old-page.hrms-module-page .apple-alert-backdrop{
  z-index:20000!important;
}
body.hrms-old-page.hrms-module-page .apple-alert-icon svg{
  width:24px!important;
  height:24px!important;
  display:block!important;
}
@media (max-width:991.98px){
  body.hrms-old-page.hrms-module-page #statusManagerModal .modal-status-layout{
    grid-template-columns:1fr!important;
  }
}

/* HRMS V42 final modal/prompt/badge polish. Scoped only to HRMS. */
body.hrms-old-page.hrms-module-page .apple-alert-backdrop,
body[data-module="hrms"].hrms-old-page .apple-alert-backdrop{
  z-index:1085!important;
}
body.hrms-old-page.hrms-module-page .modal-backdrop,
body.hrms-old-page.hrms-module-page .modal-backdrop.fade,
body.hrms-old-page.hrms-module-page .modal-backdrop.show{
  position:fixed!important;
  inset:0!important;
  z-index:1050!important;
  background:#111827!important;
  opacity:.58!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
body.hrms-old-page.hrms-module-page .modal,
body.hrms-old-page.hrms-module-page .modal.fade{
  z-index:1055!important;
  background:transparent!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
body.hrms-old-page.hrms-module-page .modal-content{
  border-radius:.5rem!important;
  background:#fff!important;
  color:#0f172a!important;
}
body.hrms-old-page.hrms-module-page .modal-fullscreen .modal-content,
body.hrms-old-page.hrms-module-page #statusManagerModal .modal-content{
  border-radius:0!important;
}
body.hrms-old-page.hrms-module-page #statusManagerModal{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  padding:0!important;
  margin:0!important;
  display:none!important;
  overflow:hidden!important;
  background:transparent!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
body.hrms-old-page.hrms-module-page #statusManagerModal.show{
  display:block!important;
}
body.hrms-old-page.hrms-module-page #statusManagerModal .modal-dialog,
body.hrms-old-page.hrms-module-page #statusManagerModal .modal-dialog.modal-fullscreen,
body.hrms-old-page.hrms-module-page #statusManagerModal .modal-dialog.modal-dialog-scrollable{
  width:100vw!important;
  max-width:none!important;
  height:100vh!important;
  max-height:100vh!important;
  min-height:100vh!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
}
body.hrms-old-page.hrms-module-page #statusManagerModal .modal-content{
  width:100vw!important;
  max-width:none!important;
  height:100vh!important;
  max-height:100vh!important;
  min-height:100vh!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  background:#fff!important;
}
body.hrms-old-page.hrms-module-page #statusManagerModal .modal-header{
  min-height:72px!important;
  padding:16px 22px!important;
  background:#fff!important;
  border-bottom:1px solid #dee2e6!important;
  border-radius:0!important;
}
body.hrms-old-page.hrms-module-page #statusManagerModal .modal-body{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:auto!important;
  padding:20px!important;
  background:#fff!important;
}
body.hrms-old-page.hrms-module-page #statusManagerModal .modal-footer{
  min-height:64px!important;
  padding:12px 22px!important;
  background:#fff!important;
  border-top:1px solid #dee2e6!important;
  border-radius:0!important;
}
body.hrms-old-page.hrms-module-page #statusManagerModal .modal-status-layout{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.35fr) minmax(380px,.65fr)!important;
  gap:16px!important;
  align-items:stretch!important;
}
body.hrms-old-page.hrms-module-page #statusManagerModal .modal-card-soft{
  background:#fff!important;
  border:1px solid #dee2e6!important;
  border-radius:.375rem!important;
  padding:16px!important;
  box-shadow:none!important;
  min-width:0!important;
}
body.hrms-old-page.hrms-module-page #statusManagerModal #historyTableWrapModal{
  overflow:auto!important;
}
body.hrms-old-page.hrms-module-page #statusManagerModal #historyTableWrapModal table{
  min-width:780px!important;
}
body.hrms-old-page.hrms-module-page .note-editor,
body.hrms-old-page.hrms-module-page .note-editor.note-frame,
body.hrms-old-page.hrms-module-page .note-toolbar,
body.hrms-old-page.hrms-module-page .note-editing-area,
body.hrms-old-page.hrms-module-page .note-editable,
body.hrms-old-page.hrms-module-page .note-statusbar,
body.hrms-old-page.hrms-module-page .note-btn,
body.hrms-old-page.hrms-module-page .note-dropdown-menu{
  border-radius:0!important;
}
body.hrms-old-page.hrms-module-page .hrms-badge-auto,
body.hrms-old-page.hrms-module-page .badge.hrms-badge-auto,
body.hrms-old-page.hrms-module-page .hrms-status-badge.hrms-badge-auto,
body.hrms-old-page.hrms-module-page .status-badge.hrms-badge-auto{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-height:24px!important;
  padding:4px 10px!important;
  border-radius:999px!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1!important;
  border:1px solid transparent!important;
  background:#f8fafc!important;
  color:#475569!important;
}
body.hrms-old-page.hrms-module-page .hrms-badge-auto::before{
  content:""!important;
  width:6px!important;
  height:6px!important;
  border-radius:999px!important;
  background:currentColor!important;
  flex:0 0 6px!important;
}
body.hrms-old-page.hrms-module-page .hrms-badge-success{background:#ecfdf3!important;border-color:#abeFC6!important;color:#067647!important;}
body.hrms-old-page.hrms-module-page .hrms-badge-warning{background:#fffaeb!important;border-color:#fedf89!important;color:#b54708!important;}
body.hrms-old-page.hrms-module-page .hrms-badge-danger{background:#fef3f2!important;border-color:#fecdca!important;color:#b42318!important;}
body.hrms-old-page.hrms-module-page .hrms-badge-info{background:#eff8ff!important;border-color:#b2ddff!important;color:#175cd3!important;}
body.hrms-old-page.hrms-module-page .hrms-badge-purple{background:#f4f3ff!important;border-color:#d9d6fe!important;color:#5925dc!important;}
body.hrms-old-page.hrms-module-page .hrms-badge-muted{background:#f8fafc!important;border-color:#e2e8f0!important;color:#475569!important;}
body.hrms-old-page.hrms-module-page .hrms-table-toolbar-right,
body.hrms-old-page.hrms-module-page .card-header .hrms-table-toolbar-right{
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
}
@media(max-width:991.98px){
  body.hrms-old-page.hrms-module-page #statusManagerModal .modal-status-layout{grid-template-columns:1fr!important;}
}

/* HRMS v44 - final Bootstrap Status Manager modal and status badge colors */
body.hrms-old-page.hrms-module-page #statusManagerModal.modal,
body.hrms-old-page.hrms-review-page #statusManagerModal.modal{
  position:fixed!important;
  inset:0!important;
  z-index:1055!important;
  width:100vw!important;
  height:100vh!important;
  overflow:hidden!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0!important;
}
body.hrms-old-page.hrms-module-page #statusManagerModal.modal.show,
body.hrms-old-page.hrms-review-page #statusManagerModal.modal.show{
  display:block!important;
}
body.hrms-old-page.hrms-module-page #statusManagerModal .modal-dialog,
body.hrms-old-page.hrms-review-page #statusManagerModal .modal-dialog,
body.hrms-old-page.hrms-module-page #statusManagerModal .modal-dialog.modal-fullscreen,
body.hrms-old-page.hrms-review-page #statusManagerModal .modal-dialog.modal-fullscreen{
  width:100vw!important;
  max-width:none!important;
  height:100vh!important;
  min-height:100vh!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  pointer-events:none!important;
}
body.hrms-old-page.hrms-module-page #statusManagerModal .modal-content,
body.hrms-old-page.hrms-review-page #statusManagerModal .modal-content{
  width:100vw!important;
  height:100vh!important;
  min-height:100vh!important;
  max-height:100vh!important;
  display:flex!important;
  flex-direction:column!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#fff!important;
  color:#0f172a!important;
  overflow:hidden!important;
  pointer-events:auto!important;
}
body.hrms-old-page.hrms-module-page #statusManagerModal .modal-header,
body.hrms-old-page.hrms-review-page #statusManagerModal .modal-header{
  height:auto!important;
  min-height:76px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding:20px 22px!important;
  background:#fff!important;
  border-bottom:1px solid #dee2e6!important;
  border-radius:0!important;
  flex:0 0 auto!important;
}
body.hrms-old-page.hrms-module-page #statusManagerModal .modal-title,
body.hrms-old-page.hrms-review-page #statusManagerModal .modal-title{
  font-size:22px!important;
  line-height:1.15!important;
  font-weight:800!important;
  color:#0f172a!important;
  margin:0!important;
}
body.hrms-old-page.hrms-module-page #statusManagerModal .modal-header p,
body.hrms-old-page.hrms-review-page #statusManagerModal .modal-header p{
  margin:6px 0 0!important;
  font-size:13px!important;
  color:#667085!important;
}
body.hrms-old-page.hrms-module-page #statusManagerModal .btn-close,
body.hrms-old-page.hrms-review-page #statusManagerModal .btn-close{
  width:36px!important;
  height:36px!important;
  padding:0!important;
  margin:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  opacity:.65!important;
}
body.hrms-old-page.hrms-module-page #statusManagerModal .modal-body,
body.hrms-old-page.hrms-review-page #statusManagerModal .modal-body{
  flex:1 1 auto!important;
  padding:20px!important;
  background:#fff!important;
  overflow:auto!important;
}
body.hrms-old-page.hrms-module-page #statusManagerModal .modal-status-layout,
body.hrms-old-page.hrms-review-page #statusManagerModal .modal-status-layout{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.35fr) minmax(420px,.9fr)!important;
  gap:16px!important;
  align-items:stretch!important;
}
body.hrms-old-page.hrms-module-page #statusManagerModal .modal-card-soft,
body.hrms-old-page.hrms-review-page #statusManagerModal .modal-card-soft{
  width:100%!important;
  min-width:0!important;
  min-height:480px!important;
  padding:16px!important;
  background:#fff!important;
  border:1px solid #dee2e6!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:auto!important;
}
body.hrms-old-page.hrms-module-page #statusManagerModal .modal-card-soft h6,
body.hrms-old-page.hrms-review-page #statusManagerModal .modal-card-soft h6{
  font-size:16px!important;
  font-weight:800!important;
  margin:0 0 16px!important;
  color:#0f172a!important;
}
body.hrms-old-page.hrms-module-page #statusManagerModal #historyTableWrapModal,
body.hrms-old-page.hrms-review-page #statusManagerModal #historyTableWrapModal{
  width:100%!important;
  overflow:auto!important;
}
body.hrms-old-page.hrms-module-page #statusManagerModal #historyTableWrapModal table,
body.hrms-old-page.hrms-review-page #statusManagerModal #historyTableWrapModal table{
  width:100%!important;
  min-width:820px!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  border:1px solid #dee2e6!important;
}
body.hrms-old-page.hrms-module-page #statusManagerModal #historyTableWrapModal thead th,
body.hrms-old-page.hrms-review-page #statusManagerModal #historyTableWrapModal thead th{
  background:#f8f9fa!important;
  color:#0f172a!important;
  font-size:13px!important;
  font-weight:800!important;
  border-bottom:1px solid #dee2e6!important;
  padding:12px!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
body.hrms-old-page.hrms-module-page #statusManagerModal #historyTableWrapModal tbody td,
body.hrms-old-page.hrms-review-page #statusManagerModal #historyTableWrapModal tbody td{
  padding:12px!important;
  border-bottom:1px solid #dee2e6!important;
  color:#0f172a!important;
  font-size:14px!important;
}
body.hrms-old-page.hrms-module-page #statusManagerModal .quick-info-row,
body.hrms-old-page.hrms-review-page #statusManagerModal .quick-info-row{
  display:grid!important;
  grid-template-columns:120px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  padding:0 0 12px!important;
  margin:0 0 12px!important;
  border-bottom:1px solid #e5e7eb!important;
}
body.hrms-old-page.hrms-module-page #statusManagerModal .quick-info-row b,
body.hrms-old-page.hrms-review-page #statusManagerModal .quick-info-row b{
  font-weight:800!important;
  color:#0f172a!important;
}
body.hrms-old-page.hrms-module-page #statusManagerModal .quick-info-row span,
body.hrms-old-page.hrms-review-page #statusManagerModal .quick-info-row span{
  text-align:right!important;
  color:#0f172a!important;
}
body.hrms-old-page.hrms-module-page #statusManagerModal .form-label,
body.hrms-old-page.hrms-review-page #statusManagerModal .form-label{
  font-size:14px!important;
  font-weight:800!important;
  color:#0f172a!important;
  margin-bottom:8px!important;
}
body.hrms-old-page.hrms-module-page #statusManagerModal .form-control,
body.hrms-old-page.hrms-module-page #statusManagerModal .form-select,
body.hrms-old-page.hrms-review-page #statusManagerModal .form-control,
body.hrms-old-page.hrms-review-page #statusManagerModal .form-select{
  height:auto!important;
  min-height:38px!important;
  border:1px solid #dee2e6!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:#0f172a!important;
  background-color:#fff!important;
}
body.hrms-old-page.hrms-module-page #statusManagerModal .note-editor,
body.hrms-old-page.hrms-module-page #statusManagerModal .note-editor.note-frame,
body.hrms-old-page.hrms-module-page #statusManagerModal .note-toolbar,
body.hrms-old-page.hrms-module-page #statusManagerModal .note-editing-area,
body.hrms-old-page.hrms-module-page #statusManagerModal .note-editable,
body.hrms-old-page.hrms-module-page #statusManagerModal .note-statusbar,
body.hrms-old-page.hrms-review-page #statusManagerModal .note-editor,
body.hrms-old-page.hrms-review-page #statusManagerModal .note-editor.note-frame,
body.hrms-old-page.hrms-review-page #statusManagerModal .note-toolbar,
body.hrms-old-page.hrms-review-page #statusManagerModal .note-editing-area,
body.hrms-old-page.hrms-review-page #statusManagerModal .note-editable,
body.hrms-old-page.hrms-review-page #statusManagerModal .note-statusbar{
  border-radius:0!important;
}
body.hrms-old-page.hrms-module-page #statusManagerModal .note-editor.note-frame,
body.hrms-old-page.hrms-review-page #statusManagerModal .note-editor.note-frame{
  border:1px solid #dee2e6!important;
}
body.hrms-old-page.hrms-module-page #statusManagerModal .note-toolbar,
body.hrms-old-page.hrms-review-page #statusManagerModal .note-toolbar{
  background:#f8f9fa!important;
  border-bottom:1px solid #dee2e6!important;
}
body.hrms-old-page.hrms-module-page #statusManagerModal #btnSaveStatus,
body.hrms-old-page.hrms-review-page #statusManagerModal #btnSaveStatus{
  height:42px!important;
  border-radius:0!important;
  background:#050505!important;
  border-color:#050505!important;
  color:#fff!important;
  font-weight:800!important;
  box-shadow:none!important;
}
body.hrms-old-page.hrms-module-page #statusManagerModal .modal-footer,
body.hrms-old-page.hrms-review-page #statusManagerModal .modal-footer{
  flex:0 0 auto!important;
  min-height:64px!important;
  padding:14px 22px!important;
  border-top:1px solid #dee2e6!important;
  background:#fff!important;
  border-radius:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
}
body.hrms-old-page.hrms-module-page #statusManagerModal .modal-footer .btn,
body.hrms-old-page.hrms-review-page #statusManagerModal .modal-footer .btn{
  border-radius:6px!important;
  padding:8px 18px!important;
  font-weight:800!important;
}
body.hrms-old-page.hrms-module-page.modal-open .modal-backdrop,
body.hrms-old-page.hrms-review-page.modal-open .modal-backdrop{
  background:#000!important;
  opacity:.5!important;
}
@media(max-width:991.98px){
  body.hrms-old-page.hrms-module-page #statusManagerModal .modal-status-layout,
  body.hrms-old-page.hrms-review-page #statusManagerModal .modal-status-layout{grid-template-columns:1fr!important;}
  body.hrms-old-page.hrms-module-page #statusManagerModal .modal-card-soft,
  body.hrms-old-page.hrms-review-page #statusManagerModal .modal-card-soft{min-height:auto!important;}
  body.hrms-old-page.hrms-module-page #statusManagerModal .quick-info-row span,
  body.hrms-old-page.hrms-review-page #statusManagerModal .quick-info-row span{text-align:left!important;}
}

/* HRMS v44 - stronger status badge color system */
body.hrms-old-page.hrms-module-page .app-status-offer,
body.hrms-old-page.hrms-module-page .hrms-badge-offer{background:#f4f3ff!important;border-color:#d9d6fe!important;color:#5925dc!important;}
body.hrms-old-page.hrms-module-page .app-status-applied,
body.hrms-old-page.hrms-module-page .hrms-badge-applied{background:#eff8ff!important;border-color:#b2ddff!important;color:#175cd3!important;}
body.hrms-old-page.hrms-module-page .app-status-screened,
body.hrms-old-page.hrms-module-page .hrms-badge-screened{background:#f4f3ff!important;border-color:#d9d6fe!important;color:#5925dc!important;}
body.hrms-old-page.hrms-module-page .app-status-interview,
body.hrms-old-page.hrms-module-page .hrms-badge-interview,
body.hrms-old-page.hrms-module-page .hrms-badge-scheduled{background:#fff7ed!important;border-color:#fed7aa!important;color:#b45309!important;}
body.hrms-old-page.hrms-module-page .app-status-hired,
body.hrms-old-page.hrms-module-page .hrms-badge-hired,
body.hrms-old-page.hrms-module-page .hrms-badge-open,
body.hrms-old-page.hrms-module-page .hrms-badge-active,
body.hrms-old-page.hrms-module-page .hrms-badge-approved,
body.hrms-old-page.hrms-module-page .hrms-badge-completed,
body.hrms-old-page.hrms-module-page .hrms-badge-present,
body.hrms-old-page.hrms-module-page .hrms-badge-paid{background:#ecfdf3!important;border-color:#abefc6!important;color:#027a48!important;}
body.hrms-old-page.hrms-module-page .app-status-rejected,
body.hrms-old-page.hrms-module-page .hrms-badge-rejected,
body.hrms-old-page.hrms-module-page .hrms-badge-declined,
body.hrms-old-page.hrms-module-page .hrms-badge-closed,
body.hrms-old-page.hrms-module-page .hrms-badge-inactive,
body.hrms-old-page.hrms-module-page .hrms-badge-expired,
body.hrms-old-page.hrms-module-page .hrms-badge-absent,
body.hrms-old-page.hrms-module-page .hrms-badge-failed{background:#fff1f3!important;border-color:#fecdca!important;color:#d92d20!important;}
body.hrms-old-page.hrms-module-page .hrms-badge-pending,
body.hrms-old-page.hrms-module-page .hrms-badge-draft,
body.hrms-old-page.hrms-module-page .hrms-badge-review,
body.hrms-old-page.hrms-module-page .hrms-badge-onhold,
body.hrms-old-page.hrms-module-page .hrms-badge-awaiting{background:#fffaeb!important;border-color:#fedf89!important;color:#b54708!important;}

/* HRMS v45 - enforced badge/status colors for every HRMS table and modal. Scoped to HRMS only. */
body.hrms-old-page .hrms-badge-auto,
body.hrms-old-page .app-status-badge,
body.hrms-old-page .status-badge,
body.hrms-old-page .badge-status,
body.hrms-old-page .table-tag,
body.hrms-old-page .tag,
body.hrms-old-page .cert-status-badge,
body.hrms-old-page .period-badge,
body.hrms-old-page .score-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  max-width:max-content!important;
  min-width:auto!important;
  min-height:24px!important;
  padding:4px 10px!important;
  gap:6px!important;
  border-radius:999px!important;
  border:1px solid transparent!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1!important;
  text-transform:none!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}
body.hrms-old-page .hrms-badge-auto::before,
body.hrms-old-page .app-status-badge::before,
body.hrms-old-page .status-badge::before,
body.hrms-old-page .badge-status::before,
body.hrms-old-page .table-tag::before,
body.hrms-old-page .tag::before,
body.hrms-old-page .cert-status-badge::before,
body.hrms-old-page .period-badge::before{
  content:""!important;
  width:6px!important;
  height:6px!important;
  border-radius:999px!important;
  background:currentColor!important;
  flex:0 0 6px!important;
}
body.hrms-old-page .hrms-status-blue,
body.hrms-old-page .hrms-badge-blue,
body.hrms-old-page .hrms-badge-info,
body.hrms-old-page .hrms-badge-applied,
body.hrms-old-page .hrms-badge-interview,
body.hrms-old-page .hrms-badge-scheduled,
body.hrms-old-page .hrms-badge-submitted,
body.hrms-old-page .hrms-badge-sent,
body.hrms-old-page .app-status-applied,
body.hrms-old-page .app-status-interview,
body.hrms-old-page .app-status-scheduled,
body.hrms-old-page .status-badge.st-applied,
body.hrms-old-page .status-badge.st-interview,
body.hrms-old-page .badge-status-present,
body.hrms-old-page .badge-soft-info,
body.hrms-old-page .text-info.hrms-badge-auto{
  background:#eff8ff!important;
  border-color:#b2ddff!important;
  color:#175cd3!important;
}
body.hrms-old-page .hrms-status-purple,
body.hrms-old-page .hrms-badge-purple,
body.hrms-old-page .hrms-badge-screened,
body.hrms-old-page .hrms-badge-offer,
body.hrms-old-page .hrms-badge-benefit,
body.hrms-old-page .hrms-badge-benefits,
body.hrms-old-page .hrms-badge-medical,
body.hrms-old-page .hrms-badge-certification,
body.hrms-old-page .hrms-badge-course,
body.hrms-old-page .app-status-screened,
body.hrms-old-page .app-status-offer,
body.hrms-old-page .status-badge.st-screened,
body.hrms-old-page .status-badge.st-offer{
  background:#f4f3ff!important;
  border-color:#d9d6fe!important;
  color:#5925dc!important;
}
body.hrms-old-page .hrms-status-green,
body.hrms-old-page .hrms-badge-green,
body.hrms-old-page .hrms-badge-success,
body.hrms-old-page .hrms-badge-active,
body.hrms-old-page .hrms-badge-open,
body.hrms-old-page .hrms-badge-approved,
body.hrms-old-page .hrms-badge-hired,
body.hrms-old-page .hrms-badge-completed,
body.hrms-old-page .hrms-badge-confirmed,
body.hrms-old-page .hrms-badge-accepted,
body.hrms-old-page .hrms-badge-paid,
body.hrms-old-page .hrms-badge-present,
body.hrms-old-page .hrms-badge-current,
body.hrms-old-page .hrms-badge-verified,
body.hrms-old-page .hrms-badge-passed,
body.hrms-old-page .app-status-hired,
body.hrms-old-page .status-badge.st-hired,
body.hrms-old-page .badge-status-active,
body.hrms-old-page .badge-status-open,
body.hrms-old-page .badge-status-approved,
body.hrms-old-page .badge-soft-success,
body.hrms-old-page .text-success.hrms-badge-auto{
  background:#ecfdf3!important;
  border-color:#abefc6!important;
  color:#067647!important;
}
body.hrms-old-page .hrms-status-amber,
body.hrms-old-page .hrms-badge-amber,
body.hrms-old-page .hrms-badge-warning,
body.hrms-old-page .hrms-badge-pending,
body.hrms-old-page .hrms-badge-review,
body.hrms-old-page .hrms-badge-screening,
body.hrms-old-page .hrms-badge-awaiting,
body.hrms-old-page .hrms-badge-draft,
body.hrms-old-page .hrms-badge-onhold,
body.hrms-old-page .hrms-badge-on-hold,
body.hrms-old-page .hrms-badge-probation,
body.hrms-old-page .hrms-badge-leave,
body.hrms-old-page .hrms-badge-loan,
body.hrms-old-page .badge-status-probation,
body.hrms-old-page .badge-status-suspended,
body.hrms-old-page .badge-soft-warning,
body.hrms-old-page .text-warning.hrms-badge-auto{
  background:#fffaeb!important;
  border-color:#fedf89!important;
  color:#b54708!important;
}
body.hrms-old-page .hrms-status-red,
body.hrms-old-page .hrms-badge-red,
body.hrms-old-page .hrms-badge-danger,
body.hrms-old-page .hrms-badge-rejected,
body.hrms-old-page .hrms-badge-declined,
body.hrms-old-page .hrms-badge-closed,
body.hrms-old-page .hrms-badge-inactive,
body.hrms-old-page .hrms-badge-expired,
body.hrms-old-page .hrms-badge-absent,
body.hrms-old-page .hrms-badge-failed,
body.hrms-old-page .hrms-badge-cancelled,
body.hrms-old-page .hrms-badge-canceled,
body.hrms-old-page .hrms-badge-withdrawn,
body.hrms-old-page .hrms-badge-terminated,
body.hrms-old-page .hrms-badge-overdue,
body.hrms-old-page .app-status-rejected,
body.hrms-old-page .status-badge.st-rejected,
body.hrms-old-page .badge-status-disabled,
body.hrms-old-page .badge-status-inactive,
body.hrms-old-page .badge-status-absent,
body.hrms-old-page .badge-status-exited,
body.hrms-old-page .badge-soft-danger,
body.hrms-old-page .text-danger.hrms-badge-auto{
  background:#fef3f2!important;
  border-color:#fecdca!important;
  color:#b42318!important;
}
body.hrms-old-page .hrms-status-slate,
body.hrms-old-page .hrms-badge-muted,
body.hrms-old-page .hrms-badge-gray,
body.hrms-old-page .hrms-badge-archived,
body.hrms-old-page .hrms-badge-unknown,
body.hrms-old-page .hrms-badge-none,
body.hrms-old-page .app-status-unknown,
body.hrms-old-page .badge-status-off,
body.hrms-old-page .badge-status-archived,
body.hrms-old-page .badge-soft-secondary,
body.hrms-old-page .text-secondary.hrms-badge-auto{
  background:#f8fafc!important;
  border-color:#e2e8f0!important;
  color:#475467!important;
}

/* HRMS v47: keep table filter/sort dropdowns close to their buttons and auto-filter friendly */
body.hrms-old-page.hrms-module-page .card-header .hrms-table-toolbar-right,
body.hrms-old-page.hrms-module-page .hrms-table-toolbar-right{
  position:relative!important;
  overflow:visible!important;
}
body.hrms-old-page.hrms-module-page .card-header,
body.hrms-old-page.hrms-module-page .card,
body.hrms-old-page.hrms-module-page .hrms-table-card,
body.hrms-old-page.hrms-module-page .hrms-themed-panel{
  overflow:visible!important;
}
body.hrms-old-page.hrms-module-page .hrms-table-toolbar-right .dropdown{
  position:relative!important;
  overflow:visible!important;
}
body.hrms-old-page.hrms-module-page .hrms-table-toolbar-right .dropdown-menu{
  position:absolute!important;
  top:calc(100% + 8px)!important;
  right:0!important;
  left:auto!important;
  bottom:auto!important;
  margin:0!important;
  transform:none!important;
  translate:none!important;
  z-index:1080!important;
  list-style:none!important;
}
body.hrms-old-page.hrms-module-page .hrms-table-toolbar-right .dropdown-menu.show{
  display:block!important;
}
body.hrms-old-page.hrms-module-page .hrms-table-toolbar-right .filter-dropdown.dropdown-menu,
body.hrms-old-page.hrms-module-page .hrms-table-toolbar-right .dropdown-menu.filter-dropdown{
  width:min(420px, calc(100vw - 32px))!important;
  max-width:calc(100vw - 32px)!important;
}
body.hrms-old-page.hrms-module-page .hrms-table-toolbar-right .dropdown-menu:not(.filter-dropdown){
  min-width:220px!important;
}
body.hrms-old-page.hrms-module-page .hrms-table-toolbar-right .dropdown-menu ul,
body.hrms-old-page.hrms-module-page .hrms-table-toolbar-right .dropdown-menu li{
  list-style:none!important;
  margin-left:0!important;
  padding-left:0!important;
}
body.hrms-old-page.hrms-module-page .hrms-table-toolbar-right .dropdown-menu li::marker{
  content:""!important;
}
body.hrms-old-page.hrms-module-page .filter-dropdown .form-control,
body.hrms-old-page.hrms-module-page .filter-dropdown .form-select,
body.hrms-old-page.hrms-module-page .filter-dropdown select,
body.hrms-old-page.hrms-module-page .filter-dropdown input{
  width:100%!important;
  max-width:100%!important;
}
@media (max-width:767.98px){
  body.hrms-old-page.hrms-module-page .hrms-table-toolbar-right .dropdown-menu{
    right:auto!important;
    left:0!important;
    max-width:calc(100vw - 28px)!important;
  }
}

/* HRMS v48 pipeline cleanup: scoped to HRMS pages only */
body.hrms-old-page[data-module="hrms"] .content > .alert.alert-info,
body.hrms-old-page[data-hrms-apple="true"] .content > .alert.alert-info{
  display:none!important;
}

body.hrms-old-page[data-module="hrms"] .pipeline-page-space,
body.hrms-old-page[data-hrms-apple="true"] .pipeline-page-space{
  padding-bottom:28px!important;
}

body.hrms-old-page[data-module="hrms"] .pipeline-page-space .d-flex.align-items-sm-center.justify-content-between,
body.hrms-old-page[data-hrms-apple="true"] .pipeline-page-space .d-flex.align-items-sm-center.justify-content-between{
  margin-bottom:22px!important;
}

body.hrms-old-page[data-module="hrms"] #board.pipeline-board,
body.hrms-old-page[data-hrms-apple="true"] #board.pipeline-board{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
  margin-left:0!important;
  margin-right:0!important;
}

body.hrms-old-page[data-module="hrms"] #board.pipeline-board > [class*="col-"],
body.hrms-old-page[data-hrms-apple="true"] #board.pipeline-board > [class*="col-"]{
  width:100%!important;
  max-width:none!important;
  flex:0 0 auto!important;
  padding:0!important;
  display:flex!important;
}

body.hrms-old-page[data-module="hrms"] .pipeline-stage-card,
body.hrms-old-page[data-hrms-apple="true"] .pipeline-stage-card{
  border:1px solid rgba(15,23,42,.08)!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 18px 45px rgba(15,23,42,.08)!important;
  overflow:hidden!important;
  min-height:520px!important;
}

body.hrms-old-page[data-module="hrms"] .pipeline-stage-header,
body.hrms-old-page[data-hrms-apple="true"] .pipeline-stage-header{
  min-height:76px!important;
  padding:18px 18px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.94))!important;
  border-bottom:1px solid rgba(15,23,42,.08)!important;
}

body.hrms-old-page[data-module="hrms"] .pipeline-stage-header h5,
body.hrms-old-page[data-hrms-apple="true"] .pipeline-stage-header h5{
  font-size:15px!important;
  font-weight:800!important;
  letter-spacing:-.01em!important;
  color:#0f172a!important;
}

body.hrms-old-page[data-module="hrms"] .pipeline-stage-header p,
body.hrms-old-page[data-hrms-apple="true"] .pipeline-stage-header p{
  color:#667085!important;
  font-size:12px!important;
}

body.hrms-old-page[data-module="hrms"] .pipeline-stage-dot,
body.hrms-old-page[data-hrms-apple="true"] .pipeline-stage-dot{
  width:10px!important;
  height:10px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  box-shadow:0 0 0 5px rgba(21,112,239,.08)!important;
}

body.hrms-old-page[data-module="hrms"] .pipeline-stage-header .badge,
body.hrms-old-page[data-hrms-apple="true"] .pipeline-stage-header .badge{
  min-width:36px!important;
  height:28px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  font-weight:800!important;
}

body.hrms-old-page[data-module="hrms"] .pipeline-stage-body,
body.hrms-old-page[data-hrms-apple="true"] .pipeline-stage-body{
  height:440px!important;
  max-height:440px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:14px!important;
  background:linear-gradient(180deg,#f8fafc 0%,#fff 100%)!important;
  scrollbar-width:thin!important;
  scrollbar-color:#cbd5e1 transparent!important;
}

body.hrms-old-page[data-module="hrms"] .pipeline-stage-body::-webkit-scrollbar,
body.hrms-old-page[data-hrms-apple="true"] .pipeline-stage-body::-webkit-scrollbar{
  width:8px!important;
}

body.hrms-old-page[data-module="hrms"] .pipeline-stage-body::-webkit-scrollbar-thumb,
body.hrms-old-page[data-hrms-apple="true"] .pipeline-stage-body::-webkit-scrollbar-thumb{
  background:#cbd5e1!important;
  border-radius:999px!important;
}

body.hrms-old-page[data-module="hrms"] .pipeline-candidate-card,
body.hrms-old-page[data-hrms-apple="true"] .pipeline-candidate-card{
  border:1px solid rgba(15,23,42,.08)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(15,23,42,.06)!important;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease!important;
}

body.hrms-old-page[data-module="hrms"] .pipeline-candidate-card:hover,
body.hrms-old-page[data-hrms-apple="true"] .pipeline-candidate-card:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(21,112,239,.20)!important;
  box-shadow:0 14px 30px rgba(15,23,42,.09)!important;
}

body.hrms-old-page[data-module="hrms"] .pipeline-candidate-card .card-body,
body.hrms-old-page[data-hrms-apple="true"] .pipeline-candidate-card .card-body{
  padding:14px!important;
}

body.hrms-old-page[data-module="hrms"] .pipeline-candidate-card h6,
body.hrms-old-page[data-hrms-apple="true"] .pipeline-candidate-card h6{
  color:#0f172a!important;
  font-weight:800!important;
  letter-spacing:-.01em!important;
}

body.hrms-old-page[data-module="hrms"] .pipeline-candidate-card .avatar,
body.hrms-old-page[data-hrms-apple="true"] .pipeline-candidate-card .avatar{
  width:34px!important;
  height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#eff6ff!important;
  color:#1570ef!important;
}

body.hrms-old-page[data-module="hrms"] .pipeline-candidate-card .candidate-actions,
body.hrms-old-page[data-hrms-apple="true"] .pipeline-candidate-card .candidate-actions{
  border-top:1px solid rgba(15,23,42,.06)!important;
  padding-top:12px!important;
  margin-top:10px!important;
}

body.hrms-old-page[data-module="hrms"] .pipeline-candidate-card .candidate-actions .btn,
body.hrms-old-page[data-hrms-apple="true"] .pipeline-candidate-card .candidate-actions .btn{
  height:34px!important;
  border-radius:12px!important;
  font-size:12px!important;
  font-weight:800!important;
  padding:0 10px!important;
}

body.hrms-old-page[data-module="hrms"] .pipeline-candidate-card .candidate-actions .btn-primary,
body.hrms-old-page[data-hrms-apple="true"] .pipeline-candidate-card .candidate-actions .btn-primary{
  background:#0f172a!important;
  border-color:#0f172a!important;
  color:#fff!important;
}

body.hrms-old-page[data-module="hrms"] .pipeline-stage-body .bg-light.p-4,
body.hrms-old-page[data-hrms-apple="true"] .pipeline-stage-body .bg-light.p-4{
  height:100%!important;
  min-height:150px!important;
  border:1px dashed rgba(100,116,139,.28)!important;
  border-radius:18px!important;
  background:rgba(248,250,252,.75)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
}

@media (max-width:1199.98px){
  body.hrms-old-page[data-module="hrms"] #board.pipeline-board,
  body.hrms-old-page[data-hrms-apple="true"] #board.pipeline-board{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width:767.98px){
  body.hrms-old-page[data-module="hrms"] #board.pipeline-board,
  body.hrms-old-page[data-hrms-apple="true"] #board.pipeline-board{
    grid-template-columns:1fr!important;
  }
  body.hrms-old-page[data-module="hrms"] .pipeline-stage-card,
  body.hrms-old-page[data-hrms-apple="true"] .pipeline-stage-card{
    min-height:430px!important;
  }
  body.hrms-old-page[data-module="hrms"] .pipeline-stage-body,
  body.hrms-old-page[data-hrms-apple="true"] .pipeline-stage-body{
    height:340px!important;
    max-height:340px!important;
  }
}

/* HRMS v49: pipeline dotted applicant cards and icon visibility */
body.hrms-old-page[data-module="hrms"] .pipeline-candidate-card,
body.hrms-old-page[data-hrms-apple="true"] .pipeline-candidate-card{
  border:1.5px dashed rgba(21,112,239,.28)!important;
  outline:4px solid rgba(21,112,239,.035)!important;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;
}
body.hrms-old-page[data-module="hrms"] .pipeline-candidate-card:hover,
body.hrms-old-page[data-hrms-apple="true"] .pipeline-candidate-card:hover{
  border-style:dashed!important;
  border-color:rgba(21,112,239,.52)!important;
  outline-color:rgba(21,112,239,.07)!important;
}
body.hrms-old-page[data-module="hrms"] .pipeline-candidate-card .avatar,
body.hrms-old-page[data-hrms-apple="true"] .pipeline-candidate-card .avatar{
  border:1px solid rgba(20,184,166,.28)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.72)!important;
}
body.hrms-old-page[data-module="hrms"] .ti,
body.hrms-old-page[data-hrms-apple="true"] .ti{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  vertical-align:-.125em!important;
  line-height:1!important;
}


/* HRMS v50 - Bootstrap view modal width and automatic page back button polish. */
body.hrms-old-page.hrms-module-page .modal.hrms-bootstrap-view-modal .modal-dialog.modal-xl,
body.hrms-old-page.hrms-module-page .modal .modal-dialog.hrms-candidate-view-dialog{
    width:min(980px, calc(100vw - 40px))!important;
    max-width:min(980px, calc(100vw - 40px))!important;
}
body.hrms-old-page.hrms-module-page .modal.hrms-bootstrap-view-modal .modal-content,
body.hrms-old-page.hrms-module-page #candidateViewModal .modal-content{
    border-radius:12px!important;
    border:1px solid rgba(15,23,42,.10)!important;
    box-shadow:0 24px 70px rgba(15,23,42,.24)!important;
}
body.hrms-old-page.hrms-module-page .modal.hrms-bootstrap-view-modal .modal-body{
    padding:22px!important;
}
body.hrms-old-page.hrms-module-page .hrms-candidate-view-grid{
    display:grid!important;
    grid-template-columns:repeat(2, minmax(0, 1fr))!important;
    gap:16px!important;
}
body.hrms-old-page.hrms-module-page .hrms-candidate-view-card{
    min-height:104px!important;
    border:1px solid rgba(15,23,42,.10)!important;
    border-radius:12px!important;
    background:#f8fafc!important;
    padding:18px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
}
body.hrms-old-page.hrms-module-page .hrms-candidate-view-card.is-wide{grid-column:1 / -1!important;}
body.hrms-old-page.hrms-module-page .hrms-candidate-view-card p{
    margin:0 0 8px!important;
    color:#667085!important;
    font-size:13px!important;
    font-weight:650!important;
}
body.hrms-old-page.hrms-module-page .hrms-candidate-view-card h6{
    margin:0!important;
    color:#111827!important;
    font-size:17px!important;
    line-height:1.28!important;
    font-weight:800!important;
    overflow-wrap:anywhere!important;
}
body.hrms-old-page.hrms-module-page .hrms-auto-back-holder{margin-left:auto!important;}
body.hrms-old-page.hrms-module-page .hrms-auto-back-btn{white-space:nowrap!important;}
body.hrms-old-page.hrms-module-page .hrms-duplicate-back-hidden{display:none!important;}
@media (max-width:767.98px){
    body.hrms-old-page.hrms-module-page .modal.hrms-bootstrap-view-modal .modal-dialog.modal-xl,
    body.hrms-old-page.hrms-module-page .modal .modal-dialog.hrms-candidate-view-dialog{
        width:calc(100vw - 20px)!important;
        max-width:calc(100vw - 20px)!important;
        margin:10px auto!important;
    }
    body.hrms-old-page.hrms-module-page .hrms-candidate-view-grid{grid-template-columns:1fr!important;}
}

/* HRMS v51: keep Add/Edit/View HTML dialogs as proper Bootstrap modals, not Apple prompts. */
body.hrms-old-page .modal.hrms-bootstrap-swal-modal,
body.hrms-old-page .modal.hrms-bootstrap-view-modal{
  background: rgba(15, 23, 42, .45) !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
body.hrms-old-page .modal.hrms-bootstrap-swal-modal .modal-dialog,
body.hrms-old-page .modal.hrms-bootstrap-view-modal .modal-dialog{
  width: auto !important;
  max-width: min(1040px, calc(100vw - 36px)) !important;
  margin: 1.75rem auto !important;
}
body.hrms-old-page .modal.hrms-bootstrap-swal-modal .modal-dialog.modal-lg{
  max-width: min(920px, calc(100vw - 36px)) !important;
}
body.hrms-old-page .modal.hrms-bootstrap-swal-modal .modal-dialog.modal-xl,
body.hrms-old-page .modal.hrms-bootstrap-view-modal .modal-dialog.modal-xl{
  max-width: min(1120px, calc(100vw - 36px)) !important;
}
body.hrms-old-page .modal.hrms-bootstrap-swal-modal .modal-content,
body.hrms-old-page .modal.hrms-bootstrap-view-modal .modal-content{
  border-radius: 14px !important;
  border: 1px solid rgba(15, 23, 42, .10) !important;
  box-shadow: 0 28px 90px rgba(15, 23, 42, .28) !important;
  overflow: hidden !important;
}
body.hrms-old-page .modal.hrms-bootstrap-swal-modal .modal-header,
body.hrms-old-page .modal.hrms-bootstrap-view-modal .modal-header{
  min-height: 62px;
  padding: 16px 20px !important;
  border-bottom: 1px solid #eef0f4 !important;
  background: #fff !important;
}
body.hrms-old-page .modal.hrms-bootstrap-swal-modal .modal-body,
body.hrms-old-page .modal.hrms-bootstrap-view-modal .modal-body{
  padding: 20px !important;
  background: #fff !important;
}
body.hrms-old-page .modal.hrms-bootstrap-swal-modal .modal-footer,
body.hrms-old-page .modal.hrms-bootstrap-view-modal .modal-footer{
  padding: 14px 20px !important;
  border-top: 1px solid #eef0f4 !important;
  background: #f8fafc !important;
}
body.hrms-old-page .hrms-bootstrap-swal-modal .form-control,
body.hrms-old-page .hrms-bootstrap-swal-modal .form-select,
body.hrms-old-page .hrms-bootstrap-swal-modal select,
body.hrms-old-page .hrms-bootstrap-swal-modal textarea{
  width: 100% !important;
}
body.hrms-old-page .hrms-bootstrap-swal-modal .note-editor.note-frame{
  width: 100% !important;
  border: 1px solid #d0d5dd !important;
  border-radius: 8px !important;
  overflow: hidden;
}
body.hrms-old-page .hrms-bootstrap-validation{
  display: none;
  margin: 12px 0 0;
  color: #d92d20;
  font-size: 13px;
  font-weight: 650;
}
@media (max-width: 767.98px){
  body.hrms-old-page .modal.hrms-bootstrap-swal-modal .modal-dialog,
  body.hrms-old-page .modal.hrms-bootstrap-view-modal .modal-dialog{
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    min-height: 100dvh !important;
  }
  body.hrms-old-page .modal.hrms-bootstrap-swal-modal .modal-content,
  body.hrms-old-page .modal.hrms-bootstrap-view-modal .modal-content{
    min-height: 100dvh !important;
    border-radius: 0 !important;
  }
}

/* HRMS v52 - final status badge colour enforcement.
   Keep scoped to HRMS only so other modules are not affected. */
body.hrms-old-page.hrms-module-page .hrms-badge-auto,
body.hrms-old-page.hrms-module-page .badge.hrms-badge-auto,
body.hrms-old-page.hrms-module-page .badge-status,
body.hrms-old-page.hrms-module-page .status-badge,
body.hrms-old-page.hrms-module-page .app-status-badge,
body.hrms-old-page.hrms-module-page .table-tag,
body.hrms-old-page.hrms-module-page .tag,
body.hrms-old-page.hrms-module-page .cert-status-badge,
body.hrms-old-page.hrms-module-page .period-badge,
body.hrms-old-page.hrms-module-page .score-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  max-width:max-content!important;
  min-width:auto!important;
  min-height:24px!important;
  padding:4px 10px!important;
  gap:6px!important;
  border-radius:999px!important;
  border:1px solid transparent!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-transform:none!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}
body.hrms-old-page.hrms-module-page .hrms-badge-auto::before,
body.hrms-old-page.hrms-module-page .badge.hrms-badge-auto::before,
body.hrms-old-page.hrms-module-page .badge-status::before,
body.hrms-old-page.hrms-module-page .status-badge::before,
body.hrms-old-page.hrms-module-page .app-status-badge::before,
body.hrms-old-page.hrms-module-page .table-tag::before,
body.hrms-old-page.hrms-module-page .tag::before,
body.hrms-old-page.hrms-module-page .cert-status-badge::before,
body.hrms-old-page.hrms-module-page .period-badge::before,
body.hrms-old-page.hrms-module-page .score-badge::before{
  content:""!important;
  width:6px!important;
  height:6px!important;
  border-radius:999px!important;
  background:currentColor!important;
  flex:0 0 6px!important;
}
body.hrms-old-page.hrms-module-page .hrms-badge-auto i.ti-circle-filled,
body.hrms-old-page.hrms-module-page .badge-status i.ti-circle-filled,
body.hrms-old-page.hrms-module-page .status-badge i.ti-circle-filled,
body.hrms-old-page.hrms-module-page .app-status-badge i.ti-circle-filled,
body.hrms-old-page.hrms-module-page .table-tag i.ti-circle-filled,
body.hrms-old-page.hrms-module-page .tag i.ti-circle-filled{
  display:none!important;
}

/* Blue: Applied / Interview / Scheduled / Sent / Processing */
body.hrms-old-page.hrms-module-page .hrms-status-blue,
body.hrms-old-page.hrms-module-page .hrms-badge-info,
body.hrms-old-page.hrms-module-page .hrms-badge-applied,
body.hrms-old-page.hrms-module-page .hrms-badge-interview,
body.hrms-old-page.hrms-module-page .hrms-badge-scheduled,
body.hrms-old-page.hrms-module-page .hrms-badge-sent,
body.hrms-old-page.hrms-module-page .hrms-badge-submitted,
body.hrms-old-page.hrms-module-page .hrms-badge-processing,
body.hrms-old-page.hrms-module-page .hrms-badge-in-progress,
body.hrms-old-page.hrms-module-page .app-status-applied,
body.hrms-old-page.hrms-module-page .app-status-interview,
body.hrms-old-page.hrms-module-page .app-status-scheduled,
body.hrms-old-page.hrms-module-page .badge-soft-info{
  background:#eff8ff!important;
  border-color:#b2ddff!important;
  color:#175cd3!important;
}

/* Amber: Pending / Screened / Review / Draft / Probation */
body.hrms-old-page.hrms-module-page .hrms-status-amber,
body.hrms-old-page.hrms-module-page .hrms-badge-warning,
body.hrms-old-page.hrms-module-page .hrms-badge-pending,
body.hrms-old-page.hrms-module-page .hrms-badge-screened,
body.hrms-old-page.hrms-module-page .hrms-badge-review,
body.hrms-old-page.hrms-module-page .hrms-badge-draft,
body.hrms-old-page.hrms-module-page .hrms-badge-awaiting,
body.hrms-old-page.hrms-module-page .hrms-badge-waiting,
body.hrms-old-page.hrms-module-page .hrms-badge-hold,
body.hrms-old-page.hrms-module-page .hrms-badge-on-hold,
body.hrms-old-page.hrms-module-page .hrms-badge-probation,
body.hrms-old-page.hrms-module-page .hrms-badge-suspended,
body.hrms-old-page.hrms-module-page .app-status-screened,
body.hrms-old-page.hrms-module-page .badge-status-probation,
body.hrms-old-page.hrms-module-page .badge-status-suspended,
body.hrms-old-page.hrms-module-page .badge-soft-warning{
  background:#fffaeb!important;
  border-color:#fedf89!important;
  color:#b54708!important;
}

/* Green: Active / Open / Approved / Hired / Completed */
body.hrms-old-page.hrms-module-page .hrms-status-green,
body.hrms-old-page.hrms-module-page .hrms-badge-success,
body.hrms-old-page.hrms-module-page .hrms-badge-active,
body.hrms-old-page.hrms-module-page .hrms-badge-open,
body.hrms-old-page.hrms-module-page .hrms-badge-approved,
body.hrms-old-page.hrms-module-page .hrms-badge-hired,
body.hrms-old-page.hrms-module-page .hrms-badge-completed,
body.hrms-old-page.hrms-module-page .hrms-badge-accepted,
body.hrms-old-page.hrms-module-page .hrms-badge-confirmed,
body.hrms-old-page.hrms-module-page .hrms-badge-paid,
body.hrms-old-page.hrms-module-page .hrms-badge-present,
body.hrms-old-page.hrms-module-page .hrms-badge-current,
body.hrms-old-page.hrms-module-page .hrms-badge-verified,
body.hrms-old-page.hrms-module-page .hrms-badge-passed,
body.hrms-old-page.hrms-module-page .app-status-hired,
body.hrms-old-page.hrms-module-page .badge-status-active,
body.hrms-old-page.hrms-module-page .badge-status-present,
body.hrms-old-page.hrms-module-page .badge-status-approved,
body.hrms-old-page.hrms-module-page .badge-status-open,
body.hrms-old-page.hrms-module-page .badge-soft-success{
  background:#ecfdf3!important;
  border-color:#abefc6!important;
  color:#067647!important;
}

/* Red: Disabled / Rejected / Declined / Closed / Inactive */
body.hrms-old-page.hrms-module-page .hrms-status-red,
body.hrms-old-page.hrms-module-page .hrms-badge-danger,
body.hrms-old-page.hrms-module-page .hrms-badge-disabled,
body.hrms-old-page.hrms-module-page .hrms-badge-rejected,
body.hrms-old-page.hrms-module-page .hrms-badge-declined,
body.hrms-old-page.hrms-module-page .hrms-badge-closed,
body.hrms-old-page.hrms-module-page .hrms-badge-inactive,
body.hrms-old-page.hrms-module-page .hrms-badge-expired,
body.hrms-old-page.hrms-module-page .hrms-badge-absent,
body.hrms-old-page.hrms-module-page .hrms-badge-failed,
body.hrms-old-page.hrms-module-page .hrms-badge-cancelled,
body.hrms-old-page.hrms-module-page .hrms-badge-canceled,
body.hrms-old-page.hrms-module-page .hrms-badge-withdrawn,
body.hrms-old-page.hrms-module-page .hrms-badge-terminated,
body.hrms-old-page.hrms-module-page .hrms-badge-overdue,
body.hrms-old-page.hrms-module-page .hrms-badge-exited,
body.hrms-old-page.hrms-module-page .hrms-badge-deleted,
body.hrms-old-page.hrms-module-page .app-status-rejected,
body.hrms-old-page.hrms-module-page .badge-status-disabled,
body.hrms-old-page.hrms-module-page .badge-status-inactive,
body.hrms-old-page.hrms-module-page .badge-status-absent,
body.hrms-old-page.hrms-module-page .badge-status-exited,
body.hrms-old-page.hrms-module-page .badge-soft-danger{
  background:#fef3f2!important;
  border-color:#fecdca!important;
  color:#b42318!important;
}

/* Purple: Offer / Leave / Loan / Benefits / Medical / Course */
body.hrms-old-page.hrms-module-page .hrms-status-purple,
body.hrms-old-page.hrms-module-page .hrms-badge-purple,
body.hrms-old-page.hrms-module-page .hrms-badge-offer,
body.hrms-old-page.hrms-module-page .hrms-badge-leave,
body.hrms-old-page.hrms-module-page .hrms-badge-loan,
body.hrms-old-page.hrms-module-page .hrms-badge-benefit,
body.hrms-old-page.hrms-module-page .hrms-badge-benefits,
body.hrms-old-page.hrms-module-page .hrms-badge-medical,
body.hrms-old-page.hrms-module-page .hrms-badge-insurance,
body.hrms-old-page.hrms-module-page .hrms-badge-certification,
body.hrms-old-page.hrms-module-page .hrms-badge-course,
body.hrms-old-page.hrms-module-page .app-status-offer{
  background:#f4f3ff!important;
  border-color:#d9d6fe!important;
  color:#5925dc!important;
}

/* Slate: Unknown / Off / Archived */
body.hrms-old-page.hrms-module-page .hrms-status-slate,
body.hrms-old-page.hrms-module-page .hrms-badge-muted,
body.hrms-old-page.hrms-module-page .hrms-badge-gray,
body.hrms-old-page.hrms-module-page .hrms-badge-unknown,
body.hrms-old-page.hrms-module-page .hrms-badge-none,
body.hrms-old-page.hrms-module-page .hrms-badge-off,
body.hrms-old-page.hrms-module-page .hrms-badge-archived,
body.hrms-old-page.hrms-module-page .app-status-unknown,
body.hrms-old-page.hrms-module-page .badge-status-off,
body.hrms-old-page.hrms-module-page .badge-status-archived,
body.hrms-old-page.hrms-module-page .badge-soft-secondary{
  background:#f8fafc!important;
  border-color:#e2e8f0!important;
  color:#475467!important;
}

/* HRMS v53: force every legacy success/error/confirmation popup through the shared Apple prompt style. */
body.hrms-old-page .apple-alert-backdrop,
body.hrms-module-page .apple-alert-backdrop,
body[data-module="hrms"] .apple-alert-backdrop{
  position:fixed!important;
  inset:0!important;
  z-index:30000!important;
  width:100vw!important;
  height:100dvh!important;
  display:grid!important;
  place-items:center!important;
  padding:22px!important;
  background:rgba(15,23,42,.46)!important;
  -webkit-backdrop-filter:saturate(125%) blur(18px)!important;
  backdrop-filter:saturate(125%) blur(18px)!important;
  border-radius:0!important;
}
body.hrms-old-page .apple-alert,
body.hrms-module-page .apple-alert,
body[data-module="hrms"] .apple-alert{
  width:min(370px,calc(100vw - 36px))!important;
  max-width:370px!important;
  overflow:hidden!important;
  border-radius:22px!important;
  text-align:center!important;
}
body.hrms-old-page .apple-alert-actions,
body.hrms-module-page .apple-alert-actions,
body[data-module="hrms"] .apple-alert-actions{
  display:grid!important;
  grid-auto-flow:column!important;
  grid-auto-columns:1fr!important;
  gap:0!important;
  padding:0!important;
  border-top:1px solid var(--apple-alert-separator)!important;
  background:transparent!important;
}
body.hrms-old-page .apple-alert-button,
body.hrms-module-page .apple-alert-button,
body[data-module="hrms"] .apple-alert-button{
  min-height:50px!important;
  width:auto!important;
  border:0!important;
  border-left:1px solid var(--apple-alert-separator)!important;
  border-radius:0!important;
  background:transparent!important;
  color:#007aff!important;
  box-shadow:none!important;
  font-size:14px!important;
  font-weight:650!important;
}
body.hrms-old-page .apple-alert-button:first-child,
body.hrms-module-page .apple-alert-button:first-child,
body[data-module="hrms"] .apple-alert-button:first-child{
  border-left:0!important;
}
body.hrms-old-page .apple-alert-button.primary,
body.hrms-module-page .apple-alert-button.primary,
body[data-module="hrms"] .apple-alert-button.primary{
  background:transparent!important;
  color:#007aff!important;
  font-weight:740!important;
}
body.hrms-old-page .apple-alert-button.destructive,
body.hrms-module-page .apple-alert-button.destructive,
body[data-module="hrms"] .apple-alert-button.destructive{
  background:transparent!important;
  color:#d70015!important;
}
body.hrms-old-page .apple-alert-button:hover,
body.hrms-module-page .apple-alert-button:hover,
body[data-module="hrms"] .apple-alert-button:hover{
  background:rgba(0,0,0,.035)!important;
}

/* HRMS v54: application details Status Manager uses clean Bootstrap fullscreen modal only. */
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  background:transparent!important;
  z-index:1055!important;
  border-radius:0!important;
}
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .modal-dialog,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .modal-dialog{
  width:100vw!important;
  max-width:none!important;
  min-height:100vh!important;
  height:100vh!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
}
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .modal-content,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .modal-content{
  width:100vw!important;
  height:100vh!important;
  min-height:100vh!important;
  max-height:100vh!important;
  display:flex!important;
  flex-direction:column!important;
  background:#f6f8fb!important;
  color:#0f172a!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .modal-header,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .modal-header{
  min-height:78px!important;
  padding:18px 24px!important;
  background:#fff!important;
  border:0!important;
  border-bottom:1px solid #e6ebf2!important;
  border-radius:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  flex:0 0 auto!important;
}
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .status-manager-icon,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .status-manager-icon{
  width:42px!important;
  height:42px!important;
  border-radius:12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#0d6efd!important;
  color:#fff!important;
  font-size:22px!important;
  box-shadow:0 10px 24px rgba(13,110,253,.22)!important;
}
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .modal-title,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .modal-title{
  font-size:20px!important;
  line-height:1.15!important;
  font-weight:800!important;
  letter-spacing:-.02em!important;
  color:#111827!important;
}
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .btn-close,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .btn-close{
  width:38px!important;
  height:38px!important;
  padding:0!important;
  margin:0!important;
  border-radius:10px!important;
  border:1px solid #e5e7eb!important;
  background-color:#fff!important;
  opacity:.8!important;
  box-shadow:none!important;
}
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .modal-body,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .modal-body{
  flex:1 1 auto!important;
  min-height:0!important;
  padding:18px 22px!important;
  overflow:auto!important;
  background:#f6f8fb!important;
}
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .status-manager-row,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .status-manager-row{
  min-height:calc(100vh - 178px)!important;
}
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .status-manager-card,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .status-manager-card{
  border:1px solid #e3e9f2!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 14px 40px rgba(15,23,42,.06)!important;
  overflow:hidden!important;
}
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .status-manager-card .card-header,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .status-manager-card .card-header{
  min-height:auto!important;
  padding:16px 18px!important;
  background:#fff!important;
  border-bottom:1px solid #edf1f6!important;
}
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .status-manager-card .card-body,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .status-manager-card .card-body{
  background:#fff!important;
  color:#0f172a!important;
}
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .status-manager-card .card-footer,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .status-manager-card .card-footer{
  padding:16px 18px!important;
  border-top:1px solid #edf1f6!important;
}
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .status-history-wrap,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .status-history-wrap{
  width:100%!important;
  max-width:100%!important;
  overflow:auto!important;
  min-height:420px!important;
}
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .status-history-wrap table,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .status-history-wrap table{
  width:100%!important;
  min-width:860px!important;
  margin:0!important;
  border:0!important;
  border-collapse:separate!important;
  border-spacing:0!important;
}
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .status-history-wrap thead th,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .status-history-wrap thead th{
  padding:14px 16px!important;
  background:#f8fafc!important;
  border:0!important;
  border-bottom:1px solid #e6ebf2!important;
  color:#344054!important;
  font-size:12px!important;
  line-height:1.1!important;
  font-weight:800!important;
  letter-spacing:.03em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .status-history-wrap tbody td,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .status-history-wrap tbody td{
  padding:15px 16px!important;
  border:0!important;
  border-bottom:1px solid #edf1f6!important;
  color:#0f172a!important;
  font-size:13px!important;
  vertical-align:middle!important;
}
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .status-manager-summary,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .status-manager-summary{
  border:1px solid #edf1f6!important;
  border-radius:14px!important;
  overflow:hidden!important;
  background:#fbfcfe!important;
}
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .quick-info-row,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .quick-info-row{
  display:grid!important;
  grid-template-columns:110px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
  padding:13px 14px!important;
  margin:0!important;
  border:0!important;
  border-bottom:1px solid #edf1f6!important;
}
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .quick-info-row:last-child,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .quick-info-row:last-child{border-bottom:0!important;}
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .quick-info-row b,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .quick-info-row b{
  font-size:13px!important;
  font-weight:800!important;
  color:#344054!important;
}
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .quick-info-row span,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .quick-info-row span{
  text-align:right!important;
  color:#0f172a!important;
  font-weight:700!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .form-label,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .form-label{
  font-size:13px!important;
  font-weight:800!important;
  color:#344054!important;
  margin-bottom:8px!important;
}
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .form-control,
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .form-select,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .form-control,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .form-select{
  width:100%!important;
  min-height:42px!important;
  border-radius:12px!important;
  border:1px solid #d7dee8!important;
  background:#fff!important;
  color:#0f172a!important;
  box-shadow:none!important;
}
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .note-editor.note-frame,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .note-editor.note-frame{
  border:1px solid #d7dee8!important;
  border-radius:12px!important;
  overflow:hidden!important;
}
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .note-toolbar,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .note-toolbar{
  background:#f8fafc!important;
  border-bottom:1px solid #e6ebf2!important;
}
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal #btnSaveStatus,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal #btnSaveStatus{
  min-height:46px!important;
  border-radius:12px!important;
  background:#111827!important;
  border-color:#111827!important;
  color:#fff!important;
  font-weight:800!important;
  box-shadow:0 10px 24px rgba(15,23,42,.12)!important;
}
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .modal-footer,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .modal-footer{
  min-height:70px!important;
  padding:14px 24px!important;
  background:#fff!important;
  border:0!important;
  border-top:1px solid #e6ebf2!important;
  border-radius:0!important;
  flex:0 0 auto!important;
}
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .modal-footer .btn,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .modal-footer .btn{
  min-height:40px!important;
  border-radius:12px!important;
  font-weight:800!important;
}
@media(max-width:1199.98px){
  body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .status-manager-row,
  body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .status-manager-row{min-height:auto!important;}
  body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .status-history-wrap,
  body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .status-history-wrap{min-height:280px!important;}
  body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .quick-info-row span,
  body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .quick-info-row span{text-align:left!important;}
}
@media(max-width:575.98px){
  body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .modal-header,
  body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .modal-header{padding:14px 16px!important;}
  body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .modal-body,
  body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .modal-body{padding:14px!important;}
  body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .quick-info-row,
  body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .quick-info-row{grid-template-columns:1fr!important;gap:4px!important;}
}

/* HRMS v55: fill Bootstrap Status Manager fullscreen modal and fix visible icons/table alignment. */
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .modal-dialog,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .modal-dialog{
  margin:0!important;
  max-width:100vw!important;
  width:100vw!important;
  height:100vh!important;
  min-height:100vh!important;
}
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .modal-content,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .modal-content{
  height:100vh!important;
  min-height:100vh!important;
  max-height:100vh!important;
  overflow:hidden!important;
}
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .modal-header,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .modal-header{
  min-height:72px!important;
  padding:14px 18px!important;
}
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .modal-body,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .modal-body{
  padding:10px!important;
  overflow:hidden!important;
  min-height:0!important;
  display:flex!important;
}
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .modal-body > .container-fluid,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .modal-body > .container-fluid{
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
}
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .status-manager-row,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .status-manager-row{
  flex:1 1 auto!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
}
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .status-manager-col,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .status-manager-col{
  min-height:0!important;
  display:flex!important;
}
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .status-manager-card,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .status-manager-card{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  border-radius:14px!important;
}
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .status-manager-card .card-header,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .status-manager-card .card-header{
  flex:0 0 auto!important;
  padding:14px 16px!important;
}
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .status-manager-card .card-body,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .status-manager-card .card-body{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:auto!important;
  padding:14px 16px!important;
}
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .status-manager-history-col .card-body,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .status-manager-history-col .card-body{
  padding:0!important;
}
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .status-manager-card .card-footer,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .status-manager-card .card-footer{
  flex:0 0 auto!important;
  padding:12px 16px!important;
}
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .status-history-wrap,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .status-history-wrap,
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .history-table-wrap,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .history-table-wrap{
  height:100%!important;
  min-height:0!important;
  width:100%!important;
  overflow:auto!important;
}
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .status-history-wrap table,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .status-history-wrap table{
  min-width:980px!important;
  table-layout:auto!important;
}
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .status-history-wrap thead th,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .status-history-wrap thead th{
  position:sticky!important;
  top:0!important;
  z-index:2!important;
}
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .status-history-wrap .history-no-col,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .status-history-wrap .history-no-col,
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .status-history-wrap tbody td:first-child,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .status-history-wrap tbody td:first-child{
  width:72px!important;
  min-width:72px!important;
  text-align:center!important;
  color:#667085!important;
  font-weight:800!important;
}
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .history-note,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .history-note{
  max-width:360px!important;
  white-space:normal!important;
  color:#344054!important;
}
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .modal-footer,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .modal-footer{
  min-height:58px!important;
  padding:9px 18px!important;
}
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .status-manager-close,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .status-manager-close{
  width:40px!important;
  height:40px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  border:1px solid #e3e9f2!important;
  background:#fff!important;
  color:#334155!important;
  box-shadow:0 10px 24px rgba(15,23,42,.06)!important;
}
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .status-manager-close:hover,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .status-manager-close:hover{
  background:#f8fafc!important;
  color:#0f172a!important;
}
body.hrms-old-page #statusManagerModal .hrms-svg-icon,
body.hrms-module-page #statusManagerModal .hrms-svg-icon,
body.hrms-old-page .hrms-svg-icon{
  width:1em!important;
  height:1em!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  vertical-align:-.14em!important;
  line-height:1!important;
}
body.hrms-old-page .hrms-svg-icon svg{
  width:1em!important;
  height:1em!important;
  display:block!important;
  stroke:currentColor!important;
}
body.hrms-old-page .hrms-svg-icon::before{content:none!important;}
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal #btnSaveStatus,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal #btnSaveStatus{
  gap:8px!important;
}
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .note-editor.note-frame .note-editing-area .note-editable,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .note-editor.note-frame .note-editing-area .note-editable{
  min-height:130px!important;
}
@media(max-width:1199.98px){
  body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .modal-body,
  body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .modal-body{overflow:auto!important;display:block!important;}
  body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .modal-body > .container-fluid,
  body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .modal-body > .container-fluid{display:block!important;height:auto!important;}
  body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .status-manager-row,
  body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .status-manager-row{height:auto!important;}
  body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .status-manager-card,
  body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .status-manager-card{height:auto!important;min-height:320px!important;}
}


/* HRMS v56: Application Details status history user column alignment and danger action ordering polish. */
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .status-history-wrap table.history-table,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .status-history-wrap table.history-table{
  table-layout:fixed!important;
  min-width:1040px!important;
}
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .status-history-wrap table.history-table th.history-user-col,
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .status-history-wrap table.history-table td.history-user-col,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .status-history-wrap table.history-table th.history-user-col,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .status-history-wrap table.history-table td.history-user-col{
  width:130px!important;
  min-width:130px!important;
  max-width:130px!important;
  text-align:left!important;
  white-space:nowrap!important;
  vertical-align:middle!important;
}
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .status-history-wrap table.history-table th.history-user-col,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .status-history-wrap table.history-table th.history-user-col{
  padding-left:18px!important;
  padding-right:18px!important;
}
body.hrms-old-page.hrms-review-page #statusManagerModal.hrms-status-manager-modal .status-history-wrap table.history-table td.history-user-col,
body.hrms-old-page.hrms-module-page #statusManagerModal.hrms-status-manager-modal .status-history-wrap table.history-table td.history-user-col{
  padding-left:18px!important;
  padding-right:18px!important;
  color:#0f172a!important;
  font-weight:650!important;
}
body.hrms-old-page.hrms-review-page .page-header-actions #btnDeleteApp,
body.hrms-old-page.hrms-module-page .page-header-actions #btnDeleteApp{
  background:#dc3545!important;
  border-color:#dc3545!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(220,53,69,.18)!important;
}
body.hrms-old-page.hrms-review-page .page-header-actions #btnDeleteApp:hover,
body.hrms-old-page.hrms-module-page .page-header-actions #btnDeleteApp:hover{
  background:#bb2d3b!important;
  border-color:#b02a37!important;
  color:#fff!important;
}

/* HRMS Job Post Add/Edit - true fullscreen Bootstrap modal */
body.hrms-old-page.hrms-module-page #JobPostModal.hrms-jobpost-modal,
body.hrms-old-page.hrms-module-page #JobPostModal.hrms-jobpost-modal.show{
  padding:0!important;
}
body.hrms-old-page.hrms-module-page #JobPostModal.hrms-jobpost-modal .modal-dialog{
  width:100vw!important;
  max-width:none!important;
  height:100vh!important;
  min-height:100vh!important;
  margin:0!important;
  transform:none!important;
}
body.hrms-old-page.hrms-module-page #JobPostModal.hrms-jobpost-modal .modal-content{
  width:100vw!important;
  height:100vh!important;
  min-height:100vh!important;
  max-height:100vh!important;
  border:0!important;
  border-radius:0!important;
  background:#f5f7fb!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
body.hrms-old-page.hrms-module-page #JobPostModal.hrms-jobpost-modal .hrms-jobpost-modal-header{
  min-height:76px!important;
  padding:14px 20px!important;
  border-bottom:1px solid #e5eaf3!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:0 1px 0 rgba(15,23,42,.03)!important;
  flex:0 0 auto!important;
  z-index:4!important;
}
body.hrms-old-page.hrms-module-page #JobPostModal.hrms-jobpost-modal .hrms-jobpost-modal-icon{
  width:44px!important;
  height:44px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:14px!important;
  color:#fff!important;
  background:#147eff!important;
  box-shadow:0 12px 24px rgba(20,126,255,.20)!important;
  flex:0 0 44px!important;
}
body.hrms-old-page.hrms-module-page #JobPostModal.hrms-jobpost-modal .hrms-jobpost-modal-icon i{
  font-size:22px!important;
  line-height:1!important;
}
body.hrms-old-page.hrms-module-page #JobPostModal.hrms-jobpost-modal .hrms-jobpost-modal-close{
  width:42px!important;
  height:42px!important;
  border-radius:999px!important;
  border:1px solid #dbe3ef!important;
  background:#fff!important;
  color:#0f172a!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  box-shadow:0 8px 22px rgba(15,23,42,.06)!important;
}
body.hrms-old-page.hrms-module-page #JobPostModal.hrms-jobpost-modal .hrms-jobpost-modal-close i{
  font-size:22px!important;
  display:inline-flex!important;
}
body.hrms-old-page.hrms-module-page #JobPostModal.hrms-jobpost-modal .hrms-jobpost-modal-body{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:14px!important;
  background:#f5f7fb!important;
}
body.hrms-old-page.hrms-module-page #JobPostModal.hrms-jobpost-modal .hrms-jobpost-form{
  width:100%!important;
  min-height:100%!important;
  margin:0!important;
}
body.hrms-old-page.hrms-module-page #JobPostModal.hrms-jobpost-modal .hrms-jobpost-form-panel{
  width:100%!important;
  min-height:calc(100vh - 166px)!important;
  margin:0!important;
  padding:18px!important;
  background:#fff!important;
  border:1px solid #dfe7f2!important;
  border-radius:18px!important;
  box-shadow:0 18px 48px rgba(15,23,42,.05)!important;
}
body.hrms-old-page.hrms-module-page #JobPostModal.hrms-jobpost-modal .hrms-jobpost-form-panel-header{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:0 0 14px!important;
  margin-bottom:14px!important;
  border-bottom:1px solid #edf1f7!important;
}
body.hrms-old-page.hrms-module-page #JobPostModal.hrms-jobpost-modal .form-label{
  width:100%!important;
  margin-bottom:7px!important;
  color:#0f172a!important;
  font-size:13px!important;
  font-weight:700!important;
}
body.hrms-old-page.hrms-module-page #JobPostModal.hrms-jobpost-modal .form-control,
body.hrms-old-page.hrms-module-page #JobPostModal.hrms-jobpost-modal .form-select,
body.hrms-old-page.hrms-module-page #JobPostModal.hrms-jobpost-modal .select2-container,
body.hrms-old-page.hrms-module-page #JobPostModal.hrms-jobpost-modal .select2-container--default{
  width:100%!important;
  max-width:100%!important;
}
body.hrms-old-page.hrms-module-page #JobPostModal.hrms-jobpost-modal .form-control,
body.hrms-old-page.hrms-module-page #JobPostModal.hrms-jobpost-modal .form-select,
body.hrms-old-page.hrms-module-page #JobPostModal.hrms-jobpost-modal .select2-container--default .select2-selection--single{
  min-height:44px!important;
  border-radius:12px!important;
  border-color:#dce3ed!important;
  background:#fff!important;
  box-shadow:none!important;
}
body.hrms-old-page.hrms-module-page #JobPostModal.hrms-jobpost-modal .note-editor.note-frame,
body.hrms-old-page.hrms-module-page #JobPostModal.hrms-jobpost-modal .note-editor.note-airframe{
  border:1px solid #dce3ed!important;
  border-radius:12px!important;
  overflow:hidden!important;
  background:#fff!important;
  box-shadow:none!important;
}
body.hrms-old-page.hrms-module-page #JobPostModal.hrms-jobpost-modal .note-editor.note-frame .note-toolbar,
body.hrms-old-page.hrms-module-page #JobPostModal.hrms-jobpost-modal .note-editor.note-airframe .note-toolbar{
  background:#f8fafc!important;
  border-bottom:1px solid #e5eaf3!important;
  padding:8px!important;
}
body.hrms-old-page.hrms-module-page #JobPostModal.hrms-jobpost-modal .note-editor.note-frame .note-editing-area .note-editable,
body.hrms-old-page.hrms-module-page #JobPostModal.hrms-jobpost-modal .note-editor.note-airframe .note-editing-area .note-editable{
  min-height:170px!important;
  height:170px!important;
  padding:12px!important;
  background:#fff!important;
}
body.hrms-old-page.hrms-module-page #JobPostModal.hrms-jobpost-modal .hrms-jobpost-modal-footer{
  flex:0 0 auto!important;
  padding:12px 18px!important;
  border-top:1px solid #e5eaf3!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:0 -1px 0 rgba(15,23,42,.03)!important;
  z-index:4!important;
}
body.hrms-old-page.hrms-module-page #JobPostModal.hrms-jobpost-modal .hrms-jobpost-modal-footer .btn{
  min-height:42px!important;
  border-radius:12px!important;
  font-weight:700!important;
  padding-left:16px!important;
  padding-right:16px!important;
}
body.hrms-old-page.hrms-module-page #JobPostModal.hrms-jobpost-modal .hrms-jobpost-modal-footer .btn-primary{
  background:#0f172a!important;
  border-color:#0f172a!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(15,23,42,.16)!important;
}
body.hrms-old-page.hrms-module-page #JobPostModal.hrms-jobpost-modal .hrms-jobpost-modal-footer .btn-light{
  background:#fff!important;
  border:1px solid #dce3ed!important;
  color:#0f172a!important;
}
@media (max-width: 767.98px){
  body.hrms-old-page.hrms-module-page #JobPostModal.hrms-jobpost-modal .hrms-jobpost-modal-header{
    padding:12px 14px!important;
  }
  body.hrms-old-page.hrms-module-page #JobPostModal.hrms-jobpost-modal .hrms-jobpost-modal-body{
    padding:10px!important;
  }
  body.hrms-old-page.hrms-module-page #JobPostModal.hrms-jobpost-modal .hrms-jobpost-form-panel{
    border-radius:14px!important;
    padding:14px!important;
  }
  body.hrms-old-page.hrms-module-page #JobPostModal.hrms-jobpost-modal .hrms-jobpost-modal-footer{
    justify-content:stretch!important;
  }
  body.hrms-old-page.hrms-module-page #JobPostModal.hrms-jobpost-modal .hrms-jobpost-modal-footer .btn{
    flex:1 1 0!important;
  }
}

/* HRMS v58: force Job Posts Add/Edit modal to cover the whole viewport. */
html body.hrms-old-page #JobPostModal.hrms-jobpost-modal,
html body.hrms-module-page #JobPostModal.hrms-jobpost-modal,
html body #JobPostModal.hrms-jobpost-modal{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  min-height:100vh!important;
  max-height:100vh!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#f5f7fb!important;
  z-index:1065!important;
}
html body.hrms-old-page #JobPostModal.hrms-jobpost-modal.show,
html body.hrms-module-page #JobPostModal.hrms-jobpost-modal.show,
html body #JobPostModal.hrms-jobpost-modal.show{
  display:block!important;
}
html body.hrms-old-page #JobPostModal.hrms-jobpost-modal .modal-dialog,
html body.hrms-module-page #JobPostModal.hrms-jobpost-modal .modal-dialog,
html body #JobPostModal.hrms-jobpost-modal .modal-dialog,
html body #JobPostModal.hrms-jobpost-modal .hrms-jobpost-fullscreen-dialog{
  position:relative!important;
  width:100vw!important;
  max-width:none!important;
  height:100vh!important;
  min-height:100vh!important;
  max-height:100vh!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
}
html body.hrms-old-page #JobPostModal.hrms-jobpost-modal .modal-content,
html body.hrms-module-page #JobPostModal.hrms-jobpost-modal .modal-content,
html body #JobPostModal.hrms-jobpost-modal .modal-content,
html body #JobPostModal.hrms-jobpost-modal .hrms-jobpost-fullscreen-content{
  width:100vw!important;
  height:100vh!important;
  min-height:100vh!important;
  max-height:100vh!important;
  border:0!important;
  border-radius:0!important;
  background:#f5f7fb!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
html body #JobPostModal.hrms-jobpost-modal .hrms-jobpost-modal-header,
html body #JobPostModal.hrms-jobpost-modal .hrms-jobpost-modal-footer{
  flex:0 0 auto!important;
}
html body #JobPostModal.hrms-jobpost-modal .hrms-jobpost-modal-body{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:auto!important;
  padding:14px!important;
  background:#f5f7fb!important;
}
html body #JobPostModal.hrms-jobpost-modal .hrms-jobpost-form-panel{
  width:100%!important;
  min-height:100%!important;
  margin:0!important;
}
html body.modal-open #JobPostModal.hrms-jobpost-modal ~ .modal-backdrop,
html body.modal-open .modal-backdrop.show{
  opacity:.55!important;
}

/* HRMS v60: one stable action dropdown only. Hide native Bootstrap row menus and force the three-dot button to render. */
body.hrms-old-page table tbody .dropdown-menu.hrms-native-action-menu,
body.hrms-old-page table tbody .dropdown-menu.hrms-native-action-menu.show,
body.hrms-old-page table tbody .dropdown-menu.hrms-native-action-menu-hidden,
body.hrms-old-page table tbody .dropdown.show > .dropdown-menu.hrms-native-action-menu,
body.hrms-old-page table tbody .dropdown.show > .dropdown-menu.hrms-native-action-menu-hidden{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
body.hrms-old-page table tbody .hrms-row-menu-toggle,
body.hrms-old-page table tbody [data-hrms-action-toggle="1"]{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:14px!important;
  border:1px solid rgba(15,23,42,.10)!important;
  background:#fff!important;
  color:#334155!important;
  box-shadow:0 8px 20px rgba(15,23,42,.06)!important;
  text-decoration:none!important;
  opacity:1!important;
  visibility:visible!important;
  cursor:pointer!important;
}
body.hrms-old-page table tbody .hrms-row-menu-toggle:hover,
body.hrms-old-page table tbody [data-hrms-action-toggle="1"]:hover{
  background:#f8fafc!important;
  border-color:rgba(15,23,42,.16)!important;
  color:#0f172a!important;
}
body.hrms-old-page table tbody .hrms-row-menu-toggle svg,
body.hrms-old-page table tbody [data-hrms-action-toggle="1"] svg{
  width:18px!important;
  height:18px!important;
  display:block!important;
  flex:0 0 18px!important;
  opacity:1!important;
  visibility:visible!important;
}
body.hrms-old-page table tbody .hrms-row-menu-toggle::after,
body.hrms-old-page table tbody [data-hrms-action-toggle="1"]::after{
  display:none!important;
  content:none!important;
}
#hrmsActionPortalMenu.hrms-action-portal-menu{
  z-index:2147483640!important;
}

/* HRMS v61: stable table action portal. Native row dropdowns stay hidden, portal always shows above tables/modals. */
body.hrms-old-page #hrmsActionPortalMenu.hrms-action-portal-menu.open,
body.hrms-module-page #hrmsActionPortalMenu.hrms-action-portal-menu.open{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  z-index:2147483647!important;
}
body.hrms-old-page table tbody .dropdown-menu.hrms-native-action-menu-hidden,
body.hrms-module-page table tbody .dropdown-menu.hrms-native-action-menu-hidden{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
body.hrms-old-page table tbody [data-hrms-action-toggle="1"],
body.hrms-module-page table tbody [data-hrms-action-toggle="1"]{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}


/* HRMS v62: make the complete row action button/cell hit-area clickable and stable. */
body.hrms-old-page table tbody td.hrms-action-hitcell,
body.hrms-old-page table tbody td.action-item,
body.hrms-module-page table tbody td.hrms-action-hitcell,
body.hrms-module-page table tbody td.action-item{
  position:relative!important;
  text-align:center!important;
  width:72px!important;
  min-width:72px!important;
  cursor:pointer!important;
  vertical-align:middle!important;
}
body.hrms-old-page table tbody td.hrms-action-hitcell .hrms-action-hitwrap,
body.hrms-old-page table tbody td.action-item .dropdown,
body.hrms-old-page table tbody td.action-item > a[aria-label="Open actions"],
body.hrms-module-page table tbody td.hrms-action-hitcell .hrms-action-hitwrap,
body.hrms-module-page table tbody td.action-item .dropdown,
body.hrms-module-page table tbody td.action-item > a[aria-label="Open actions"]{
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.hrms-old-page table tbody .hrms-row-menu-toggle,
body.hrms-old-page table tbody [data-hrms-action-toggle="1"],
body.hrms-module-page table tbody .hrms-row-menu-toggle,
body.hrms-module-page table tbody [data-hrms-action-toggle="1"]{
  position:relative!important;
  z-index:2!important;
  pointer-events:auto!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  -webkit-tap-highlight-color:transparent!important;
}
body.hrms-old-page table tbody .hrms-row-menu-toggle *,
body.hrms-old-page table tbody [data-hrms-action-toggle="1"] *,
body.hrms-module-page table tbody .hrms-row-menu-toggle *,
body.hrms-module-page table tbody [data-hrms-action-toggle="1"] *{
  pointer-events:none!important;
}
body.hrms-old-page table tbody td.hrms-action-hitcell::before,
body.hrms-module-page table tbody td.hrms-action-hitcell::before{
  content:"";
  position:absolute;
  inset:8px 10px;
  border-radius:14px;
  pointer-events:none;
}
body.hrms-old-page table tbody td.hrms-action-hitcell:hover::before,
body.hrms-module-page table tbody td.hrms-action-hitcell:hover::before{
  background:rgba(15,23,42,.025);
}


/* HRMS v63: Drive-style page header and complete light/dark parity for HRMS pages. */
body.hrms-old-page.hrms-module-page{
  --hrms-bg:#f3f6fb;
  --hrms-surface:#ffffff;
  --hrms-surface-2:#f7f9fc;
  --hrms-elevated:#ffffff;
  --hrms-border:#dfe5ec;
  --hrms-border-soft:#edf1f5;
  --hrms-text:#0b1628;
  --hrms-muted:#667085;
  --hrms-btn-bg:#ffffff;
  --hrms-btn-hover:#f8fafc;
  --hrms-input-bg:#ffffff;
  --hrms-input-text:#111827;
  --hrms-input-placeholder:#8a96a8;
  --hrms-table-head:#f7f9fc;
  --hrms-table-hover:#fbfcff;
  --hrms-shadow:0 14px 36px rgba(35,48,68,.08);
}
html[data-theme="dark"] body.hrms-old-page.hrms-module-page{
  --hrms-bg:#08111f;
  --hrms-surface:#101b2b;
  --hrms-surface-2:#132237;
  --hrms-elevated:#101b2b;
  --hrms-border:rgba(255,255,255,.10);
  --hrms-border-soft:rgba(255,255,255,.075);
  --hrms-text:#f5f8fc;
  --hrms-muted:#91a0b5;
  --hrms-btn-bg:#101b2b;
  --hrms-btn-hover:#132237;
  --hrms-input-bg:#0d1726;
  --hrms-input-text:#f5f8fc;
  --hrms-input-placeholder:#718096;
  --hrms-table-head:#132237;
  --hrms-table-hover:rgba(255,255,255,.035);
  --hrms-shadow:0 18px 45px rgba(0,0,0,.28);
  color-scheme:dark;
}
html[data-theme="light"] body.hrms-old-page.hrms-module-page{color-scheme:light;}
body.hrms-old-page.hrms-module-page,
body.hrms-old-page.hrms-module-page .main-wrapper,
body.hrms-old-page.hrms-module-page .page-wrapper,
body.hrms-old-page.hrms-module-page .content,
body.hrms-old-page.hrms-module-page .page-wrapper > .content{
  background:var(--hrms-bg)!important;
  color:var(--hrms-text)!important;
}
body.hrms-old-page.hrms-module-page .content > .d-flex:first-child.hrms-drive-page-header,
body.hrms-old-page.hrms-module-page .content > .d-flex:first-child:not(.row),
body.hrms-old-page.hrms-module-page .content > .page-header:first-child{
  min-height:58px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:10px 12px 10px 16px!important;
  margin:0 0 14px!important;
  background:var(--hrms-surface)!important;
  border:1px solid var(--hrms-border)!important;
  border-radius:7px!important;
  box-shadow:none!important;
  color:var(--hrms-text)!important;
}
body.hrms-old-page.hrms-module-page .content > .d-flex:first-child.hrms-drive-page-header > div:first-child,
body.hrms-old-page.hrms-module-page .content > .d-flex:first-child:not(.row) > div:first-child,
body.hrms-old-page.hrms-module-page .content > .page-header:first-child > div:first-child{
  min-width:0!important;
  display:block!important;
}
body.hrms-old-page.hrms-module-page .content > .d-flex:first-child.hrms-drive-page-header h4,
body.hrms-old-page.hrms-module-page .content > .d-flex:first-child:not(.row) h4,
body.hrms-old-page.hrms-module-page .content > .page-header:first-child h4{
  color:var(--hrms-text)!important;
  font-size:18px!important;
  line-height:1.15!important;
  letter-spacing:-.035em!important;
  margin:0!important;
  font-weight:850!important;
}
body.hrms-old-page.hrms-module-page .content > .d-flex:first-child.hrms-drive-page-header p,
body.hrms-old-page.hrms-module-page .content > .d-flex:first-child:not(.row) p,
body.hrms-old-page.hrms-module-page .content > .page-header:first-child p{
  color:var(--hrms-muted)!important;
  margin:2px 0 0!important;
  font-size:12px!important;
  line-height:1.35!important;
}
body.hrms-old-page.hrms-module-page .content > .d-flex:first-child.hrms-drive-page-header .page-header-actions,
body.hrms-old-page.hrms-module-page .content > .d-flex:first-child:not(.row) .page-header-actions,
body.hrms-old-page.hrms-module-page .content > .d-flex:first-child:not(.row) [class*="-list-actions"],
body.hrms-old-page.hrms-module-page .content > .page-header:first-child .page-header-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  margin-left:auto!important;
}
body.hrms-old-page.hrms-module-page .content > .d-flex:first-child.hrms-drive-page-header .btn,
body.hrms-old-page.hrms-module-page .content > .d-flex:first-child:not(.row) .btn,
body.hrms-old-page.hrms-module-page .content > .page-header:first-child .btn,
body.hrms-old-page.hrms-module-page .hrms-table-toolbar-right .btn,
body.hrms-old-page.hrms-module-page .drive-segmented a,
body.hrms-old-page.hrms-module-page .drive-segmented button{
  min-height:32px!important;
  height:32px!important;
  border-radius:6px!important;
  padding:0 10px!important;
  font-size:12px!important;
  font-weight:750!important;
  gap:6px!important;
  background:var(--hrms-btn-bg)!important;
  border-color:var(--hrms-border)!important;
  color:var(--hrms-text)!important;
  box-shadow:none!important;
}
body.hrms-old-page.hrms-module-page .content > .d-flex:first-child.hrms-drive-page-header .btn:hover,
body.hrms-old-page.hrms-module-page .content > .d-flex:first-child:not(.row) .btn:hover,
body.hrms-old-page.hrms-module-page .content > .page-header:first-child .btn:hover,
body.hrms-old-page.hrms-module-page .hrms-table-toolbar-right .btn:hover{
  background:var(--hrms-btn-hover)!important;
  color:var(--hrms-text)!important;
}
body.hrms-old-page.hrms-module-page .content > .d-flex:first-child.hrms-drive-page-header .btn-primary,
body.hrms-old-page.hrms-module-page .content > .d-flex:first-child:not(.row) .btn-primary,
body.hrms-old-page.hrms-module-page .content > .page-header:first-child .btn-primary,
body.hrms-old-page.hrms-module-page .hrms-table-toolbar-right .btn-primary{
  background:#147eff!important;
  border-color:#147eff!important;
  color:#fff!important;
}
body.hrms-old-page.hrms-module-page .content > .d-flex:first-child.hrms-drive-page-header .btn-danger,
body.hrms-old-page.hrms-module-page .content > .d-flex:first-child:not(.row) .btn-danger,
body.hrms-old-page.hrms-module-page .content > .page-header:first-child .btn-danger{
  background:#ef4444!important;
  border-color:#ef4444!important;
  color:#fff!important;
}
body.hrms-old-page.hrms-module-page .card,
body.hrms-old-page.hrms-module-page .panel,
body.hrms-old-page.hrms-module-page .cardx,
body.hrms-old-page.hrms-module-page [class*="-table-card"],
body.hrms-old-page.hrms-module-page .hrms-themed-panel{
  background:var(--hrms-surface)!important;
  border-color:var(--hrms-border)!important;
  color:var(--hrms-text)!important;
  box-shadow:var(--hrms-shadow)!important;
}
body.hrms-old-page.hrms-module-page .card-header,
body.hrms-old-page.hrms-module-page .panel-header,
body.hrms-old-page.hrms-module-page .cardx-head,
body.hrms-old-page.hrms-module-page .hrms-table-card-header{
  background:var(--hrms-surface)!important;
  border-color:var(--hrms-border)!important;
  color:var(--hrms-text)!important;
}
body.hrms-old-page.hrms-module-page .card-body,
body.hrms-old-page.hrms-module-page .card-footer,
body.hrms-old-page.hrms-module-page .modal-body,
body.hrms-old-page.hrms-module-page .modal-footer{
  background:var(--hrms-surface)!important;
  border-color:var(--hrms-border)!important;
  color:var(--hrms-text)!important;
}
body.hrms-old-page.hrms-module-page table,
body.hrms-old-page.hrms-module-page .table,
body.hrms-old-page.hrms-module-page .table-responsive,
body.hrms-old-page.hrms-module-page .dataTable{
  background:var(--hrms-surface)!important;
  color:var(--hrms-text)!important;
}
body.hrms-old-page.hrms-module-page table thead th,
body.hrms-old-page.hrms-module-page table.table thead th,
body.hrms-old-page.hrms-module-page .thead-light th{
  background:var(--hrms-table-head)!important;
  color:var(--hrms-muted)!important;
  border-color:var(--hrms-border)!important;
}
body.hrms-old-page.hrms-module-page table tbody td,
body.hrms-old-page.hrms-module-page table.table tbody td{
  color:var(--hrms-text)!important;
  border-color:var(--hrms-border-soft)!important;
  background:transparent!important;
}
body.hrms-old-page.hrms-module-page table tbody tr:hover td{background:var(--hrms-table-hover)!important;}
body.hrms-old-page.hrms-module-page .form-control,
body.hrms-old-page.hrms-module-page .form-select,
body.hrms-old-page.hrms-module-page input:not([type="checkbox"]):not([type="radio"]),
body.hrms-old-page.hrms-module-page textarea,
body.hrms-old-page.hrms-module-page select,
body.hrms-old-page.hrms-module-page .select2-container--default .select2-selection--single,
body.hrms-old-page.hrms-module-page .select2-container--default .select2-selection--multiple,
body.hrms-old-page.hrms-module-page .note-editor.note-frame,
body.hrms-old-page.hrms-module-page .note-editor.note-airframe{
  background:var(--hrms-input-bg)!important;
  color:var(--hrms-input-text)!important;
  border-color:var(--hrms-border)!important;
}
body.hrms-old-page.hrms-module-page .form-control::placeholder,
body.hrms-old-page.hrms-module-page textarea::placeholder,
body.hrms-old-page.hrms-module-page input::placeholder{color:var(--hrms-input-placeholder)!important;opacity:1!important;}
body.hrms-old-page.hrms-module-page .dropdown-menu,
body.hrms-old-page.hrms-module-page .filter-dropdown,
body.hrms-old-page.hrms-module-page .dropdown-lg,
body.hrms-old-page.hrms-module-page .select2-dropdown,
body.hrms-old-page.hrms-module-page .note-toolbar,
body.hrms-old-page.hrms-module-page .note-editor .note-statusbar{
  background:var(--hrms-elevated)!important;
  border-color:var(--hrms-border)!important;
  color:var(--hrms-text)!important;
}
body.hrms-old-page.hrms-module-page .dropdown-item,
body.hrms-old-page.hrms-module-page .select2-results__option,
body.hrms-old-page.hrms-module-page .note-btn,
body.hrms-old-page.hrms-module-page .note-editable{
  color:var(--hrms-text)!important;
  background:transparent!important;
}
body.hrms-old-page.hrms-module-page .dropdown-item:hover,
body.hrms-old-page.hrms-module-page .dropdown-item:focus,
body.hrms-old-page.hrms-module-page .select2-results__option--highlighted{
  background:var(--hrms-table-hover)!important;
  color:var(--hrms-text)!important;
}
body.hrms-old-page.hrms-module-page .text-muted,
body.hrms-old-page.hrms-module-page .text-body,
body.hrms-old-page.hrms-module-page .form-text,
body.hrms-old-page.hrms-module-page small{color:var(--hrms-muted)!important;}
html[data-theme="dark"] body.hrms-old-page.hrms-module-page .bg-white,
html[data-theme="dark"] body.hrms-old-page.hrms-module-page .btn-white,
html[data-theme="dark"] body.hrms-old-page.hrms-module-page .btn-outline-white,
html[data-theme="dark"] body.hrms-old-page.hrms-module-page .btn-light{
  background:var(--hrms-btn-bg)!important;
  color:var(--hrms-text)!important;
  border-color:var(--hrms-border)!important;
}
html[data-theme="dark"] body.hrms-old-page.hrms-module-page .modal-content,
html[data-theme="dark"] body.hrms-old-page.hrms-module-page .modal-header,
html[data-theme="dark"] body.hrms-old-page.hrms-module-page .modal-footer{
  background:var(--hrms-surface)!important;
  color:var(--hrms-text)!important;
  border-color:var(--hrms-border)!important;
}
html[data-theme="dark"] body.hrms-old-page.hrms-module-page .btn-close{filter:invert(1) grayscale(1);}
@media(max-width:900px){
  body.hrms-old-page.hrms-module-page .content > .d-flex:first-child.hrms-drive-page-header,
  body.hrms-old-page.hrms-module-page .content > .d-flex:first-child:not(.row),
  body.hrms-old-page.hrms-module-page .content > .page-header:first-child{
    align-items:flex-start!important;
    flex-direction:column!important;
    padding:12px!important;
  }
  body.hrms-old-page.hrms-module-page .content > .d-flex:first-child.hrms-drive-page-header .page-header-actions,
  body.hrms-old-page.hrms-module-page .content > .d-flex:first-child:not(.row) .page-header-actions,
  body.hrms-old-page.hrms-module-page .content > .d-flex:first-child:not(.row) [class*="-list-actions"],
  body.hrms-old-page.hrms-module-page .content > .page-header:first-child .page-header-actions{
    width:100%!important;
    justify-content:flex-end!important;
    margin-left:0!important;
  }
}

/* HRMS v64: Drive-style page header without card/background wrapper.
   Keeps title/actions aligned while removing the visible header container background across HRMS pages. */
body.hrms-old-page.hrms-module-page .content > .d-flex:first-child.hrms-drive-page-header,
body.hrms-old-page.hrms-module-page .content > .d-flex:first-child:not(.row),
body.hrms-old-page.hrms-module-page .content > .page-header:first-child{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0 0 12px 0!important;
  margin:0 0 14px 0!important;
  min-height:auto!important;
}
html[data-theme="dark"] body.hrms-old-page.hrms-module-page .content > .d-flex:first-child.hrms-drive-page-header,
html[data-theme="dark"] body.hrms-old-page.hrms-module-page .content > .d-flex:first-child:not(.row),
html[data-theme="dark"] body.hrms-old-page.hrms-module-page .content > .page-header:first-child{
  background:transparent!important;
  border-color:transparent!important;
}
body.hrms-old-page.hrms-module-page .content > .d-flex:first-child.hrms-drive-page-header::before,
body.hrms-old-page.hrms-module-page .content > .d-flex:first-child.hrms-drive-page-header::after,
body.hrms-old-page.hrms-module-page .content > .page-header:first-child::before,
body.hrms-old-page.hrms-module-page .content > .page-header:first-child::after{
  display:none!important;
}
@media(max-width:900px){
  body.hrms-old-page.hrms-module-page .content > .d-flex:first-child.hrms-drive-page-header,
  body.hrms-old-page.hrms-module-page .content > .d-flex:first-child:not(.row),
  body.hrms-old-page.hrms-module-page .content > .page-header:first-child{
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    padding:0 0 12px 0!important;
  }
}

/* HRMS v65: fixed profile dropdown portal + Care-module dark/light parity. */
body.hrms-old-page.hrms-module-page,
body.hrms-apple-page.hrms-menu-page{
  --hrms-bg:var(--bg,#eef2f7)!important;
  --hrms-surface:var(--panel-solid,#ffffff)!important;
  --hrms-surface-2:var(--panel-2,#f7f9fc)!important;
  --hrms-elevated:var(--panel-solid,#ffffff)!important;
  --hrms-border:var(--line,rgba(15,23,42,.08))!important;
  --hrms-border-soft:var(--line,rgba(15,23,42,.08))!important;
  --hrms-text:var(--text,#101828)!important;
  --hrms-muted:var(--muted,#64748b)!important;
  --hrms-btn-bg:var(--panel-solid,#ffffff)!important;
  --hrms-btn-hover:var(--panel-2,#f3f6fa)!important;
  --hrms-input-bg:var(--panel-solid,#ffffff)!important;
  --hrms-input-text:var(--text,#101828)!important;
  --hrms-input-placeholder:var(--muted-2,#94a3b8)!important;
  --hrms-table-head:var(--panel-2,#f3f6fa)!important;
  --hrms-table-hover:rgba(20,126,255,.055)!important;
  --hrms-shadow:var(--shadow-soft,0 15px 38px rgba(40,55,75,.10))!important;
  --hrms-theme-bg:var(--bg,#eef2f7)!important;
  --hrms-theme-card:var(--panel-solid,#ffffff)!important;
  --hrms-theme-border:var(--line,rgba(15,23,42,.08))!important;
  --hrms-theme-border-soft:var(--line,rgba(15,23,42,.08))!important;
  --hrms-theme-text:var(--text,#101828)!important;
  --hrms-theme-muted:var(--muted,#64748b)!important;
}
html[data-theme="dark"] body.hrms-old-page.hrms-module-page,
html[data-theme="dark"] body.hrms-apple-page.hrms-menu-page{
  --hrms-table-hover:rgba(255,255,255,.045)!important;
  color-scheme:dark!important;
}
html[data-theme="light"] body.hrms-old-page.hrms-module-page,
html[data-theme="light"] body.hrms-apple-page.hrms-menu-page{color-scheme:light!important;}

/* Keep the profile menu attached to the header on HRMS pages. Earlier HRMS scoped .dropdown rules
   changed it to relative/absolute, which pushed it down into the page/footer area. */
body.hrms-old-page.hrms-module-page #profileDropdown.dropdown,
body.hrms-apple-page.hrms-menu-page #profileDropdown.dropdown,
body[data-module="hrms"] #profileDropdown.dropdown,
#profileDropdown.dropdown{
  position:fixed!important;
  top:calc(var(--topbar-h,78px) + 10px)!important;
  right:24px!important;
  left:auto!important;
  bottom:auto!important;
  width:min(360px, calc(100vw - 24px))!important;
  min-width:300px!important;
  max-width:360px!important;
  max-height:calc(100dvh - var(--topbar-h,78px) - 22px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:8px!important;
  margin:0!important;
  z-index:30000!important;
  border-radius:18px!important;
  border:1px solid var(--line-strong)!important;
  background:var(--panel-solid)!important;
  color:var(--text)!important;
  box-shadow:var(--shadow)!important;
  display:none!important;
  transform:none!important;
  scrollbar-width:thin;
}
body.hrms-old-page.hrms-module-page #profileDropdown.dropdown.open,
body.hrms-apple-page.hrms-menu-page #profileDropdown.dropdown.open,
body[data-module="hrms"] #profileDropdown.dropdown.open,
#profileDropdown.dropdown.open{
  display:block!important;
  animation:dropIn .18s ease!important;
}
body.hrms-old-page.hrms-module-page #profileDropdown .dropdown-item,
body.hrms-apple-page.hrms-menu-page #profileDropdown .dropdown-item,
body[data-module="hrms"] #profileDropdown .dropdown-item{
  min-height:38px!important;
  height:auto!important;
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  padding:10px 11px!important;
  border-radius:12px!important;
  border:0!important;
  background:transparent!important;
  color:var(--text)!important;
  font-size:12px!important;
  font-weight:650!important;
  box-shadow:none!important;
  text-align:left!important;
}
body.hrms-old-page.hrms-module-page #profileDropdown .dropdown-item:hover,
body.hrms-apple-page.hrms-menu-page #profileDropdown .dropdown-item:hover,
body[data-module="hrms"] #profileDropdown .dropdown-item:hover{background:rgba(127,127,127,.12)!important;color:var(--text)!important;}
body.hrms-old-page.hrms-module-page #profileDropdown .dropdown-head,
body.hrms-apple-page.hrms-menu-page #profileDropdown .dropdown-head,
body[data-module="hrms"] #profileDropdown .dropdown-head{border-bottom:1px solid var(--line)!important;color:var(--text)!important;}
body.hrms-old-page.hrms-module-page #profileDropdown .dropdown-head span,
body.hrms-apple-page.hrms-menu-page #profileDropdown .dropdown-head span,
body[data-module="hrms"] #profileDropdown .dropdown-head span{color:var(--muted)!important;}
body.hrms-old-page.hrms-module-page #profileDropdown .role-preview-list,
body.hrms-apple-page.hrms-menu-page #profileDropdown .role-preview-list,
body[data-module="hrms"] #profileDropdown .role-preview-list{
  display:grid!important;
  gap:2px!important;
  max-height:42vh!important;
  overflow:auto!important;
  padding-right:2px!important;
}

/* HRMS page shell and header text should stay readable in dark mode like the Care modules. */
body.hrms-old-page.hrms-module-page[data-module="hrms"],
body.hrms-old-page.hrms-module-page[data-module="hrms"] .main-wrapper,
body.hrms-old-page.hrms-module-page[data-module="hrms"] .page-wrapper,
body.hrms-old-page.hrms-module-page[data-module="hrms"] .content,
body.hrms-old-page.hrms-module-page[data-module="hrms"] .page-wrapper > .content{
  background:var(--hrms-bg)!important;
  color:var(--hrms-text)!important;
}
body.hrms-old-page.hrms-module-page[data-module="hrms"] .content > .d-flex:first-child h1,
body.hrms-old-page.hrms-module-page[data-module="hrms"] .content > .d-flex:first-child h2,
body.hrms-old-page.hrms-module-page[data-module="hrms"] .content > .d-flex:first-child h3,
body.hrms-old-page.hrms-module-page[data-module="hrms"] .content > .d-flex:first-child h4,
body.hrms-old-page.hrms-module-page[data-module="hrms"] .content > .d-flex:first-child h5,
body.hrms-old-page.hrms-module-page[data-module="hrms"] .content > .page-header:first-child h1,
body.hrms-old-page.hrms-module-page[data-module="hrms"] .content > .page-header:first-child h2,
body.hrms-old-page.hrms-module-page[data-module="hrms"] .content > .page-header:first-child h3,
body.hrms-old-page.hrms-module-page[data-module="hrms"] .content > .page-header:first-child h4,
body.hrms-old-page.hrms-module-page[data-module="hrms"] .content > .page-header:first-child h5{
  color:var(--hrms-text)!important;
}
body.hrms-old-page.hrms-module-page[data-module="hrms"] .content > .d-flex:first-child p,
body.hrms-old-page.hrms-module-page[data-module="hrms"] .content > .page-header:first-child p{color:var(--hrms-muted)!important;}
body.hrms-old-page.hrms-module-page[data-module="hrms"] .card,
body.hrms-old-page.hrms-module-page[data-module="hrms"] .panel,
body.hrms-old-page.hrms-module-page[data-module="hrms"] .cardx,
body.hrms-old-page.hrms-module-page[data-module="hrms"] .hrms-themed-panel,
body.hrms-old-page.hrms-module-page[data-module="hrms"] [class*="-table-card"],
body.hrms-old-page.hrms-module-page[data-module="hrms"] .content > .card:has(table),
body.hrms-old-page.hrms-module-page[data-module="hrms"] .panel:has(table){
  background:var(--hrms-surface)!important;
  color:var(--hrms-text)!important;
  border-color:var(--hrms-border)!important;
  box-shadow:var(--hrms-shadow)!important;
}
body.hrms-old-page.hrms-module-page[data-module="hrms"] .card-header,
body.hrms-old-page.hrms-module-page[data-module="hrms"] .panel-header,
body.hrms-old-page.hrms-module-page[data-module="hrms"] .cardx-head,
body.hrms-old-page.hrms-module-page[data-module="hrms"] .hrms-table-toolbar,
body.hrms-old-page.hrms-module-page[data-module="hrms"] .content > .card:has(table) > .card-header{
  background:var(--hrms-surface)!important;
  color:var(--hrms-text)!important;
  border-color:var(--hrms-border)!important;
}
body.hrms-old-page.hrms-module-page[data-module="hrms"] .table-responsive,
body.hrms-old-page.hrms-module-page[data-module="hrms"] .data-table-wrap,
body.hrms-old-page.hrms-module-page[data-module="hrms"] table,
body.hrms-old-page.hrms-module-page[data-module="hrms"] table.table,
body.hrms-old-page.hrms-module-page[data-module="hrms"] table.data-table,
body.hrms-old-page.hrms-module-page[data-module="hrms"] .hrms-theme-table{
  background:var(--hrms-surface)!important;
  color:var(--hrms-text)!important;
}
body.hrms-old-page.hrms-module-page[data-module="hrms"] table thead th,
body.hrms-old-page.hrms-module-page[data-module="hrms"] table.table thead th,
body.hrms-old-page.hrms-module-page[data-module="hrms"] table.data-table thead th{
  background:var(--hrms-table-head)!important;
  color:var(--hrms-muted)!important;
  border-color:var(--hrms-border)!important;
}
body.hrms-old-page.hrms-module-page[data-module="hrms"] table tbody tr,
body.hrms-old-page.hrms-module-page[data-module="hrms"] table tbody td,
body.hrms-old-page.hrms-module-page[data-module="hrms"] table.table tbody td,
body.hrms-old-page.hrms-module-page[data-module="hrms"] table.data-table tbody td{
  background:var(--hrms-surface)!important;
  color:var(--hrms-text)!important;
  border-color:var(--hrms-border-soft)!important;
}
body.hrms-old-page.hrms-module-page[data-module="hrms"] table tbody tr:hover td{background:var(--hrms-table-hover)!important;}
body.hrms-old-page.hrms-module-page[data-module="hrms"] table tbody td p,
body.hrms-old-page.hrms-module-page[data-module="hrms"] table tbody td .text-muted,
body.hrms-old-page.hrms-module-page[data-module="hrms"] table tbody td .small,
body.hrms-old-page.hrms-module-page[data-module="hrms"] .text-muted,
body.hrms-old-page.hrms-module-page[data-module="hrms"] small{color:var(--hrms-muted)!important;}
body.hrms-old-page.hrms-module-page[data-module="hrms"] table tbody td:first-child,
body.hrms-old-page.hrms-module-page[data-module="hrms"] table tbody td:first-child .fw-semibold,
body.hrms-old-page.hrms-module-page[data-module="hrms"] table tbody td:first-child h6,
body.hrms-old-page.hrms-module-page[data-module="hrms"] table tbody .table-primary{color:var(--hrms-text)!important;}
html[data-theme="dark"] body.hrms-old-page.hrms-module-page[data-module="hrms"] .btn:not(.btn-primary):not(.btn-danger):not(.btn-success):not(.btn-info),
html[data-theme="dark"] body.hrms-old-page.hrms-module-page[data-module="hrms"] .hrms-toolbar-btn,
html[data-theme="dark"] body.hrms-old-page.hrms-module-page[data-module="hrms"] .hrms-table-search-shell,
html[data-theme="dark"] body.hrms-old-page.hrms-module-page[data-module="hrms"] .hrms-table-toolbar select{
  background:var(--hrms-btn-bg)!important;
  color:var(--hrms-text)!important;
  border-color:var(--hrms-border)!important;
}
html[data-theme="dark"] body.hrms-old-page.hrms-module-page[data-module="hrms"] .form-control,
html[data-theme="dark"] body.hrms-old-page.hrms-module-page[data-module="hrms"] .form-select,
html[data-theme="dark"] body.hrms-old-page.hrms-module-page[data-module="hrms"] input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] body.hrms-old-page.hrms-module-page[data-module="hrms"] textarea,
html[data-theme="dark"] body.hrms-old-page.hrms-module-page[data-module="hrms"] select,
html[data-theme="dark"] body.hrms-old-page.hrms-module-page[data-module="hrms"] .note-editor.note-frame,
html[data-theme="dark"] body.hrms-old-page.hrms-module-page[data-module="hrms"] .note-editor.note-airframe,
html[data-theme="dark"] body.hrms-old-page.hrms-module-page[data-module="hrms"] .note-editable{
  background:var(--hrms-input-bg)!important;
  color:var(--hrms-input-text)!important;
  border-color:var(--hrms-border)!important;
}

@media(max-width:900px){
  body.hrms-old-page.hrms-module-page #profileDropdown.dropdown,
  body.hrms-apple-page.hrms-menu-page #profileDropdown.dropdown,
  body[data-module="hrms"] #profileDropdown.dropdown,
  #profileDropdown.dropdown{
    top:auto!important;
    right:10px!important;
    left:10px!important;
    bottom:calc(82px + env(safe-area-inset-bottom))!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    max-height:calc(100dvh - 112px)!important;
    border-radius:20px!important;
  }
}


/* HRMS v66: complete light/dark mode parity across HRMS pages.
   This is scoped to HRMS only and fixes remaining white/dark mixed areas such as
   Filters, Sort, Export, table footer/pagination, dropdowns, forms and modals. */
body.hrms-old-page.hrms-module-page,
body.hrms-apple-page.hrms-menu-page,
body[data-module="hrms"]{
  --hrms-app-bg:#f3f6fb;
  --hrms-app-surface:#ffffff;
  --hrms-app-surface-2:#f8fafc;
  --hrms-app-elevated:#ffffff;
  --hrms-app-elevated-2:#f7f9fc;
  --hrms-app-border:#dde5ef;
  --hrms-app-border-soft:#edf1f6;
  --hrms-app-text:#101828;
  --hrms-app-heading:#0f172a;
  --hrms-app-muted:#667085;
  --hrms-app-control:#ffffff;
  --hrms-app-control-hover:#f3f6fb;
  --hrms-app-input:#ffffff;
  --hrms-app-input-text:#101828;
  --hrms-app-placeholder:#98a2b3;
  --hrms-app-table-head:#f8fafc;
  --hrms-app-table-row:#ffffff;
  --hrms-app-table-hover:#f6f9ff;
  --hrms-app-shadow:0 16px 34px rgba(15,23,42,.06);
  color-scheme:light;
}
html[data-theme="dark"] body.hrms-old-page.hrms-module-page,
html[data-theme="dark"] body.hrms-apple-page.hrms-menu-page,
html[data-theme="dark"] body[data-module="hrms"],
body.hrms-old-page.hrms-module-page[data-active-theme="dark"],
body.hrms-apple-page.hrms-menu-page[data-active-theme="dark"],
body[data-module="hrms"][data-active-theme="dark"]{
  --hrms-app-bg:#070d17;
  --hrms-app-surface:#151515;
  --hrms-app-surface-2:#1c1c1f;
  --hrms-app-elevated:#1f1f22;
  --hrms-app-elevated-2:#262629;
  --hrms-app-border:#303034;
  --hrms-app-border-soft:#2a2a2e;
  --hrms-app-text:#f4f7fb;
  --hrms-app-heading:#ffffff;
  --hrms-app-muted:#a8b0bd;
  --hrms-app-control:#1b1b1e;
  --hrms-app-control-hover:#27272b;
  --hrms-app-input:#1d1d20;
  --hrms-app-input-text:#ffffff;
  --hrms-app-placeholder:#8f98a7;
  --hrms-app-table-head:#2a2a2d;
  --hrms-app-table-row:#1f1f22;
  --hrms-app-table-hover:#26262a;
  --hrms-app-shadow:0 22px 54px rgba(0,0,0,.32);
  color-scheme:dark;
}

/* Shell + top page content */
body.hrms-old-page.hrms-module-page,
body.hrms-old-page.hrms-module-page .main-wrapper,
body.hrms-old-page.hrms-module-page .page-wrapper,
body.hrms-old-page.hrms-module-page .content,
body.hrms-old-page.hrms-module-page .page-wrapper > .content,
body.hrms-apple-page.hrms-menu-page,
body.hrms-apple-page.hrms-menu-page .main-wrapper,
body.hrms-apple-page.hrms-menu-page .page-wrapper,
body.hrms-apple-page.hrms-menu-page .content{
  background:var(--hrms-app-bg)!important;
  color:var(--hrms-app-text)!important;
}
body.hrms-old-page.hrms-module-page h1,
body.hrms-old-page.hrms-module-page h2,
body.hrms-old-page.hrms-module-page h3,
body.hrms-old-page.hrms-module-page h4,
body.hrms-old-page.hrms-module-page h5,
body.hrms-old-page.hrms-module-page h6,
body.hrms-apple-page.hrms-menu-page h1,
body.hrms-apple-page.hrms-menu-page h2,
body.hrms-apple-page.hrms-menu-page h3,
body.hrms-apple-page.hrms-menu-page h4,
body.hrms-apple-page.hrms-menu-page h5,
body.hrms-apple-page.hrms-menu-page h6{
  color:var(--hrms-app-heading)!important;
}
body.hrms-old-page.hrms-module-page p,
body.hrms-old-page.hrms-module-page small,
body.hrms-old-page.hrms-module-page .text-muted,
body.hrms-old-page.hrms-module-page .text-body,
body.hrms-apple-page.hrms-menu-page p,
body.hrms-apple-page.hrms-menu-page small,
body.hrms-apple-page.hrms-menu-page .text-muted,
body.hrms-apple-page.hrms-menu-page .text-body{
  color:var(--hrms-app-muted)!important;
}

/* Cards, table cards, panels and table wrappers */
body.hrms-old-page.hrms-module-page .card,
body.hrms-old-page.hrms-module-page .panel,
body.hrms-old-page.hrms-module-page .cardx,
body.hrms-old-page.hrms-module-page .hrms-themed-panel,
body.hrms-old-page.hrms-module-page .hrms-table-card,
body.hrms-old-page.hrms-module-page [class*="-table-card"],
body.hrms-old-page.hrms-module-page .table-card,
body.hrms-old-page.hrms-module-page .table-responsive,
body.hrms-old-page.hrms-module-page .data-table-wrap,
body.hrms-old-page.hrms-module-page .applications-table-card,
body.hrms-old-page.hrms-module-page .review-top-box,
body.hrms-old-page.hrms-module-page .status-action-box,
body.hrms-old-page.hrms-module-page .review-detail-card,
body.hrms-old-page.hrms-module-page .review-side-panel{
  background:var(--hrms-app-surface)!important;
  color:var(--hrms-app-text)!important;
  border-color:var(--hrms-app-border)!important;
  box-shadow:var(--hrms-app-shadow)!important;
}
body.hrms-old-page.hrms-module-page .card-header,
body.hrms-old-page.hrms-module-page .card-footer,
body.hrms-old-page.hrms-module-page .panel-header,
body.hrms-old-page.hrms-module-page .cardx-head,
body.hrms-old-page.hrms-module-page .hrms-table-card-header,
body.hrms-old-page.hrms-module-page .hrms-table-toolbar,
body.hrms-old-page.hrms-module-page .filter-header,
body.hrms-old-page.hrms-module-page .filter-footer{
  background:var(--hrms-app-surface)!important;
  color:var(--hrms-app-text)!important;
  border-color:var(--hrms-app-border)!important;
}
body.hrms-old-page.hrms-module-page .card-body,
body.hrms-old-page.hrms-module-page .panel-body,
body.hrms-old-page.hrms-module-page .filter-body{
  background:var(--hrms-app-surface)!important;
  color:var(--hrms-app-text)!important;
}

/* Tables: make headers, rows, empty rows and pagination follow theme */
body.hrms-old-page.hrms-module-page table,
body.hrms-old-page.hrms-module-page .table,
body.hrms-old-page.hrms-module-page .dataTable,
body.hrms-old-page.hrms-module-page .hrms-theme-table{
  background:var(--hrms-app-surface)!important;
  color:var(--hrms-app-text)!important;
  border-color:var(--hrms-app-border)!important;
}
body.hrms-old-page.hrms-module-page table thead,
body.hrms-old-page.hrms-module-page table thead tr,
body.hrms-old-page.hrms-module-page table thead th,
body.hrms-old-page.hrms-module-page .table thead th,
body.hrms-old-page.hrms-module-page .dataTable thead th{
  background:var(--hrms-app-table-head)!important;
  color:var(--hrms-app-muted)!important;
  border-color:var(--hrms-app-border)!important;
}
body.hrms-old-page.hrms-module-page table tbody,
body.hrms-old-page.hrms-module-page table tbody tr,
body.hrms-old-page.hrms-module-page table tbody td,
body.hrms-old-page.hrms-module-page .table tbody td,
body.hrms-old-page.hrms-module-page .dataTable tbody td{
  background:var(--hrms-app-table-row)!important;
  color:var(--hrms-app-text)!important;
  border-color:var(--hrms-app-border-soft)!important;
}
body.hrms-old-page.hrms-module-page table tbody tr:hover td{
  background:var(--hrms-app-table-hover)!important;
  color:var(--hrms-app-text)!important;
}
body.hrms-old-page.hrms-module-page table tbody td strong,
body.hrms-old-page.hrms-module-page table tbody td .fw-semibold,
body.hrms-old-page.hrms-module-page table tbody td .fw-bold,
body.hrms-old-page.hrms-module-page table tbody td h6{
  color:var(--hrms-app-heading)!important;
}
body.hrms-old-page.hrms-module-page .pagination-box,
body.hrms-old-page.hrms-module-page .table-pagination,
body.hrms-old-page.hrms-module-page .dataTables_wrapper .row:last-child,
body.hrms-old-page.hrms-module-page .dataTables_paginate{
  background:var(--hrms-app-surface)!important;
  color:var(--hrms-app-muted)!important;
  border-color:var(--hrms-app-border)!important;
}
body.hrms-old-page.hrms-module-page .pagination-info,
body.hrms-old-page.hrms-module-page .dataTables_info{
  color:var(--hrms-app-muted)!important;
}
body.hrms-old-page.hrms-module-page .page-btn,
body.hrms-old-page.hrms-module-page .paginate_button,
body.hrms-old-page.hrms-module-page .dataTables_paginate .paginate_button{
  background:var(--hrms-app-control)!important;
  border-color:var(--hrms-app-border)!important;
  color:var(--hrms-app-text)!important;
}
body.hrms-old-page.hrms-module-page .page-btn:hover,
body.hrms-old-page.hrms-module-page .paginate_button:hover,
body.hrms-old-page.hrms-module-page .dataTables_paginate .paginate_button:hover{
  background:var(--hrms-app-control-hover)!important;
  color:var(--hrms-app-text)!important;
}
body.hrms-old-page.hrms-module-page .page-btn.active,
body.hrms-old-page.hrms-module-page .paginate_button.current,
body.hrms-old-page.hrms-module-page .dataTables_paginate .paginate_button.current{
  background:#147eff!important;
  border-color:#147eff!important;
  color:#fff!important;
}

/* Header/page action buttons and toolbar controls */
body.hrms-old-page.hrms-module-page .btn:not(.btn-primary):not(.btn-danger):not(.btn-success):not(.btn-warning):not(.btn-info),
body.hrms-old-page.hrms-module-page .hrms-toolbar-btn,
body.hrms-old-page.hrms-module-page .hrms-table-search-shell,
body.hrms-old-page.hrms-module-page .dropdown-toggle.btn,
body.hrms-old-page.hrms-module-page .btn-white,
body.hrms-old-page.hrms-module-page .bg-white,
body.hrms-old-page.hrms-module-page .btn-outline-white,
body.hrms-old-page.hrms-module-page .btn-light{
  background:var(--hrms-app-control)!important;
  color:var(--hrms-app-text)!important;
  border-color:var(--hrms-app-border)!important;
  box-shadow:none!important;
}
body.hrms-old-page.hrms-module-page .btn:not(.btn-primary):not(.btn-danger):not(.btn-success):not(.btn-warning):not(.btn-info):hover,
body.hrms-old-page.hrms-module-page .hrms-toolbar-btn:hover,
body.hrms-old-page.hrms-module-page .dropdown-toggle.btn:hover,
body.hrms-old-page.hrms-module-page .btn-white:hover,
body.hrms-old-page.hrms-module-page .btn-outline-white:hover,
body.hrms-old-page.hrms-module-page .btn-light:hover{
  background:var(--hrms-app-control-hover)!important;
  color:var(--hrms-app-text)!important;
  border-color:var(--hrms-app-border)!important;
}
body.hrms-old-page.hrms-module-page .btn-primary{
  background:#147eff!important;
  border-color:#147eff!important;
  color:#fff!important;
}
body.hrms-old-page.hrms-module-page .btn-danger{
  background:#ef4444!important;
  border-color:#ef4444!important;
  color:#fff!important;
}

/* Dropdowns, filter popup and floating action menu */
body.hrms-old-page.hrms-module-page .dropdown-menu,
body.hrms-old-page.hrms-module-page .dropdown-lg,
body.hrms-old-page.hrms-module-page .filter-dropdown,
body.hrms-old-page.hrms-module-page .select2-dropdown,
body.hrms-old-page.hrms-module-page .hrms-action-menu,
body > .hrms-action-menu.hrms-floating-menu,
body.hrms-old-page.hrms-module-page .hrms-floating-menu{
  background:var(--hrms-app-elevated)!important;
  color:var(--hrms-app-text)!important;
  border-color:var(--hrms-app-border)!important;
  box-shadow:var(--hrms-app-shadow)!important;
}
body.hrms-old-page.hrms-module-page .filter-dropdown,
body.hrms-old-page.hrms-module-page .dropdown-lg.filter-dropdown{
  overflow:hidden!important;
  border-radius:18px!important;
}
body.hrms-old-page.hrms-module-page .filter-dropdown h1,
body.hrms-old-page.hrms-module-page .filter-dropdown h2,
body.hrms-old-page.hrms-module-page .filter-dropdown h3,
body.hrms-old-page.hrms-module-page .filter-dropdown h4,
body.hrms-old-page.hrms-module-page .filter-dropdown h5,
body.hrms-old-page.hrms-module-page .filter-dropdown h6,
body.hrms-old-page.hrms-module-page .dropdown-menu h1,
body.hrms-old-page.hrms-module-page .dropdown-menu h2,
body.hrms-old-page.hrms-module-page .dropdown-menu h3,
body.hrms-old-page.hrms-module-page .dropdown-menu h4,
body.hrms-old-page.hrms-module-page .dropdown-menu h5,
body.hrms-old-page.hrms-module-page .dropdown-menu h6{
  color:var(--hrms-app-heading)!important;
}
body.hrms-old-page.hrms-module-page .filter-dropdown label,
body.hrms-old-page.hrms-module-page .dropdown-menu label{
  color:var(--hrms-app-text)!important;
}
body.hrms-old-page.hrms-module-page .dropdown-item,
body.hrms-old-page.hrms-module-page .dropdown-menu a:not(.btn),
body.hrms-old-page.hrms-module-page .hrms-action-menu-title strong,
body > .hrms-action-menu.hrms-floating-menu .hrms-action-menu-title strong,
body.hrms-old-page.hrms-module-page .hrms-action-menu .dropdown-item,
body > .hrms-action-menu.hrms-floating-menu .dropdown-item{
  color:var(--hrms-app-text)!important;
  background:transparent!important;
}
body.hrms-old-page.hrms-module-page .hrms-action-menu-title small,
body > .hrms-action-menu.hrms-floating-menu .hrms-action-menu-title small{
  color:var(--hrms-app-muted)!important;
}
body.hrms-old-page.hrms-module-page .dropdown-item:hover,
body.hrms-old-page.hrms-module-page .dropdown-item:focus,
body.hrms-old-page.hrms-module-page .hrms-action-menu .dropdown-item:hover,
body > .hrms-action-menu.hrms-floating-menu .dropdown-item:hover{
  background:var(--hrms-app-control-hover)!important;
  color:var(--hrms-app-text)!important;
}
body.hrms-old-page.hrms-module-page .link-primary{color:#147eff!important;}
body.hrms-old-page.hrms-module-page .link-danger{color:#ef4444!important;}

/* Inputs, selects, Select2 and Summernote */
body.hrms-old-page.hrms-module-page .form-control,
body.hrms-old-page.hrms-module-page .form-select,
body.hrms-old-page.hrms-module-page input:not([type="checkbox"]):not([type="radio"]),
body.hrms-old-page.hrms-module-page textarea,
body.hrms-old-page.hrms-module-page select,
body.hrms-old-page.hrms-module-page .select2-container--default .select2-selection--single,
body.hrms-old-page.hrms-module-page .select2-container--default .select2-selection--multiple,
body.hrms-old-page.hrms-module-page .note-editor.note-frame,
body.hrms-old-page.hrms-module-page .note-editor.note-airframe,
body.hrms-old-page.hrms-module-page .note-editable{
  background:var(--hrms-app-input)!important;
  color:var(--hrms-app-input-text)!important;
  border-color:var(--hrms-app-border)!important;
}
body.hrms-old-page.hrms-module-page .form-control::placeholder,
body.hrms-old-page.hrms-module-page input::placeholder,
body.hrms-old-page.hrms-module-page textarea::placeholder{
  color:var(--hrms-app-placeholder)!important;
  opacity:1!important;
}
body.hrms-old-page.hrms-module-page .select2-container--default .select2-selection--single .select2-selection__rendered,
body.hrms-old-page.hrms-module-page .select2-container--default .select2-selection--multiple .select2-selection__rendered{
  color:var(--hrms-app-input-text)!important;
}
body.hrms-old-page.hrms-module-page .select2-results__option{
  background:var(--hrms-app-elevated)!important;
  color:var(--hrms-app-text)!important;
}
body.hrms-old-page.hrms-module-page .select2-results__option--highlighted,
body.hrms-old-page.hrms-module-page .select2-results__option[aria-selected="true"]{
  background:var(--hrms-app-control-hover)!important;
  color:var(--hrms-app-text)!important;
}
body.hrms-old-page.hrms-module-page .note-toolbar,
body.hrms-old-page.hrms-module-page .note-editor .note-statusbar,
body.hrms-old-page.hrms-module-page .note-editor .note-resizebar{
  background:var(--hrms-app-elevated-2)!important;
  border-color:var(--hrms-app-border)!important;
  color:var(--hrms-app-text)!important;
}
body.hrms-old-page.hrms-module-page .note-btn,
body.hrms-old-page.hrms-module-page .note-btn.btn,
body.hrms-old-page.hrms-module-page .note-dropdown-menu{
  background:var(--hrms-app-control)!important;
  color:var(--hrms-app-text)!important;
  border-color:var(--hrms-app-border)!important;
}
body.hrms-old-page.hrms-module-page .note-btn:hover,
body.hrms-old-page.hrms-module-page .note-btn.active{
  background:var(--hrms-app-control-hover)!important;
  color:var(--hrms-app-text)!important;
}

/* Bootstrap modal/light-dark parity for Add, Edit, View and Status Manager. */
body.hrms-old-page.hrms-module-page .modal-content,
body.hrms-old-page.hrms-module-page .modal-header,
body.hrms-old-page.hrms-module-page .modal-body,
body.hrms-old-page.hrms-module-page .modal-footer,
body.hrms-old-page.hrms-module-page .bootstrap-modal-card,
body.hrms-old-page.hrms-module-page .hrms-modal-card{
  background:var(--hrms-app-surface)!important;
  color:var(--hrms-app-text)!important;
  border-color:var(--hrms-app-border)!important;
}
body.hrms-old-page.hrms-module-page .modal-title,
body.hrms-old-page.hrms-module-page .modal-content h1,
body.hrms-old-page.hrms-module-page .modal-content h2,
body.hrms-old-page.hrms-module-page .modal-content h3,
body.hrms-old-page.hrms-module-page .modal-content h4,
body.hrms-old-page.hrms-module-page .modal-content h5,
body.hrms-old-page.hrms-module-page .modal-content h6{
  color:var(--hrms-app-heading)!important;
}
body.hrms-old-page.hrms-module-page .modal-content .text-muted,
body.hrms-old-page.hrms-module-page .modal-content small{
  color:var(--hrms-app-muted)!important;
}
html[data-theme="dark"] body.hrms-old-page.hrms-module-page .btn-close,
body.hrms-old-page.hrms-module-page[data-active-theme="dark"] .btn-close{
  filter:invert(1) grayscale(100%) brightness(1.8)!important;
  opacity:.85!important;
}

/* HRMS menu landing pages */
body.hrms-apple-page.hrms-menu-page .module-home-shell,
body.hrms-apple-page.hrms-menu-page .module-widget,
body.hrms-apple-page.hrms-menu-page .widget,
body.hrms-apple-page.hrms-menu-page .module-card{
  background:var(--hrms-app-surface)!important;
  color:var(--hrms-app-text)!important;
  border-color:var(--hrms-app-border)!important;
}
body.hrms-apple-page.hrms-menu-page .module-copy h3,
body.hrms-apple-page.hrms-menu-page .module-copy p{
  color:inherit!important;
}
body.hrms-apple-page.hrms-menu-page .module-copy p{color:var(--hrms-app-muted)!important;}

/* Date picker icons and invalid/disabled states should stay visible in both modes. */
body.hrms-old-page.hrms-module-page input[type="date"],
body.hrms-old-page.hrms-module-page input[type="time"],
body.hrms-old-page.hrms-module-page input[type="datetime-local"]{
  color-scheme:inherit!important;
}
body.hrms-old-page.hrms-module-page .form-control:disabled,
body.hrms-old-page.hrms-module-page .form-select:disabled,
body.hrms-old-page.hrms-module-page input:disabled,
body.hrms-old-page.hrms-module-page textarea:disabled,
body.hrms-old-page.hrms-module-page select:disabled{
  background:var(--hrms-app-surface-2)!important;
  color:var(--hrms-app-muted)!important;
  opacity:.78!important;
}

/* HRMS v67: complete dark/light dropdown + application review parity.
   Scope is HRMS only. This fixes filter/sort/action/profile dropdowns and the
   Application Details review page cards so no white panels remain in dark mode. */
body.hrms-old-page.hrms-module-page,
body.hrms-apple-page.hrms-menu-page,
body[data-module="hrms"]{
  --hrms-mode-bg:#f5f5f7;
  --hrms-mode-surface:#ffffff;
  --hrms-mode-surface-2:#f2f2f7;
  --hrms-mode-elevated:#ffffff;
  --hrms-mode-border:rgba(0,0,0,.08);
  --hrms-mode-border-strong:rgba(0,0,0,.14);
  --hrms-mode-text:#1d1d1f;
  --hrms-mode-heading:#111827;
  --hrms-mode-muted:#6e6e73;
  --hrms-mode-muted-2:#8e8e93;
  --hrms-mode-control:#ffffff;
  --hrms-mode-control-hover:#f2f2f7;
  --hrms-mode-input:#ffffff;
  --hrms-mode-input-text:#1d1d1f;
  --hrms-mode-placeholder:#8e8e93;
  --hrms-mode-table-head:#f2f2f7;
  --hrms-mode-table-row:#ffffff;
  --hrms-mode-table-hover:#f7faff;
  --hrms-mode-shadow:0 18px 48px rgba(0,0,0,.08);
}
html[data-theme="dark"] body.hrms-old-page.hrms-module-page,
html[data-theme="dark"] body.hrms-apple-page.hrms-menu-page,
html[data-theme="dark"] body[data-module="hrms"],
body.hrms-old-page.hrms-module-page[data-active-theme="dark"],
body.hrms-apple-page.hrms-menu-page[data-active-theme="dark"],
body[data-module="hrms"][data-active-theme="dark"]{
  --hrms-mode-bg:#000000;
  --hrms-mode-surface:#1c1c1e;
  --hrms-mode-surface-2:#2c2c2e;
  --hrms-mode-elevated:#1c1c1e;
  --hrms-mode-border:rgba(255,255,255,.10);
  --hrms-mode-border-strong:rgba(255,255,255,.16);
  --hrms-mode-text:#f5f5f7;
  --hrms-mode-heading:#ffffff;
  --hrms-mode-muted:#a1a1a6;
  --hrms-mode-muted-2:#8e8e93;
  --hrms-mode-control:#1c1c1e;
  --hrms-mode-control-hover:#2c2c2e;
  --hrms-mode-input:#1c1c1e;
  --hrms-mode-input-text:#f5f5f7;
  --hrms-mode-placeholder:#8e8e93;
  --hrms-mode-table-head:#2c2c2e;
  --hrms-mode-table-row:#1c1c1e;
  --hrms-mode-table-hover:#252528;
  --hrms-mode-shadow:0 22px 60px rgba(0,0,0,.42);
  color-scheme:dark!important;
}
html[data-theme="light"] body.hrms-old-page.hrms-module-page,
html[data-theme="light"] body.hrms-apple-page.hrms-menu-page,
html[data-theme="light"] body[data-module="hrms"],
body.hrms-old-page.hrms-module-page[data-active-theme="light"],
body.hrms-apple-page.hrms-menu-page[data-active-theme="light"],
body[data-module="hrms"][data-active-theme="light"]{
  color-scheme:light!important;
}

/* Keep HRMS shell aligned with the interface/Care module in both modes. */
body.hrms-old-page.hrms-module-page,
body.hrms-old-page.hrms-module-page .main-wrapper,
body.hrms-old-page.hrms-module-page .page-wrapper,
body.hrms-old-page.hrms-module-page .content,
body.hrms-old-page.hrms-module-page .page-wrapper > .content,
body.hrms-apple-page.hrms-menu-page,
body.hrms-apple-page.hrms-menu-page .main-wrapper,
body.hrms-apple-page.hrms-menu-page .page-wrapper,
body.hrms-apple-page.hrms-menu-page .content{
  background:var(--hrms-mode-bg)!important;
  color:var(--hrms-mode-text)!important;
}
body.hrms-old-page.hrms-module-page h1,
body.hrms-old-page.hrms-module-page h2,
body.hrms-old-page.hrms-module-page h3,
body.hrms-old-page.hrms-module-page h4,
body.hrms-old-page.hrms-module-page h5,
body.hrms-old-page.hrms-module-page h6,
body.hrms-apple-page.hrms-menu-page h1,
body.hrms-apple-page.hrms-menu-page h2,
body.hrms-apple-page.hrms-menu-page h3,
body.hrms-apple-page.hrms-menu-page h4,
body.hrms-apple-page.hrms-menu-page h5,
body.hrms-apple-page.hrms-menu-page h6{
  color:var(--hrms-mode-heading)!important;
}
body.hrms-old-page.hrms-module-page p,
body.hrms-old-page.hrms-module-page small,
body.hrms-old-page.hrms-module-page .text-muted,
body.hrms-old-page.hrms-module-page .text-body,
body.hrms-old-page.hrms-module-page .form-text,
body.hrms-apple-page.hrms-menu-page p,
body.hrms-apple-page.hrms-menu-page small,
body.hrms-apple-page.hrms-menu-page .text-muted,
body.hrms-apple-page.hrms-menu-page .text-body{
  color:var(--hrms-mode-muted)!important;
}

/* Cards, panels, tables and pagination */
body.hrms-old-page.hrms-module-page .card,
body.hrms-old-page.hrms-module-page .panel,
body.hrms-old-page.hrms-module-page .cardx,
body.hrms-old-page.hrms-module-page .hrms-themed-panel,
body.hrms-old-page.hrms-module-page .hrms-table-card,
body.hrms-old-page.hrms-module-page [class*="-table-card"],
body.hrms-old-page.hrms-module-page .table-card,
body.hrms-old-page.hrms-module-page .table-responsive,
body.hrms-old-page.hrms-module-page .data-table-wrap,
body.hrms-old-page.hrms-module-page .applications-table-card,
body.hrms-old-page.hrms-module-page .review-top-box,
body.hrms-old-page.hrms-module-page .status-action-box,
body.hrms-old-page.hrms-module-page .review-detail-card,
body.hrms-old-page.hrms-module-page .review-side-panel,
body.hrms-old-page.hrms-module-page .review-main-card,
body.hrms-old-page.hrms-module-page .review-shell{
  background:var(--hrms-mode-surface)!important;
  color:var(--hrms-mode-text)!important;
  border-color:var(--hrms-mode-border)!important;
  box-shadow:var(--hrms-mode-shadow)!important;
}
body.hrms-old-page.hrms-module-page .review-main-card,
body.hrms-old-page.hrms-module-page .review-shell{
  box-shadow:none!important;
  background:transparent!important;
}
body.hrms-old-page.hrms-module-page .card-header,
body.hrms-old-page.hrms-module-page .card-footer,
body.hrms-old-page.hrms-module-page .panel-header,
body.hrms-old-page.hrms-module-page .panel-body,
body.hrms-old-page.hrms-module-page .cardx-head,
body.hrms-old-page.hrms-module-page .hrms-table-card-header,
body.hrms-old-page.hrms-module-page .hrms-table-toolbar,
body.hrms-old-page.hrms-module-page .pagination-box,
body.hrms-old-page.hrms-module-page .table-pagination,
body.hrms-old-page.hrms-module-page .dataTables_wrapper .row:last-child,
body.hrms-old-page.hrms-module-page .dataTables_paginate{
  background:var(--hrms-mode-surface)!important;
  color:var(--hrms-mode-text)!important;
  border-color:var(--hrms-mode-border)!important;
}
body.hrms-old-page.hrms-module-page table,
body.hrms-old-page.hrms-module-page .table,
body.hrms-old-page.hrms-module-page .dataTable,
body.hrms-old-page.hrms-module-page .hrms-theme-table{
  background:var(--hrms-mode-surface)!important;
  color:var(--hrms-mode-text)!important;
  border-color:var(--hrms-mode-border)!important;
}
body.hrms-old-page.hrms-module-page table thead,
body.hrms-old-page.hrms-module-page table thead tr,
body.hrms-old-page.hrms-module-page table thead th,
body.hrms-old-page.hrms-module-page .table thead th,
body.hrms-old-page.hrms-module-page .dataTable thead th{
  background:var(--hrms-mode-table-head)!important;
  color:var(--hrms-mode-muted)!important;
  border-color:var(--hrms-mode-border)!important;
}
body.hrms-old-page.hrms-module-page table tbody,
body.hrms-old-page.hrms-module-page table tbody tr,
body.hrms-old-page.hrms-module-page table tbody td,
body.hrms-old-page.hrms-module-page .table tbody td,
body.hrms-old-page.hrms-module-page .dataTable tbody td{
  background:var(--hrms-mode-table-row)!important;
  color:var(--hrms-mode-text)!important;
  border-color:var(--hrms-mode-border)!important;
}
body.hrms-old-page.hrms-module-page table tbody tr:hover td{
  background:var(--hrms-mode-table-hover)!important;
}
body.hrms-old-page.hrms-module-page .page-btn,
body.hrms-old-page.hrms-module-page .paginate_button,
body.hrms-old-page.hrms-module-page .dataTables_paginate .paginate_button{
  background:var(--hrms-mode-control)!important;
  color:var(--hrms-mode-text)!important;
  border-color:var(--hrms-mode-border)!important;
}
body.hrms-old-page.hrms-module-page .page-btn.active,
body.hrms-old-page.hrms-module-page .paginate_button.current,
body.hrms-old-page.hrms-module-page .dataTables_paginate .paginate_button.current{
  background:#0a84ff!important;
  border-color:#0a84ff!important;
  color:#fff!important;
}

/* All HRMS dropdowns: Filter, Sort By, Quick Links, table actions, profile dropdown and select menus. */
body.hrms-old-page.hrms-module-page .dropdown-menu,
body.hrms-old-page.hrms-module-page .dropdown-lg,
body.hrms-old-page.hrms-module-page .filter-dropdown,
body.hrms-old-page.hrms-module-page .sort-dropdown,
body.hrms-old-page.hrms-module-page .select2-dropdown,
body.hrms-old-page.hrms-module-page .datepicker,
body.hrms-old-page.hrms-module-page .daterangepicker,
body.hrms-old-page.hrms-module-page .bootstrap-datetimepicker-widget,
body.hrms-old-page.hrms-module-page .hrms-action-menu,
body.hrms-old-page.hrms-module-page .hrms-floating-menu,
body > .hrms-action-menu.hrms-floating-menu,
body.hrms-old-page.hrms-module-page #profileDropdown.dropdown,
body.hrms-apple-page.hrms-menu-page #profileDropdown.dropdown,
body[data-module="hrms"] #profileDropdown.dropdown{
  background:var(--hrms-mode-elevated)!important;
  color:var(--hrms-mode-text)!important;
  border-color:var(--hrms-mode-border-strong)!important;
  box-shadow:var(--hrms-mode-shadow)!important;
}
body.hrms-old-page.hrms-module-page .dropdown-menu.show,
body.hrms-old-page.hrms-module-page .filter-dropdown.show,
body.hrms-old-page.hrms-module-page .dropdown-lg.show{
  display:block!important;
}
body.hrms-old-page.hrms-module-page .filter-dropdown,
body.hrms-old-page.hrms-module-page .dropdown-lg.filter-dropdown{
  border-radius:18px!important;
  overflow:hidden!important;
}
body.hrms-old-page.hrms-module-page .filter-header,
body.hrms-old-page.hrms-module-page .filter-body,
body.hrms-old-page.hrms-module-page .filter-footer,
body.hrms-old-page.hrms-module-page .dropdown-menu .dropdown-header,
body.hrms-old-page.hrms-module-page .dropdown-menu .dropdown-footer,
body.hrms-old-page.hrms-module-page .dropdown-menu .dropdown-divider{
  background:var(--hrms-mode-elevated)!important;
  color:var(--hrms-mode-text)!important;
  border-color:var(--hrms-mode-border)!important;
}
body.hrms-old-page.hrms-module-page .filter-dropdown h1,
body.hrms-old-page.hrms-module-page .filter-dropdown h2,
body.hrms-old-page.hrms-module-page .filter-dropdown h3,
body.hrms-old-page.hrms-module-page .filter-dropdown h4,
body.hrms-old-page.hrms-module-page .filter-dropdown h5,
body.hrms-old-page.hrms-module-page .filter-dropdown h6,
body.hrms-old-page.hrms-module-page .dropdown-menu h1,
body.hrms-old-page.hrms-module-page .dropdown-menu h2,
body.hrms-old-page.hrms-module-page .dropdown-menu h3,
body.hrms-old-page.hrms-module-page .dropdown-menu h4,
body.hrms-old-page.hrms-module-page .dropdown-menu h5,
body.hrms-old-page.hrms-module-page .dropdown-menu h6,
body.hrms-old-page.hrms-module-page #profileDropdown strong,
body.hrms-old-page.hrms-module-page #profileDropdown .fw-semibold{
  color:var(--hrms-mode-heading)!important;
}
body.hrms-old-page.hrms-module-page .filter-dropdown label,
body.hrms-old-page.hrms-module-page .dropdown-menu label,
body.hrms-old-page.hrms-module-page .dropdown-menu small,
body.hrms-old-page.hrms-module-page #profileDropdown span,
body.hrms-old-page.hrms-module-page #profileDropdown small{
  color:var(--hrms-mode-muted)!important;
}
body.hrms-old-page.hrms-module-page .dropdown-item,
body.hrms-old-page.hrms-module-page .dropdown-menu a:not(.btn),
body.hrms-old-page.hrms-module-page .hrms-action-menu .dropdown-item,
body > .hrms-action-menu.hrms-floating-menu .dropdown-item,
body.hrms-old-page.hrms-module-page #profileDropdown .dropdown-item,
body.hrms-apple-page.hrms-menu-page #profileDropdown .dropdown-item,
body[data-module="hrms"] #profileDropdown .dropdown-item{
  background:transparent!important;
  color:var(--hrms-mode-text)!important;
}
body.hrms-old-page.hrms-module-page .dropdown-item:hover,
body.hrms-old-page.hrms-module-page .dropdown-item:focus,
body.hrms-old-page.hrms-module-page .dropdown-menu a:not(.btn):hover,
body.hrms-old-page.hrms-module-page .hrms-action-menu .dropdown-item:hover,
body > .hrms-action-menu.hrms-floating-menu .dropdown-item:hover,
body.hrms-old-page.hrms-module-page #profileDropdown .dropdown-item:hover,
body.hrms-apple-page.hrms-menu-page #profileDropdown .dropdown-item:hover,
body[data-module="hrms"] #profileDropdown .dropdown-item:hover{
  background:var(--hrms-mode-control-hover)!important;
  color:var(--hrms-mode-heading)!important;
}
body.hrms-old-page.hrms-module-page .link-primary,
body.hrms-old-page.hrms-module-page .filter-dropdown .link-primary,
body.hrms-old-page.hrms-module-page .dropdown-menu .link-primary{color:#0a84ff!important;}
body.hrms-old-page.hrms-module-page .link-danger,
body.hrms-old-page.hrms-module-page .filter-dropdown .link-danger,
body.hrms-old-page.hrms-module-page .dropdown-menu .link-danger{color:#ff453a!important;}
body.hrms-old-page.hrms-module-page .dropdown-menu .text-danger,
body.hrms-old-page.hrms-module-page .hrms-action-menu .text-danger,
body > .hrms-action-menu.hrms-floating-menu .text-danger{color:#ff453a!important;}

/* Inputs/selects/Summernote inside every HRMS page and dropdown. */
body.hrms-old-page.hrms-module-page .form-control,
body.hrms-old-page.hrms-module-page .form-select,
body.hrms-old-page.hrms-module-page input:not([type="checkbox"]):not([type="radio"]),
body.hrms-old-page.hrms-module-page textarea,
body.hrms-old-page.hrms-module-page select,
body.hrms-old-page.hrms-module-page .filter-dropdown .form-control,
body.hrms-old-page.hrms-module-page .filter-dropdown .form-select,
body.hrms-old-page.hrms-module-page .filter-dropdown input,
body.hrms-old-page.hrms-module-page .filter-dropdown select,
body.hrms-old-page.hrms-module-page .select2-container--default .select2-selection--single,
body.hrms-old-page.hrms-module-page .select2-container--default .select2-selection--multiple,
body.hrms-old-page.hrms-module-page .note-editor.note-frame,
body.hrms-old-page.hrms-module-page .note-editor.note-airframe,
body.hrms-old-page.hrms-module-page .note-editable{
  background:var(--hrms-mode-input)!important;
  color:var(--hrms-mode-input-text)!important;
  border-color:var(--hrms-mode-border)!important;
}
body.hrms-old-page.hrms-module-page .form-control::placeholder,
body.hrms-old-page.hrms-module-page input::placeholder,
body.hrms-old-page.hrms-module-page textarea::placeholder{
  color:var(--hrms-mode-placeholder)!important;
  opacity:1!important;
}
body.hrms-old-page.hrms-module-page .select2-container--default .select2-selection--single .select2-selection__rendered,
body.hrms-old-page.hrms-module-page .select2-container--default .select2-selection--multiple .select2-selection__rendered,
body.hrms-old-page.hrms-module-page .select2-results__option{
  color:var(--hrms-mode-input-text)!important;
}
body.hrms-old-page.hrms-module-page .select2-results__option,
body.hrms-old-page.hrms-module-page .note-toolbar,
body.hrms-old-page.hrms-module-page .note-editor .note-statusbar,
body.hrms-old-page.hrms-module-page .note-editor .note-resizebar,
body.hrms-old-page.hrms-module-page .note-dropdown-menu{
  background:var(--hrms-mode-elevated)!important;
  border-color:var(--hrms-mode-border)!important;
  color:var(--hrms-mode-text)!important;
}
body.hrms-old-page.hrms-module-page .note-btn,
body.hrms-old-page.hrms-module-page .note-btn.btn{
  background:var(--hrms-mode-control)!important;
  border-color:var(--hrms-mode-border)!important;
  color:var(--hrms-mode-text)!important;
}
body.hrms-old-page.hrms-module-page .note-btn:hover,
body.hrms-old-page.hrms-module-page .note-btn.active,
body.hrms-old-page.hrms-module-page .select2-results__option--highlighted,
body.hrms-old-page.hrms-module-page .select2-results__option[aria-selected="true"]{
  background:var(--hrms-mode-control-hover)!important;
  color:var(--hrms-mode-heading)!important;
}
body.hrms-old-page.hrms-module-page input[type="date"],
body.hrms-old-page.hrms-module-page input[type="time"],
body.hrms-old-page.hrms-module-page input[type="datetime-local"]{color-scheme:inherit!important;}

/* Application Details / Review page full dark-light parity. */
body.hrms-old-page.hrms-module-page.hrms-review-page .review-page-space,
body.hrms-old-page.hrms-module-page.hrms-review-page .review-detail-body{
  background:var(--hrms-mode-bg)!important;
  color:var(--hrms-mode-text)!important;
}
body.hrms-old-page.hrms-module-page.hrms-review-page .review-top-box,
body.hrms-old-page.hrms-module-page.hrms-review-page .status-action-box,
body.hrms-old-page.hrms-module-page.hrms-review-page .review-detail-card,
body.hrms-old-page.hrms-module-page.hrms-review-page .review-side-panel,
body.hrms-old-page.hrms-module-page.hrms-review-page .review-field,
body.hrms-old-page.hrms-module-page.hrms-review-page .review-repeater-card,
body.hrms-old-page.hrms-module-page.hrms-review-page .review-textarea,
body.hrms-old-page.hrms-module-page.hrms-review-page .empty-box,
body.hrms-old-page.hrms-module-page.hrms-review-page .modal-card-soft,
body.hrms-old-page.hrms-module-page.hrms-review-page .quick-info-row{
  background:var(--hrms-mode-surface)!important;
  color:var(--hrms-mode-text)!important;
  border-color:var(--hrms-mode-border)!important;
}
body.hrms-old-page.hrms-module-page.hrms-review-page .review-detail-card-header,
body.hrms-old-page.hrms-module-page.hrms-review-page .review-actions-bar{
  background:var(--hrms-mode-surface)!important;
  border-color:var(--hrms-mode-border)!important;
  color:var(--hrms-mode-text)!important;
}
body.hrms-old-page.hrms-module-page.hrms-review-page .review-section-title b,
body.hrms-old-page.hrms-module-page.hrms-review-page .review-value,
body.hrms-old-page.hrms-module-page.hrms-review-page .review-textarea,
body.hrms-old-page.hrms-module-page.hrms-review-page .review-progress-wrap strong,
body.hrms-old-page.hrms-module-page.hrms-review-page .review-step-title,
body.hrms-old-page.hrms-module-page.hrms-review-page .review-field b,
body.hrms-old-page.hrms-module-page.hrms-review-page .review-repeater-card strong,
body.hrms-old-page.hrms-module-page.hrms-review-page .quick-info-row strong{
  color:var(--hrms-mode-heading)!important;
}
body.hrms-old-page.hrms-module-page.hrms-review-page .review-field label,
body.hrms-old-page.hrms-module-page.hrms-review-page .review-section-title span,
body.hrms-old-page.hrms-module-page.hrms-review-page .review-step-sub,
body.hrms-old-page.hrms-module-page.hrms-review-page .review-value.empty,
body.hrms-old-page.hrms-module-page.hrms-review-page .review-textarea.empty,
body.hrms-old-page.hrms-module-page.hrms-review-page .empty-box,
body.hrms-old-page.hrms-module-page.hrms-review-page .quick-info-row span{
  color:var(--hrms-mode-muted)!important;
}
body.hrms-old-page.hrms-module-page.hrms-review-page .review-progress-bar{
  background:var(--hrms-mode-surface-2)!important;
}
body.hrms-old-page.hrms-module-page.hrms-review-page .review-steps li{
  color:var(--hrms-mode-text)!important;
  background:transparent!important;
  border-color:transparent!important;
}
body.hrms-old-page.hrms-module-page.hrms-review-page .review-steps li:hover{
  background:var(--hrms-mode-control-hover)!important;
  border-color:var(--hrms-mode-border)!important;
}
body.hrms-old-page.hrms-module-page.hrms-review-page .review-steps li.is-active{
  background:rgba(10,132,255,.16)!important;
  border-color:rgba(10,132,255,.36)!important;
  color:#0a84ff!important;
}
body.hrms-old-page.hrms-module-page.hrms-review-page .review-step-dot{
  background:var(--hrms-mode-surface-2)!important;
  color:var(--hrms-mode-text)!important;
}
body.hrms-old-page.hrms-module-page.hrms-review-page .review-steps li.is-active .review-step-dot{
  background:#0a84ff!important;
  color:#fff!important;
}
body.hrms-old-page.hrms-module-page.hrms-review-page .tag-chip{
  background:var(--hrms-mode-control)!important;
  color:var(--hrms-mode-text)!important;
  border-color:var(--hrms-mode-border)!important;
}
body.hrms-old-page.hrms-module-page.hrms-review-page .tag-chip.gray{
  background:var(--hrms-mode-surface-2)!important;
}

/* Bootstrap modals, status manager and any filter modal in dark/light. */
body.hrms-old-page.hrms-module-page .modal-content,
body.hrms-old-page.hrms-module-page .modal-header,
body.hrms-old-page.hrms-module-page .modal-body,
body.hrms-old-page.hrms-module-page .modal-footer,
body.hrms-old-page.hrms-module-page .bootstrap-modal-card,
body.hrms-old-page.hrms-module-page .hrms-modal-card,
body.hrms-old-page.hrms-module-page #statusManagerModal .modal-content,
body.hrms-old-page.hrms-module-page #statusManagerModal .modal-body,
body.hrms-old-page.hrms-module-page #statusManagerModal .modal-header,
body.hrms-old-page.hrms-module-page #statusManagerModal .modal-footer,
body.hrms-old-page.hrms-module-page #statusManagerModal .modal-card-soft{
  background:var(--hrms-mode-surface)!important;
  color:var(--hrms-mode-text)!important;
  border-color:var(--hrms-mode-border)!important;
}
body.hrms-old-page.hrms-module-page .modal-title,
body.hrms-old-page.hrms-module-page .modal-content h1,
body.hrms-old-page.hrms-module-page .modal-content h2,
body.hrms-old-page.hrms-module-page .modal-content h3,
body.hrms-old-page.hrms-module-page .modal-content h4,
body.hrms-old-page.hrms-module-page .modal-content h5,
body.hrms-old-page.hrms-module-page .modal-content h6{
  color:var(--hrms-mode-heading)!important;
}
html[data-theme="dark"] body.hrms-old-page.hrms-module-page .btn-close,
body.hrms-old-page.hrms-module-page[data-active-theme="dark"] .btn-close{
  filter:invert(1) grayscale(100%) brightness(1.8)!important;
  opacity:.9!important;
}

/* Topbar/profile dropdown should never inherit old HRMS table/dropdown styles. */
body.hrms-old-page.hrms-module-page #profileDropdown.dropdown,
body.hrms-apple-page.hrms-menu-page #profileDropdown.dropdown,
body[data-module="hrms"] #profileDropdown.dropdown{
  position:fixed!important;
  top:calc(var(--topbar-h,78px) + 10px)!important;
  right:24px!important;
  left:auto!important;
  bottom:auto!important;
  max-height:calc(100dvh - var(--topbar-h,78px) - 24px)!important;
  overflow:auto!important;
  z-index:30000!important;
}

/* HRMS v74 - Application Details step footer/actions background reset */
body.hrms-old-page.hrms-module-page.hrms-review-page .review-step .review-actions-bar,
body.hrms-old-page.hrms-module-page.hrms-review-page .review-actions-bar{
  background:transparent!important;
  background-color:transparent!important;
  box-shadow:none!important;
  border-top:0!important;
  padding:18px 0 0!important;
  margin-top:18px!important;
}
body.hrms-old-page.hrms-module-page.hrms-review-page .review-actions-bar::before,
body.hrms-old-page.hrms-module-page.hrms-review-page .review-actions-bar::after{
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
}

/* HELPRITE HRMS V75 — interface page title alignment + correct back direction support */
body.hrms-old-page.hrms-module-page .content > .hrms-interface-heading,
body.hrms-old-page.hrms-module-page .content-fluid > .hrms-interface-heading {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center !important;
  column-gap: 22px;
  margin: 0 0 22px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
body.hrms-old-page.hrms-module-page .content > .hrms-interface-heading > .flex-grow-1,
body.hrms-old-page.hrms-module-page .content-fluid > .hrms-interface-heading > .flex-grow-1 {
  min-width: 0;
}
body.hrms-old-page.hrms-module-page .content > .hrms-interface-heading h1,
body.hrms-old-page.hrms-module-page .content > .hrms-interface-heading h2,
body.hrms-old-page.hrms-module-page .content > .hrms-interface-heading h3,
body.hrms-old-page.hrms-module-page .content > .hrms-interface-heading h4,
body.hrms-old-page.hrms-module-page .content-fluid > .hrms-interface-heading h1,
body.hrms-old-page.hrms-module-page .content-fluid > .hrms-interface-heading h2,
body.hrms-old-page.hrms-module-page .content-fluid > .hrms-interface-heading h3,
body.hrms-old-page.hrms-module-page .content-fluid > .hrms-interface-heading h4,
body.hrms-menu-page .page-title,
body.hrms-apple-page .page-title {
  margin: 0 !important;
  color: var(--text) !important;
  font-size: clamp(30px, 4vw, 49px) !important;
  line-height: .98 !important;
  letter-spacing: -2.2px !important;
  font-weight: 820 !important;
}
body.hrms-old-page.hrms-module-page .content > .hrms-interface-heading p,
body.hrms-old-page.hrms-module-page .content > .hrms-interface-heading .text-muted,
body.hrms-old-page.hrms-module-page .content-fluid > .hrms-interface-heading p,
body.hrms-old-page.hrms-module-page .content-fluid > .hrms-interface-heading .text-muted,
body.hrms-menu-page .page-subtitle,
body.hrms-apple-page .page-subtitle {
  margin: 10px 0 0 !important;
  color: var(--muted) !important;
  max-width: 760px;
  font-size: 15px !important;
  line-height: 1.55 !important;
  font-weight: 450 !important;
  letter-spacing: 0 !important;
}
body.hrms-old-page.hrms-module-page .content > .hrms-interface-heading h4 .badge,
body.hrms-old-page.hrms-module-page .content-fluid > .hrms-interface-heading h4 .badge {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  margin-left: 12px !important;
  transform: translateY(-7px);
  font-size: 12px !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  font-weight: 700 !important;
}
body.hrms-old-page.hrms-module-page .content > .hrms-interface-heading > .d-flex,
body.hrms-old-page.hrms-module-page .content > .hrms-interface-heading > .application-list-actions,
body.hrms-old-page.hrms-module-page .content-fluid > .hrms-interface-heading > .d-flex,
body.hrms-old-page.hrms-module-page .content-fluid > .hrms-interface-heading > .application-list-actions {
  width: auto !important;
  max-width: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 9px !important;
  flex-wrap: nowrap !important;
  margin-left: auto !important;
}
body.hrms-old-page.hrms-module-page .content > .hrms-interface-heading .btn,
body.hrms-old-page.hrms-module-page .content-fluid > .hrms-interface-heading .btn,
body.hrms-menu-page .page-heading-side .page-actions .btn,
body.hrms-menu-page .apple-back-link.page-heading-back,
body.hrms-apple-page .apple-back-link.page-heading-back {
  min-height: 42px;
  height: 42px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 680;
  line-height: 1;
  white-space: nowrap;
}
body.hrms-menu-page .apple-back-link.page-heading-back svg,
body.hrms-apple-page .apple-back-link.page-heading-back svg {
  flex: 0 0 auto;
}
@media (max-width: 760px) {
  body.hrms-old-page.hrms-module-page .content > .hrms-interface-heading,
  body.hrms-old-page.hrms-module-page .content-fluid > .hrms-interface-heading {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 14px !important;
    margin-bottom: 18px !important;
  }
  body.hrms-old-page.hrms-module-page .content > .hrms-interface-heading h1,
  body.hrms-old-page.hrms-module-page .content > .hrms-interface-heading h2,
  body.hrms-old-page.hrms-module-page .content > .hrms-interface-heading h3,
  body.hrms-old-page.hrms-module-page .content > .hrms-interface-heading h4,
  body.hrms-old-page.hrms-module-page .content-fluid > .hrms-interface-heading h1,
  body.hrms-old-page.hrms-module-page .content-fluid > .hrms-interface-heading h2,
  body.hrms-old-page.hrms-module-page .content-fluid > .hrms-interface-heading h3,
  body.hrms-old-page.hrms-module-page .content-fluid > .hrms-interface-heading h4,
  body.hrms-menu-page .page-title,
  body.hrms-apple-page .page-title {
    font-size: 34px !important;
    letter-spacing: -1.5px !important;
  }
  body.hrms-old-page.hrms-module-page .content > .hrms-interface-heading > .d-flex,
  body.hrms-old-page.hrms-module-page .content > .hrms-interface-heading > .application-list-actions,
  body.hrms-old-page.hrms-module-page .content-fluid > .hrms-interface-heading > .d-flex,
  body.hrms-old-page.hrms-module-page .content-fluid > .hrms-interface-heading > .application-list-actions {
    width: 100% !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    margin-left: 0 !important;
  }
  body.hrms-old-page.hrms-module-page .content > .hrms-interface-heading h4 .badge,
  body.hrms-old-page.hrms-module-page .content-fluid > .hrms-interface-heading h4 .badge {
    transform: none;
    margin-top: 8px !important;
  }
}

/* HRMS v177: table header quick links tabs polish */
body.hrms-old-page.hrms-module-page .hrms-page-quicklinks-hidden{display:none!important;visibility:hidden!important;}
body.hrms-old-page.hrms-module-page .card-header.hrms-table-header-has-tabs,
body.hrms-old-page.hrms-module-page .hrms-table-card-header.hrms-table-header-has-tabs{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  flex-wrap:wrap!important;
}
body.hrms-old-page.hrms-module-page .hrms-table-card-title-hidden{display:none!important;}
body.hrms-old-page.hrms-module-page .hrms-table-tabs.hrms-table-tabs-with-icons{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
body.hrms-old-page.hrms-module-page .hrms-table-tabs.hrms-table-tabs-with-icons .hrms-table-tab{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:38px!important;
  padding:9px 14px!important;
  border-radius:14px!important;
  text-decoration:none!important;
  font-weight:700!important;
  line-height:1!important;
}
body.hrms-old-page.hrms-module-page .hrms-table-tabs.hrms-table-tabs-with-icons .hrms-table-tab i,
body.hrms-old-page.hrms-module-page .hrms-table-tabs.hrms-table-tabs-with-icons .hrms-table-tab svg{
  width:17px!important;
  height:17px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  font-size:17px!important;
  line-height:1!important;
}
body.hrms-old-page.hrms-module-page .hrms-table-tabs.hrms-table-tabs-with-icons .hrms-table-tab span{
  display:inline-block!important;
  white-space:nowrap!important;
}
@media (max-width: 767px){
  body.hrms-old-page.hrms-module-page .hrms-table-tabs.hrms-table-tabs-with-icons{width:100%!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:2px!important;}
  body.hrms-old-page.hrms-module-page .hrms-table-tabs.hrms-table-tabs-with-icons .hrms-table-tab{white-space:nowrap!important;}
}


/* HRMS v178: compact table quick-link tabs and full-width empty rows */
body.hrms-old-page.hrms-module-page .card-header.hrms-table-header-has-tabs,
body.hrms-old-page.hrms-module-page .hrms-table-card-header.hrms-table-header-has-tabs{
  align-items:center!important;
  column-gap:12px!important;
  row-gap:10px!important;
}
body.hrms-old-page.hrms-module-page .hrms-table-tabs,
body.hrms-old-page.hrms-module-page .hrms-table-tabs.hrms-table-tabs-with-icons{
  width:auto!important;
  min-width:0!important;
  flex:0 0 auto!important;
  justify-content:flex-start!important;
  align-content:center!important;
  gap:6px!important;
  padding:4px!important;
}
body.hrms-old-page.hrms-module-page .hrms-table-tabs .hrms-table-tab,
body.hrms-old-page.hrms-module-page .hrms-table-tabs.hrms-table-tabs-with-icons .hrms-table-tab{
  flex:0 0 auto!important;
  width:auto!important;
  margin:0!important;
  padding:9px 12px!important;
}
body.hrms-old-page.hrms-module-page .hrms-table-tabs.hrms-table-tabs-with-icons .hrms-table-tab + .hrms-table-tab{margin-left:2px!important;}
body.hrms-old-page.hrms-module-page table tbody tr.hrms-empty-row td.hrms-empty-centered,
body.hrms-old-page.hrms-module-page table tbody tr td.hrms-empty-centered[colspan]{
  width:100%!important;
  text-align:center!important;
  vertical-align:middle!important;
}
body.hrms-old-page.hrms-module-page table tbody tr.hrms-empty-row td.hrms-empty-centered > *,
body.hrms-old-page.hrms-module-page table tbody tr td.hrms-empty-centered[colspan] > *{
  margin-left:auto!important;
  margin-right:auto!important;
}
@media (max-width: 767px){
  body.hrms-old-page.hrms-module-page .hrms-table-tabs,
  body.hrms-old-page.hrms-module-page .hrms-table-tabs.hrms-table-tabs-with-icons{
    width:100%!important;
    flex:1 1 100%!important;
    overflow-x:auto!important;
    flex-wrap:nowrap!important;
  }
}

/* HRMS v179: compact page header actions after Quick Links are moved into table header */
body.hrms-old-page.hrms-module-page .content > .hrms-interface-heading > [class*="-list-actions"],
body.hrms-old-page.hrms-module-page .content-fluid > .hrms-interface-heading > [class*="-list-actions"],
body.hrms-old-page.hrms-module-page .content > .hrms-interface-heading > .page-header-actions,
body.hrms-old-page.hrms-module-page .content-fluid > .hrms-interface-heading > .page-header-actions,
body.hrms-old-page.hrms-module-page .content > .hrms-interface-heading > .hrms-drive-header-actions,
body.hrms-old-page.hrms-module-page .content-fluid > .hrms-interface-heading > .hrms-drive-header-actions{
  width:auto!important;
  max-width:max-content!important;
  min-width:0!important;
  margin-left:auto!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  column-gap:8px!important;
  row-gap:8px!important;
  flex-wrap:wrap!important;
}
body.hrms-old-page.hrms-module-page .content > .hrms-interface-heading > [class*="-list-actions"] > *,
body.hrms-old-page.hrms-module-page .content-fluid > .hrms-interface-heading > [class*="-list-actions"] > *,
body.hrms-old-page.hrms-module-page .content > .hrms-interface-heading > .page-header-actions > *,
body.hrms-old-page.hrms-module-page .content-fluid > .hrms-interface-heading > .page-header-actions > *,
body.hrms-old-page.hrms-module-page .content > .hrms-interface-heading > .hrms-drive-header-actions > *,
body.hrms-old-page.hrms-module-page .content-fluid > .hrms-interface-heading > .hrms-drive-header-actions > *{
  margin-left:0!important;
  margin-right:0!important;
}
body.hrms-old-page.hrms-module-page .content > .hrms-interface-heading .hrms-page-quicklinks-hidden,
body.hrms-old-page.hrms-module-page .content-fluid > .hrms-interface-heading .hrms-page-quicklinks-hidden{
  display:none!important;
  visibility:hidden!important;
  width:0!important;
  min-width:0!important;
  max-width:0!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
  position:absolute!important;
}
body.hrms-old-page.hrms-module-page .content > .hrms-interface-heading .btn,
body.hrms-old-page.hrms-module-page .content-fluid > .hrms-interface-heading .btn{
  margin-left:0!important;
  margin-right:0!important;
}
@media (max-width: 760px){
  body.hrms-old-page.hrms-module-page .content > .hrms-interface-heading > [class*="-list-actions"],
  body.hrms-old-page.hrms-module-page .content-fluid > .hrms-interface-heading > [class*="-list-actions"],
  body.hrms-old-page.hrms-module-page .content > .hrms-interface-heading > .page-header-actions,
  body.hrms-old-page.hrms-module-page .content-fluid > .hrms-interface-heading > .page-header-actions,
  body.hrms-old-page.hrms-module-page .content > .hrms-interface-heading > .hrms-drive-header-actions,
  body.hrms-old-page.hrms-module-page .content-fluid > .hrms-interface-heading > .hrms-drive-header-actions{
    width:100%!important;
    max-width:none!important;
    justify-content:flex-start!important;
  }
}

/* HRMS dashboard/report tables use the existing interface pagination style */
body[data-module="hrms"] .hrms-report-pagination .task-pagination-controls{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}
body[data-module="hrms"] .hrms-report-pagination .hrms-report-ellipsis{display:inline-flex;align-items:center;justify-content:center;cursor:default;pointer-events:none;background:transparent;border-color:transparent;color:var(--muted)}
body[data-module="hrms"] .hrms-report-view-btn{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
body[data-module="hrms"] .hrms-report-table td:last-child,
body[data-module="hrms"] .hrms-report-table th:last-child{text-align:right}

/* HRMS dashboard report pie chart hover polish */
.hd-pie{cursor:pointer;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}
.hd-pie.is-hovering,.hd-pie:hover,.hd-pie:focus{transform:scale(1.035);filter:saturate(1.08);box-shadow:0 20px 45px rgba(15,23,42,.16), inset 0 0 0 1px rgba(255,255,255,.12);outline:none}
.hd-pie-center strong,.hd-pie-center span{transition:opacity .12s ease,transform .12s ease}
.hd-pie.is-hovering .hd-pie-center strong{transform:scale(1.05)}
.hd-pie-item{border-radius:12px;padding:5px 7px;transition:background .14s ease,transform .14s ease,color .14s ease}
.hd-pie-item.active,.hd-pie-item:hover{background:var(--soft);transform:translateX(2px)}
[data-theme="dark"] .hd-pie-item.active,[data-theme="dark"] .hd-pie-item:hover,html[data-theme="dark"] .hd-pie-item.active,html[data-theme="dark"] .hd-pie-item:hover{background:rgba(255,255,255,.07)}


/* HRMS dashboard report table grid - v183 */
.hrms-dashboard-interface-page .hrms-dashboard-table-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  align-items:start;
}
.hrms-dashboard-interface-page .hrms-dashboard-table-grid .hrms-report-table-panel{
  min-width:0;
  width:100%;
}
.hrms-dashboard-interface-page .hrms-dashboard-table-grid .data-table-wrap{
  width:100%;
  overflow:auto;
}
.hrms-dashboard-interface-page .hrms-dashboard-table-grid .data-table{
  min-width:680px;
}
@media (max-width:1180px){
  .hrms-dashboard-interface-page .hrms-dashboard-table-grid{
    grid-template-columns:1fr;
  }
}
@media print{
  .hrms-dashboard-interface-page .page-actions .btn[onclick*=print],
  .hrms-dashboard-interface-page .panel-header .icon-button[onclick*=print]{display:none!important;}
}

/* HRMS dashboard/report static tables - v188 */
body[data-module="hrms"] .hrms-report-panel-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
body[data-module="hrms"] .hrms-report-panel-header .tabs{
  min-width:0;
}
body[data-module="hrms"] .hrms-report-view-all-btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
  white-space:nowrap;
  margin-left:auto;
}
body[data-module="hrms"] .hrms-report-table-footer{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  min-height:52px;
  padding:14px 18px;
  color:var(--muted);
  font-size:13px;
  border-top:1px solid var(--border);
  background:var(--panel-solid);
}
body[data-module="hrms"] .hrms-report-table-panel-static .data-table-wrap + .task-pagination,
body[data-module="hrms"] .hrms-report-table-panel-static .hrms-report-pagination{
  display:none!important;
}
@media (max-width:760px){
  body[data-module="hrms"] .hrms-report-panel-header{
    align-items:flex-start;
  }
  body[data-module="hrms"] .hrms-report-view-all-btn{
    margin-left:0;
  }
}

/* HRMS v189: Onboard Employee and Shifts/Rosters interface polish */
body.hrms-old-page.hrms-onboard-page .employee-page-space,
body.hrms-old-page.hrms-shifts-page .shift-page-space{
  padding-bottom:80px!important;
}
body.hrms-old-page.hrms-onboard-page .hrms-onboard-card,
body.hrms-old-page.hrms-shifts-page .hrms-shifts-card{
  border-radius:24px!important;
  border:1px solid var(--hrms-mode-border)!important;
  background:var(--hrms-mode-surface)!important;
  box-shadow:var(--hrms-mode-shadow)!important;
  overflow:hidden!important;
}
body.hrms-old-page.hrms-onboard-page .hrms-onboard-card > .card-header,
body.hrms-old-page.hrms-shifts-page .hrms-shifts-card > .card-header{
  min-height:70px!important;
  padding:20px 22px!important;
  background:var(--hrms-mode-surface)!important;
  border-bottom:1px solid var(--hrms-mode-border)!important;
}
body.hrms-old-page.hrms-onboard-page .hrms-onboard-card > .card-body{
  padding:22px!important;
  background:linear-gradient(180deg,var(--hrms-mode-surface),var(--hrms-mode-surface-2))!important;
}
body.hrms-old-page.hrms-onboard-page .form-soft-section{
  position:relative!important;
  padding:20px!important;
  margin-bottom:18px!important;
  border:1px solid var(--hrms-mode-border)!important;
  border-radius:20px!important;
  background:var(--hrms-mode-surface)!important;
  box-shadow:0 10px 28px rgba(15,23,42,.045)!important;
}
html[data-theme="dark"] body.hrms-old-page.hrms-onboard-page .form-soft-section,
body.hrms-old-page.hrms-onboard-page[data-active-theme="dark"] .form-soft-section{
  box-shadow:none!important;
}
body.hrms-old-page.hrms-onboard-page .form-section-title{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-bottom:16px!important;
  font-size:15px!important;
  font-weight:800!important;
  color:var(--hrms-mode-heading)!important;
}
body.hrms-old-page.hrms-onboard-page .form-section-title i,
body.hrms-old-page.hrms-shifts-page .settings-sidebar i,
body.hrms-old-page.hrms-shifts-page .card-header i{
  width:18px!important;
  min-width:18px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
}
body.hrms-old-page.hrms-onboard-page .form-label{
  margin-bottom:8px!important;
  font-weight:700!important;
  color:var(--hrms-mode-heading)!important;
}
body.hrms-old-page.hrms-onboard-page .form-control,
body.hrms-old-page.hrms-onboard-page .form-select,
body.hrms-old-page.hrms-onboard-page .select2-container--default .select2-selection--single{
  min-height:48px!important;
  border-radius:14px!important;
}
body.hrms-old-page.hrms-onboard-page .employee-id-preview,
body.hrms-old-page.hrms-onboard-page #full_name_preview{
  font-weight:800!important;
  letter-spacing:.2px!important;
  background:var(--hrms-mode-surface-2)!important;
}
body.hrms-old-page.hrms-onboard-page .note-editor.note-frame{
  border-radius:16px!important;
  overflow:hidden!important;
}
body.hrms-old-page.hrms-onboard-page #EmpForm > .d-flex:last-child{
  position:sticky!important;
  bottom:14px!important;
  z-index:4!important;
  margin-top:8px!important;
  padding:14px!important;
  border:1px solid var(--hrms-mode-border)!important;
  border-radius:18px!important;
  background:color-mix(in srgb, var(--hrms-mode-surface) 92%, transparent)!important;
  backdrop-filter:blur(18px)!important;
}
body.hrms-old-page.hrms-shifts-page .hrms-shifts-heading-wrap{
  border-bottom:0!important;
  padding-bottom:0!important;
}
body.hrms-old-page.hrms-shifts-page .settings-wrapper{
  display:block!important;
  width:100%!important;
}
body.hrms-old-page.hrms-shifts-page .settings-sidebar{
  width:auto!important;
  min-width:0!important;
  border:0!important;
  border-bottom:1px solid var(--hrms-mode-border)!important;
  background:var(--hrms-mode-surface)!important;
  box-shadow:none!important;
}
body.hrms-old-page.hrms-shifts-page .settings-sidebar .sidebar-inner,
body.hrms-old-page.hrms-shifts-page .settings-sidebar [data-simplebar],
body.hrms-old-page.hrms-shifts-page #sidebar-menu5{
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
}
body.hrms-old-page.hrms-shifts-page #sidebar-menu5{
  padding:14px 16px!important;
}
body.hrms-old-page.hrms-shifts-page #sidebar-menu5 ul{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  padding:4px!important;
  margin:0!important;
  border:1px solid var(--hrms-mode-border)!important;
  border-radius:16px!important;
  background:var(--hrms-mode-control)!important;
}
body.hrms-old-page.hrms-shifts-page #sidebar-menu5 li{
  margin:0!important;
  list-style:none!important;
}
body.hrms-old-page.hrms-shifts-page #sidebar-menu5 a{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:42px!important;
  padding:0 14px!important;
  border-radius:12px!important;
  border:1px solid transparent!important;
  color:var(--hrms-mode-muted)!important;
  font-weight:800!important;
  text-decoration:none!important;
}
body.hrms-old-page.hrms-shifts-page #sidebar-menu5 a.active,
body.hrms-old-page.hrms-shifts-page #sidebar-menu5 a:hover{
  color:var(--hrms-mode-heading)!important;
  background:var(--hrms-mode-surface)!important;
  border-color:var(--hrms-mode-border)!important;
  box-shadow:0 8px 22px rgba(15,23,42,.07)!important;
}
body.hrms-old-page.hrms-shifts-page .shift-content-card{
  width:100%!important;
  background:var(--hrms-mode-surface)!important;
}
body.hrms-old-page.hrms-shifts-page .shift-content-card .card-header{
  margin:0!important;
  padding:16px 18px!important;
  min-height:72px!important;
  border-bottom:1px solid var(--hrms-mode-border)!important;
  background:var(--hrms-mode-surface)!important;
}
body.hrms-old-page.hrms-shifts-page .shift-content-card .card-body{
  margin:0!important;
  padding:18px!important;
  background:var(--hrms-mode-surface)!important;
}
body.hrms-old-page.hrms-shifts-page .shift-content-card .table-responsive{
  border:1px solid var(--hrms-mode-border)!important;
  border-radius:18px 18px 0 0!important;
  overflow:hidden!important;
}
body.hrms-old-page.hrms-shifts-page .shift-content-card .pagination-box{
  border:1px solid var(--hrms-mode-border)!important;
  border-top:0!important;
  border-radius:0 0 18px 18px!important;
  background:var(--hrms-mode-surface)!important;
}
body.hrms-old-page.hrms-shifts-page .shift-content-card .dropdown{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
}
body.hrms-old-page.hrms-shifts-page .shift-content-card .btn{
  min-height:42px!important;
  border-radius:14px!important;
}
body.hrms-old-page.hrms-shifts-page .shift-empty-row td,
body.hrms-old-page.hrms-shifts-page .roster-empty-row td{
  text-align:center!important;
  padding:42px 16px!important;
  color:var(--hrms-mode-muted)!important;
  font-weight:700!important;
  background:var(--hrms-mode-surface)!important;
}
@media (max-width: 767px){
  body.hrms-old-page.hrms-onboard-page .hrms-onboard-card > .card-body,
  body.hrms-old-page.hrms-onboard-page .form-soft-section,
  body.hrms-old-page.hrms-shifts-page .shift-content-card .card-body{
    padding:14px!important;
  }
  body.hrms-old-page.hrms-onboard-page #EmpForm > .d-flex:last-child{
    position:static!important;
    justify-content:stretch!important;
  }
  body.hrms-old-page.hrms-onboard-page #EmpForm > .d-flex:last-child .btn{
    flex:1 1 100%!important;
    justify-content:center!important;
  }
  body.hrms-old-page.hrms-shifts-page #sidebar-menu5 ul{
    width:100%!important;
    overflow-x:auto!important;
    flex-wrap:nowrap!important;
  }
  body.hrms-old-page.hrms-shifts-page #sidebar-menu5 a{
    white-space:nowrap!important;
  }
}

/* HRMS v190: Shifts / Rosters rebuilt to follow Attendance page structure */
body.hrms-old-page.hrms-shifts-page .shift-page-space{
  padding-bottom:80px!important;
}
body.hrms-old-page.hrms-shifts-page .content > .hrms-interface-heading{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  text-align:left!important;
  margin:0 0 22px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.hrms-old-page.hrms-shifts-page .content > .hrms-interface-heading > .flex-grow-1{
  text-align:left!important;
  margin:0!important;
}
body.hrms-old-page.hrms-shifts-page .content > .hrms-interface-heading > .page-header-actions,
body.hrms-old-page.hrms-shifts-page .content > .hrms-interface-heading > .shift-list-actions{
  margin-left:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  width:auto!important;
  max-width:max-content!important;
}
body.hrms-old-page.hrms-shifts-page .hrms-shifts-card{
  border-radius:24px!important;
  border:1px solid var(--hrms-mode-border, var(--border))!important;
  background:var(--hrms-mode-surface, var(--panel-solid))!important;
  box-shadow:var(--hrms-mode-shadow, 0 24px 70px rgba(15,23,42,.08))!important;
  overflow:hidden!important;
}
body.hrms-old-page.hrms-shifts-page .hrms-shifts-card > .card-header{
  min-height:68px!important;
  padding:16px 18px!important;
  border-bottom:1px solid var(--hrms-mode-border, var(--border))!important;
  background:var(--hrms-mode-surface, var(--panel-solid))!important;
}
body.hrms-old-page.hrms-shifts-page .hrms-shifts-card > .card-body{
  padding:0!important;
  background:var(--hrms-mode-surface, var(--panel-solid))!important;
}
body.hrms-old-page.hrms-shifts-page .hrms-table-tabs{
  margin:0!important;
}
body.hrms-old-page.hrms-shifts-page .hrms-table-tabs .hrms-table-tab{
  gap:8px!important;
}
body.hrms-old-page.hrms-shifts-page .hrms-shifts-tab-toolbar{
  padding:16px 18px!important;
  border-bottom:1px solid var(--hrms-mode-border, var(--border))!important;
  background:var(--hrms-mode-surface, var(--panel-solid))!important;
}
body.hrms-old-page.hrms-shifts-page .hrms-shifts-tab-toolbar h5{
  color:var(--hrms-mode-heading, var(--text))!important;
}
body.hrms-old-page.hrms-shifts-page .hrms-shifts-action-row{
  margin-left:auto!important;
}
body.hrms-old-page.hrms-shifts-page .hrms-shifts-action-row .btn,
body.hrms-old-page.hrms-shifts-page .hrms-table-toolbar-right .btn{
  min-height:42px!important;
  border-radius:14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  font-weight:700!important;
}
body.hrms-old-page.hrms-shifts-page .hrms-shifts-card .table-responsive{
  width:100%!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  overflow-x:auto!important;
}
body.hrms-old-page.hrms-shifts-page .hrms-shifts-card table{
  margin:0!important;
}
body.hrms-old-page.hrms-shifts-page .hrms-shifts-card .pagination-box{
  border-top:1px solid var(--hrms-mode-border, var(--border))!important;
  background:var(--hrms-mode-surface, var(--panel-solid))!important;
  padding:14px 18px!important;
  margin:0!important;
}
body.hrms-old-page.hrms-shifts-page .shift-empty-row td,
body.hrms-old-page.hrms-shifts-page .roster-empty-row td{
  text-align:center!important;
  vertical-align:middle!important;
  padding:42px 16px!important;
  color:var(--hrms-mode-muted, var(--muted))!important;
  font-weight:700!important;
  background:var(--hrms-mode-surface, var(--panel-solid))!important;
}
body.hrms-old-page.hrms-shifts-page .filter-dropdown{
  min-width:360px!important;
}
@media (max-width:760px){
  body.hrms-old-page.hrms-shifts-page .content > .hrms-interface-heading{
    display:flex!important;
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  body.hrms-old-page.hrms-shifts-page .content > .hrms-interface-heading > .page-header-actions,
  body.hrms-old-page.hrms-shifts-page .content > .hrms-interface-heading > .shift-list-actions,
  body.hrms-old-page.hrms-shifts-page .hrms-shifts-action-row{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    justify-content:flex-start!important;
  }
  body.hrms-old-page.hrms-shifts-page .hrms-shifts-card > .card-header,
  body.hrms-old-page.hrms-shifts-page .hrms-shifts-tab-toolbar{
    align-items:flex-start!important;
  }
  body.hrms-old-page.hrms-shifts-page .hrms-table-tabs{
    width:100%!important;
    overflow-x:auto!important;
    flex-wrap:nowrap!important;
  }
  body.hrms-old-page.hrms-shifts-page .filter-dropdown{
    min-width:0!important;
    width:calc(100vw - 28px)!important;
  }
}


/* Helprite Desk v92 System Admin sidebar + menu fit fixes */
body.system-admin-view .sidebar,
body.system-admin-view[data-menu-page="true"] .sidebar,
html body.system-admin-view .sidebar {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}
body.system-admin-view .side-link[data-nav-id="home"],
body.system-admin-view .side-link[data-nav-id="admin"] {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}
body.system-admin-view .side-link[data-nav-id="admin"].active {
  color: var(--blue) !important;
  background: color-mix(in srgb, var(--blue) 14%, transparent) !important;
}
@media (min-width: 901px) {
  body.system-admin-view .main-content {
    margin-left: var(--sidebar-w) !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  body.system-admin-view .admin-dashboard-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-auto-rows: minmax(150px, 1fr) !important;
    min-height: clamp(470px, calc(100dvh - var(--topbar-h) - 215px), 560px) !important;
    align-content: stretch !important;
    margin-bottom: 0 !important;
  }
  body.system-admin-view .admin-dashboard-grid .admin-module-card,
  body.system-admin-view .admin-dashboard-grid .widget {
    min-height: 0 !important;
    height: 100% !important;
  }
  body.system-admin-view .admin-dashboard-grid .widget-content {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
  }
}
@media (min-width: 901px) and (max-height: 820px) {
  body.system-admin-view .main-content { padding-top: calc(var(--topbar-h) + 12px) !important; padding-bottom: 18px !important; }
  body.system-admin-view .page-heading { margin-bottom: 10px !important; }
  body.system-admin-view .admin-dashboard-grid { gap: 12px !important; min-height: calc(100dvh - var(--topbar-h) - 188px) !important; }
}
@media (max-width: 1180px) and (min-width: 901px) {
  body.system-admin-view .admin-dashboard-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}

/* Helprite Desk v93 — System Admin responsive sidebar and menu fit fix */
body.system-admin-view,
body.system-admin-view .app-shell,
body.system-admin-view .main-content,
body.system-admin-view .system-admin-page {
  max-width: 100vw !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
}
body.system-admin-view .system-admin-page {
  width: 100% !important;
}
body.system-admin-view .page-heading,
body.system-admin-view .page-heading-copy,
body.system-admin-view .page-heading-side,
body.system-admin-view .page-actions {
  min-width: 0 !important;
}
body.system-admin-view .admin-menu-grid.admin-dashboard-grid,
body.system-admin-view .admin-dashboard-grid {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}
body.system-admin-view .admin-dashboard-grid > article,
body.system-admin-view .admin-dashboard-grid > .widget,
body.system-admin-view .admin-dashboard-grid > .module-widget,
body.system-admin-view .admin-dashboard-grid > .admin-module-card {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
body.system-admin-view .admin-dashboard-grid .widget-content,
body.system-admin-view .admin-dashboard-grid .module-copy,
body.system-admin-view .admin-dashboard-grid .module-copy h3,
body.system-admin-view .admin-dashboard-grid .module-copy p {
  min-width: 0 !important;
  max-width: 100% !important;
}
body.system-admin-view .admin-dashboard-grid .module-copy h3,
body.system-admin-view .admin-dashboard-grid .module-copy p {
  overflow-wrap: anywhere !important;
}

@media (min-width: 901px) {
  body.system-admin-view .sidebar {
    display: flex !important;
    transform: none !important;
    width: var(--sidebar-w) !important;
  }
  body.system-admin-view .topbar {
    left: var(--sidebar-w) !important;
    right: 0 !important;
    width: auto !important;
  }
  body.system-admin-view .main-content {
    width: calc(100vw - var(--sidebar-w)) !important;
    margin-left: var(--sidebar-w) !important;
    padding: calc(var(--topbar-h) + 14px) 24px 24px !important;
  }
  body.system-admin-view .admin-menu-grid.admin-dashboard-grid,
  body.system-admin-view .admin-dashboard-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-auto-rows: minmax(150px, 1fr) !important;
    gap: 14px !important;
    min-height: clamp(452px, calc(100dvh - var(--topbar-h) - 198px), 548px) !important;
    align-content: stretch !important;
  }
}

@media (min-width: 901px) and (max-width: 1260px) {
  body.system-admin-view .admin-menu-grid.admin-dashboard-grid,
  body.system-admin-view .admin-dashboard-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 901px) and (max-height: 760px) {
  body.system-admin-view .main-content {
    padding-top: calc(var(--topbar-h) + 10px) !important;
    padding-bottom: 16px !important;
  }
  body.system-admin-view .page-heading {
    margin-bottom: 9px !important;
  }
  body.system-admin-view .page-title {
    font-size: clamp(24px, 2vw, 30px) !important;
  }
  body.system-admin-view .page-subtitle {
    margin-top: 4px !important;
  }
  body.system-admin-view .admin-menu-grid.admin-dashboard-grid,
  body.system-admin-view .admin-dashboard-grid {
    gap: 11px !important;
    min-height: calc(100dvh - var(--topbar-h) - 176px) !important;
  }
  body.system-admin-view .admin-dashboard-grid > article,
  body.system-admin-view .admin-dashboard-grid > .widget,
  body.system-admin-view .admin-dashboard-grid > .module-widget,
  body.system-admin-view .admin-dashboard-grid > .admin-module-card {
    min-height: 132px !important;
  }
  body.system-admin-view .admin-dashboard-grid .widget-content {
    padding: 16px !important;
  }
}

@media (max-width: 900px) {
  body.system-admin-view .sidebar {
    display: flex !important;
    transform: none !important;
    width: var(--sidebar-w) !important;
    align-items: center !important;
    padding: 10px 8px !important;
  }
  body.system-admin-view .sidebar-mobile-head {
    display: none !important;
  }
  body.system-admin-view .sidebar-nav {
    align-items: center !important;
    margin-top: 10px !important;
  }
  body.system-admin-view .side-link {
    width: 52px !important;
    min-height: 52px !important;
    border-radius: 18px !important;
  }
  body.system-admin-view .topbar {
    left: var(--sidebar-w) !important;
    right: 0 !important;
    width: auto !important;
    padding-inline: 12px !important;
  }
  body.system-admin-view .main-content {
    width: calc(100vw - var(--sidebar-w)) !important;
    margin-left: var(--sidebar-w) !important;
    padding: calc(var(--topbar-h) + 14px) 14px 24px !important;
  }
  body.system-admin-view .page-heading {
    display: flex !important;
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin-bottom: 14px !important;
  }
  body.system-admin-view .page-heading-side,
  body.system-admin-view .page-actions {
    width: 100% !important;
    justify-content: flex-start !important;
  }
  body.system-admin-view .admin-menu-grid.admin-dashboard-grid,
  body.system-admin-view .admin-dashboard-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    min-height: 0 !important;
    grid-auto-rows: auto !important;
  }
  body.system-admin-view .admin-dashboard-grid > article,
  body.system-admin-view .admin-dashboard-grid > .widget,
  body.system-admin-view .admin-dashboard-grid > .module-widget,
  body.system-admin-view .admin-dashboard-grid > .admin-module-card {
    height: auto !important;
    min-height: 156px !important;
  }
  body.system-admin-view .admin-dashboard-grid .widget-content {
    height: 156px !important;
    min-height: 156px !important;
    padding: 14px !important;
  }
}

@media (max-width: 680px) {
  body.system-admin-view .topbar-actions .search-trigger {
    min-width: 0 !important;
    width: 42px !important;
    padding-inline: 0 !important;
  }
  body.system-admin-view .topbar-actions .search-trigger span,
  body.system-admin-view .topbar-actions .search-trigger kbd,
  body.system-admin-view .profile-copy {
    display: none !important;
  }
  body.system-admin-view .profile-button {
    width: 44px !important;
    padding: 0 !important;
  }
  body.system-admin-view .admin-menu-grid.admin-dashboard-grid,
  body.system-admin-view .admin-dashboard-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  body.system-admin-view .admin-dashboard-grid > article,
  body.system-admin-view .admin-dashboard-grid > .widget,
  body.system-admin-view .admin-dashboard-grid > .module-widget,
  body.system-admin-view .admin-dashboard-grid > .admin-module-card {
    min-height: 148px !important;
  }
  body.system-admin-view .admin-dashboard-grid .widget-content {
    height: 148px !important;
    min-height: 148px !important;
    padding: 14px !important;
  }
}

/* Helprite Desk v94 — restore shared sidebar rail / mobile drawer behaviour
   Fixes the sidebar layout regression introduced during the System Admin fit pass. */
@media (min-width: 901px) {
  html body .sidebar {
    display: flex !important;
    position: fixed !important;
    inset: 0 auto 0 0 !important;
    width: var(--sidebar-w) !important;
    transform: none !important;
    align-items: center !important;
    padding: 10px 12px !important;
    overflow: visible !important;
    z-index: 50 !important;
  }
  html body .sidebar-mobile-head {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }
  html body .sidebar-nav {
    width: 100% !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    overflow-y: auto !important;
    overflow-x: visible !important;
  }
  html body .side-bottom {
    width: 100% !important;
    align-items: center !important;
    justify-items: center !important;
  }
  html body .sidebar .side-link,
  html body .side-bottom .side-link {
    width: 58px !important;
    min-height: 58px !important;
    border-radius: 19px !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
  }
  html body .sidebar .side-link .nav-tip,
  html body .side-bottom .side-link .nav-tip {
    position: absolute !important;
    left: 72px !important;
    top: 50% !important;
    transform: translate(-6px, -50%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    white-space: nowrap !important;
    display: block !important;
  }
  html body .sidebar .side-link:hover .nav-tip,
  html body .side-bottom .side-link:hover .nav-tip {
    opacity: 1 !important;
    transform: translate(0, -50%) !important;
  }
  html body .topbar {
    left: var(--sidebar-w) !important;
    right: 0 !important;
    width: auto !important;
  }
  html body .main-content,
  html body .page-wrapper {
    margin-left: var(--sidebar-w) !important;
    width: calc(100vw - var(--sidebar-w)) !important;
    max-width: calc(100vw - var(--sidebar-w)) !important;
  }
  html body[data-page-route="/home"] .sidebar,
  html body[data-menu-page="true"] .sidebar {
    display: none !important;
  }
  html body[data-page-route="/home"] .topbar,
  html body[data-menu-page="true"] .topbar {
    left: 0 !important;
    width: 100% !important;
  }
  html body[data-page-route="/home"] .main-content,
  html body[data-menu-page="true"] .main-content {
    margin-left: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
  }
  html body.system-admin-view .sidebar {
    display: flex !important;
  }
  html body.system-admin-view .topbar {
    left: var(--sidebar-w) !important;
    right: 0 !important;
    width: auto !important;
  }
  html body.system-admin-view .main-content {
    margin-left: var(--sidebar-w) !important;
    width: calc(100vw - var(--sidebar-w)) !important;
    max-width: calc(100vw - var(--sidebar-w)) !important;
  }
}

@media (max-width: 900px) {
  :root { --sidebar-w: 0px; --topbar-h: 70px; }
  html body .sidebar,
  html body.system-admin-view .sidebar {
    position: fixed !important;
    inset: 0 auto 0 0 !important;
    display: flex !important;
    width: min(280px, calc(100vw - 36px)) !important;
    max-width: min(280px, calc(100vw - 36px)) !important;
    transform: translateX(-105%) !important;
    align-items: stretch !important;
    padding: 15px !important;
    z-index: 99960 !important;
    overflow: hidden !important;
    transition: transform .28s ease !important;
  }
  html body .sidebar.open,
  html body.system-admin-view .sidebar.open,
  html body.sidebar-open .sidebar {
    transform: translateX(0) !important;
  }
  html body .sidebar-mobile-head,
  html body.system-admin-view .sidebar-mobile-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    height: auto !important;
    min-height: 62px !important;
    flex: 0 0 auto !important;
  }
  html body .sidebar-mobile-brand,
  html body .sidebar-mobile-head .sidebar-mobile-brand {
    display: inline-flex !important;
    align-items: center !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }
  html body .sidebar-mobile-brand img {
    width: min(190px, calc(100vw - 116px)) !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }
  html body .sidebar-nav,
  html body.system-admin-view .sidebar-nav {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    width: 100% !important;
    align-items: stretch !important;
    margin-top: 12px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }
  html body .side-bottom,
  html body.system-admin-view .side-bottom {
    width: 100% !important;
    display: grid !important;
    gap: 8px !important;
    margin-top: 10px !important;
  }
  html body .sidebar .side-link,
  html body .side-bottom .side-link,
  html body.system-admin-view .sidebar .side-link {
    width: 100% !important;
    min-height: 48px !important;
    border-radius: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    padding: 0 13px !important;
  }
  html body .sidebar .side-link .nav-tip,
  html body .side-bottom .side-link .nav-tip,
  html body.system-admin-view .sidebar .side-link .nav-tip {
    position: static !important;
    opacity: 1 !important;
    transform: none !important;
    pointer-events: auto !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    color: inherit !important;
    white-space: normal !important;
    display: inline !important;
  }
  html body .topbar,
  html body.system-admin-view .topbar {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    padding-inline: 16px !important;
  }
  html body .main-content,
  html body .page-wrapper,
  html body.system-admin-view .main-content {
    margin-left: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  html body .mobile-menu-button { display: grid !important; }
  html body .sidebar-scrim {
    display: none !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 99950 !important;
    background: rgba(0,0,0,.38) !important;
    border: 0 !important;
  }
  html body .sidebar.open + .sidebar-scrim,
  html body.sidebar-open .sidebar-scrim {
    display: block !important;
  }
}

/* Helprite Desk v95 — System Admin menu matches HRMS menu behaviour; sidebar only on opened admin pages */
body.system-admin-view .sidebar .side-link[data-nav-id="home"],
body.system-admin-view .sidebar .side-link[data-nav-id="admin"],
body.system-admin-view .side-bottom .side-link[data-nav-id="admin"]{
  display:grid!important;
  place-items:center!important;
}

@media (min-width:901px){
  html body.system-admin-view.system-admin-menu-page[data-menu-page="true"] .sidebar{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  html body.system-admin-view.system-admin-menu-page[data-menu-page="true"] .topbar{
    left:0!important;
    right:0!important;
    width:100%!important;
  }
  html body.system-admin-view.system-admin-menu-page[data-menu-page="true"] .main-content,
  html body.system-admin-view.system-admin-menu-page[data-menu-page="true"] .page-wrapper{
    margin-left:0!important;
    width:100vw!important;
    max-width:100vw!important;
    padding-left:clamp(18px,1.6vw,28px)!important;
    padding-right:clamp(18px,1.6vw,28px)!important;
  }
  html body.system-admin-view.system-admin-subpage[data-admin-sidebar="true"] .sidebar{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    width:var(--sidebar-w)!important;
    transform:none!important;
  }
  html body.system-admin-view.system-admin-subpage[data-admin-sidebar="true"] .topbar{
    left:var(--sidebar-w)!important;
    right:0!important;
    width:auto!important;
  }
  html body.system-admin-view.system-admin-subpage[data-admin-sidebar="true"] .main-content{
    margin-left:var(--sidebar-w)!important;
    width:calc(100vw - var(--sidebar-w))!important;
    max-width:calc(100vw - var(--sidebar-w))!important;
  }
  html body .sidebar{
    justify-content:normal!important;
  }
  html body .sidebar-nav{
    flex:1 1 auto!important;
    margin-top:10px!important;
    gap:8px!important;
    align-items:center!important;
    justify-content:flex-start!important;
  }
  html body .side-bottom{
    margin-top:auto!important;
    padding-bottom:2px!important;
    gap:8px!important;
    display:grid!important;
    place-items:center!important;
  }
  html body .sidebar .side-link,
  html body .side-bottom .side-link{
    width:54px!important;
    min-height:54px!important;
    height:54px!important;
    border-radius:17px!important;
    display:grid!important;
    place-items:center!important;
  }
  html body .sidebar .side-link[data-nav-id="home"]{
    margin-top:0!important;
  }
  html body .side-bottom .side-link[data-nav-id="admin"].active{
    color:#fff!important;
    background:linear-gradient(145deg,#1c8cff,#0b66db)!important;
    box-shadow:0 12px 28px rgba(20,126,255,.35)!important;
  }
  body.system-admin-view.system-admin-menu-page .admin-menu-grid.admin-dashboard-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:16px!important;
    margin-bottom:0!important;
    min-height:clamp(450px,calc(100dvh - var(--topbar-h) - 210px),560px)!important;
    align-content:stretch!important;
  }
  body.system-admin-view.system-admin-menu-page .admin-menu-grid.admin-dashboard-grid .widget-content{
    height:100%!important;
  }
}

@media (min-width:901px) and (max-width:1260px){
  body.system-admin-view.system-admin-menu-page .admin-menu-grid.admin-dashboard-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media (max-width:900px){
  html body.system-admin-view.system-admin-menu-page[data-menu-page="true"] .sidebar{
    display:flex!important;
    transform:translateX(-105%)!important;
  }
  html body.system-admin-view.system-admin-menu-page[data-menu-page="true"] .sidebar.open,
  html body.system-admin-view.system-admin-menu-page[data-menu-page="true"].sidebar-open .sidebar{
    transform:translateX(0)!important;
  }
  html body.system-admin-view.system-admin-menu-page[data-menu-page="true"] .topbar,
  html body.system-admin-view.system-admin-menu-page[data-menu-page="true"] .main-content{
    left:0!important;
    margin-left:0!important;
    width:100vw!important;
    max-width:100vw!important;
  }
  body.system-admin-view.system-admin-menu-page .admin-menu-grid.admin-dashboard-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width:620px){
  body.system-admin-view.system-admin-menu-page .admin-menu-grid.admin-dashboard-grid{
    grid-template-columns:1fr!important;
  }
}

/* Helprite Desk v196 — System Admin menu full-page card grid, transparent menu cards, sidebar only on subpages */
@media (min-width: 901px){
  html body.system-admin-view.system-admin-menu-page[data-menu-page="true"] .sidebar{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  html body.system-admin-view.system-admin-menu-page[data-menu-page="true"] .topbar{
    left:0!important;
    right:0!important;
    width:100%!important;
  }
  html body.system-admin-view.system-admin-menu-page[data-menu-page="true"] .main-content,
  html body.system-admin-view.system-admin-menu-page[data-menu-page="true"] .page-wrapper{
    margin-left:0!important;
    width:100vw!important;
    max-width:100vw!important;
    padding-left:clamp(18px,1.55vw,30px)!important;
    padding-right:clamp(18px,1.55vw,30px)!important;
  }
  html body.system-admin-view.system-admin-subpage[data-admin-sidebar="true"] .sidebar{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    position:fixed!important;
    inset:0 auto 0 0!important;
    width:var(--sidebar-w)!important;
    transform:none!important;
  }
  html body.system-admin-view.system-admin-subpage[data-admin-sidebar="true"] .topbar{
    left:var(--sidebar-w)!important;
    right:0!important;
    width:auto!important;
  }
  html body.system-admin-view.system-admin-subpage[data-admin-sidebar="true"] .main-content,
  html body.system-admin-view.system-admin-subpage[data-admin-sidebar="true"] .page-wrapper{
    margin-left:var(--sidebar-w)!important;
    width:calc(100vw - var(--sidebar-w))!important;
    max-width:calc(100vw - var(--sidebar-w))!important;
  }
}

body.system-admin-view.system-admin-menu-page .system-admin-page{
  min-height:calc(100dvh - var(--topbar-h))!important;
  display:flex!important;
  flex-direction:column!important;
}
body.system-admin-view.system-admin-menu-page .page-heading{
  flex:0 0 auto!important;
  margin-bottom:18px!important;
}
body.system-admin-view.system-admin-menu-page .admin-menu-grid.admin-dashboard-grid,
body.system-admin-view.system-admin-menu-page .module-home-bento.admin-dashboard-grid,
body.system-admin-view.system-admin-menu-page .bento-grid.admin-dashboard-grid,
body.system-admin-view.system-admin-menu-page .admin-dashboard-grid{
  flex:1 1 auto!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-auto-rows:minmax(198px,1fr)!important;
  gap:18px!important;
  width:100%!important;
  max-width:100%!important;
  min-height:clamp(610px,calc(100dvh - var(--topbar-h) - 178px),860px)!important;
  align-content:stretch!important;
  align-items:stretch!important;
  margin:0!important;
}
body.system-admin-view.system-admin-menu-page .admin-dashboard-grid > article,
body.system-admin-view.system-admin-menu-page .admin-dashboard-grid > .widget,
body.system-admin-view.system-admin-menu-page .admin-dashboard-grid > .module-widget,
body.system-admin-view.system-admin-menu-page .admin-dashboard-grid > .admin-module-card{
  height:100%!important;
  min-height:198px!important;
  border-radius:26px!important;
  background:transparent!important;
  background-color:transparent!important;
  border:1px solid color-mix(in srgb,var(--line) 92%,transparent)!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
body.system-admin-view.system-admin-menu-page .admin-dashboard-grid > article::before,
body.system-admin-view.system-admin-menu-page .admin-dashboard-grid > article::after,
body.system-admin-view.system-admin-menu-page .admin-dashboard-grid > .widget::before,
body.system-admin-view.system-admin-menu-page .admin-dashboard-grid > .widget::after,
body.system-admin-view.system-admin-menu-page .admin-dashboard-grid > .module-widget::before,
body.system-admin-view.system-admin-menu-page .admin-dashboard-grid > .module-widget::after,
body.system-admin-view.system-admin-menu-page .admin-dashboard-grid > .admin-module-card::before,
body.system-admin-view.system-admin-menu-page .admin-dashboard-grid > .admin-module-card::after{
  background:transparent!important;
  display:none!important;
}
body.system-admin-view.system-admin-menu-page .admin-dashboard-grid > .admin-module-card:hover,
body.system-admin-view.system-admin-menu-page .admin-dashboard-grid > .module-widget:hover,
body.system-admin-view.system-admin-menu-page .admin-dashboard-grid > .widget:hover{
  background:color-mix(in srgb,var(--blue) 5%,transparent)!important;
  border-color:color-mix(in srgb,var(--blue) 26%,var(--line))!important;
  box-shadow:0 16px 42px rgba(16,24,40,.055)!important;
  transform:translateY(-2px)!important;
}
html[data-theme="dark"] body.system-admin-view.system-admin-menu-page .admin-dashboard-grid > article,
html[data-theme="dark"] body.system-admin-view.system-admin-menu-page .admin-dashboard-grid > .widget,
html[data-theme="dark"] body.system-admin-view.system-admin-menu-page .admin-dashboard-grid > .module-widget,
html[data-theme="dark"] body.system-admin-view.system-admin-menu-page .admin-dashboard-grid > .admin-module-card{
  background:transparent!important;
  background-color:transparent!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body.system-admin-view.system-admin-menu-page .admin-dashboard-grid > .admin-module-card:hover,
html[data-theme="dark"] body.system-admin-view.system-admin-menu-page .admin-dashboard-grid > .module-widget:hover,
html[data-theme="dark"] body.system-admin-view.system-admin-menu-page .admin-dashboard-grid > .widget:hover{
  background:rgba(10,132,255,.08)!important;
  border-color:rgba(10,132,255,.28)!important;
}
body.system-admin-view.system-admin-menu-page .admin-dashboard-grid .admin-module-card .widget-content,
body.system-admin-view.system-admin-menu-page .admin-dashboard-grid .module-widget .widget-content{
  height:100%!important;
  min-height:198px!important;
  padding:clamp(18px,1.45vw,27px)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
}
body.system-admin-view.system-admin-menu-page .admin-dashboard-grid .module-top{
  min-height:42px!important;
  margin:0!important;
}
body.system-admin-view.system-admin-menu-page .admin-dashboard-grid .module-icon,
body.system-admin-view.system-admin-menu-page .admin-dashboard-grid .module-arrow{
  background:color-mix(in srgb,var(--blue) 12%,transparent)!important;
  border:1px solid color-mix(in srgb,var(--blue) 14%,transparent)!important;
  border-radius:16px!important;
  display:grid!important;
  place-items:center!important;
  width:48px!important;
  height:48px!important;
  color:var(--blue)!important;
}
body.system-admin-view.system-admin-menu-page .admin-dashboard-grid .module-arrow{
  width:34px!important;
  height:34px!important;
  border-radius:14px!important;
  margin-left:auto!important;
  transform:rotate(180deg)!important;
  color:var(--blue)!important;
  opacity:1!important;
}
body.system-admin-view.system-admin-menu-page .admin-dashboard-grid .module-icon svg{width:25px!important;height:25px!important;}
body.system-admin-view.system-admin-menu-page .admin-dashboard-grid .module-arrow svg{width:18px!important;height:18px!important;}
body.system-admin-view.system-admin-menu-page .admin-dashboard-grid .module-copy h3{
  font-size:clamp(16px,1vw,18px)!important;
  line-height:1.1!important;
  letter-spacing:-.35px!important;
  margin:0 0 7px!important;
  color:var(--text)!important;
}
body.system-admin-view.system-admin-menu-page .admin-dashboard-grid .module-copy p{
  font-size:13px!important;
  line-height:1.35!important;
  margin:0!important;
  color:var(--muted)!important;
  max-width:100%!important;
}
@media (min-width:1500px){
  body.system-admin-view.system-admin-menu-page .admin-menu-grid.admin-dashboard-grid,
  body.system-admin-view.system-admin-menu-page .module-home-bento.admin-dashboard-grid,
  body.system-admin-view.system-admin-menu-page .bento-grid.admin-dashboard-grid,
  body.system-admin-view.system-admin-menu-page .admin-dashboard-grid{
    grid-auto-rows:minmax(218px,1fr)!important;
    min-height:clamp(690px,calc(100dvh - var(--topbar-h) - 178px),940px)!important;
  }
  body.system-admin-view.system-admin-menu-page .admin-dashboard-grid > article,
  body.system-admin-view.system-admin-menu-page .admin-dashboard-grid > .widget,
  body.system-admin-view.system-admin-menu-page .admin-dashboard-grid > .module-widget,
  body.system-admin-view.system-admin-menu-page .admin-dashboard-grid > .admin-module-card,
  body.system-admin-view.system-admin-menu-page .admin-dashboard-grid .admin-module-card .widget-content,
  body.system-admin-view.system-admin-menu-page .admin-dashboard-grid .module-widget .widget-content{
    min-height:218px!important;
  }
}
@media (max-width:1280px){
  body.system-admin-view.system-admin-menu-page .admin-menu-grid.admin-dashboard-grid,
  body.system-admin-view.system-admin-menu-page .module-home-bento.admin-dashboard-grid,
  body.system-admin-view.system-admin-menu-page .bento-grid.admin-dashboard-grid,
  body.system-admin-view.system-admin-menu-page .admin-dashboard-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-auto-rows:minmax(190px,1fr)!important;
  }
}
@media (max-width:900px){
  body.system-admin-view.system-admin-menu-page .admin-menu-grid.admin-dashboard-grid,
  body.system-admin-view.system-admin-menu-page .module-home-bento.admin-dashboard-grid,
  body.system-admin-view.system-admin-menu-page .bento-grid.admin-dashboard-grid,
  body.system-admin-view.system-admin-menu-page .admin-dashboard-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:minmax(165px,auto)!important;
    min-height:auto!important;
    gap:12px!important;
  }
  body.system-admin-view.system-admin-menu-page .admin-dashboard-grid > article,
  body.system-admin-view.system-admin-menu-page .admin-dashboard-grid > .widget,
  body.system-admin-view.system-admin-menu-page .admin-dashboard-grid > .module-widget,
  body.system-admin-view.system-admin-menu-page .admin-dashboard-grid > .admin-module-card,
  body.system-admin-view.system-admin-menu-page .admin-dashboard-grid .admin-module-card .widget-content,
  body.system-admin-view.system-admin-menu-page .admin-dashboard-grid .module-widget .widget-content{
    min-height:165px!important;
    height:165px!important;
  }
}
@media (max-width:520px){
  body.system-admin-view.system-admin-menu-page .admin-menu-grid.admin-dashboard-grid,
  body.system-admin-view.system-admin-menu-page .module-home-bento.admin-dashboard-grid,
  body.system-admin-view.system-admin-menu-page .bento-grid.admin-dashboard-grid,
  body.system-admin-view.system-admin-menu-page .admin-dashboard-grid{
    grid-template-columns:1fr!important;
    grid-auto-rows:minmax(150px,auto)!important;
  }
}

/* Helprite Desk v97 — System Admin menu background cleanup and full-page grid fit
   Keeps the main System Admin menu full-width without the sidebar, while sub-pages keep the sidebar. */
body.system-admin-view.system-admin-menu-page[data-menu-page="true"],
body.system-admin-view.system-admin-menu-page[data-menu-page="true"] .app-shell,
body.system-admin-view.system-admin-menu-page[data-menu-page="true"] .main-content,
body.system-admin-view.system-admin-menu-page[data-menu-page="true"] .system-admin-page{
  background: var(--bg) !important;
  background-image: none !important;
}

body.system-admin-view.system-admin-menu-page[data-menu-page="true"] .admin-menu-grid.admin-dashboard-grid,
body.system-admin-view.system-admin-menu-page[data-menu-page="true"] .bento-grid.admin-dashboard-grid,
body.system-admin-view.system-admin-menu-page[data-menu-page="true"] .module-home-bento.admin-dashboard-grid{
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
}

body.system-admin-view.system-admin-menu-page[data-menu-page="true"] .admin-menu-grid.admin-dashboard-grid > .admin-module-card,
body.system-admin-view.system-admin-menu-page[data-menu-page="true"] .admin-menu-grid.admin-dashboard-grid > .module-widget,
body.system-admin-view.system-admin-menu-page[data-menu-page="true"] .admin-menu-grid.admin-dashboard-grid > .widget{
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 1px solid var(--line) !important;
  box-shadow: none !important;
}

body.system-admin-view.system-admin-menu-page[data-menu-page="true"] .admin-menu-grid.admin-dashboard-grid > .admin-module-card:hover,
body.system-admin-view.system-admin-menu-page[data-menu-page="true"] .admin-menu-grid.admin-dashboard-grid > .module-widget:hover,
body.system-admin-view.system-admin-menu-page[data-menu-page="true"] .admin-menu-grid.admin-dashboard-grid > .widget:hover{
  background: color-mix(in srgb, var(--blue) 4%, transparent) !important;
  background-image: none !important;
  border-color: color-mix(in srgb, var(--blue) 24%, var(--line)) !important;
  box-shadow: none !important;
}

@media (min-width: 901px){
  html body.system-admin-view.system-admin-menu-page[data-menu-page="true"]{
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
  html body.system-admin-view.system-admin-menu-page[data-menu-page="true"] .main-content,
  html body.system-admin-view.system-admin-menu-page[data-menu-page="true"] .page-wrapper{
    margin-left: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    padding-left: clamp(18px, 1.35vw, 28px) !important;
    padding-right: clamp(18px, 1.35vw, 28px) !important;
    padding-bottom: clamp(18px, 2vh, 28px) !important;
    overflow: visible !important;
  }
  body.system-admin-view.system-admin-menu-page[data-menu-page="true"] .system-admin-page{
    min-height: calc(100dvh - var(--topbar-h) - 24px) !important;
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    align-content: stretch !important;
  }
  body.system-admin-view.system-admin-menu-page[data-menu-page="true"] .page-heading{
    margin-bottom: clamp(14px, 1.35vh, 20px) !important;
  }
  body.system-admin-view.system-admin-menu-page[data-menu-page="true"] .admin-menu-grid.admin-dashboard-grid{
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
    grid-auto-rows: minmax(0, 1fr) !important;
    gap: clamp(14px, 1vw, 20px) !important;
    min-height: clamp(560px, calc(100dvh - var(--topbar-h) - 185px), 760px) !important;
    height: clamp(560px, calc(100dvh - var(--topbar-h) - 185px), 760px) !important;
    align-content: stretch !important;
    align-items: stretch !important;
    margin: 0 !important;
  }
  body.system-admin-view.system-admin-menu-page[data-menu-page="true"] .admin-menu-grid.admin-dashboard-grid > .admin-module-card,
  body.system-admin-view.system-admin-menu-page[data-menu-page="true"] .admin-menu-grid.admin-dashboard-grid > .module-widget,
  body.system-admin-view.system-admin-menu-page[data-menu-page="true"] .admin-menu-grid.admin-dashboard-grid > .widget{
    height: 100% !important;
    min-height: 0 !important;
    border-radius: 26px !important;
  }
  body.system-admin-view.system-admin-menu-page[data-menu-page="true"] .admin-menu-grid.admin-dashboard-grid .widget-content,
  body.system-admin-view.system-admin-menu-page[data-menu-page="true"] .admin-menu-grid.admin-dashboard-grid .module-widget .widget-content,
  body.system-admin-view.system-admin-menu-page[data-menu-page="true"] .admin-menu-grid.admin-dashboard-grid .admin-module-card .widget-content{
    height: 100% !important;
    min-height: 0 !important;
    padding: clamp(18px, 1.35vw, 26px) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
  }
}

@media (min-width: 901px) and (max-width: 1260px){
  body.system-admin-view.system-admin-menu-page[data-menu-page="true"] .admin-menu-grid.admin-dashboard-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 900px){
  body.system-admin-view.system-admin-menu-page[data-menu-page="true"] .admin-menu-grid.admin-dashboard-grid > .admin-module-card,
  body.system-admin-view.system-admin-menu-page[data-menu-page="true"] .admin-menu-grid.admin-dashboard-grid > .module-widget,
  body.system-admin-view.system-admin-menu-page[data-menu-page="true"] .admin-menu-grid.admin-dashboard-grid > .widget{
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border: 1px solid var(--line) !important;
  }
}

/* HRMS v198 - professional recruitment pipeline board */
body.hrms-old-page.hrms-pipeline-page .pipeline-page-space{
  padding-bottom:28px!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-heading-wrap{
  margin-bottom:16px!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-list-actions .btn{
  min-height:40px!important;
  border-radius:14px!important;
  font-weight:800!important;
  box-shadow:0 12px 28px rgba(15,23,42,.06)!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-toolbar-card,
body.hrms-old-page.hrms-pipeline-page .pipeline-board-shell{
  border:1px solid rgba(15,23,42,.10)!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.82)!important;
  box-shadow:0 18px 42px rgba(15,23,42,.06)!important;
  overflow:hidden!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-toolbar-card .card-body{
  padding:14px 16px!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-stage-tabs{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-stage-tab{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:38px!important;
  border:1px solid rgba(15,23,42,.10)!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#475467!important;
  padding:0 10px!important;
  font-size:13px!important;
  font-weight:800!important;
  box-shadow:0 8px 18px rgba(15,23,42,.04)!important;
  transition:transform .16s ease, border-color .16s ease, background .16s ease!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-stage-tab:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(0,122,255,.28)!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-stage-tab.active{
  background:#0a84ff!important;
  border-color:#0a84ff!important;
  color:#fff!important;
  box-shadow:0 12px 24px rgba(10,132,255,.24)!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-stage-tab i{
  font-size:16px!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-stage-tab strong{
  min-width:22px!important;
  height:22px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 6px!important;
  background:rgba(15,23,42,.06)!important;
  color:inherit!important;
  font-size:12px!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-stage-tab.active strong{
  background:rgba(255,255,255,.22)!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-toolbar-actions{
  margin-left:auto!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-search-field{
  height:40px!important;
  min-width:min(360px, 72vw)!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  border:1px solid rgba(15,23,42,.10)!important;
  border-radius:14px!important;
  background:#fff!important;
  padding:0 12px!important;
  color:#667085!important;
  box-shadow:0 8px 18px rgba(15,23,42,.04)!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-search-field input{
  border:0!important;
  outline:0!important;
  background:transparent!important;
  width:100%!important;
  min-width:0!important;
  color:#0f172a!important;
  font-size:13px!important;
  font-weight:600!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-search-field input::placeholder{
  color:#98a2b3!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-board-titlebar{
  padding:16px 18px!important;
  border-bottom:1px solid rgba(15,23,42,.08)!important;
  background:transparent!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-board-titlebar h5{
  color:#0f172a!important;
  font-size:17px!important;
  letter-spacing:-.01em!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-board-scroll{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:16px 18px 18px!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(100,116,139,.32) transparent!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-board-scroll::-webkit-scrollbar{
  height:9px!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-board-scroll::-webkit-scrollbar-thumb{
  background:rgba(100,116,139,.32)!important;
  border-radius:999px!important;
}
body.hrms-old-page.hrms-pipeline-page #board.pipeline-board{
  display:flex!important;
  grid-template-columns:none!important;
  align-items:stretch!important;
  gap:14px!important;
  min-width:max-content!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
body.hrms-old-page.hrms-pipeline-page #board.pipeline-board > [class*="col-"]{
  width:auto!important;
  max-width:none!important;
  flex:initial!important;
  padding:0!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-stage-card{
  flex:0 0 292px!important;
  width:292px!important;
  min-height:610px!important;
  max-height:610px!important;
  display:flex!important;
  flex-direction:column!important;
  border:1px solid rgba(15,23,42,.10)!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-stage-header{
  min-height:auto!important;
  padding:14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  border-bottom:1px solid rgba(15,23,42,.08)!important;
  background:#fff!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-stage-title{
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
  gap:10px!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-stage-icon{
  width:38px!important;
  height:38px!important;
  border-radius:14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#eff6ff!important;
  color:#0a84ff!important;
  flex:0 0 38px!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-stage-title h5{
  margin:0!important;
  font-size:15px!important;
  font-weight:900!important;
  letter-spacing:-.01em!important;
  color:#0f172a!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-stage-title p{
  margin:2px 0 0!important;
  color:#667085!important;
  font-size:12px!important;
  font-weight:600!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-stage-body{
  flex:1 1 auto!important;
  height:auto!important;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:12px!important;
  background:#f8fafc!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(100,116,139,.32) transparent!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-stage-body::-webkit-scrollbar{
  width:8px!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-stage-body::-webkit-scrollbar-thumb{
  background:rgba(100,116,139,.32)!important;
  border-radius:999px!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-candidate-card{
  display:block!important;
  margin:0 0 10px!important;
  border:1.5px dashed rgba(10,132,255,.30)!important;
  outline:4px solid rgba(10,132,255,.035)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 10px 22px rgba(15,23,42,.045)!important;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-candidate-card:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(10,132,255,.55)!important;
  box-shadow:0 16px 28px rgba(15,23,42,.08)!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-candidate-top{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:12px 12px 0!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-candidate-avatar{
  width:34px!important;
  height:34px!important;
  border-radius:13px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#eff6ff!important;
  color:#0a84ff!important;
  border:1px solid rgba(10,132,255,.18)!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-candidate-main{
  padding:10px 12px 4px!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-candidate-main h6{
  margin:0 0 8px!important;
  color:#0f172a!important;
  font-size:14px!important;
  font-weight:900!important;
  letter-spacing:-.01em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-candidate-main p{
  margin:0 0 6px!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
  color:#667085!important;
  font-size:12px!important;
  font-weight:600!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-candidate-main p i{
  color:#98a2b3!important;
  flex:0 0 auto!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-candidate-main p span{
  min-width:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-candidate-actions,
body.hrms-old-page.hrms-pipeline-page .pipeline-move-actions{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:8px 12px!important;
  border-top:1px solid rgba(15,23,42,.06)!important;
  margin:0!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-move-actions{
  padding-top:0!important;
  border-top:0!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-candidate-actions .btn,
body.hrms-old-page.hrms-pipeline-page .pipeline-move-actions .btn{
  height:34px!important;
  border-radius:12px!important;
  font-size:12px!important;
  font-weight:800!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  flex:1 1 0!important;
  padding:0 8px!important;
  white-space:nowrap!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-move-actions .btn[disabled],
body.hrms-old-page.hrms-pipeline-page .pipeline-move-actions .btn:disabled{
  opacity:.40!important;
  pointer-events:none!important;
}
body.hrms-old-page.hrms-pipeline-page .hrms-status-badge{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  min-height:26px!important;
  border-radius:999px!important;
  padding:0 9px!important;
  border:1px solid transparent!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap!important;
}
body.hrms-old-page.hrms-pipeline-page .hrms-status-badge span{
  width:7px!important;
  height:7px!important;
  border-radius:999px!important;
  display:inline-block!important;
  background:currentColor!important;
}
body.hrms-old-page.hrms-pipeline-page .hrms-status-badge.is-blue{background:#eff6ff!important;border-color:#bfdbfe!important;color:#0969da!important;}
body.hrms-old-page.hrms-pipeline-page .hrms-status-badge.is-amber{background:#fff7ed!important;border-color:#fed7aa!important;color:#c2410c!important;}
body.hrms-old-page.hrms-pipeline-page .hrms-status-badge.is-purple{background:#f5f3ff!important;border-color:#ddd6fe!important;color:#6d28d9!important;}
body.hrms-old-page.hrms-pipeline-page .hrms-status-badge.is-green{background:#ecfdf3!important;border-color:#bbf7d0!important;color:#067647!important;}
body.hrms-old-page.hrms-pipeline-page .hrms-status-badge.is-red{background:#fef2f2!important;border-color:#fecaca!important;color:#b42318!important;}
body.hrms-old-page.hrms-pipeline-page .hrms-status-badge.is-slate{background:#f8fafc!important;border-color:#e2e8f0!important;color:#475569!important;}
body.hrms-old-page.hrms-pipeline-page .pipeline-empty-state,
body.hrms-old-page.hrms-pipeline-page .pipeline-loading-card,
body.hrms-old-page.hrms-pipeline-page .pipeline-board-message{
  min-height:180px!important;
  border:1px dashed rgba(100,116,139,.28)!important;
  border-radius:18px!important;
  background:#fff!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  color:#667085!important;
  padding:18px!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-empty-state span,
body.hrms-old-page.hrms-pipeline-page .pipeline-board-message span{
  width:42px!important;
  height:42px!important;
  border-radius:16px!important;
  background:#eff6ff!important;
  color:#0a84ff!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-bottom:10px!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-empty-state strong,
body.hrms-old-page.hrms-pipeline-page .pipeline-board-message strong{
  color:#0f172a!important;
  font-weight:900!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-empty-state p,
body.hrms-old-page.hrms-pipeline-page .pipeline-board-message p{
  margin:4px 0 0!important;
  font-size:12px!important;
  color:#667085!important;
}
html[data-theme="dark"] body.hrms-old-page.hrms-pipeline-page .pipeline-toolbar-card,
html[data-theme="dark"] body.hrms-old-page.hrms-pipeline-page .pipeline-board-shell,
html[data-theme="dark"] body.hrms-old-page.hrms-pipeline-page .pipeline-stage-card,
html[data-theme="dark"] body.hrms-old-page.hrms-pipeline-page .pipeline-stage-header,
html[data-theme="dark"] body.hrms-old-page.hrms-pipeline-page .pipeline-candidate-card,
html[data-theme="dark"] body.hrms-old-page.hrms-pipeline-page .pipeline-search-field,
html[data-theme="dark"] body.hrms-old-page.hrms-pipeline-page .pipeline-empty-state,
html[data-theme="dark"] body.hrms-old-page.hrms-pipeline-page .pipeline-loading-card,
html[data-theme="dark"] body.hrms-old-page.hrms-pipeline-page .pipeline-board-message{
  background:#1c1c1e!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body.hrms-old-page.hrms-pipeline-page .pipeline-stage-body{
  background:#151517!important;
}
html[data-theme="dark"] body.hrms-old-page.hrms-pipeline-page .pipeline-stage-title h5,
html[data-theme="dark"] body.hrms-old-page.hrms-pipeline-page .pipeline-board-titlebar h5,
html[data-theme="dark"] body.hrms-old-page.hrms-pipeline-page .pipeline-candidate-main h6,
html[data-theme="dark"] body.hrms-old-page.hrms-pipeline-page .pipeline-empty-state strong,
html[data-theme="dark"] body.hrms-old-page.hrms-pipeline-page .pipeline-board-message strong{
  color:#f5f5f7!important;
}
html[data-theme="dark"] body.hrms-old-page.hrms-pipeline-page .pipeline-stage-title p,
html[data-theme="dark"] body.hrms-old-page.hrms-pipeline-page .pipeline-candidate-main p,
html[data-theme="dark"] body.hrms-old-page.hrms-pipeline-page .pipeline-empty-state p,
html[data-theme="dark"] body.hrms-old-page.hrms-pipeline-page .pipeline-board-message p{
  color:#a1a1aa!important;
}
html[data-theme="dark"] body.hrms-old-page.hrms-pipeline-page .pipeline-stage-tab,
html[data-theme="dark"] body.hrms-old-page.hrms-pipeline-page .pipeline-search-field input{
  background:#1c1c1e!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#f5f5f7!important;
}
html[data-theme="dark"] body.hrms-old-page.hrms-pipeline-page .pipeline-search-field input::placeholder{
  color:#707077!important;
}
html[data-theme="dark"] body.hrms-old-page.hrms-pipeline-page .pipeline-board-titlebar{
  border-color:rgba(255,255,255,.10)!important;
}
@media (min-width:1600px){
  body.hrms-old-page.hrms-pipeline-page .pipeline-stage-card{
    flex-basis:calc((100vw - 220px) / 6)!important;
    width:calc((100vw - 220px) / 6)!important;
    min-width:260px!important;
  }
}
@media (max-width:991.98px){
  body.hrms-old-page.hrms-pipeline-page .pipeline-toolbar-actions,
  body.hrms-old-page.hrms-pipeline-page .pipeline-search-field{
    width:100%!important;
  }
  body.hrms-old-page.hrms-pipeline-page .pipeline-toolbar-actions .dropdown{
    width:100%!important;
  }
  body.hrms-old-page.hrms-pipeline-page .pipeline-toolbar-actions .dropdown > .btn{
    width:100%!important;
    justify-content:center!important;
  }
}
@media (max-width:575.98px){
  body.hrms-old-page.hrms-pipeline-page .pipeline-list-actions .btn{
    width:100%!important;
    justify-content:center!important;
  }
  body.hrms-old-page.hrms-pipeline-page .pipeline-stage-card{
    flex-basis:86vw!important;
    width:86vw!important;
    min-height:560px!important;
    max-height:560px!important;
  }
}

/* HRMS v201 - pipeline board polish */
body.hrms-old-page.hrms-pipeline-page .pipeline-toolbar-card .card-body > .d-flex{
  align-items:flex-start!important;
  gap:14px!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-stage-tabs{
  flex:1 1 auto!important;
  min-width:0!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-stage-tab{
  min-height:34px!important;
  padding:0 9px!important;
  gap:6px!important;
  font-size:12.5px!important;
  border-radius:13px!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-stage-tab strong{
  min-width:20px!important;
  height:20px!important;
  font-size:11.5px!important;
  padding:0 6px!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-toolbar-actions{
  flex:0 1 520px!important;
  justify-content:flex-end!important;
  gap:10px!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-search-field{
  flex:1 1 340px!important;
  min-width:340px!important;
  max-width:460px!important;
  height:42px!important;
  padding:0 14px!important;
  border-radius:16px!important;
  background:var(--hrms-app-control,#fff)!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-search-field i{
  font-size:17px!important;
  color:#64748b!important;
  flex:0 0 auto!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-search-field input{
  height:100%!important;
  line-height:42px!important;
  display:block!important;
  font-size:12.5px!important;
  font-weight:700!important;
  text-overflow:ellipsis!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-board-scroll{
  padding:14px!important;
}
body.hrms-old-page.hrms-pipeline-page #board.pipeline-board{
  gap:12px!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-stage-card{
  flex-basis:284px!important;
  width:284px!important;
  border-radius:18px!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-stage-header{
  padding:12px!important;
  background:var(--hrms-app-surface,#fff)!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-stage-icon{
  width:34px!important;
  height:34px!important;
  border-radius:13px!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-stage-title h5{
  font-size:14px!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-stage-title p{
  font-size:11.5px!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-stage-body{
  padding:10px!important;
  background:transparent!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-candidate-card{
  border:1.5px dashed rgba(100,116,139,.38)!important;
  outline:0!important;
  background:var(--hrms-app-surface,#fff)!important;
  box-shadow:none!important;
  border-radius:16px!important;
  margin-bottom:9px!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-candidate-card:hover{
  border-color:rgba(10,132,255,.68)!important;
  box-shadow:0 10px 22px rgba(15,23,42,.07)!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-candidate-top{
  padding:10px 10px 0!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-candidate-avatar{
  width:30px!important;
  height:30px!important;
  border-radius:11px!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-candidate-main{
  padding:8px 10px 3px!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-candidate-main h6{
  font-size:13px!important;
  margin-bottom:7px!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-candidate-main p{
  font-size:11.25px!important;
  gap:6px!important;
  margin-bottom:5px!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-candidate-actions,
body.hrms-old-page.hrms-pipeline-page .pipeline-move-actions{
  padding:7px 10px!important;
  gap:7px!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-move-actions{
  padding-top:0!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-candidate-actions .btn,
body.hrms-old-page.hrms-pipeline-page .pipeline-move-actions .btn{
  height:31px!important;
  min-height:31px!important;
  border-radius:11px!important;
  font-size:11.25px!important;
  padding:0 7px!important;
}
body.hrms-old-page.hrms-pipeline-page .hrms-status-badge{
  min-height:23px!important;
  padding:0 8px!important;
  gap:5px!important;
  font-size:11.25px!important;
}
body.hrms-old-page.hrms-pipeline-page .hrms-status-badge::before{
  content:none!important;
  display:none!important;
}
body.hrms-old-page.hrms-pipeline-page .hrms-status-badge span{
  width:6px!important;
  height:6px!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-count-badge{
  min-width:34px!important;
  justify-content:center!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-empty-state,
body.hrms-old-page.hrms-pipeline-page .pipeline-loading-card,
body.hrms-old-page.hrms-pipeline-page .pipeline-board-message{
  background:transparent!important;
  border-color:rgba(100,116,139,.28)!important;
  min-height:160px!important;
}
html[data-theme="dark"] body.hrms-old-page.hrms-pipeline-page .pipeline-stage-card,
html[data-theme="dark"] body.hrms-old-page.hrms-pipeline-page .pipeline-stage-body,
html[data-theme="dark"] body.hrms-old-page.hrms-pipeline-page .pipeline-empty-state,
html[data-theme="dark"] body.hrms-old-page.hrms-pipeline-page .pipeline-loading-card,
html[data-theme="dark"] body.hrms-old-page.hrms-pipeline-page .pipeline-board-message{
  background:transparent!important;
}
html[data-theme="dark"] body.hrms-old-page.hrms-pipeline-page .pipeline-candidate-card,
html[data-theme="dark"] body.hrms-old-page.hrms-pipeline-page .pipeline-stage-header,
html[data-theme="dark"] body.hrms-old-page.hrms-pipeline-page .pipeline-search-field{
  background:var(--hrms-app-surface,#1c1c1e)!important;
}
@media (max-width:991.98px){
  body.hrms-old-page.hrms-pipeline-page .pipeline-toolbar-actions{
    flex:1 1 100%!important;
  }
  body.hrms-old-page.hrms-pipeline-page .pipeline-search-field{
    min-width:0!important;
    max-width:none!important;
  }
}

/* HRMS v201 - pipeline ajax button submitting state */
body.hrms-old-page.hrms-pipeline-page .btn.is-submitting{
  pointer-events:none!important;
  opacity:.78!important;
}
body.hrms-old-page.hrms-pipeline-page .ti-spin{
  animation:hrmsTiSpin .75s linear infinite!important;
  display:inline-block!important;
}
@keyframes hrmsTiSpin{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}

/* HRMS v204 - remove table header Showing badges, ensure dashboard back actions, polish action dropdown buttons */
body[data-module="hrms"] .card-header .badge.hrms-hidden-count-badge,
body[data-module="hrms"] .card-header .hrms-hidden-count-badge,
body.hrms-old-page .card-header .badge.hrms-hidden-count-badge,
body.hrms-old-page .card-header .hrms-hidden-count-badge,
body.hrms-apple-page .card-header .badge.hrms-hidden-count-badge,
body.hrms-apple-page .card-header .hrms-hidden-count-badge,
body[data-module="hrms"] #showingCount.hrms-hidden-count-badge,
body.hrms-old-page #showingCount.hrms-hidden-count-badge,
body.hrms-apple-page #showingCount.hrms-hidden-count-badge{
  display:none!important;
  visibility:hidden!important;
  width:0!important;
  min-width:0!important;
  height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  overflow:hidden!important;
}
@supports selector(:has(*)){
  body[data-module="hrms"] .card-header .badge:has(#showingCount),
  body.hrms-old-page .card-header .badge:has(#showingCount),
  body.hrms-apple-page .card-header .badge:has(#showingCount){
    display:none!important;
  }
}
body.hrms-old-page table tbody td.hrms-action-hitcell,
body[data-module="hrms"] table tbody td.hrms-action-hitcell{
  width:54px!important;
  min-width:54px!important;
  text-align:right!important;
  overflow:visible!important;
  position:relative!important;
}
body.hrms-old-page .hrms-row-menu-toggle,
body[data-module="hrms"] .hrms-row-menu-toggle,
body.hrms-old-page [data-hrms-action-toggle="1"],
body[data-module="hrms"] [data-hrms-action-toggle="1"]{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid color-mix(in srgb,var(--line,#e5e7eb) 92%,transparent)!important;
  border-radius:12px!important;
  background:var(--panel,#fff)!important;
  color:var(--muted,#667085)!important;
  box-shadow:0 8px 20px rgba(15,23,42,.055)!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease!important;
  cursor:pointer!important;
}
body.hrms-old-page .hrms-row-menu-toggle:hover,
body[data-module="hrms"] .hrms-row-menu-toggle:hover,
body.hrms-old-page [data-hrms-action-toggle="1"]:hover,
body[data-module="hrms"] [data-hrms-action-toggle="1"]:hover{
  background:var(--panel-2,#f5f7fb)!important;
  color:var(--text,#101828)!important;
  border-color:color-mix(in srgb,var(--blue,#0a84ff) 22%,var(--line,#e5e7eb))!important;
  box-shadow:0 12px 26px rgba(15,23,42,.09)!important;
  transform:translateY(-1px)!important;
}
body.hrms-old-page .hrms-row-menu-toggle svg,
body[data-module="hrms"] .hrms-row-menu-toggle svg,
body.hrms-old-page [data-hrms-action-toggle="1"] svg,
body[data-module="hrms"] [data-hrms-action-toggle="1"] svg{
  width:18px!important;
  height:18px!important;
  pointer-events:none!important;
}
#hrmsActionPortalMenu.hrms-action-portal-menu{
  width:256px!important;
  padding:8px!important;
  border-radius:18px!important;
  border:1px solid var(--line,#e5e7eb)!important;
  background:var(--panel,#fff)!important;
  color:var(--text,#101828)!important;
  box-shadow:0 24px 70px rgba(15,23,42,.20),0 6px 18px rgba(15,23,42,.08)!important;
  backdrop-filter:blur(18px)!important;
}
#hrmsActionPortalMenu .hrms-action-portal-head{
  padding:8px 10px 10px!important;
  margin:0 0 6px!important;
  border-bottom:1px solid var(--line,#e5e7eb)!important;
}
#hrmsActionPortalMenu .hrms-action-portal-head strong{
  color:var(--text,#101828)!important;
  font-size:13px!important;
  font-weight:850!important;
}
#hrmsActionPortalMenu .hrms-action-portal-head small{
  color:var(--muted,#667085)!important;
  font-size:11px!important;
}
#hrmsActionPortalMenu .hrms-action-portal-list{
  display:grid!important;
  gap:3px!important;
}
#hrmsActionPortalMenu .hrms-action-portal-item{
  min-height:40px!important;
  padding:9px 10px!important;
  border-radius:12px!important;
  color:var(--text,#101828)!important;
  font-size:13px!important;
  font-weight:740!important;
  gap:10px!important;
}
#hrmsActionPortalMenu .hrms-action-portal-item:hover,
#hrmsActionPortalMenu .hrms-action-portal-item:focus{
  background:var(--panel-2,#f5f7fb)!important;
  outline:none!important;
}
#hrmsActionPortalMenu .hrms-action-portal-item svg{
  width:17px!important;
  height:17px!important;
  color:var(--muted,#667085)!important;
}
#hrmsActionPortalMenu .hrms-action-portal-item.is-danger,
#hrmsActionPortalMenu .hrms-action-portal-item.is-danger svg{
  color:var(--red,#ff3b30)!important;
}
html[data-theme="dark"] #hrmsActionPortalMenu.hrms-action-portal-menu{
  background:var(--panel,#1c1c1e)!important;
  border-color:var(--line,#2c2c2e)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.46)!important;
}
html[data-theme="dark"] body.hrms-old-page .hrms-row-menu-toggle,
html[data-theme="dark"] body[data-module="hrms"] .hrms-row-menu-toggle,
html[data-theme="dark"] body.hrms-old-page [data-hrms-action-toggle="1"],
html[data-theme="dark"] body[data-module="hrms"] [data-hrms-action-toggle="1"]{
  background:var(--panel,#1c1c1e)!important;
  border-color:var(--line,#2c2c2e)!important;
  color:var(--muted,#a1a1aa)!important;
  box-shadow:none!important;
}

/* ========================================================================== 
   HRMS v107 — dashboard/report Back button visibility fix
   Keeps the Back button in the visible page title row for HR dashboard/report pages.
   ========================================================================== */
body.hrms-dashboard-interface-page[data-module="hrms"] .page-heading {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 16px 22px !important;
}
body.hrms-dashboard-interface-page[data-module="hrms"] .page-heading-copy {
  min-width: 0 !important;
  width: 100% !important;
}
body.hrms-dashboard-interface-page[data-module="hrms"] .page-title-row {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 18px !important;
  width: 100% !important;
}
body.hrms-dashboard-interface-page[data-module="hrms"] .page-title-row .page-title {
  min-width: 0 !important;
  flex: 1 1 auto !important;
  margin: 0 !important;
}
body.hrms-dashboard-interface-page[data-module="hrms"] .page-title-row .apple-back-link.page-heading-back {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 5 !important;
  flex: 0 0 auto !important;
  margin: 4px 0 0 auto !important;
  min-width: 82px !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 15px !important;
  border-radius: 14px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  font-size: 13px !important;
  font-weight: 680 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
}
body.hrms-dashboard-interface-page[data-module="hrms"] .page-title-row .apple-back-link.page-heading-back svg {
  flex: 0 0 auto !important;
}
body.hrms-dashboard-interface-page[data-module="hrms"] .page-heading-side .page-heading-back {
  display: none !important;
}
@media (max-width: 760px) {
  body.hrms-dashboard-interface-page[data-module="hrms"] .page-heading {
    display: block !important;
    position: relative !important;
  }
  body.hrms-dashboard-interface-page[data-module="hrms"] .page-title-row {
    align-items: flex-start !important;
  }
  body.hrms-dashboard-interface-page[data-module="hrms"] .page-title-row .page-title {
    padding-right: 0 !important;
  }
  body.hrms-dashboard-interface-page[data-module="hrms"] .page-title-row .apple-back-link.page-heading-back {
    margin-top: 0 !important;
    min-width: 74px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 12px 0 10px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
  }
}

/* HRMS v206: Select2 for every HRMS select field */
body.hrms-old-page.hrms-module-page .select2-container,
body.hrms-apple-page .select2-container,
body[data-module="hrms"] .select2-container,
body[data-hrms-apple="true"] .select2-container{
    width: 100% !important;
    max-width: 100% !important;
}
body.hrms-old-page.hrms-module-page .select2-container--default .select2-selection--single,
body.hrms-old-page.hrms-module-page .select2-container--default .select2-selection--multiple,
body.hrms-apple-page .select2-container--default .select2-selection--single,
body.hrms-apple-page .select2-container--default .select2-selection--multiple,
body[data-module="hrms"] .select2-container--default .select2-selection--single,
body[data-module="hrms"] .select2-container--default .select2-selection--multiple,
body[data-hrms-apple="true"] .select2-container--default .select2-selection--single,
body[data-hrms-apple="true"] .select2-container--default .select2-selection--multiple{
    min-height: 46px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(100, 116, 139, .22) !important;
    background: rgba(255,255,255,.86) !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 10px !important;
}
body.hrms-old-page.hrms-module-page .select2-container--default .select2-selection--single .select2-selection__rendered,
body.hrms-apple-page .select2-container--default .select2-selection--single .select2-selection__rendered,
body[data-module="hrms"] .select2-container--default .select2-selection--single .select2-selection__rendered,
body[data-hrms-apple="true"] .select2-container--default .select2-selection--single .select2-selection__rendered{
    color: var(--text-primary, #0f172a) !important;
    line-height: 44px !important;
    padding-left: 2px !important;
    padding-right: 28px !important;
    font-weight: 600 !important;
    width: 100% !important;
}
body.hrms-old-page.hrms-module-page .select2-container--default .select2-selection--single .select2-selection__arrow,
body.hrms-apple-page .select2-container--default .select2-selection--single .select2-selection__arrow,
body[data-module="hrms"] .select2-container--default .select2-selection--single .select2-selection__arrow,
body[data-hrms-apple="true"] .select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 44px !important;
    right: 10px !important;
}
body.hrms-old-page.hrms-module-page .select2-container--default.select2-container--focus .select2-selection--single,
body.hrms-old-page.hrms-module-page .select2-container--default.select2-container--open .select2-selection--single,
body.hrms-old-page.hrms-module-page .select2-container--default.select2-container--focus .select2-selection--multiple,
body.hrms-old-page.hrms-module-page .select2-container--default.select2-container--open .select2-selection--multiple,
body.hrms-apple-page .select2-container--default.select2-container--focus .select2-selection--single,
body.hrms-apple-page .select2-container--default.select2-container--open .select2-selection--single,
body.hrms-apple-page .select2-container--default.select2-container--focus .select2-selection--multiple,
body.hrms-apple-page .select2-container--default.select2-container--open .select2-selection--multiple,
body[data-module="hrms"] .select2-container--default.select2-container--focus .select2-selection--single,
body[data-module="hrms"] .select2-container--default.select2-container--open .select2-selection--single,
body[data-module="hrms"] .select2-container--default.select2-container--focus .select2-selection--multiple,
body[data-module="hrms"] .select2-container--default.select2-container--open .select2-selection--multiple,
body[data-hrms-apple="true"] .select2-container--default.select2-container--focus .select2-selection--single,
body[data-hrms-apple="true"] .select2-container--default.select2-container--open .select2-selection--single,
body[data-hrms-apple="true"] .select2-container--default.select2-container--focus .select2-selection--multiple,
body[data-hrms-apple="true"] .select2-container--default.select2-container--open .select2-selection--multiple{
    border-color: rgba(0, 122, 255, .55) !important;
    box-shadow: 0 0 0 4px rgba(0, 122, 255, .10) !important;
}
body.hrms-old-page.hrms-module-page .select2-container--default .select2-selection--multiple,
body.hrms-apple-page .select2-container--default .select2-selection--multiple,
body[data-module="hrms"] .select2-container--default .select2-selection--multiple,
body[data-hrms-apple="true"] .select2-container--default .select2-selection--multiple{
    height: auto !important;
    align-items: flex-start !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}
body.hrms-old-page.hrms-module-page .select2-container--default .select2-selection--multiple .select2-selection__choice,
body.hrms-apple-page .select2-container--default .select2-selection--multiple .select2-selection__choice,
body[data-module="hrms"] .select2-container--default .select2-selection--multiple .select2-selection__choice,
body[data-hrms-apple="true"] .select2-container--default .select2-selection--multiple .select2-selection__choice{
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(0, 122, 255, .12) !important;
    color: var(--text-primary, #0f172a) !important;
    padding: 4px 9px !important;
    margin-top: 3px !important;
}
body.hrms-old-page.hrms-module-page .select2-container--default .select2-selection__placeholder,
body.hrms-apple-page .select2-container--default .select2-selection__placeholder,
body[data-module="hrms"] .select2-container--default .select2-selection__placeholder,
body[data-hrms-apple="true"] .select2-container--default .select2-selection__placeholder{
    color: var(--text-muted, #64748b) !important;
    font-weight: 500 !important;
}
body.hrms-old-page.hrms-module-page .select2-dropdown,
body.hrms-apple-page .select2-dropdown,
body[data-module="hrms"] .select2-dropdown,
body[data-hrms-apple="true"] .select2-dropdown{
    border: 1px solid rgba(100, 116, 139, .22) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: 0 18px 50px rgba(15, 23, 42, .16) !important;
    z-index: 9000 !important;
    background: rgba(255,255,255,.98) !important;
}
body.hrms-old-page.hrms-module-page .select2-results__option,
body.hrms-apple-page .select2-results__option,
body[data-module="hrms"] .select2-results__option,
body[data-hrms-apple="true"] .select2-results__option{
    padding: 10px 12px !important;
    font-size: 14px !important;
    color: var(--text-primary, #0f172a) !important;
}
body.hrms-old-page.hrms-module-page .select2-results__option--highlighted[aria-selected],
body.hrms-old-page.hrms-module-page .select2-results__option[aria-selected="true"],
body.hrms-apple-page .select2-results__option--highlighted[aria-selected],
body.hrms-apple-page .select2-results__option[aria-selected="true"],
body[data-module="hrms"] .select2-results__option--highlighted[aria-selected],
body[data-module="hrms"] .select2-results__option[aria-selected="true"],
body[data-hrms-apple="true"] .select2-results__option--highlighted[aria-selected],
body[data-hrms-apple="true"] .select2-results__option[aria-selected="true"]{
    background: rgba(0, 122, 255, .12) !important;
    color: #007aff !important;
}
body.hrms-dark-mode .select2-container--default .select2-selection--single,
body.hrms-dark-mode .select2-container--default .select2-selection--multiple,
html[data-theme="dark"] body[data-module="hrms"] .select2-container--default .select2-selection--single,
html[data-theme="dark"] body[data-module="hrms"] .select2-container--default .select2-selection--multiple,
html[data-theme="dark"] body[data-hrms-apple="true"] .select2-container--default .select2-selection--single,
html[data-theme="dark"] body[data-hrms-apple="true"] .select2-container--default .select2-selection--multiple{
    background: rgba(30, 41, 59, .82) !important;
    border-color: rgba(148, 163, 184, .24) !important;
}
body.hrms-dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered,
body.hrms-dark-mode .select2-results__option,
html[data-theme="dark"] body[data-module="hrms"] .select2-container--default .select2-selection--single .select2-selection__rendered,
html[data-theme="dark"] body[data-module="hrms"] .select2-results__option,
html[data-theme="dark"] body[data-hrms-apple="true"] .select2-container--default .select2-selection--single .select2-selection__rendered,
html[data-theme="dark"] body[data-hrms-apple="true"] .select2-results__option{
    color: rgba(248,250,252,.94) !important;
}
body.hrms-dark-mode .select2-dropdown,
html[data-theme="dark"] body[data-module="hrms"] .select2-dropdown,
html[data-theme="dark"] body[data-hrms-apple="true"] .select2-dropdown{
    background: rgba(15, 23, 42, .98) !important;
    border-color: rgba(148, 163, 184, .24) !important;
    box-shadow: 0 20px 60px rgba(0,0,0,.42) !important;
}
body.hrms-dark-mode .select2-search--dropdown .select2-search__field,
html[data-theme="dark"] body[data-module="hrms"] .select2-search--dropdown .select2-search__field,
html[data-theme="dark"] body[data-hrms-apple="true"] .select2-search--dropdown .select2-search__field{
    background: rgba(30,41,59,.92) !important;
    border-color: rgba(148,163,184,.25) !important;
    color: rgba(248,250,252,.94) !important;
}


/* HRMS v114: Dropify-style document upload fields, scoped to HRMS only */
body[data-module="hrms"] .hrms-dropify-field,
body.hrms-old-page .hrms-dropify-field,
body.hrms-apple-page .hrms-dropify-field,
body[data-hrms-apple="true"] .hrms-dropify-field{
  position:relative!important;
  width:100%!important;
  min-height:142px!important;
  border:1.5px dashed rgba(100,116,139,.34)!important;
  border-radius:18px!important;
  background:rgba(248,250,252,.82)!important;
  overflow:hidden!important;
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease!important;
}
body[data-module="hrms"] .hrms-dropify-field:hover,
body.hrms-old-page .hrms-dropify-field:hover,
body.hrms-apple-page .hrms-dropify-field:hover,
body[data-hrms-apple="true"] .hrms-dropify-field:hover,
body[data-module="hrms"] .hrms-dropify-field.is-dragover,
body.hrms-old-page .hrms-dropify-field.is-dragover,
body.hrms-apple-page .hrms-dropify-field.is-dragover,
body[data-hrms-apple="true"] .hrms-dropify-field.is-dragover{
  border-color:rgba(0,122,255,.64)!important;
  background:rgba(0,122,255,.045)!important;
  box-shadow:0 0 0 4px rgba(0,122,255,.08)!important;
}
body[data-module="hrms"] .hrms-dropify-field .hrms-dropify-input,
body.hrms-old-page .hrms-dropify-field .hrms-dropify-input,
body.hrms-apple-page .hrms-dropify-field .hrms-dropify-input,
body[data-hrms-apple="true"] .hrms-dropify-field .hrms-dropify-input{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  opacity:0!important;
  cursor:pointer!important;
  z-index:3!important;
}
body[data-module="hrms"] .hrms-dropify-preview,
body.hrms-old-page .hrms-dropify-preview,
body.hrms-apple-page .hrms-dropify-preview,
body[data-hrms-apple="true"] .hrms-dropify-preview{
  min-height:142px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:22px 18px!important;
  text-align:center!important;
  color:var(--muted,#667085)!important;
  pointer-events:none!important;
}
body[data-module="hrms"] .hrms-dropify-preview strong,
body.hrms-old-page .hrms-dropify-preview strong,
body.hrms-apple-page .hrms-dropify-preview strong,
body[data-hrms-apple="true"] .hrms-dropify-preview strong{
  color:var(--text,#101828)!important;
  font-size:14px!important;
  font-weight:760!important;
  line-height:1.25!important;
}
body[data-module="hrms"] .hrms-dropify-preview span,
body.hrms-old-page .hrms-dropify-preview span,
body.hrms-apple-page .hrms-dropify-preview span,
body[data-hrms-apple="true"] .hrms-dropify-preview span{
  font-size:12px!important;
  font-weight:600!important;
  line-height:1.35!important;
  color:var(--muted,#667085)!important;
}
body[data-module="hrms"] .hrms-dropify-icon,
body.hrms-old-page .hrms-dropify-icon,
body.hrms-apple-page .hrms-dropify-icon,
body[data-hrms-apple="true"] .hrms-dropify-icon{
  width:48px!important;
  height:48px!important;
  border-radius:16px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(0,122,255,.10)!important;
  color:#007aff!important;
  font-size:24px!important;
}
body[data-module="hrms"] .hrms-dropify-preview img,
body.hrms-old-page .hrms-dropify-preview img,
body.hrms-apple-page .hrms-dropify-preview img,
body[data-hrms-apple="true"] .hrms-dropify-preview img{
  max-width:96px!important;
  max-height:72px!important;
  border-radius:12px!important;
  object-fit:cover!important;
  box-shadow:0 8px 24px rgba(15,23,42,.12)!important;
  margin-bottom:4px!important;
}
body[data-module="hrms"] .hrms-dropify-file-list,
body.hrms-old-page .hrms-dropify-file-list,
body.hrms-apple-page .hrms-dropify-file-list,
body[data-hrms-apple="true"] .hrms-dropify-file-list{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  justify-content:center!important;
  margin-top:2px!important;
}
body[data-module="hrms"] .hrms-dropify-pill,
body.hrms-old-page .hrms-dropify-pill,
body.hrms-apple-page .hrms-dropify-pill,
body[data-hrms-apple="true"] .hrms-dropify-pill{
  max-width:220px!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  background:rgba(15,23,42,.055)!important;
  color:var(--text,#101828)!important;
  font-size:12px!important;
  font-weight:680!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body[data-module="hrms"] .hrms-current-file,
body.hrms-old-page .hrms-current-file,
body.hrms-apple-page .hrms-current-file,
body[data-hrms-apple="true"] .hrms-current-file{
  margin-top:10px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  font-size:12px!important;
  font-weight:680!important;
  color:var(--muted,#667085)!important;
}
body[data-module="hrms"] .hrms-current-file a,
body.hrms-old-page .hrms-current-file a,
body.hrms-apple-page .hrms-current-file a,
body[data-hrms-apple="true"] .hrms-current-file a{
  color:#007aff!important;
  text-decoration:none!important;
}
html[data-theme="dark"] body[data-module="hrms"] .hrms-dropify-field,
html[data-theme="dark"] body.hrms-old-page .hrms-dropify-field,
html[data-theme="dark"] body.hrms-apple-page .hrms-dropify-field,
html[data-theme="dark"] body[data-hrms-apple="true"] .hrms-dropify-field{
  background:rgba(28,28,30,.72)!important;
  border-color:rgba(255,255,255,.16)!important;
}
html[data-theme="dark"] body[data-module="hrms"] .hrms-dropify-field:hover,
html[data-theme="dark"] body.hrms-old-page .hrms-dropify-field:hover,
html[data-theme="dark"] body.hrms-apple-page .hrms-dropify-field:hover,
html[data-theme="dark"] body[data-hrms-apple="true"] .hrms-dropify-field:hover,
html[data-theme="dark"] body[data-module="hrms"] .hrms-dropify-field.is-dragover,
html[data-theme="dark"] body.hrms-old-page .hrms-dropify-field.is-dragover,
html[data-theme="dark"] body.hrms-apple-page .hrms-dropify-field.is-dragover,
html[data-theme="dark"] body[data-hrms-apple="true"] .hrms-dropify-field.is-dragover{
  background:rgba(10,132,255,.10)!important;
  border-color:rgba(10,132,255,.62)!important;
}
html[data-theme="dark"] body[data-module="hrms"] .hrms-dropify-preview strong,
html[data-theme="dark"] body.hrms-old-page .hrms-dropify-preview strong,
html[data-theme="dark"] body.hrms-apple-page .hrms-dropify-preview strong,
html[data-theme="dark"] body[data-hrms-apple="true"] .hrms-dropify-preview strong,
html[data-theme="dark"] body[data-module="hrms"] .hrms-dropify-pill,
html[data-theme="dark"] body.hrms-old-page .hrms-dropify-pill,
html[data-theme="dark"] body.hrms-apple-page .hrms-dropify-pill,
html[data-theme="dark"] body[data-hrms-apple="true"] .hrms-dropify-pill{
  color:var(--text,#f5f5f7)!important;
}
html[data-theme="dark"] body[data-module="hrms"] .hrms-dropify-pill,
html[data-theme="dark"] body.hrms-old-page .hrms-dropify-pill,
html[data-theme="dark"] body.hrms-apple-page .hrms-dropify-pill,
html[data-theme="dark"] body[data-hrms-apple="true"] .hrms-dropify-pill{
  background:rgba(255,255,255,.10)!important;
}


/* HRMS v115: multi-file edit/remove controls */
body[data-module="hrms"] .hrms-current-files,
body.hrms-old-page .hrms-current-files,
body[data-hrms-apple="true"] .hrms-current-files{margin-top:12px;border:1px solid var(--bs-border-color,#e5e7eb);border-radius:14px;background:rgba(248,250,252,.72);padding:10px;}
body[data-module="hrms"] .hrms-current-files-title,
body.hrms-old-page .hrms-current-files-title,
body[data-hrms-apple="true"] .hrms-current-files-title{display:flex;align-items:center;gap:8px;font-weight:700;font-size:13px;color:#0f172a;margin-bottom:8px;}
body[data-module="hrms"] .hrms-current-file-row,
body.hrms-old-page .hrms-current-file-row,
body[data-hrms-apple="true"] .hrms-current-file-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px dashed rgba(15,23,42,.14);border-radius:12px;padding:8px 10px;margin-top:7px;background:#fff;}
body[data-module="hrms"] .hrms-current-file-name,
body.hrms-old-page .hrms-current-file-name,
body[data-hrms-apple="true"] .hrms-current-file-name{min-width:0;display:flex;align-items:center;gap:8px;font-size:13px;color:#334155;}
body[data-module="hrms"] .hrms-current-file-name a,
body.hrms-old-page .hrms-current-file-name a,
body[data-hrms-apple="true"] .hrms-current-file-name a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:420px;color:#0d6efd;text-decoration:none;}
body[data-module="hrms"] .hrms-remove-file,
body.hrms-old-page .hrms-remove-file,
body[data-hrms-apple="true"] .hrms-remove-file{border-radius:10px;flex:0 0 auto;}
body[data-module="hrms"] .hrms-table-files,
body.hrms-old-page .hrms-table-files,
body[data-hrms-apple="true"] .hrms-table-files{display:flex;flex-direction:column;gap:4px;max-width:240px;}
body[data-module="hrms"] .hrms-file-more,
body.hrms-old-page .hrms-file-more,
body[data-hrms-apple="true"] .hrms-file-more{font-size:12px;color:#64748b;}
html[data-theme="dark"] body[data-module="hrms"] .hrms-current-files,
html[data-theme="dark"] body.hrms-old-page .hrms-current-files,
html[data-theme="dark"] body[data-hrms-apple="true"] .hrms-current-files{background:rgba(15,23,42,.35);border-color:rgba(255,255,255,.12);}
html[data-theme="dark"] body[data-module="hrms"] .hrms-current-file-row,
html[data-theme="dark"] body.hrms-old-page .hrms-current-file-row,
html[data-theme="dark"] body[data-hrms-apple="true"] .hrms-current-file-row{background:rgba(15,23,42,.62);border-color:rgba(255,255,255,.16);}
html[data-theme="dark"] body[data-module="hrms"] .hrms-current-files-title,
html[data-theme="dark"] body.hrms-old-page .hrms-current-files-title,
html[data-theme="dark"] body[data-hrms-apple="true"] .hrms-current-files-title{color:#f8fafc;}
html[data-theme="dark"] body[data-module="hrms"] .hrms-current-file-name,
html[data-theme="dark"] body.hrms-old-page .hrms-current-file-name,
html[data-theme="dark"] body[data-hrms-apple="true"] .hrms-current-file-name{color:#cbd5e1;}


/* HRMS v116: auto-filter dropdown polish, Select2 input parity, clean row action dots, instant modal backdrop cleanup. */
body[data-module="hrms"] .filter-dropdown .filter-footer,
body.hrms-old-page .filter-dropdown .filter-footer,
body.hrms-apple-page .filter-dropdown .filter-footer,
body[data-hrms-apple="true"] .filter-dropdown .filter-footer,
body[data-module="hrms"] .filter-dropdown #closeFilterBtn,
body[data-module="hrms"] .filter-dropdown #applyFilterBtn,
body.hrms-old-page .filter-dropdown #closeFilterBtn,
body.hrms-old-page .filter-dropdown #applyFilterBtn,
body.hrms-apple-page .filter-dropdown #closeFilterBtn,
body.hrms-apple-page .filter-dropdown #applyFilterBtn,
body[data-hrms-apple="true"] .filter-dropdown #closeFilterBtn,
body[data-hrms-apple="true"] .filter-dropdown #applyFilterBtn{display:none!important;visibility:hidden!important;height:0!important;padding:0!important;margin:0!important;border:0!important;overflow:hidden!important;}
body[data-module="hrms"] .filter-dropdown .filter-body,
body.hrms-old-page .filter-dropdown .filter-body,
body.hrms-apple-page .filter-dropdown .filter-body,
body[data-hrms-apple="true"] .filter-dropdown .filter-body{padding-bottom:18px!important;}
body[data-module="hrms"] .select2-container--default .select2-selection--single,
body.hrms-old-page .select2-container--default .select2-selection--single,
body.hrms-apple-page .select2-container--default .select2-selection--single,
body[data-hrms-apple="true"] .select2-container--default .select2-selection--single{min-height:44px!important;height:44px!important;border-radius:12px!important;display:flex!important;align-items:center!important;background:var(--hrms-input-bg,#fff)!important;border-color:var(--hrms-border,#d9e1ec)!important;}
body[data-module="hrms"] .select2-container--default .select2-selection--single .select2-selection__rendered,
body.hrms-old-page .select2-container--default .select2-selection--single .select2-selection__rendered,
body.hrms-apple-page .select2-container--default .select2-selection--single .select2-selection__rendered,
body[data-hrms-apple="true"] .select2-container--default .select2-selection--single .select2-selection__rendered{padding-left:12px!important;padding-right:34px!important;color:var(--hrms-input-text,#111827)!important;font-size:14px!important;font-weight:500!important;line-height:42px!important;letter-spacing:0!important;}
body[data-module="hrms"] .select2-container--default .select2-selection--single .select2-selection__placeholder,
body.hrms-old-page .select2-container--default .select2-selection--single .select2-selection__placeholder,
body.hrms-apple-page .select2-container--default .select2-selection--single .select2-selection__placeholder,
body[data-hrms-apple="true"] .select2-container--default .select2-selection--single .select2-selection__placeholder{color:var(--hrms-input-placeholder,#8a96a8)!important;font-size:14px!important;font-weight:500!important;}
body[data-module="hrms"] .select2-container--default .select2-results__option,
body.hrms-old-page .select2-container--default .select2-results__option,
body.hrms-apple-page .select2-container--default .select2-results__option,
body[data-hrms-apple="true"] .select2-container--default .select2-results__option{font-size:14px!important;font-weight:500!important;line-height:1.35!important;}
body[data-module="hrms"] .select2-container--default .select2-selection--single .select2-selection__arrow,
body.hrms-old-page .select2-container--default .select2-selection--single .select2-selection__arrow,
body.hrms-apple-page .select2-container--default .select2-selection--single .select2-selection__arrow,
body[data-hrms-apple="true"] .select2-container--default .select2-selection--single .select2-selection__arrow{height:42px!important;right:10px!important;}
body[data-module="hrms"] table tbody .record-action-btn,
body.hrms-old-page table tbody .record-action-btn,
body.hrms-module-page table tbody .record-action-btn,
body.hrms-apple-page table tbody .record-action-btn,
body[data-hrms-apple="true"] table tbody .record-action-btn,
body.hrms-old-page table tbody .hrms-row-menu-toggle,
body.hrms-module-page table tbody .hrms-row-menu-toggle,
body.hrms-old-page table tbody [data-hrms-action-toggle="1"],
body.hrms-module-page table tbody [data-hrms-action-toggle="1"]{width:38px!important;height:38px!important;min-width:38px!important;border-radius:14px!important;border:1px solid var(--hrms-border,#dfe5ec)!important;background:var(--hrms-surface,#fff)!important;box-shadow:none!important;outline:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;}
body[data-module="hrms"] table tbody .record-action-btn::before,
body[data-module="hrms"] table tbody .record-action-btn::after,
body.hrms-old-page table tbody .record-action-btn::before,
body.hrms-old-page table tbody .record-action-btn::after,
body.hrms-module-page table tbody .record-action-btn::before,
body.hrms-module-page table tbody .record-action-btn::after,
body.hrms-old-page table tbody td.hrms-action-hitcell::before,
body.hrms-module-page table tbody td.hrms-action-hitcell::before{display:none!important;content:none!important;box-shadow:none!important;border:0!important;background:transparent!important;}
body.hrms-old-page table tbody td.hrms-action-hitcell,
body.hrms-module-page table tbody td.hrms-action-hitcell,
body.hrms-old-page table tbody td.action-item,
body.hrms-module-page table tbody td.action-item{background:transparent!important;box-shadow:none!important;outline:none!important;}
body.hrms-old-page table tbody td.hrms-action-hitcell .hrms-action-hitwrap,
body.hrms-module-page table tbody td.hrms-action-hitcell .hrms-action-hitwrap{background:transparent!important;border:0!important;box-shadow:none!important;}
body[data-module="hrms"] .modal-backdrop,
body.hrms-old-page .modal-backdrop,
body.hrms-apple-page .modal-backdrop,
body[data-hrms-apple="true"] .modal-backdrop{transition:opacity .12s ease!important;}
html[data-theme="dark"] body[data-module="hrms"] .select2-container--default .select2-selection--single,
html[data-theme="dark"] body.hrms-old-page .select2-container--default .select2-selection--single,
html[data-theme="dark"] body.hrms-apple-page .select2-container--default .select2-selection--single,
html[data-theme="dark"] body[data-hrms-apple="true"] .select2-container--default .select2-selection--single{background:var(--hrms-input-bg,#0d1726)!important;border-color:var(--hrms-border,rgba(255,255,255,.12))!important;}
html[data-theme="dark"] body[data-module="hrms"] .select2-container--default .select2-selection--single .select2-selection__rendered,
html[data-theme="dark"] body.hrms-old-page .select2-container--default .select2-selection--single .select2-selection__rendered,
html[data-theme="dark"] body.hrms-apple-page .select2-container--default .select2-selection--single .select2-selection__rendered,
html[data-theme="dark"] body[data-hrms-apple="true"] .select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--hrms-input-text,#f8fafc)!important;}

/* v215 HRMS pipeline reject buttons and cleaner action controls */
body.hrms-old-page.hrms-pipeline-page .pipeline-move-actions.has-reject,
body.hrms-old-page.hrms-pipeline-page .pipeline-move-actions:has(.btnRejectCandidate){
  flex-wrap:wrap!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-move-actions .btnRejectCandidate{
  flex:1 1 100%!important;
  color:#d92d20!important;
  border-color:rgba(217,45,32,.22)!important;
  background:rgba(255,255,255,.96)!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-move-actions .btnRejectCandidate:hover{
  color:#b42318!important;
  border-color:rgba(217,45,32,.38)!important;
  background:rgba(254,243,242,.98)!important;
}
[data-theme="dark"] body.hrms-old-page.hrms-pipeline-page .pipeline-move-actions .btnRejectCandidate,
html[data-theme="dark"] body.hrms-old-page.hrms-pipeline-page .pipeline-move-actions .btnRejectCandidate{
  color:#ffb4ab!important;
  border-color:rgba(255,180,171,.25)!important;
  background:rgba(255,255,255,.04)!important;
}
body.hrms-module-page .table .dropdown .btn,
body.hrms-old-page .table .dropdown .btn,
body.hrms-module-page .table .action-icon,
body.hrms-old-page .table .action-icon{
  box-shadow:none!important;
  outline:0!important;
}
body.hrms-old-page table tbody td:last-child > .dropdown > a[data-bs-toggle="dropdown"],
body.hrms-module-page table tbody td:last-child > .dropdown > a[data-bs-toggle="dropdown"],
body[data-hrms-apple="true"] table tbody td:last-child > .dropdown > a[data-bs-toggle="dropdown"]{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  border-radius:14px!important;
  border:1px solid var(--hrms-border,#dfe5ec)!important;
  background:var(--hrms-surface,#fff)!important;
  box-shadow:none!important;
  outline:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  color:var(--hrms-text,#101828)!important;
}
body.hrms-old-page table tbody td:last-child > .dropdown > a[data-bs-toggle="dropdown"]::before,
body.hrms-old-page table tbody td:last-child > .dropdown > a[data-bs-toggle="dropdown"]::after,
body.hrms-module-page table tbody td:last-child > .dropdown > a[data-bs-toggle="dropdown"]::before,
body.hrms-module-page table tbody td:last-child > .dropdown > a[data-bs-toggle="dropdown"]::after,
body[data-hrms-apple="true"] table tbody td:last-child > .dropdown > a[data-bs-toggle="dropdown"]::before,
body[data-hrms-apple="true"] table tbody td:last-child > .dropdown > a[data-bs-toggle="dropdown"]::after{
  display:none!important;
  content:none!important;
}


/* HRMS v216 - pipeline board search position */
body.hrms-old-page.hrms-pipeline-page .pipeline-toolbar-actions{
  flex:0 0 auto!important;
  justify-content:flex-end!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-board-titlebar{
  align-items:center!important;
  gap:16px!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-board-title-copy{
  min-width:220px!important;
  flex:1 1 auto!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-board-search-wrap{
  flex:0 1 650px!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  min-width:min(560px, 100%)!important;
}
body.hrms-old-page.hrms-pipeline-page .pipeline-board-search-field{
  width:100%!important;
  max-width:640px!important;
  min-width:320px!important;
  margin-left:auto!important;
}
@media (max-width:991.98px){
  body.hrms-old-page.hrms-pipeline-page .pipeline-board-titlebar{
    align-items:flex-start!important;
  }
  body.hrms-old-page.hrms-pipeline-page .pipeline-board-search-wrap{
    flex:1 1 100%!important;
    min-width:0!important;
    width:100%!important;
  }
  body.hrms-old-page.hrms-pipeline-page .pipeline-board-search-field{
    min-width:0!important;
    max-width:none!important;
    width:100%!important;
  }
}


/* Helprite Desk v121 — dashboard home deep Apple icon/group cleanup */
body.dashboard-home-deep-apple[data-menu-page="true"][data-page-route="/home"] .dashboard-group-row,
body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-group-row{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  padding-top:0 !important;
}
body.dashboard-home-deep-apple[data-menu-page="true"][data-page-route="/home"] .dashboard-menu-section,
body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-menu-section{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  background-image:none !important;
  border-radius:0 !important;
  padding:0 !important;
}
body.dashboard-home-deep-apple[data-menu-page="true"][data-page-route="/home"] .dashboard-menu-tile .dashboard-menu-icon,
body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-menu-tile .dashboard-menu-icon{
  width:58px !important;
  height:58px !important;
  min-width:58px !important;
  background:rgba(255,255,255,.24) !important;
  border-color:rgba(255,255,255,.36) !important;
  color:#fff !important;
  opacity:1 !important;
}
body.dashboard-home-deep-apple[data-menu-page="true"][data-page-route="/home"] .dashboard-menu-tile .dashboard-menu-icon svg,
body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-menu-tile .dashboard-menu-icon svg{
  width:34px !important;
  height:34px !important;
  opacity:1 !important;
  color:#fff !important;
  stroke:currentColor !important;
}
body.dashboard-home-deep-apple[data-menu-page="true"][data-page-route="/home"] .dashboard-menu-tile .dashboard-menu-arrow,
body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-menu-tile .dashboard-menu-arrow{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  background:rgba(255,255,255,.22) !important;
  border-color:rgba(255,255,255,.34) !important;
  color:#fff !important;
  opacity:1 !important;
}
body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-menu-tile[data-dashboard-nav-id="property"]:hover{ background:#6D28D9 !important; }
body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-menu-tile[data-dashboard-nav-id="care"]:hover{ background:#BE123C !important; }
body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-menu-tile[data-dashboard-nav-id="people"]:hover{ background:#0066D6 !important; }
body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-menu-tile[data-dashboard-nav-id="finance"]:hover{ background:#15803D !important; }
body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-menu-tile[data-dashboard-nav-id="growth"]:hover{ background:#D97706 !important; }
body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-menu-tile[data-dashboard-nav-id="drive"]:hover{ background:#0E7490 !important; }


/* Helprite Desk v123 — system-wide dark mode hardening
   Keeps all pages, tables, filters, forms and modals aligned when dark mode is active.
   Scoped only to dark mode, so light mode stays unchanged. */
html[data-theme="dark"],
html[data-theme="dark"] body,
body[data-active-theme="dark"]{
  color-scheme: dark;
  background:#0b0d12!important;
  color:#f5f7fb!important;
}
html[data-theme="dark"] body,
body[data-active-theme="dark"]{
  background:
    radial-gradient(circle at 18% -12%, rgba(20,126,255,.10), transparent 30%),
    radial-gradient(circle at 86% 2%, rgba(191,90,242,.07), transparent 26%),
    linear-gradient(145deg,#0b0d12,#10131a)!important;
}
html[data-theme="dark"] .app-shell,
html[data-theme="dark"] .main-content,
html[data-theme="dark"] main,
html[data-theme="dark"] .page,
html[data-theme="dark"] .content,
html[data-theme="dark"] .content-wrapper,
html[data-theme="dark"] .page-wrapper,
html[data-theme="dark"] .container,
html[data-theme="dark"] .container-fluid,
html[data-theme="dark"] .module-page,
html[data-theme="dark"] .module-content,
body[data-active-theme="dark"] .app-shell,
body[data-active-theme="dark"] .main-content,
body[data-active-theme="dark"] main,
body[data-active-theme="dark"] .page,
body[data-active-theme="dark"] .content,
body[data-active-theme="dark"] .content-wrapper,
body[data-active-theme="dark"] .page-wrapper,
body[data-active-theme="dark"] .container,
body[data-active-theme="dark"] .container-fluid,
body[data-active-theme="dark"] .module-page,
body[data-active-theme="dark"] .module-content{
  background:transparent!important;
  color:#f5f7fb!important;
}
html[data-theme="dark"] .topbar,
body[data-active-theme="dark"] .topbar{
  background:linear-gradient(to bottom, rgba(8,10,15,.92), rgba(8,10,15,.68))!important;
  border-bottom-color:rgba(255,255,255,.10)!important;
}
html[data-theme="dark"] .sidebar,
body[data-active-theme="dark"] .sidebar{
  background:rgba(8,10,15,.82)!important;
  border-right-color:rgba(255,255,255,.10)!important;
}
html[data-theme="dark"] .page-title,
html[data-theme="dark"] .page-title-row h1,
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6,
body[data-active-theme="dark"] .page-title,
body[data-active-theme="dark"] .page-title-row h1,
body[data-active-theme="dark"] h1,
body[data-active-theme="dark"] h2,
body[data-active-theme="dark"] h3,
body[data-active-theme="dark"] h4,
body[data-active-theme="dark"] h5,
body[data-active-theme="dark"] h6{
  color:#f8fafc!important;
}
html[data-theme="dark"] .page-subtitle,
html[data-theme="dark"] .page-eyebrow,
html[data-theme="dark"] .muted,
html[data-theme="dark"] small,
body[data-active-theme="dark"] .page-subtitle,
body[data-active-theme="dark"] .page-eyebrow,
body[data-active-theme="dark"] .muted,
body[data-active-theme="dark"] small{
  color:#a8b1c2!important;
}
html[data-theme="dark"] .panel,
html[data-theme="dark"] .stat-card,
html[data-theme="dark"] .card,
html[data-theme="dark"] .table-card,
html[data-theme="dark"] .admin-table-panel,
html[data-theme="dark"] .module-card,
html[data-theme="dark"] .report-card,
html[data-theme="dark"] .property-card,
html[data-theme="dark"] .platform-card,
html[data-theme="dark"] .account-card,
html[data-theme="dark"] .filter-dropdown,
html[data-theme="dark"] .dropdown-menu,
body[data-active-theme="dark"] .panel,
body[data-active-theme="dark"] .stat-card,
body[data-active-theme="dark"] .card,
body[data-active-theme="dark"] .table-card,
body[data-active-theme="dark"] .admin-table-panel,
body[data-active-theme="dark"] .module-card,
body[data-active-theme="dark"] .report-card,
body[data-active-theme="dark"] .property-card,
body[data-active-theme="dark"] .platform-card,
body[data-active-theme="dark"] .account-card,
body[data-active-theme="dark"] .filter-dropdown,
body[data-active-theme="dark"] .dropdown-menu{
  background:rgba(18,22,31,.92)!important;
  background-image:none!important;
  color:#f8fafc!important;
  border-color:rgba(255,255,255,.11)!important;
  box-shadow:0 22px 58px rgba(0,0,0,.34)!important;
}
html[data-theme="dark"] .panel-header,
html[data-theme="dark"] .toolbar,
html[data-theme="dark"] .table-toolbar,
html[data-theme="dark"] .modal-header,
html[data-theme="dark"] .modal-footer,
body[data-active-theme="dark"] .panel-header,
body[data-active-theme="dark"] .toolbar,
body[data-active-theme="dark"] .table-toolbar,
body[data-active-theme="dark"] .modal-header,
body[data-active-theme="dark"] .modal-footer{
  background:rgba(18,22,31,.92)!important;
  border-color:rgba(255,255,255,.10)!important;
}
html[data-theme="dark"] table,
html[data-theme="dark"] .table,
html[data-theme="dark"] .data-table,
html[data-theme="dark"] .admin-staff-table,
html[data-theme="dark"] .task-register-table,
html[data-theme="dark"] .drive-activity-table,
body[data-active-theme="dark"] table,
body[data-active-theme="dark"] .table,
body[data-active-theme="dark"] .data-table,
body[data-active-theme="dark"] .admin-staff-table,
body[data-active-theme="dark"] .task-register-table,
body[data-active-theme="dark"] .drive-activity-table{
  color:#e7ecf6!important;
  background:transparent!important;
  border-color:rgba(255,255,255,.10)!important;
}
html[data-theme="dark"] table thead th,
html[data-theme="dark"] .table thead th,
html[data-theme="dark"] .data-table th,
html[data-theme="dark"] .admin-staff-table th,
html[data-theme="dark"] .task-register-table th,
html[data-theme="dark"] .drive-activity-table th,
body[data-active-theme="dark"] table thead th,
body[data-active-theme="dark"] .table thead th,
body[data-active-theme="dark"] .data-table th,
body[data-active-theme="dark"] .admin-staff-table th,
body[data-active-theme="dark"] .task-register-table th,
body[data-active-theme="dark"] .drive-activity-table th{
  background:#171b25!important;
  color:#b7c0d0!important;
  border-color:rgba(255,255,255,.10)!important;
}
html[data-theme="dark"] table tbody td,
html[data-theme="dark"] .table tbody td,
html[data-theme="dark"] .data-table td,
html[data-theme="dark"] .admin-staff-table td,
html[data-theme="dark"] .task-register-table td,
html[data-theme="dark"] .drive-activity-table td,
body[data-active-theme="dark"] table tbody td,
body[data-active-theme="dark"] .table tbody td,
body[data-active-theme="dark"] .data-table td,
body[data-active-theme="dark"] .admin-staff-table td,
body[data-active-theme="dark"] .task-register-table td,
body[data-active-theme="dark"] .drive-activity-table td{
  background:transparent!important;
  color:#e7ecf6!important;
  border-color:rgba(255,255,255,.08)!important;
}
html[data-theme="dark"] table tbody tr:hover td,
html[data-theme="dark"] .table tbody tr:hover td,
html[data-theme="dark"] .data-table tbody tr:hover,
body[data-active-theme="dark"] table tbody tr:hover td,
body[data-active-theme="dark"] .table tbody tr:hover td,
body[data-active-theme="dark"] .data-table tbody tr:hover{
  background:rgba(255,255,255,.045)!important;
}
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select,
html[data-theme="dark"] .input-shell,
html[data-theme="dark"] .select-shell,
html[data-theme="dark"] .table-search,
html[data-theme="dark"] .table-filter,
body[data-active-theme="dark"] input,
body[data-active-theme="dark"] select,
body[data-active-theme="dark"] textarea,
body[data-active-theme="dark"] .form-control,
body[data-active-theme="dark"] .form-select,
body[data-active-theme="dark"] .input-shell,
body[data-active-theme="dark"] .select-shell,
body[data-active-theme="dark"] .table-search,
body[data-active-theme="dark"] .table-filter{
  background:#101722!important;
  color:#f8fafc!important;
  border-color:rgba(255,255,255,.12)!important;
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder,
body[data-active-theme="dark"] input::placeholder,
body[data-active-theme="dark"] textarea::placeholder{
  color:#8f9bad!important;
}
html[data-theme="dark"] .btn:not(.primary):not(.danger),
body[data-active-theme="dark"] .btn:not(.primary):not(.danger){
  background:rgba(255,255,255,.06)!important;
  color:#f8fafc!important;
  border-color:rgba(255,255,255,.12)!important;
}
html[data-theme="dark"] .btn:not(.primary):not(.danger):hover,
body[data-active-theme="dark"] .btn:not(.primary):not(.danger):hover{
  background:rgba(255,255,255,.10)!important;
}
html[data-theme="dark"] .modal-content,
html[data-theme="dark"] .offcanvas,
body[data-active-theme="dark"] .modal-content,
body[data-active-theme="dark"] .offcanvas{
  background:#121722!important;
  color:#f8fafc!important;
  border-color:rgba(255,255,255,.12)!important;
}
html[data-theme="dark"] .modal-backdrop.show,
body[data-active-theme="dark"] .modal-backdrop.show{
  opacity:.62!important;
}
html[data-theme="dark"] .select2-dropdown,
html[data-theme="dark"] .select2-container--default .select2-results__option,
body[data-active-theme="dark"] .select2-dropdown,
body[data-active-theme="dark"] .select2-container--default .select2-results__option{
  background:#111827!important;
  color:#f8fafc!important;
  border-color:rgba(255,255,255,.12)!important;
}
html[data-theme="dark"] .select2-container--default .select2-results__option--highlighted[aria-selected],
body[data-active-theme="dark"] .select2-container--default .select2-results__option--highlighted[aria-selected]{
  background:#0a84ff!important;
  color:#fff!important;
}
/* Main home page: no white panels in dark mode, including when the body attribute is applied after load. */
html[data-theme="dark"] body.dashboard-home-deep-apple .dashboard-handoff-layout,
html[data-theme="dark"] body.dashboard-home-deep-apple .dashboard-group-row,
html[data-theme="dark"] body.dashboard-home-deep-apple .dashboard-menu-section,
html[data-theme="dark"] body.dashboard-home-deep-apple .dashboard-section-grid,
body.dashboard-home-deep-apple[data-active-theme="dark"] .dashboard-handoff-layout,
body.dashboard-home-deep-apple[data-active-theme="dark"] .dashboard-group-row,
body.dashboard-home-deep-apple[data-active-theme="dark"] .dashboard-menu-section,
body.dashboard-home-deep-apple[data-active-theme="dark"] .dashboard-section-grid{
  background:transparent!important;
  background-image:none!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body.dashboard-home-deep-apple .dashboard-menu-tile,
body.dashboard-home-deep-apple[data-active-theme="dark"] .dashboard-menu-tile{
  color:#fff!important;
}


/* Helprite Desk v124 — dashboard home dark-mode gap cleanup */
body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-handoff-layout,
body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-group-row,
body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-menu-section,
body.dashboard-home-deep-apple[data-page-route="/home"] .dashboard-section-grid{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body.dashboard-home-deep-apple[data-page-route="/home"],
html[data-theme="dark"] body.dashboard-home-deep-apple[data-page-route="/home"] .app-shell,
html[data-theme="dark"] body.dashboard-home-deep-apple[data-page-route="/home"] .main-content,
html[data-theme="dark"] body.dashboard-home-deep-apple[data-page-route="/home"] .page,
body.dashboard-home-deep-apple[data-active-theme="dark"][data-page-route="/home"],
body.dashboard-home-deep-apple[data-active-theme="dark"][data-page-route="/home"] .app-shell,
body.dashboard-home-deep-apple[data-active-theme="dark"][data-page-route="/home"] .main-content,
body.dashboard-home-deep-apple[data-active-theme="dark"][data-page-route="/home"] .page{
  background:#0b0d12!important;
  background-image:none!important;
}


/* Task Management interface refresh v126 */
.task-ui-page{max-width:1320px;margin:0 auto;padding-top:18px;color:var(--text)}
.task-ui-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 0 28px}
.task-ui-heading h1{margin:0;color:var(--text);font-size:26px;line-height:1.1;font-weight:760;letter-spacing:-.04em}
.task-ui-breadcrumb{display:flex;align-items:center;gap:9px;margin-top:8px;font-size:13px;color:#9ba3c4;font-weight:500}
.task-ui-breadcrumb a{color:#3167ff;text-decoration:none}.task-ui-breadcrumb a:hover{text-decoration:underline}
.task-ui-primary{height:40px;border:0;border-radius:8px;background:#3867f6;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;font-weight:650;box-shadow:0 10px 20px rgba(49,103,255,.18);cursor:pointer;text-decoration:none;white-space:nowrap}
.task-ui-primary:hover{background:#2559ef;color:#fff}.task-ui-primary.full{width:100%;height:40px}
.task-ui-tabsbar{display:grid;grid-template-columns:auto auto minmax(240px,1fr);align-items:center;gap:0;border:1px solid #e4e8f2;border-radius:8px;background:#fff;box-shadow:0 8px 22px rgba(50,59,88,.04);margin-bottom:38px;overflow:visible}
.task-ui-tabs{display:flex;align-items:center;gap:0;height:58px}.task-ui-tabs button,.task-ui-tabs a{height:58px;border:0;background:transparent;color:#7d86ad;padding:0 24px;display:inline-flex;align-items:center;font-size:15px;font-weight:500;text-decoration:none;position:relative;cursor:pointer}.task-ui-tabs button.active,.task-ui-tabs a.active{color:#3167ff}.task-ui-tabs button.active:after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:3px;background:#3167ff;border-radius:2px 2px 0 0}
.task-ui-tools{height:58px;border-left:1px solid transparent;border-right:1px solid #e3e7f2;display:flex;align-items:center;justify-content:center;gap:14px;min-width:96px}.task-ui-view{border:0;background:transparent;color:#8390bd;display:grid;place-items:center;cursor:pointer}.task-ui-view.active{color:#3167ff}
.task-ui-search{height:58px;display:flex;align-items:center;gap:12px;color:#9aa5c9;padding:0 16px}.task-ui-search input{border:0;outline:0;background:transparent;width:100%;height:100%;font-size:15px;color:var(--text);font-weight:500}.task-ui-search input::placeholder{color:#9aa5c9}
.task-ui-panel{display:none}.task-ui-panel.active{display:block}
.task-ui-board{display:grid;grid-template-columns:repeat(4,minmax(240px,1fr));gap:24px;align-items:start}.task-ui-board.list{grid-template-columns:1fr}.task-ui-board.list .task-ui-column{display:grid;grid-template-columns:260px repeat(auto-fit,minmax(260px,1fr));align-items:start}.task-ui-board.list .task-ui-column-head{height:100%}
.task-ui-column{border-radius:10px;padding:0 16px 18px;min-height:620px;background:#eaf0ff;border-top:3px solid #3167ff}.task-ui-column.task-ui-progress-col{background:#e7f8fc;border-top-color:#02aeea}.task-ui-column.task-ui-pending{background:#fff2e5;border-top-color:#ff7a1a}.task-ui-column.task-ui-done{background:#eaf8f1;border-top-color:#21b981}
.task-ui-column-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:22px 0 18px;position:relative}.task-ui-column-head h2{margin:0;font-size:17px;font-weight:720;color:var(--text);letter-spacing:-.02em}.task-ui-column-actions{display:flex;align-items:center;gap:14px;position:relative}.task-ui-column-actions>button{border:0;background:transparent;color:#3167ff;font-size:22px;line-height:1;cursor:pointer}.task-ui-column-actions>button:last-of-type{width:32px;height:32px;border:1px solid #e3e7f2;border-radius:8px;background:#fff;color:#0d1b35;font-size:18px;box-shadow:0 6px 12px rgba(30,45,80,.08)}
.task-ui-card{background:#fff;border:1px solid #e2e7f3;border-radius:8px;padding:16px;margin:0 0 18px;box-shadow:0 9px 18px rgba(31,42,73,.04);position:relative;transition:transform .15s,box-shadow .15s}.task-ui-card:hover{transform:translateY(-2px);box-shadow:0 16px 26px rgba(31,42,73,.09)}.task-ui-card.hidden{display:none}
.task-ui-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.task-ui-card h3{margin:0 0 12px;color:var(--text);font-size:18px;line-height:1.22;font-weight:720}.task-ui-card p{margin:0 0 16px;color:#8c94bd;font-size:14px;line-height:1.5;font-weight:500}.task-ui-card-actions{display:flex;align-items:center;gap:10px;position:relative}.task-ui-card-actions>button{border:0;background:transparent;color:#3167ff;display:grid;place-items:center;cursor:pointer}.task-ui-card-actions>button[data-task-ui-dropdown]{font-size:24px;color:#9aa5c9;line-height:1}
.task-ui-date-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:6px 0 14px}.task-ui-date-row span{display:block;color:#8c94bd;font-size:14px;font-weight:500}.task-ui-date-row strong{display:block;margin-top:4px;color:#081735;font-size:14px;font-weight:650}.task-ui-progress{height:5px;border-radius:999px;background:#e8edff;overflow:hidden;margin-bottom:16px}.task-ui-progress i{display:block;height:100%;border-radius:inherit;background:#3167ff}.task-ui-progress.cyan{background:#dff6fc}.task-ui-progress.cyan i{background:#00ace9}.task-ui-progress.orange{background:#ffe9d6}.task-ui-progress.orange i{background:#ff7a1a}.task-ui-progress.green{background:#dff4eb}.task-ui-progress.green i{background:#22b981}
.task-ui-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative}.task-ui-people{display:flex;align-items:center}.task-ui-people img,.task-ui-people button,.task-ui-avatar-row img,.task-ui-avatar-row b{width:32px;height:32px;border-radius:999px;border:2px solid #fff;margin-left:-8px;object-fit:cover;background:#eaf0ff;color:#3167ff;display:grid;place-items:center;font-size:18px}.task-ui-people img:first-child{margin-left:0}.task-ui-people button{cursor:pointer;border:0;margin-left:-4px}
.task-ui-status{border:0;border-radius:7px;background:#edf2ff;color:#3167ff;height:34px;padding:0 12px;display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;cursor:pointer}.task-ui-status.cyan{background:#dcf5fc;color:#00a5df}.task-ui-status.orange{background:#fff0e3;color:#ff7415}.task-ui-status.green{background:#ddf6ec;color:#17a975}
.task-ui-menu{position:absolute;right:0;top:calc(100% + 8px);width:126px;background:#fff;border:1px solid #e5e8f2;border-radius:6px;box-shadow:0 12px 26px rgba(16,28,62,.12);padding:10px 0;display:none;z-index:20}.task-ui-menu.open{display:block}.task-ui-menu button{display:block;width:100%;height:32px;border:0;background:transparent;text-align:left;padding:0 16px;color:#8c94bd;font-size:14px;font-weight:500;cursor:pointer}.task-ui-menu button:hover{background:#f6f8ff;color:#3167ff}.task-ui-status-menu{right:0;top:calc(100% + 8px)}
.task-ui-timeline-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.task-ui-timeline-card{border:1px solid #e5e8f2;border-radius:6px;background:#fff;padding:26px}.task-ui-timeline-card h2{font-size:20px;font-weight:500;color:#47475b;margin:0 0 22px}.task-ui-timeline{position:relative;display:grid;gap:28px}.task-ui-timeline:before{content:"";position:absolute;left:7px;top:14px;bottom:18px;width:1px;background:#e5e8f2}.task-ui-timeline.outlined:before{border-left:1px dashed #e5e8f2;background:transparent}.task-ui-timeline-item{display:grid;grid-template-columns:minmax(0,1fr) 90px;gap:12px;position:relative;padding-left:30px}.task-ui-timeline-item:before{content:"";position:absolute;left:0;top:3px;width:14px;height:14px;border-radius:50%;background:var(--dot,#7367f0);box-shadow:0 0 0 4px rgba(115,103,240,.13)}.task-ui-timeline.outlined .task-ui-timeline-item:before{background:#fff;border:2px solid var(--dot,#7367f0);box-shadow:none}.task-ui-timeline-item.violet{--dot:#7367f0}.task-ui-timeline-item.green{--dot:#28c76f}.task-ui-timeline-item.cyan{--dot:#00bad1}.task-ui-timeline-item strong{display:block;color:#47475b;font-size:15px;font-weight:650;margin-bottom:10px}.task-ui-timeline-item span{display:block;color:#6f7386;font-size:15px;line-height:1.5;margin-bottom:12px}.task-ui-timeline-item time{justify-self:end;color:#a4a7b6;font-size:13px}.task-ui-timeline-item em{display:inline-flex;align-items:center;border-radius:5px;background:#f3f3f5;color:#6f7386;padding:8px 12px;font-style:normal;font-weight:600}.task-ui-timeline-item p{margin:0;color:#6f7386}.task-ui-timeline-item p img{width:32px;height:32px;border-radius:50%;vertical-align:middle;margin-right:8px}.task-ui-timeline-item small{display:block;margin-left:42px;color:#6f7386}
.task-ui-modal-backdrop{position:fixed;inset:0;z-index:360;display:none;place-items:center;background:rgba(9,17,33,.32);backdrop-filter:blur(3px);padding:20px}.task-ui-modal-backdrop.open{display:grid}.task-ui-modal{width:min(720px,100%);background:#fff;border-radius:10px;border:1px solid #e4e8f2;box-shadow:0 22px 70px rgba(20,29,55,.22);overflow:hidden}.task-ui-modal.small{width:min(500px,100%)}.task-ui-modal-head{height:56px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e8f2}.task-ui-modal-head h2{margin:0;font-size:20px;font-weight:650;color:#132033}.task-ui-modal-head button{border:0;background:transparent;font-size:26px;color:#606474;cursor:pointer}.task-ui-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px}.task-ui-form label{display:grid;gap:8px}.task-ui-form label.wide{grid-column:1/-1}.task-ui-form span{font-size:13px;font-weight:650;color:#132033}.task-ui-form input,.task-ui-form textarea{height:42px;border:1px solid #e1e6f0;border-radius:8px;background:#fff;padding:0 12px;font-size:14px;color:#132033}.task-ui-form textarea{height:96px;padding:12px;resize:vertical}.task-ui-modal-foot{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;padding-top:4px}
.task-calendar-ui{max-width:1296px}.calendar-heading{margin-bottom:30px}.task-calendar-card{display:grid;grid-template-columns:324px minmax(0,1fr);border:1px solid #e1e6f0;border-radius:8px;background:#fff;overflow:hidden;min-height:724px}.task-calendar-side{border-right:1px solid #e1e6f0;padding:24px}.task-calendar-sep{height:1px;background:#e1e6f0;margin:24px 0}.task-calendar-side h3{font-size:15px;font-weight:650;color:#132033;margin:0 0 16px}.task-drag-item{height:38px;border:0;border-radius:6px;width:100%;display:flex;align-items:center;gap:9px;padding:0 14px;margin-bottom:9px;font-size:15px;font-weight:500;text-align:left;cursor:pointer}.task-drag-item.tour{background:#e9edff;color:#3167ff}.task-drag-item.project{background:#e6f6f0;color:#08a36d}.task-drag-item.presentation{background:#e5f7ff;color:#00a6ee}.task-drag-item.wellness{background:#fff4df;color:#f0a20b}.task-drag-item.recruitment{background:#ffe8e5;color:#ff4b3f}.task-calendar-main{padding:24px}.task-calendar-topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin-bottom:20px}.task-calendar-topbar h2{margin:0;text-align:center;font-size:28px;font-weight:500;color:#061c3a}.task-calendar-left-controls,.task-calendar-modes{display:flex;align-items:center}.task-calendar-left-controls{gap:10px}.task-calendar-left-controls button,.task-calendar-modes button{height:35px;border:1px solid #dfe6f5;background:#f3f6ff;color:#3167ff;padding:0 14px;font-size:15px;cursor:pointer}.task-calendar-left-controls button{border-radius:6px}.task-calendar-modes{justify-self:end}.task-calendar-modes button:first-child{border-radius:6px 0 0 6px}.task-calendar-modes button:last-child{border-radius:0 6px 6px 0}.task-calendar-modes button.active{background:#3867f6;color:#fff;border-color:#3867f6}.task-month-grid{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid #e1e6f0;border-left:1px solid #e1e6f0}.task-weekday{height:38px;display:grid;place-items:center;border-right:1px solid #e1e6f0;border-bottom:1px solid #e1e6f0;color:#061c3a;font-weight:600}.task-calendar-day-cell{height:108px;border:0;border-right:1px solid #e1e6f0;border-bottom:1px solid #e1e6f0;background:#fff;position:relative;text-align:right;padding:10px;color:#8995bd;font-size:15px;cursor:pointer}.task-calendar-day-cell span{position:absolute;right:10px;top:10px}.task-calendar-day-cell.muted{color:#c5cce0}.task-calendar-day-cell.selected{background:#e9effc}.task-calendar-day-cell:hover{background:#f5f8ff}.task-calendar-day-cell em{position:absolute;left:8px;right:8px;bottom:10px;text-align:left;background:#e6f6f0;color:#08a36d;border-radius:5px;padding:5px 7px;font-style:normal;font-size:12px;font-weight:600}.task-calendar-detail{padding:22px 20px;border-bottom:1px solid #e5e8f2}.task-calendar-detail p{margin:0 0 20px;color:#8995bd;font-size:15px}.task-calendar-detail p:last-child{margin-bottom:0}.task-calendar-detail strong{color:#132033}.task-calendar-detail span{color:#8995bd;font-weight:600}
html[data-theme="dark"] .task-ui-page,body[data-active-theme="dark"] .task-ui-page{color:#f6f8ff}html[data-theme="dark"] .task-ui-tabsbar,html[data-theme="dark"] .task-ui-card,html[data-theme="dark"] .task-ui-timeline-card,html[data-theme="dark"] .task-calendar-card,html[data-theme="dark"] .task-calendar-main,html[data-theme="dark"] .task-calendar-side,html[data-theme="dark"] .task-ui-modal,body[data-active-theme="dark"] .task-ui-tabsbar,body[data-active-theme="dark"] .task-ui-card,body[data-active-theme="dark"] .task-ui-timeline-card,body[data-active-theme="dark"] .task-calendar-card,body[data-active-theme="dark"] .task-calendar-main,body[data-active-theme="dark"] .task-calendar-side,body[data-active-theme="dark"] .task-ui-modal{background:#111821;border-color:#263343}html[data-theme="dark"] .task-ui-heading h1,html[data-theme="dark"] .task-ui-card h3,html[data-theme="dark"] .task-ui-column-head h2,html[data-theme="dark"] .task-ui-date-row strong,html[data-theme="dark"] .task-ui-modal-head h2,html[data-theme="dark"] .task-calendar-topbar h2,html[data-theme="dark"] .task-weekday,html[data-theme="dark"] .task-calendar-detail strong,body[data-active-theme="dark"] .task-ui-heading h1,body[data-active-theme="dark"] .task-ui-card h3,body[data-active-theme="dark"] .task-ui-column-head h2,body[data-active-theme="dark"] .task-ui-date-row strong,body[data-active-theme="dark"] .task-ui-modal-head h2,body[data-active-theme="dark"] .task-calendar-topbar h2,body[data-active-theme="dark"] .task-weekday,body[data-active-theme="dark"] .task-calendar-detail strong{color:#f6f8ff}html[data-theme="dark"] .task-ui-column,body[data-active-theme="dark"] .task-ui-column{background:#172237}html[data-theme="dark"] .task-ui-progress-col,body[data-active-theme="dark"] .task-ui-progress-col{background:#102b35}html[data-theme="dark"] .task-ui-pending,body[data-active-theme="dark"] .task-ui-pending{background:#332516}html[data-theme="dark"] .task-ui-done,body[data-active-theme="dark"] .task-ui-done{background:#102a20}html[data-theme="dark"] .task-ui-menu,html[data-theme="dark"] .task-ui-form input,html[data-theme="dark"] .task-ui-form textarea,html[data-theme="dark"] .task-calendar-day-cell,body[data-active-theme="dark"] .task-ui-menu,body[data-active-theme="dark"] .task-ui-form input,body[data-active-theme="dark"] .task-ui-form textarea,body[data-active-theme="dark"] .task-calendar-day-cell{background:#0d131b;color:#f6f8ff;border-color:#263343}html[data-theme="dark"] .task-calendar-day-cell.selected,body[data-active-theme="dark"] .task-calendar-day-cell.selected{background:#1a2a44}
@media(max-width:1180px){.task-ui-board{grid-template-columns:repeat(2,minmax(240px,1fr))}.task-calendar-card{grid-template-columns:1fr}.task-calendar-side{border-right:0;border-bottom:1px solid #e1e6f0}.task-calendar-main{overflow:auto}.task-month-grid{min-width:860px}}
@media(max-width:780px){.task-ui-heading{flex-direction:column}.task-ui-primary{width:100%}.task-ui-tabsbar{grid-template-columns:1fr}.task-ui-tabs{overflow:auto}.task-ui-tools{justify-content:flex-start;border-left:0;border-right:0;border-top:1px solid #e3e7f2;padding:0 18px}.task-ui-search{border-top:1px solid #e3e7f2}.task-ui-board{grid-template-columns:1fr}.task-ui-board.list .task-ui-column{grid-template-columns:1fr}.task-ui-timeline-grid{grid-template-columns:1fr}.task-ui-form{grid-template-columns:1fr}.task-ui-form label.wide,.task-ui-modal-foot{grid-column:auto}.task-calendar-topbar{grid-template-columns:1fr}.task-calendar-topbar h2{text-align:left}.task-calendar-modes{justify-self:start}}


/* Task Manager Apple interaction polish v127 */
.task-ui-page{max-width:1360px;padding:20px 0 36px}
.task-ui-heading{align-items:center;margin-bottom:28px}.task-ui-heading h1{font-size:28px;font-weight:780;color:#071326}.task-ui-breadcrumb{font-size:13px;color:#98a2bd}.task-ui-primary{height:46px;border-radius:12px;background:#2f67ff;box-shadow:0 18px 34px rgba(47,103,255,.18);font-weight:760;padding:0 22px}.task-ui-primary svg{width:20px;height:20px}
.task-ui-tabsbar{border-radius:14px;border-color:#e3e8f3;box-shadow:0 14px 34px rgba(18,31,56,.06);background:rgba(255,255,255,.88);backdrop-filter:blur(16px);margin-bottom:36px}.task-ui-tabs button,.task-ui-tabs a{font-weight:650}.task-ui-tools{min-width:118px}.task-ui-view svg,.task-ui-search svg{width:19px;height:19px}.task-ui-search input{font-weight:560}
.task-ui-board{gap:24px}.task-ui-column{border-radius:18px;padding:0 16px 18px;min-height:650px;border-top-width:4px;box-shadow:0 14px 34px rgba(15,23,42,.06);overflow:visible}.task-ui-column-head{padding:24px 0 18px}.task-ui-column-head h2{font-size:18px;font-weight:760}.task-ui-column-actions>button{display:grid;place-items:center;width:34px;height:34px;border-radius:10px}.task-ui-column-actions>button:first-child{font-size:24px}.task-ui-column-actions>button:hover{background:rgba(255,255,255,.75)}
.task-ui-card{border-radius:14px;padding:17px;box-shadow:0 14px 30px rgba(15,23,42,.07);border-color:#e5eaf3;cursor:grab;z-index:1;overflow:visible}.task-ui-card:active{cursor:grabbing}.task-ui-card.dragging{opacity:.55;transform:scale(.985);box-shadow:0 22px 44px rgba(15,23,42,.14)}.task-ui-card.menu-open{z-index:90}.task-ui-column.drag-over{outline:2px dashed rgba(49,103,255,.35);outline-offset:6px}.task-ui-card-top{align-items:flex-start}.task-ui-card h3{font-size:18px;font-weight:760;margin-bottom:10px}.task-ui-card p{font-size:14px;color:#7f89a8;font-weight:520}.task-ui-card-actions{gap:8px}.task-ui-card-actions>button{width:30px;height:30px;border-radius:9px;color:#2f67ff}.task-ui-card-actions>button:hover{background:#f0f5ff}.task-ui-card-actions>button svg{width:18px;height:18px}.task-ui-card-actions>button[data-task-ui-dropdown]{font-size:22px;color:#8c98b8}.task-ui-date-row span{font-size:13.5px;color:#8c95b2}.task-ui-date-row strong{font-size:14px;color:#081735}.task-ui-progress{height:6px}.task-ui-card-foot{overflow:visible}.task-ui-people img,.task-ui-people button,.task-ui-avatar-row img,.task-ui-avatar-row b{width:34px;height:34px}.task-ui-status{height:36px;border-radius:9px;font-size:14px;font-weight:700;padding:0 14px}.task-ui-status span{font-size:13px;line-height:1}
.task-ui-menu{z-index:250;width:144px;border-radius:12px;border-color:#e2e8f0;box-shadow:0 18px 42px rgba(15,23,42,.16);padding:8px;background:#fff;overflow:hidden}.task-ui-menu button{height:36px;border-radius:8px;font-weight:650;color:#6d7892}.task-ui-menu button:hover{background:#eff5ff;color:#1f64ff}.task-ui-status-menu{right:0;top:calc(100% + 9px)}.task-ui-menu.drop-up{top:auto;bottom:calc(100% + 9px)}
.task-ui-modal-backdrop{z-index:700;background:rgba(17,24,39,.38);backdrop-filter:blur(6px)}.task-ui-modal{width:min(860px,calc(100vw - 32px));border-radius:18px;box-shadow:0 28px 90px rgba(15,23,42,.28);border-color:#dfe6f2}.task-ui-modal-head{height:64px;padding:0 24px}.task-ui-modal-head h2{font-size:22px;font-weight:760}.task-ui-modal-head button{width:38px;height:38px;border-radius:12px;display:grid;place-items:center}.task-ui-modal-head button:hover{background:#f3f6fb}.task-ui-form{gap:18px;padding:24px}.task-ui-form label,.task-ui-attachment-field{display:grid;gap:8px}.task-ui-form label.wide,.task-ui-attachment-field.wide{grid-column:1/-1}.task-ui-form span,.task-ui-attachment-field>span{font-size:13px;font-weight:760;color:#172033}.task-ui-form input,.task-ui-form textarea,.task-ui-form select{height:46px;border:1px solid #dfe6f2;border-radius:12px;background:#fff;padding:0 14px;font-size:14px;font-weight:560;color:#111827}.task-ui-form textarea{height:112px;padding:14px}.task-ui-form .select2-container--default .select2-selection--multiple,.task-ui-form .select2-container--default .select2-selection--single{min-height:46px;border-color:#dfe6f2!important;border-radius:12px!important;display:flex;align-items:center}.task-ui-form .select2-container--default .select2-selection--multiple{padding:4px 8px}.task-ui-form .select2-selection__choice{border-radius:999px!important;background:#eef4ff!important;border:1px solid #d6e4ff!important;color:#1d4ed8!important;font-size:13px!important;font-weight:650!important;padding:3px 8px!important}.task-ui-form .select2-search__field{height:30px!important;margin-top:2px!important}.task-ui-file-drop{border:1.5px dashed #cbd7ea;border-radius:16px;background:#f8fbff;padding:18px;min-height:92px;display:grid!important;place-items:center;text-align:center;cursor:pointer;transition:.18s ease}.task-ui-file-drop:hover,.task-ui-file-drop.dragover{border-color:#2f67ff;background:#f1f6ff}.task-ui-file-drop input{display:none}.task-ui-file-drop b{display:flex;align-items:center;gap:9px;color:#1f5fff;font-size:15px;font-weight:760}.task-ui-file-drop small{color:#8792aa;font-size:12px;font-weight:560}.task-ui-selected-files,.task-ui-existing-files{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:6px}.task-ui-selected-files span,.task-ui-existing-files a{min-height:38px;border-radius:11px;background:#f4f7fb;border:1px solid #e3e9f3;color:#273449;text-decoration:none;display:flex;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:650}.task-ui-selected-files button,.task-ui-existing-files button{width:38px;height:38px;border:1px solid #e3e9f3;border-radius:11px;background:#fff;color:#ef4444;font-size:18px;display:grid;place-items:center;cursor:pointer}.task-ui-modal-foot .btn{height:42px;border-radius:12px;padding:0 18px;font-weight:760}.task-ui-modal-foot .btn.primary{background:#2f67ff;border-color:#2f67ff;color:#fff}
html[data-theme="dark"] .task-ui-tabsbar,body[data-active-theme="dark"] .task-ui-tabsbar{background:rgba(17,24,39,.82);border-color:#263343}html[data-theme="dark"] .task-ui-column,body[data-active-theme="dark"] .task-ui-column{box-shadow:none}html[data-theme="dark"] .task-ui-card,body[data-active-theme="dark"] .task-ui-card{background:#111821;border-color:#263343;box-shadow:none}html[data-theme="dark"] .task-ui-card p,html[data-theme="dark"] .task-ui-date-row span,body[data-active-theme="dark"] .task-ui-card p,body[data-active-theme="dark"] .task-ui-date-row span{color:#a8b4ca}html[data-theme="dark"] .task-ui-date-row strong,body[data-active-theme="dark"] .task-ui-date-row strong{color:#f6f8ff}html[data-theme="dark"] .task-ui-menu,body[data-active-theme="dark"] .task-ui-menu{background:#101822;border-color:#263343}html[data-theme="dark"] .task-ui-menu button,body[data-active-theme="dark"] .task-ui-menu button{color:#d5deef}html[data-theme="dark"] .task-ui-menu button:hover,body[data-active-theme="dark"] .task-ui-menu button:hover{background:#172337;color:#69a3ff}html[data-theme="dark"] .task-ui-form span,html[data-theme="dark"] .task-ui-attachment-field>span,body[data-active-theme="dark"] .task-ui-form span,body[data-active-theme="dark"] .task-ui-attachment-field>span{color:#f6f8ff}html[data-theme="dark"] .task-ui-file-drop,body[data-active-theme="dark"] .task-ui-file-drop{background:#0d131b;border-color:#2b394b}html[data-theme="dark"] .task-ui-selected-files span,html[data-theme="dark"] .task-ui-existing-files a,body[data-active-theme="dark"] .task-ui-selected-files span,body[data-active-theme="dark"] .task-ui-existing-files a{background:#0d131b;border-color:#263343;color:#f6f8ff}html[data-theme="dark"] .task-ui-selected-files button,html[data-theme="dark"] .task-ui-existing-files button,body[data-active-theme="dark"] .task-ui-selected-files button,body[data-active-theme="dark"] .task-ui-existing-files button{background:#111821;border-color:#263343}


/* Task Manager fixes v128 */
.task-ui-column,.task-ui-card,.task-ui-card-foot,.task-ui-card-actions,.task-ui-column-actions{overflow:visible!important}
.task-ui-card.menu-open,.task-ui-card-foot.menu-open,.task-ui-card-actions.menu-open,.task-ui-column-head.menu-open{z-index:999!important;position:relative!important}
.task-ui-menu.open{z-index:1200!important;display:block!important;transform:translateZ(0)}
.task-ui-status-menu{min-width:154px;right:0;top:calc(100% + 10px)}
.task-ui-status-menu.drop-up,.task-ui-menu.drop-up{top:auto!important;bottom:calc(100% + 10px)!important}
.task-ui-form .select2-container{width:100%!important;max-width:100%!important;display:block!important}
.task-ui-form .select2-container--default .select2-selection--multiple{min-height:46px!important;height:auto!important;padding:6px 10px!important;align-items:flex-start!important}
.task-ui-form .select2-container--default .select2-selection--multiple .select2-selection__rendered{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin:0!important;padding:0!important;width:100%!important;line-height:1.2!important}
.task-ui-form .select2-container--default .select2-selection--multiple .select2-selection__choice{margin:0!important;display:inline-flex!important;align-items:center!important;gap:6px!important;max-width:100%!important;white-space:normal!important}
.task-ui-form .select2-container--default .select2-selection--multiple .select2-search{margin:0!important;display:inline-flex!important;align-items:center!important}
.task-ui-form .select2-container--default .select2-selection--multiple .select2-search__field{margin:0!important;height:28px!important;line-height:28px!important;font-size:14px!important;font-weight:560!important;min-width:180px!important}
.task-ui-form .select2-container--default .select2-selection--single .select2-selection__rendered{font-size:14px!important;font-weight:560!important;color:#111827!important;line-height:44px!important}
.task-ui-form .note-editor.note-frame{border:1px solid #dfe6f2!important;border-radius:12px!important;overflow:hidden!important;background:#fff!important;box-shadow:none!important}
.task-ui-form .note-toolbar{background:#f8fafc!important;border-bottom:1px solid #e5eaf3!important;padding:6px 8px!important}
.task-ui-form .note-editable{min-height:120px!important;font-size:14px!important;color:#111827!important;line-height:1.55!important;background:#fff!important}
.task-ui-form .note-statusbar{display:none!important}
html[data-theme="dark"] .task-ui-form .note-editor.note-frame,body[data-active-theme="dark"] .task-ui-form .note-editor.note-frame{background:#0d131b!important;border-color:#263343!important}
html[data-theme="dark"] .task-ui-form .note-toolbar,body[data-active-theme="dark"] .task-ui-form .note-toolbar{background:#111821!important;border-color:#263343!important}
html[data-theme="dark"] .task-ui-form .note-editable,body[data-active-theme="dark"] .task-ui-form .note-editable{background:#0d131b!important;color:#f6f8ff!important}
html[data-theme="dark"] .task-ui-form .select2-container--default .select2-selection--single .select2-selection__rendered,body[data-active-theme="dark"] .task-ui-form .select2-container--default .select2-selection--single .select2-selection__rendered{color:#f6f8ff!important}


/* Task Manager pipeline/Apple refinement v129 */
.task-manager-pipeline-style .task-ui-page{max-width:none;width:100%;padding:20px 0 38px;color:var(--text)}
.task-pipeline-heading-wrap{margin-bottom:18px}.task-pipeline-heading-wrap h4{font-size:34px;line-height:1.1;letter-spacing:-.055em;color:#0f172a}.task-pipeline-heading-wrap .text-muted{font-size:15px;color:#64748b!important}.task-pipeline-actions .btn{height:56px;border-radius:18px;padding:0 24px;font-weight:800;box-shadow:0 16px 34px rgba(15,23,42,.08)}.task-pipeline-actions .btn-primary{background:#0a84ff;border-color:#0a84ff}.task-pipeline-actions .btn i{font-size:18px}
.task-pipeline-toolbar-card{border:1px solid rgba(226,232,240,.9);border-radius:22px;background:rgba(255,255,255,.9);box-shadow:0 22px 60px rgba(15,23,42,.07);overflow:visible}.task-pipeline-toolbar-card .card-body{padding:18px 20px}.task-stage-tabs{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.task-stage-tab{height:44px;border:1px solid #dfe7f2;border-radius:14px;background:#fff;color:#475569;display:inline-flex;align-items:center;gap:9px;padding:0 14px;font-weight:800;letter-spacing:.01em;box-shadow:0 8px 22px rgba(15,23,42,.04);cursor:pointer}.task-stage-tab i{font-size:18px}.task-stage-tab strong{min-width:26px;height:24px;border-radius:999px;display:grid;place-items:center;padding:0 8px;background:#eef2f7;color:#475569;font-size:13px}.task-stage-tab.active{background:#0a84ff;border-color:#0a84ff;color:#fff;box-shadow:0 18px 36px rgba(10,132,255,.22)}.task-stage-tab.active strong{background:rgba(255,255,255,.24);color:#fff}.task-filter-range-wrap{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.task-date-filter{height:44px;border:1px solid #dfe7f2;border-radius:14px;background:#fff;display:flex;align-items:center;gap:10px;padding:0 12px;box-shadow:0 8px 22px rgba(15,23,42,.04)}.task-date-filter span{font-size:12px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.task-date-filter input{border:0;outline:0;height:38px;background:transparent;color:#0f172a;font-size:14px;font-weight:700}.task-filter-clear{height:44px;border:1px solid #dfe7f2;border-radius:14px;background:#fff;color:#475569;display:inline-flex;align-items:center;gap:7px;padding:0 13px;font-weight:800;cursor:pointer}.task-filter-clear:hover{background:#f8fafc;color:#0a84ff}
.task-pipeline-tabsbar{margin-bottom:20px;border-radius:20px}.task-pipeline-tabsbar .task-ui-tabs button,.task-pipeline-tabsbar .task-ui-tabs a{gap:8px;font-weight:800}.task-board-shell{border:1px solid rgba(226,232,240,.9);border-radius:24px;background:rgba(255,255,255,.92);box-shadow:0 24px 70px rgba(15,23,42,.08);overflow:visible}.task-board-titlebar{padding:20px 22px;border-bottom:1px solid #e8edf5}.task-board-titlebar h5{font-size:24px;letter-spacing:-.035em;color:#0f172a}.task-board-mini-note{height:36px;border:1px solid #dfe7f2;border-radius:999px;background:#fff;color:#64748b;display:inline-flex;align-items:center;gap:8px;padding:0 14px;font-weight:760;font-size:13px}.task-board-mini-note i{color:#0a84ff;font-size:17px}.task-board-shell .task-ui-board{padding:22px;gap:20px;overflow-x:auto}.task-board-shell .task-ui-column{min-width:290px;min-height:620px;border-radius:20px;box-shadow:none}.task-board-shell .task-ui-card{border-radius:16px}.task-board-shell .task-ui-card:hover{transform:none;box-shadow:0 18px 36px rgba(15,23,42,.08)}
.task-ui-status{position:relative;border-radius:999px;height:38px;padding:0 13px;gap:7px;box-shadow:inset 0 0 0 1px rgba(49,103,255,.12)}.task-ui-status i{font-size:17px;line-height:1}.task-ui-status-label{font-weight:820}.task-ui-status-caret{font-size:12px;opacity:.8;margin-left:1px}.task-ui-status-menu{z-index:1600!important;min-width:170px}.task-ui-status-menu button{display:flex!important;align-items:center;gap:8px}.task-ui-card.menu-open{z-index:1000!important}.task-ui-column.menu-open{z-index:1000!important}.task-ui-column.drag-over{outline:2px dashed rgba(10,132,255,.45);outline-offset:8px;background:color-mix(in srgb,#0a84ff 8%,#fff)!important}.task-ui-card.dragging{opacity:.62;transform:scale(.98);box-shadow:0 24px 52px rgba(15,23,42,.22)}
.task-ui-form .select2-container--default .select2-selection--multiple,.task-ui-form .select2-container--default .select2-selection--single{border:1px solid #dfe6f2!important;border-radius:14px!important;background:#fff!important;min-height:48px!important;box-shadow:0 8px 18px rgba(15,23,42,.035)!important}.task-ui-form .select2-container--default .select2-selection--multiple{padding:6px 10px!important}.task-ui-form .select2-container--default .select2-selection--multiple .select2-selection__choice{height:30px!important;border-radius:999px!important;background:#eef6ff!important;border:1px solid #cfe4ff!important;color:#0a63ce!important;font-size:13px!important;font-weight:800!important;display:inline-flex!important;align-items:center!important}.task-ui-form .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:46px!important;font-size:14px!important;font-weight:700!important;color:#111827!important}.task-ui-form .select2-container--default .select2-selection__arrow{height:46px!important}.select2-dropdown{border-color:#dfe6f2!important;border-radius:14px!important;box-shadow:0 22px 48px rgba(15,23,42,.16)!important;overflow:hidden!important}.select2-results__option{font-size:14px!important;font-weight:650!important;padding:10px 12px!important}.select2-results__option--highlighted{background:#0a84ff!important;color:#fff!important}
html[data-theme="dark"] .task-pipeline-heading-wrap h4,body[data-active-theme="dark"] .task-pipeline-heading-wrap h4,html[data-theme="dark"] .task-board-titlebar h5,body[data-active-theme="dark"] .task-board-titlebar h5{color:#f8fafc}html[data-theme="dark"] .task-pipeline-toolbar-card,html[data-theme="dark"] .task-board-shell,html[data-theme="dark"] .task-stage-tab,html[data-theme="dark"] .task-date-filter,html[data-theme="dark"] .task-filter-clear,html[data-theme="dark"] .task-board-mini-note,body[data-active-theme="dark"] .task-pipeline-toolbar-card,body[data-active-theme="dark"] .task-board-shell,body[data-active-theme="dark"] .task-stage-tab,body[data-active-theme="dark"] .task-date-filter,body[data-active-theme="dark"] .task-filter-clear,body[data-active-theme="dark"] .task-board-mini-note{background:#111821;border-color:#263343;color:#dbeafe;box-shadow:none}html[data-theme="dark"] .task-date-filter input,body[data-active-theme="dark"] .task-date-filter input{color:#f8fafc}html[data-theme="dark"] .task-board-titlebar,body[data-active-theme="dark"] .task-board-titlebar{border-color:#263343}html[data-theme="dark"] .task-ui-form .select2-container--default .select2-selection--multiple,html[data-theme="dark"] .task-ui-form .select2-container--default .select2-selection--single,body[data-active-theme="dark"] .task-ui-form .select2-container--default .select2-selection--multiple,body[data-active-theme="dark"] .task-ui-form .select2-container--default .select2-selection--single{background:#0d131b!important;border-color:#263343!important;color:#f8fafc!important}html[data-theme="dark"] .task-ui-form .select2-container--default .select2-selection--single .select2-selection__rendered,body[data-active-theme="dark"] .task-ui-form .select2-container--default .select2-selection--single .select2-selection__rendered{color:#f8fafc!important}
@media(max-width:900px){.task-pipeline-heading-wrap{align-items:flex-start!important}.task-pipeline-actions .btn{height:48px;border-radius:14px}.task-filter-range-wrap{width:100%}.task-date-filter{flex:1;min-width:150px}.task-board-shell .task-ui-board{padding:16px}.task-board-shell .task-ui-column{min-width:270px}.task-pipeline-toolbar-card .card-body{padding:15px}}

/* Task Manager Apple refinement v130 */
body.task-manager-pipeline-style .task-ui-page{font-size:13px;line-height:1.45}
body.task-manager-pipeline-style .task-pipeline-heading-wrap{margin-bottom:14px}
body.task-manager-pipeline-style .task-pipeline-heading-wrap h4{font-size:34px;font-weight:850;letter-spacing:-.055em}
body.task-manager-pipeline-style .task-pipeline-heading-wrap .text-muted{font-size:14px;font-weight:500;color:#64748b!important}
body.task-manager-pipeline-style .task-pipeline-actions{gap:8px!important}
body.task-manager-pipeline-style .task-pipeline-actions .btn{height:44px;border-radius:14px;padding:0 16px;font-size:13px;font-weight:720;box-shadow:0 12px 26px rgba(15,23,42,.07)}
body.task-manager-pipeline-style .task-pipeline-actions .btn i{font-size:16px;margin-right:6px!important}
body.task-manager-pipeline-style .task-pipeline-tabsbar{margin-bottom:14px;border-radius:18px;min-height:56px;box-shadow:0 14px 36px rgba(15,23,42,.05)}
body.task-manager-pipeline-style .task-pipeline-tabsbar .task-ui-tabs{height:56px}
body.task-manager-pipeline-style .task-pipeline-tabsbar .task-ui-tabs button,
body.task-manager-pipeline-style .task-pipeline-tabsbar .task-ui-tabs a{height:56px;padding:0 18px;font-size:13px;font-weight:700;letter-spacing:.005em}
body.task-manager-pipeline-style .task-pipeline-tabsbar .task-ui-tools{height:56px;min-width:82px;gap:10px}
body.task-manager-pipeline-style .task-ui-search{height:56px;font-size:13px}
body.task-manager-pipeline-style .task-ui-search input{font-size:13px;font-weight:560}
body.task-manager-pipeline-style .task-board-shell{border-radius:22px;background:rgba(255,255,255,.95);box-shadow:0 20px 54px rgba(15,23,42,.07)}
body.task-manager-pipeline-style .task-board-controlbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid #e8edf5;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(250,252,255,.92));border-radius:22px 22px 0 0}
body.task-manager-pipeline-style .task-stage-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
body.task-manager-pipeline-style .task-stage-tab{height:38px;border-radius:13px;padding:0 12px;font-size:13px;font-weight:700;letter-spacing:0;gap:7px;box-shadow:0 7px 18px rgba(15,23,42,.04)}
body.task-manager-pipeline-style .task-stage-tab i{font-size:15px}
body.task-manager-pipeline-style .task-stage-tab strong{min-width:23px;height:22px;font-size:12px;font-weight:760;padding:0 7px}
body.task-manager-pipeline-style .task-filter-range-wrap{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
body.task-manager-pipeline-style .task-date-filter{height:38px;border-radius:13px;padding:0 10px;gap:8px;box-shadow:0 7px 18px rgba(15,23,42,.035)}
body.task-manager-pipeline-style .task-date-filter span{font-size:10px;font-weight:760;letter-spacing:.045em}
body.task-manager-pipeline-style .task-date-filter input{height:34px;font-size:12px;font-weight:650;min-width:118px}
body.task-manager-pipeline-style .task-filter-clear{height:38px;border-radius:13px;padding:0 11px;font-size:12px;font-weight:720;gap:6px}
body.task-manager-pipeline-style .task-board-shell .task-ui-board{padding:18px;gap:18px}
body.task-manager-pipeline-style .task-board-shell .task-ui-column{min-width:282px;min-height:590px;border-radius:18px;padding:0 14px 16px}
body.task-manager-pipeline-style .task-ui-column-head{padding:18px 0 14px}
body.task-manager-pipeline-style .task-ui-column-head h2{font-size:15px;font-weight:730;letter-spacing:-.01em}
body.task-manager-pipeline-style .task-ui-column-actions{gap:10px}
body.task-manager-pipeline-style .task-ui-column-actions>button{font-size:18px}
body.task-manager-pipeline-style .task-ui-column-actions>button:last-of-type{width:30px;height:30px;border-radius:9px;font-size:15px}
body.task-manager-pipeline-style .task-ui-card{border-radius:14px;padding:14px;margin-bottom:14px;box-shadow:0 8px 18px rgba(31,42,73,.035)}
body.task-manager-pipeline-style .task-ui-card h3{font-size:15px;font-weight:720;margin-bottom:9px;letter-spacing:-.01em}
body.task-manager-pipeline-style .task-ui-card p{font-size:13px;font-weight:500;line-height:1.5;margin-bottom:12px;color:#7b86a8}
body.task-manager-pipeline-style .task-ui-card-actions{gap:8px}
body.task-manager-pipeline-style .task-ui-card-actions>button svg{width:15px;height:15px}
body.task-manager-pipeline-style .task-ui-card-actions>button[data-task-ui-dropdown]{font-size:20px}
body.task-manager-pipeline-style .task-ui-date-row{gap:10px;margin:4px 0 12px}
body.task-manager-pipeline-style .task-ui-date-row span{font-size:12px;font-weight:540;color:#8b95b6}
body.task-manager-pipeline-style .task-ui-date-row strong{font-size:12px;font-weight:650;margin-top:3px;color:#0f172a}
body.task-manager-pipeline-style .task-ui-progress{height:5px;margin-bottom:13px}
body.task-manager-pipeline-style .task-ui-people img,
body.task-manager-pipeline-style .task-ui-people button,
body.task-manager-pipeline-style .task-ui-avatar-row img,
body.task-manager-pipeline-style .task-ui-avatar-row b{width:28px;height:28px;font-size:15px}
body.task-manager-pipeline-style .task-ui-status{height:32px;border-radius:10px;padding:0 10px;font-size:12px;font-weight:700;gap:5px;box-shadow:inset 0 0 0 1px rgba(49,103,255,.1)}
body.task-manager-pipeline-style .task-ui-status i{font-size:14px}
body.task-manager-pipeline-style .task-ui-status-label{font-weight:720}
body.task-manager-pipeline-style .task-ui-status-caret{font-size:11px}
body.task-manager-pipeline-style .task-ui-menu{border-radius:12px;width:138px;box-shadow:0 18px 42px rgba(15,23,42,.14);z-index:2200!important}
body.task-manager-pipeline-style .task-ui-menu button{height:32px;font-size:12px;font-weight:650;padding:0 13px}
body.task-manager-pipeline-style .task-ui-status-menu{min-width:156px}
body.task-manager-pipeline-style .task-ui-form span{font-size:12px;font-weight:650}
body.task-manager-pipeline-style .task-ui-form input,
body.task-manager-pipeline-style .task-ui-form textarea{font-size:13px;font-weight:500;border-radius:12px}
body.task-manager-pipeline-style .task-ui-form .select2-container--default .select2-selection--multiple,
body.task-manager-pipeline-style .task-ui-form .select2-container--default .select2-selection--single{border-radius:12px!important;min-height:44px!important;box-shadow:none!important}
body.task-manager-pipeline-style .task-ui-form .select2-container--default .select2-selection--single .select2-selection__rendered{font-size:13px!important;font-weight:560!important;line-height:42px!important}
body.task-manager-pipeline-style .task-ui-form .select2-container--default .select2-selection--multiple .select2-selection__choice{height:27px!important;font-size:12px!important;font-weight:650!important}
body.task-manager-pipeline-style .select2-results__option{font-size:13px!important;font-weight:560!important;padding:9px 12px!important}
html[data-theme="dark"] body.task-manager-pipeline-style .task-board-controlbar,
body[data-active-theme="dark"].task-manager-pipeline-style .task-board-controlbar{background:#111821;border-color:#263343;color:#dbeafe}
html[data-theme="dark"] body.task-manager-pipeline-style .task-ui-date-row strong,
body[data-active-theme="dark"].task-manager-pipeline-style .task-ui-date-row strong{color:#f8fafc}
@media(max-width:900px){body.task-manager-pipeline-style .task-board-controlbar{align-items:flex-start;flex-direction:column}.task-filter-range-wrap{justify-content:flex-start!important}.task-date-filter{flex:0 1 auto!important}}


/* Task Manager Apple button + Select2 alignment fix v131 */
body.task-manager-pipeline-style .task-pipeline-actions .btn,
body.task-manager-pipeline-style .task-pipeline-actions .btn.btn-outline-white{
  height:42px!important;
  border-radius:13px!important;
  padding:0 15px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  font-size:13px!important;
  font-weight:720!important;
  line-height:1!important;
  border:1px solid #dfe7f3!important;
  background:#fff!important;
  color:#0f172a!important;
  box-shadow:0 12px 24px rgba(15,23,42,.07)!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease!important;
}
body.task-manager-pipeline-style .task-pipeline-actions .btn:hover,
body.task-manager-pipeline-style .task-pipeline-actions .btn.btn-outline-white:hover{
  background:#f8fbff!important;
  color:#0a84ff!important;
  border-color:#bcd7ff!important;
  transform:translateY(-1px)!important;
  box-shadow:0 16px 30px rgba(15,23,42,.09)!important;
}
body.task-manager-pipeline-style .task-pipeline-actions .btn.btn-primary,
body.task-manager-pipeline-style button.btn.btn-primary[data-task-ui-open-modal],
body.task-manager-pipeline-style .task-ui-primary{
  background:#0a84ff!important;
  border-color:#0a84ff!important;
  color:#fff!important;
  box-shadow:0 14px 28px rgba(10,132,255,.22)!important;
}
body.task-manager-pipeline-style .task-pipeline-actions .btn.btn-primary:hover,
body.task-manager-pipeline-style button.btn.btn-primary[data-task-ui-open-modal]:hover,
body.task-manager-pipeline-style .task-ui-primary:hover{
  background:#006edb!important;
  border-color:#006edb!important;
  color:#fff!important;
  box-shadow:0 18px 34px rgba(10,132,255,.28)!important;
}
body.task-manager-pipeline-style .task-pipeline-actions .btn i,
body.task-manager-pipeline-style .task-ui-primary i{
  font-size:16px!important;
  line-height:1!important;
  margin:0!important;
}
body.task-manager-pipeline-style .task-ui-form label.wide .select2-container,
body.task-manager-pipeline-style .task-ui-form .task-ui-user-select + .select2-container{
  width:100%!important;
  display:block!important;
}
body.task-manager-pipeline-style .task-ui-form .select2-container--default .select2-selection--multiple{
  min-height:46px!important;
  height:auto!important;
  border-radius:14px!important;
  padding:7px 12px!important;
  display:flex!important;
  align-items:center!important;
  background:#fff!important;
  border:1px solid #dfe6f2!important;
  overflow:hidden!important;
}
body.task-manager-pipeline-style .task-ui-form .select2-container--default .select2-selection--multiple .select2-selection__rendered{
  width:100%!important;
  min-height:30px!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  line-height:1.2!important;
}
body.task-manager-pipeline-style .task-ui-form .select2-container--default .select2-selection--multiple .select2-search--inline{
  flex:1 1 220px!important;
  width:auto!important;
  min-width:220px!important;
  max-width:100%!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
}
body.task-manager-pipeline-style .task-ui-form .select2-container--default .select2-selection--multiple .select2-search__field{
  width:100%!important;
  min-width:220px!important;
  height:28px!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
  font-size:13px!important;
  font-weight:500!important;
  color:#111827!important;
  line-height:28px!important;
}
body.task-manager-pipeline-style .task-ui-form .select2-container--default .select2-selection--multiple .select2-search__field::placeholder{
  color:#7b8498!important;
  font-weight:500!important;
  opacity:1!important;
}
body.task-manager-pipeline-style .task-ui-form .select2-container--default .select2-selection--multiple .select2-selection__choice{
  height:28px!important;
  margin:0!important;
  padding:0 9px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  border-radius:999px!important;
  background:#eef6ff!important;
  border:1px solid #cfe4ff!important;
  color:#0a63ce!important;
  font-size:12px!important;
  font-weight:650!important;
  max-width:100%!important;
}
body.task-manager-pipeline-style .task-ui-form .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
  margin-right:4px!important;
  color:#0a63ce!important;
  font-size:15px!important;
  line-height:1!important;
}
body.task-manager-pipeline-style .task-ui-form .select2-container--default.select2-container--focus .select2-selection--multiple,
body.task-manager-pipeline-style .task-ui-form .select2-container--default.select2-container--open .select2-selection--multiple,
body.task-manager-pipeline-style .task-ui-form .select2-container--default.select2-container--focus .select2-selection--single,
body.task-manager-pipeline-style .task-ui-form .select2-container--default.select2-container--open .select2-selection--single{
  border-color:#8bc4ff!important;
  box-shadow:0 0 0 4px rgba(10,132,255,.12)!important;
}
body.task-manager-pipeline-style .task-ui-modal .select2-dropdown{
  border:1px solid #dfe6f2!important;
  border-radius:14px!important;
  box-shadow:0 22px 48px rgba(15,23,42,.16)!important;
  overflow:hidden!important;
}
body.task-manager-pipeline-style .task-ui-modal .select2-results__option{
  font-size:13px!important;
  font-weight:550!important;
  padding:9px 12px!important;
  color:#0f172a!important;
}
body.task-manager-pipeline-style .task-ui-modal .select2-results__option--highlighted[aria-selected],
body.task-manager-pipeline-style .task-ui-modal .select2-results__option--highlighted{
  background:#0a84ff!important;
  color:#fff!important;
}
body.task-manager-pipeline-style .task-ui-menu,
body.task-manager-pipeline-style .task-ui-status-menu{
  z-index:9000!important;
}
body.task-manager-pipeline-style .task-ui-card.menu-open,
body.task-manager-pipeline-style .task-ui-card-foot.menu-open,
body.task-manager-pipeline-style .task-ui-card-actions.menu-open,
body.task-manager-pipeline-style .task-ui-column.menu-open{
  z-index:4000!important;
}
html[data-theme="dark"] body.task-manager-pipeline-style .task-pipeline-actions .btn,
body[data-active-theme="dark"].task-manager-pipeline-style .task-pipeline-actions .btn{
  background:#111821!important;
  border-color:#263343!important;
  color:#f8fafc!important;
}
html[data-theme="dark"] body.task-manager-pipeline-style .task-pipeline-actions .btn:hover,
body[data-active-theme="dark"].task-manager-pipeline-style .task-pipeline-actions .btn:hover{
  background:#172337!important;
  border-color:#315071!important;
  color:#8bc4ff!important;
}
html[data-theme="dark"] body.task-manager-pipeline-style .task-pipeline-actions .btn.btn-primary,
html[data-theme="dark"] body.task-manager-pipeline-style button.btn.btn-primary[data-task-ui-open-modal],
body[data-active-theme="dark"].task-manager-pipeline-style .task-pipeline-actions .btn.btn-primary,
body[data-active-theme="dark"].task-manager-pipeline-style button.btn.btn-primary[data-task-ui-open-modal]{
  background:#0a84ff!important;
  border-color:#0a84ff!important;
  color:#fff!important;
}
html[data-theme="dark"] body.task-manager-pipeline-style .task-ui-form .select2-container--default .select2-selection--multiple,
body[data-active-theme="dark"].task-manager-pipeline-style .task-ui-form .select2-container--default .select2-selection--multiple{
  background:#0d131b!important;
  border-color:#263343!important;
}
html[data-theme="dark"] body.task-manager-pipeline-style .task-ui-form .select2-container--default .select2-selection--multiple .select2-search__field,
body[data-active-theme="dark"].task-manager-pipeline-style .task-ui-form .select2-container--default .select2-selection--multiple .select2-search__field{
  color:#f8fafc!important;
}


/* Task Manager database build v132 */
.task-ui-card .task-ui-files{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 2px}.task-ui-card .task-ui-files a{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:5px 8px;border-radius:10px;background:rgba(20,126,255,.08);font-size:11px;font-weight:650;color:#147eff;text-decoration:none}.task-ui-empty{min-height:150px;border:1px dashed rgba(100,116,139,.26);border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#7b8498;font-size:12px;text-align:center;background:rgba(255,255,255,.45)}.task-ui-empty i{font-size:26px;color:#9aa8bd}.task-ui-empty b{font-size:13px;color:#172033}.task-ui-modal .select2-container--default .select2-selection--multiple{min-height:44px!important;padding:4px 8px!important;border:1px solid rgba(148,163,184,.38)!important;border-radius:14px!important;display:flex!important;align-items:center!important}.task-ui-modal .select2-container--default .select2-selection--multiple .select2-selection__rendered{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:5px!important;padding:0!important;margin:0!important}.task-ui-modal .select2-container--default .select2-search--inline .select2-search__field{height:28px!important;margin:0!important;font-size:13px!important;font-weight:500!important}.task-ui-modal .select2-container--default .select2-selection--multiple .select2-selection__choice{margin:0!important;padding:5px 9px!important;border:0!important;border-radius:999px!important;background:rgba(20,126,255,.10)!important;color:#0f63cf!important;font-size:12px!important;font-weight:650!important}.task-ui-card[draggable="true"]{cursor:grab}.task-ui-card.dragging{opacity:.55;cursor:grabbing}.task-ui-column.drag-over{outline:2px dashed rgba(20,126,255,.25);outline-offset:-8px}.task-ui-card.hidden{display:none!important}.task-ui-menu button[data-task-delete]{color:#dc2626!important}.task-ui-menu button[data-task-delete]:hover{background:rgba(220,38,38,.08)!important;color:#b91c1c!important}.task-ui-modal .task-ui-existing-files a{min-width:0;max-width:calc(100% - 38px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-theme="dark"] .task-ui-empty{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12);color:#9ca3af}[data-theme="dark"] .task-ui-empty b{color:#f8fafc}[data-theme="dark"] .task-ui-card .task-ui-files a{background:rgba(96,165,250,.14);color:#93c5fd}[data-theme="dark"] .task-ui-modal .select2-container--default .select2-selection--multiple{background:#111827!important;border-color:rgba(255,255,255,.16)!important}[data-theme="dark"] .task-ui-modal .select2-container--default .select2-selection--multiple .select2-selection__choice{background:rgba(96,165,250,.18)!important;color:#bfdbfe!important}

body[data-task-can-create="0"] .task-ui-column-actions [data-task-ui-open-modal],body[data-task-can-create="0"] .task-ui-menu [data-task-ui-open-modal]{display:none!important}


/* Task Manager v133 clean card actions and real user avatars */
.task-manager-pipeline-style .task-ui-column-head{align-items:center;}
.task-manager-pipeline-style .task-ui-column-actions{display:none!important;}
.task-manager-pipeline-style .task-ui-card-top{align-items:flex-start;}
.task-manager-pipeline-style .task-ui-card-actions{margin-left:auto;}
.task-manager-pipeline-style .task-ui-card-actions>button[data-task-ui-dropdown]{width:30px;height:30px;border:1px solid rgba(220,226,238,.9);border-radius:10px;background:rgba(255,255,255,.92);color:#6f7b95;font-size:18px;box-shadow:0 8px 16px rgba(15,23,42,.06);}
.task-manager-pipeline-style .task-ui-card-actions>button[data-task-ui-dropdown]:hover{background:#f8fbff;color:#147efb;border-color:#cfe0f8;}
.task-manager-pipeline-style .task-ui-menu{z-index:9999;width:136px;padding:8px;border-radius:12px;}
.task-manager-pipeline-style .task-ui-menu button{height:34px;border-radius:9px;padding:0 10px;display:flex;align-items:center;gap:8px;font-size:13px;color:#5f6b82;}
.task-manager-pipeline-style .task-ui-menu button.danger,.task-manager-pipeline-style .task-ui-menu button[data-task-delete]{color:#e11d48;}
.task-manager-pipeline-style .task-ui-menu button:hover{background:#f4f7fb;color:#147efb;}
.task-manager-pipeline-style .task-ui-menu button.danger:hover,.task-manager-pipeline-style .task-ui-menu button[data-task-delete]:hover{background:#fff1f2;color:#be123c;}
.task-manager-pipeline-style .task-ui-people{gap:0;min-width:36px;}
.task-manager-pipeline-style .task-ui-people img,.task-manager-pipeline-style .task-ui-people .task-ui-avatar-initial,.task-manager-pipeline-style .task-ui-avatar-row img,.task-manager-pipeline-style .task-ui-avatar-row b{width:30px;height:30px;border-radius:999px;border:2px solid #fff;margin-left:-8px;object-fit:cover;background:#eaf2ff;color:#147efb;display:grid;place-items:center;font-size:11px;font-weight:750;box-shadow:0 2px 8px rgba(15,23,42,.08);}
.task-manager-pipeline-style .task-ui-people img:first-child,.task-manager-pipeline-style .task-ui-people .task-ui-avatar-initial:first-child{margin-left:0;}
.task-manager-pipeline-style .task-ui-people button{display:none!important;}
.task-manager-pipeline-style .task-ui-files a{max-width:100%;}
.task-manager-pipeline-style .task-ui-modal .task-ui-select2 + .select2-container .select2-selection--multiple{min-height:46px;align-items:center;}
html[data-theme="dark"] .task-manager-pipeline-style .task-ui-card-actions>button[data-task-ui-dropdown],
body.dark-mode .task-manager-pipeline-style .task-ui-card-actions>button[data-task-ui-dropdown]{background:rgba(30,41,59,.96);border-color:rgba(71,85,105,.9);color:#dbeafe;}
html[data-theme="dark"] .task-manager-pipeline-style .task-ui-menu,
body.dark-mode .task-manager-pipeline-style .task-ui-menu{background:#111827;border-color:#293548;box-shadow:0 16px 32px rgba(0,0,0,.35);}
html[data-theme="dark"] .task-manager-pipeline-style .task-ui-menu button,
body.dark-mode .task-manager-pipeline-style .task-ui-menu button{color:#cbd5e1;}
html[data-theme="dark"] .task-manager-pipeline-style .task-ui-menu button:hover,
body.dark-mode .task-manager-pipeline-style .task-ui-menu button:hover{background:#1e293b;color:#60a5fa;}

/* Task manager v136 status/priority/recurrence refinements */
.task-ui-board{grid-template-columns:repeat(5,minmax(240px,1fr))}
.task-ui-column.task-ui-overdue{background:#fff1f2;border-top-color:#ef4444}
.task-ui-progress.red{background:#fee2e2}.task-ui-progress.red i{background:#ef4444}
.task-ui-status.red{background:#fee2e2;color:#dc2626}
.task-ui-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin:3px 0 10px}.task-ui-priority,.task-ui-repeat,.task-ui-assign-power{height:22px;border-radius:999px;display:inline-flex;align-items:center;gap:4px;padding:0 8px;font-size:11px;font-weight:760;line-height:1}.task-ui-priority.priority-normal{background:rgba(100,116,139,.10);color:#475569}.task-ui-priority.priority-low{background:rgba(34,197,94,.10);color:#15803d}.task-ui-priority.priority-high{background:rgba(249,115,22,.12);color:#c2410c}.task-ui-priority.priority-urgent{background:rgba(239,68,68,.12);color:#dc2626}.task-ui-repeat{background:rgba(14,165,233,.10);color:#0369a1}.task-ui-assign-power{background:rgba(124,58,237,.10);color:#6d28d9}.task-ui-user-result{display:flex;align-items:center;gap:8px;min-height:30px}.task-ui-user-result b{font-size:13px;color:#0f172a;font-weight:750}.task-ui-user-result small{font-size:12px;color:#64748b;font-weight:600}.task-ui-user-result em{margin-left:auto;border-radius:999px;background:rgba(10,132,255,.10);color:#0a66d9;font-size:11px;font-style:normal;font-weight:760;padding:3px 8px}
body.task-manager-pipeline-style .task-ui-board{grid-template-columns:repeat(5,minmax(282px,1fr))}
html[data-theme="dark"] .task-ui-column.task-ui-overdue,body[data-active-theme="dark"] .task-ui-column.task-ui-overdue{background:rgba(127,29,29,.22);border-top-color:#f87171}html[data-theme="dark"] .task-ui-user-result b,body[data-active-theme="dark"] .task-ui-user-result b{color:#f8fafc}html[data-theme="dark"] .task-ui-user-result small,body[data-active-theme="dark"] .task-ui-user-result small{color:#cbd5e1}html[data-theme="dark"] .task-ui-priority.priority-normal,body[data-active-theme="dark"] .task-ui-priority.priority-normal{background:rgba(148,163,184,.15);color:#cbd5e1}


/* Task Manager v138 refinements: status column scroll, fixed dropdowns, cleaner lead labels and removable file previews */
body.task-manager-pipeline-style .task-board-shell .task-ui-column{
  max-height:calc(100vh - 315px);
  min-height:430px;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scroll-behavior:smooth;
  scrollbar-width:thin;
}
body.task-manager-pipeline-style .task-board-shell .task-ui-column::-webkit-scrollbar{width:7px}
body.task-manager-pipeline-style .task-board-shell .task-ui-column::-webkit-scrollbar-thumb{background:rgba(100,116,139,.24);border-radius:999px}
body.task-manager-pipeline-style .task-board-shell .task-ui-column-head{position:sticky;top:0;z-index:4;background:inherit}
body.task-manager-pipeline-style .task-ui-menu.is-fixed{
  position:fixed!important;
  z-index:99999!important;
  transform:none!important;
}
body.task-manager-pipeline-style .task-ui-menu.is-fixed.drop-up{bottom:auto!important;top:auto}
body.task-manager-pipeline-style .task-ui-assign-power,
.task-ui-user-result em{
  display:inline-flex;
  align-items:center;
  gap:4px;
  border-radius:999px;
  background:rgba(20,126,255,.10);
  color:#0f63cf;
  font-size:11px;
  font-weight:750;
  font-style:normal;
  padding:3px 8px;
}
body.task-manager-pipeline-style .task-ui-selected-files{display:grid;grid-template-columns:1fr;gap:8px;margin-top:8px}
body.task-manager-pipeline-style .task-ui-selected-file-row{display:grid;grid-template-columns:1fr 34px;gap:8px;align-items:center}
body.task-manager-pipeline-style .task-ui-selected-file-row span{min-width:0;min-height:36px;border-radius:11px;background:#f4f7fb;border:1px solid #e3e9f3;color:#273449;text-decoration:none;display:flex;align-items:center;gap:7px;padding:0 11px;font-size:12px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.task-manager-pipeline-style .task-ui-selected-file-row span small{color:#8a95aa;font-weight:650;margin-left:auto;font-size:11px}
body.task-manager-pipeline-style .task-ui-selected-file-row button{width:34px;height:34px;border:1px solid #e3e9f3;border-radius:10px;background:#fff;color:#ef4444;display:grid;place-items:center;cursor:pointer}
html[data-theme="dark"] body.task-manager-pipeline-style .task-ui-selected-file-row span,
body[data-active-theme="dark"].task-manager-pipeline-style .task-ui-selected-file-row span{background:#0d131b;border-color:#263343;color:#f6f8ff}
html[data-theme="dark"] body.task-manager-pipeline-style .task-ui-selected-file-row button,
body[data-active-theme="dark"].task-manager-pipeline-style .task-ui-selected-file-row button{background:#111821;border-color:#263343}
@media(max-width:900px){body.task-manager-pipeline-style .task-board-shell .task-ui-column{max-height:70vh}}


/* Task Manager v139: professional list view and safer task board layout */
body.task-manager-pipeline-style .task-ui-board{align-items:start;grid-template-columns:repeat(5,minmax(260px,1fr));}
body.task-manager-pipeline-style .task-ui-column{max-height:calc(100vh - 285px);overflow-y:auto;overflow-x:visible;scrollbar-width:thin;}
body.task-manager-pipeline-style .task-ui-column::-webkit-scrollbar{width:6px}
body.task-manager-pipeline-style .task-ui-column::-webkit-scrollbar-thumb{background:rgba(100,116,139,.32);border-radius:999px}
body.task-manager-pipeline-style .task-ui-board.list{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;}
body.task-manager-pipeline-style .task-ui-board.list .task-ui-column{display:block!important;min-height:auto!important;max-height:none!important;overflow:visible!important;border-radius:18px!important;padding:0!important;background:#fff!important;border:1px solid #e5edf7!important;border-top:3px solid #0a84ff!important;box-shadow:0 16px 36px rgba(15,23,42,.06)!important;}
body.task-manager-pipeline-style .task-ui-board.list .task-ui-column.task-ui-progress-col{border-top-color:#06b6d4!important}
body.task-manager-pipeline-style .task-ui-board.list .task-ui-column.task-ui-pending{border-top-color:#f97316!important}
body.task-manager-pipeline-style .task-ui-board.list .task-ui-column.task-ui-done{border-top-color:#10b981!important}
body.task-manager-pipeline-style .task-ui-board.list .task-ui-column.task-ui-overdue{border-top-color:#ef4444!important}
body.task-manager-pipeline-style .task-ui-board.list .task-ui-column-head{height:auto!important;padding:14px 18px!important;border-bottom:1px solid #eef3f8!important;background:linear-gradient(180deg,#fff,#fbfdff)!important;border-radius:16px 16px 0 0!important;}
body.task-manager-pipeline-style .task-ui-board.list .task-ui-column-head h2{font-size:14px!important;font-weight:760!important;color:#0f172a!important;}
body.task-manager-pipeline-style .task-ui-board.list .task-ui-empty{margin:14px 18px!important;min-height:74px!important;border-radius:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;}
body.task-manager-pipeline-style .task-ui-board.list .task-ui-empty i{font-size:20px!important;margin:0!important}
body.task-manager-pipeline-style .task-ui-board.list .task-ui-empty b{font-size:13px!important;margin:0!important}.task-ui-board.list .task-ui-empty span{font-size:12px!important}
body.task-manager-pipeline-style .task-ui-board.list .task-ui-card{display:grid!important;grid-template-columns:minmax(260px,1.25fr) minmax(220px,1fr) minmax(190px,.8fr) minmax(140px,.55fr) auto!important;align-items:center!important;gap:16px!important;margin:0!important;padding:15px 18px!important;border-radius:0!important;border-width:0 0 1px!important;box-shadow:none!important;background:#fff!important;transform:none!important;}
body.task-manager-pipeline-style .task-ui-board.list .task-ui-card:hover{transform:none!important;background:#f8fbff!important;box-shadow:none!important}
body.task-manager-pipeline-style .task-ui-board.list .task-ui-card-top{align-items:center!important;min-width:0!important}.task-ui-board.list .task-ui-card-top>div:first-child{min-width:0!important}
body.task-manager-pipeline-style .task-ui-board.list .task-ui-card h3{font-size:14px!important;margin:0 0 5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.task-manager-pipeline-style .task-ui-board.list .task-ui-card p{font-size:12px!important;line-height:1.45!important;margin:0!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
body.task-manager-pipeline-style .task-ui-board.list .task-ui-card-tags{margin-top:6px!important;gap:5px!important}.task-ui-board.list .task-ui-card-tags span{font-size:10px!important;height:22px!important;padding:0 7px!important}
body.task-manager-pipeline-style .task-ui-board.list .task-ui-date-row{margin:0!important;gap:12px!important;min-width:0!important}.task-ui-board.list .task-ui-date-row span{font-size:11px!important}.task-ui-board.list .task-ui-date-row strong{font-size:12px!important}
body.task-manager-pipeline-style .task-ui-board.list .task-ui-progress{margin:0!important;height:6px!important;min-width:90px!important}.task-ui-board.list .task-ui-files{margin:0!important;max-width:220px!important;overflow:hidden!important}.task-ui-board.list .task-ui-files a{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}
body.task-manager-pipeline-style .task-ui-board.list .task-ui-card-foot{justify-content:flex-end!important;gap:12px!important}.task-ui-board.list .task-ui-people{min-width:72px!important}.task-ui-board.list .task-ui-status{height:30px!important;white-space:nowrap!important}.task-ui-board.list .task-ui-card-actions{justify-self:end!important}
body.task-manager-pipeline-style .task-ui-board.list .task-ui-card.hidden{display:none!important}
html[data-theme="dark"] body.task-manager-pipeline-style .task-ui-board.list .task-ui-column,body[data-active-theme="dark"].task-manager-pipeline-style .task-ui-board.list .task-ui-column{background:#111821!important;border-color:#263343!important;box-shadow:none!important}
html[data-theme="dark"] body.task-manager-pipeline-style .task-ui-board.list .task-ui-column-head,body[data-active-theme="dark"].task-manager-pipeline-style .task-ui-board.list .task-ui-column-head{background:#0f1722!important;border-color:#263343!important}
html[data-theme="dark"] body.task-manager-pipeline-style .task-ui-board.list .task-ui-column-head h2,body[data-active-theme="dark"].task-manager-pipeline-style .task-ui-board.list .task-ui-column-head h2{color:#f8fafc!important}
html[data-theme="dark"] body.task-manager-pipeline-style .task-ui-board.list .task-ui-card,body[data-active-theme="dark"].task-manager-pipeline-style .task-ui-board.list .task-ui-card{background:#0d131b!important;border-color:#263343!important}
html[data-theme="dark"] body.task-manager-pipeline-style .task-ui-board.list .task-ui-card:hover,body[data-active-theme="dark"].task-manager-pipeline-style .task-ui-board.list .task-ui-card:hover{background:#121b27!important}
@media(max-width:1180px){body.task-manager-pipeline-style .task-ui-board{grid-template-columns:repeat(2,minmax(260px,1fr));}body.task-manager-pipeline-style .task-ui-board.list .task-ui-card{grid-template-columns:1fr!important;align-items:start!important}}
@media(max-width:700px){body.task-manager-pipeline-style .task-ui-board{grid-template-columns:1fr;}body.task-manager-pipeline-style .task-ui-column{max-height:none;}}


/* Task Manager v140: polished list view, required end-date flow, and stable upload previews */
body.task-manager-pipeline-style .task-ui-board.list .task-ui-column{
  overflow:hidden!important;
  border-radius:18px!important;
  background:#fff!important;
}
body.task-manager-pipeline-style .task-ui-board.list .task-ui-column-head{
  min-height:52px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:13px 18px!important;
}
body.task-manager-pipeline-style .task-ui-board.list .task-ui-column-head h2{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  letter-spacing:-.01em!important;
}
body.task-manager-pipeline-style .task-ui-board.list .task-ui-column-head h2:before{
  content:'';
  width:9px;
  height:9px;
  border-radius:999px;
  background:#0a84ff;
  box-shadow:0 0 0 4px rgba(10,132,255,.10);
}
body.task-manager-pipeline-style .task-ui-board.list .task-ui-progress-col .task-ui-column-head h2:before{background:#06b6d4;box-shadow:0 0 0 4px rgba(6,182,212,.12)}
body.task-manager-pipeline-style .task-ui-board.list .task-ui-pending .task-ui-column-head h2:before{background:#f97316;box-shadow:0 0 0 4px rgba(249,115,22,.12)}
body.task-manager-pipeline-style .task-ui-board.list .task-ui-done .task-ui-column-head h2:before{background:#10b981;box-shadow:0 0 0 4px rgba(16,185,129,.12)}
body.task-manager-pipeline-style .task-ui-board.list .task-ui-overdue .task-ui-column-head h2:before{background:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,.12)}
body.task-manager-pipeline-style .task-ui-board.list .task-ui-card{
  grid-template-columns:minmax(280px,1.55fr) minmax(190px,.75fr) minmax(120px,.45fr) minmax(185px,.75fr) 42px!important;
  grid-template-rows:auto auto!important;
  grid-template-areas:
    "main dates progress people actions"
    "desc dates files people actions"!important;
  column-gap:18px!important;
  row-gap:5px!important;
  min-height:78px!important;
  border-bottom:1px solid #edf2f7!important;
}
body.task-manager-pipeline-style .task-ui-board.list .task-ui-card-top{display:contents!important;}
body.task-manager-pipeline-style .task-ui-board.list .task-ui-card-top>div:first-child{grid-area:main!important;min-width:0!important;align-self:end!important;}
body.task-manager-pipeline-style .task-ui-board.list .task-ui-card-actions{grid-area:actions!important;align-self:center!important;justify-self:end!important;margin-left:0!important;}
body.task-manager-pipeline-style .task-ui-board.list .task-ui-card>p{grid-area:desc!important;align-self:start!important;color:#748098!important;}
body.task-manager-pipeline-style .task-ui-board.list .task-ui-date-row{grid-area:dates!important;align-self:center!important;display:grid!important;grid-template-columns:1fr!important;gap:5px!important;padding-left:14px!important;border-left:1px solid #edf2f7!important;}
body.task-manager-pipeline-style .task-ui-board.list .task-ui-progress{grid-area:progress!important;align-self:center!important;width:100%!important;}
body.task-manager-pipeline-style .task-ui-board.list .task-ui-files{grid-area:files!important;align-self:center!important;}
body.task-manager-pipeline-style .task-ui-board.list .task-ui-card-foot{grid-area:people!important;align-self:center!important;display:flex!important;justify-content:space-between!important;min-width:0!important;}
body.task-manager-pipeline-style .task-ui-board.list .task-ui-card-tags{margin:0!important;}
body.task-manager-pipeline-style .task-ui-board.list .task-ui-card h3{font-size:13.5px!important;font-weight:720!important;}
body.task-manager-pipeline-style .task-ui-board.list .task-ui-status{height:29px!important;border-radius:999px!important;padding:0 10px!important;font-size:12px!important;}
body.task-manager-pipeline-style .task-ui-board.list .task-ui-card-actions>button[data-task-ui-dropdown]{width:32px!important;height:32px!important;border-radius:999px!important;box-shadow:none!important;}
body.task-manager-pipeline-style .task-ui-selected-files:not(:empty),
body.task-manager-pipeline-style .task-ui-existing-files:not(:empty){
  margin-top:10px;
}
body.task-manager-pipeline-style .task-ui-selected-file-row button:hover,
body.task-manager-pipeline-style .task-ui-existing-files button:hover{
  background:#fff1f2!important;
  border-color:#fecdd3!important;
  color:#be123c!important;
}
html[data-theme="dark"] body.task-manager-pipeline-style .task-ui-board.list .task-ui-column,
body[data-active-theme="dark"].task-manager-pipeline-style .task-ui-board.list .task-ui-column{background:#111821!important;border-color:#263343!important;}
html[data-theme="dark"] body.task-manager-pipeline-style .task-ui-board.list .task-ui-card,
body[data-active-theme="dark"].task-manager-pipeline-style .task-ui-board.list .task-ui-card{border-bottom-color:#263343!important;}
html[data-theme="dark"] body.task-manager-pipeline-style .task-ui-board.list .task-ui-date-row,
body[data-active-theme="dark"].task-manager-pipeline-style .task-ui-board.list .task-ui-date-row{border-left-color:#263343!important;}
@media(max-width:1180px){
  body.task-manager-pipeline-style .task-ui-board.list .task-ui-card{grid-template-columns:1fr!important;grid-template-areas:"main" "desc" "dates" "progress" "files" "people" "actions"!important;}
  body.task-manager-pipeline-style .task-ui-board.list .task-ui-date-row{border-left:0!important;padding-left:0!important;}
}


/* Task Manager v141: keep action menus close to their buttons and show View for non Task Leads */
body.task-manager-pipeline-style .task-ui-card,
body.task-manager-pipeline-style .task-ui-card-top,
body.task-manager-pipeline-style .task-ui-card-foot,
body.task-manager-pipeline-style .task-ui-card-actions{position:relative;}
body.task-manager-pipeline-style .task-ui-card.menu-open{z-index:999;}
body.task-manager-pipeline-style .task-ui-menu.open:not(.is-fixed){position:absolute!important;right:0!important;left:auto!important;top:calc(100% + 8px)!important;bottom:auto!important;margin:0!important;transform:none!important;}
body.task-manager-pipeline-style .task-ui-menu.open.drop-up:not(.is-fixed){top:auto!important;bottom:calc(100% + 8px)!important;}
body.task-manager-pipeline-style .task-ui-view-card{height:30px;min-width:70px;padding:0 12px;border:1px solid rgba(220,226,238,.95);border-radius:10px;background:rgba(255,255,255,.94);color:#147efb;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:760;text-decoration:none;box-shadow:0 8px 16px rgba(15,23,42,.05);}
body.task-manager-pipeline-style .task-ui-view-card:hover{background:#f0f6ff;border-color:#cfe0f8;color:#0f63cf;text-decoration:none;}
html[data-theme="dark"] body.task-manager-pipeline-style .task-ui-view-card,
body[data-active-theme="dark"].task-manager-pipeline-style .task-ui-view-card{background:rgba(30,41,59,.96);border-color:rgba(71,85,105,.9);color:#93c5fd;}
html[data-theme="dark"] body.task-manager-pipeline-style .task-ui-view-card:hover,
body[data-active-theme="dark"].task-manager-pipeline-style .task-ui-view-card:hover{background:#1e293b;color:#bfdbfe;}


/* Task Manager v143: task details use modal view, not a separate page */
.task-ui-view-card{
    border:1px solid rgba(148,163,184,.22);
    background:rgba(255,255,255,.78);
    color:#0f172a;
    border-radius:14px;
    min-height:36px;
    padding:0 14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    font-weight:700;
    font-size:12px;
    box-shadow:0 10px 22px rgba(15,23,42,.08);
    cursor:pointer;
    text-decoration:none;
}
.task-ui-view-card:hover{background:#0A84FF;color:#fff;border-color:#0A84FF;}
.task-ui-view-modal{max-width:860px;width:min(860px,calc(100vw - 32px));}
.task-view-body{padding:22px;display:grid;gap:18px;max-height:72vh;overflow:auto;}
.task-view-loading,.task-view-error{padding:34px;text-align:center;color:#64748b;font-weight:700;}
.task-view-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.task-view-summary>div,.task-view-box,.task-view-section{border:1px solid rgba(148,163,184,.22);background:rgba(248,250,252,.82);border-radius:18px;padding:14px;}
.task-view-summary span,.task-view-box span{display:block;color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:800;margin-bottom:8px;}
.task-view-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.task-view-box strong{display:block;color:#0f172a;font-size:13px;font-weight:800;}
.task-view-section h3{font-size:13px;font-weight:900;color:#0f172a;margin:0 0 10px;}
.task-view-description{font-size:13px;line-height:1.65;color:#475569;}
.task-view-people{display:flex;flex-wrap:wrap;gap:10px;}
.task-view-person{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid rgba(148,163,184,.2);border-radius:999px;padding:6px 12px 6px 6px;}
.task-view-person b{font-size:12px;color:#0f172a;}
.task-view-person small{font-size:11px;color:#64748b;}
.task-view-files{display:flex;flex-wrap:wrap;gap:10px;}
.task-view-file{display:inline-flex;align-items:center;gap:8px;background:#eff6ff;color:#0A84FF;border:1px solid rgba(10,132,255,.18);border-radius:999px;padding:8px 12px;text-decoration:none;font-size:12px;font-weight:800;}
.task-view-file:hover{background:#0A84FF;color:#fff;}
.task-view-muted{color:#94a3b8;font-size:13px;font-weight:700;}
[data-theme="dark"] .task-ui-view-card,body.dark-mode .task-ui-view-card{background:rgba(15,23,42,.92);color:#f8fafc;border-color:rgba(148,163,184,.24);}
[data-theme="dark"] .task-view-summary>div,[data-theme="dark"] .task-view-box,[data-theme="dark"] .task-view-section,body.dark-mode .task-view-summary>div,body.dark-mode .task-view-box,body.dark-mode .task-view-section{background:rgba(15,23,42,.78);border-color:rgba(148,163,184,.18);}
[data-theme="dark"] .task-view-section h3,[data-theme="dark"] .task-view-box strong,[data-theme="dark"] .task-view-person b,body.dark-mode .task-view-section h3,body.dark-mode .task-view-box strong,body.dark-mode .task-view-person b{color:#f8fafc;}
[data-theme="dark"] .task-view-description,body.dark-mode .task-view-description{color:#cbd5e1;}
[data-theme="dark"] .task-view-person,body.dark-mode .task-view-person{background:rgba(30,41,59,.72);border-color:rgba(148,163,184,.18);}
@media(max-width:720px){.task-view-summary,.task-view-grid{grid-template-columns:1fr}.task-ui-view-modal{width:calc(100vw - 20px)}}

/* Task Manager v144: View mode keeps edit modal layout but locks fields */
.task-ui-modal.task-view-mode .task-ui-file-drop,.task-ui-modal.task-view-mode [data-task-ui-selected-files]{display:none!important}
.task-ui-modal.task-view-mode .task-ui-existing-files{grid-template-columns:1fr;gap:8px;margin-top:8px}
.task-ui-modal.task-view-mode .task-ui-existing-files a{max-width:100%;background:#f8fbff}
.task-ui-modal.task-view-mode input:disabled,.task-ui-modal.task-view-mode textarea:disabled,.task-ui-modal.task-view-mode select:disabled{background:#f8fafc;color:#334155;opacity:1;cursor:not-allowed}
.task-ui-modal.task-view-mode .select2-container--disabled .select2-selection{background:#f8fafc!important;color:#334155!important;opacity:1!important;cursor:not-allowed!important}
.task-ui-modal.task-view-mode .note-editor.note-frame{background:#f8fafc}
.task-ui-modal.task-view-mode .note-toolbar{display:none!important}
[data-theme="dark"] .task-ui-modal.task-view-mode input:disabled,[data-theme="dark"] .task-ui-modal.task-view-mode textarea:disabled,[data-theme="dark"] .task-ui-modal.task-view-mode select:disabled,body.dark-mode .task-ui-modal.task-view-mode input:disabled,body.dark-mode .task-ui-modal.task-view-mode textarea:disabled,body.dark-mode .task-ui-modal.task-view-mode select:disabled{background:#0d131b;color:#e5e7eb}
[data-theme="dark"] .task-ui-modal.task-view-mode .task-ui-existing-files a,body.dark-mode .task-ui-modal.task-view-mode .task-ui-existing-files a{background:#0d131b;color:#bfdbfe}

/* Task Manager v145: scrollable add/edit/view modal */

.task-manager-pipeline-style .task-ui-modal-backdrop,
.task-ui-modal-backdrop[data-task-ui-modal]{
  align-items:center!important;
  justify-items:center!important;
  padding:18px!important;
  overflow:hidden!important;
}
.task-manager-pipeline-style .task-ui-modal,
.task-ui-modal-backdrop[data-task-ui-modal] .task-ui-modal{
  max-height:calc(100dvh - 36px)!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.task-manager-pipeline-style .task-ui-modal-head,
.task-ui-modal-backdrop[data-task-ui-modal] .task-ui-modal-head{
  flex:0 0 auto!important;
  position:relative!important;
  z-index:2!important;
  background:inherit!important;
}
.task-manager-pipeline-style .task-ui-form,
.task-ui-modal-backdrop[data-task-ui-modal] .task-ui-form{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
  padding-bottom:16px!important;
}
.task-manager-pipeline-style .task-ui-form::-webkit-scrollbar,
.task-ui-modal-backdrop[data-task-ui-modal] .task-ui-form::-webkit-scrollbar{width:8px}
.task-manager-pipeline-style .task-ui-form::-webkit-scrollbar-thumb,
.task-ui-modal-backdrop[data-task-ui-modal] .task-ui-form::-webkit-scrollbar-thumb{background:rgba(148,163,184,.55);border-radius:999px}
.task-manager-pipeline-style .task-ui-form::-webkit-scrollbar-track,
.task-ui-modal-backdrop[data-task-ui-modal] .task-ui-form::-webkit-scrollbar-track{background:transparent}
.task-manager-pipeline-style .task-ui-modal-foot,
.task-ui-modal-backdrop[data-task-ui-modal] .task-ui-modal-foot{
  flex:0 0 auto!important;
  position:sticky!important;
  bottom:0!important;
  z-index:3!important;
  margin:0 -24px -24px!important;
  padding:14px 24px!important;
  background:#fff!important;
  border-top:1px solid #e5e8f2!important;
}
[data-theme="dark"] .task-manager-pipeline-style .task-ui-modal-foot,
[data-theme="dark"] .task-ui-modal-backdrop[data-task-ui-modal] .task-ui-modal-foot,
body.dark-mode .task-manager-pipeline-style .task-ui-modal-foot,
body.dark-mode .task-ui-modal-backdrop[data-task-ui-modal] .task-ui-modal-foot{
  background:#111821!important;
  border-top-color:#263343!important;
}
@media(max-width:780px){
  .task-manager-pipeline-style .task-ui-modal-backdrop,
  .task-ui-modal-backdrop[data-task-ui-modal]{padding:0!important;align-items:flex-end!important}
  .task-manager-pipeline-style .task-ui-modal,
  .task-ui-modal-backdrop[data-task-ui-modal] .task-ui-modal{
    width:100%!important;
    max-height:calc(100dvh - 10px)!important;
    border-radius:18px 18px 0 0!important;
  }
}


/* Task Manager v146: view mode file display */
.task-ui-modal.task-view-mode .task-ui-existing-files{
  grid-template-columns:minmax(0,1fr) 42px!important;
  align-items:center;
  gap:10px!important;
}
.task-ui-modal.task-view-mode .task-ui-existing-files:empty{display:none!important;}
.task-ui-modal.task-view-mode .task-ui-existing-download{
  width:42px!important;
  min-height:38px!important;
  max-width:42px!important;
  justify-content:center!important;
  padding:0!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#0a84ff!important;
  border:1px solid #dfe6f2!important;
  box-shadow:0 8px 18px rgba(15,23,42,.05)!important;
}
.task-ui-modal.task-view-mode .task-ui-existing-download:hover{
  background:#f1f6ff!important;
  color:#006edb!important;
}
.task-ui-modal.task-view-mode .task-ui-existing-files a:not(.task-ui-existing-download){
  max-width:100%!important;
}
html[data-theme="dark"] .task-ui-modal.task-view-mode .task-ui-existing-download,
body[data-active-theme="dark"] .task-ui-modal.task-view-mode .task-ui-existing-download,
body.dark-mode .task-ui-modal.task-view-mode .task-ui-existing-download{
  background:#111821!important;
  border-color:#263343!important;
  color:#69a3ff!important;
}


/* v147 Task Manager view attachments: hide upload picker and align download actions */
.task-ui-modal.task-view-mode .task-ui-file-drop,
.task-ui-modal.task-view-mode [data-task-ui-selected-files]{display:none!important;}
.task-ui-modal .task-ui-existing-files{display:grid;grid-template-columns:1fr;gap:8px;margin-top:8px;}
.task-ui-existing-file-row{display:grid;grid-template-columns:minmax(0,1fr) 42px;align-items:center;gap:10px;width:100%;}
.task-ui-existing-file-row .task-ui-existing-file-name{min-width:0;min-height:42px;border-radius:12px;background:#f4f7fb;border:1px solid #e3e9f3;color:#172033;text-decoration:none;display:flex;align-items:center;gap:9px;padding:0 14px;font-size:13px;font-weight:650;overflow:hidden;}
.task-ui-existing-file-row .task-ui-existing-file-name span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.task-ui-existing-file-row .task-ui-existing-download,
.task-ui-existing-file-row .task-ui-existing-remove{width:42px;height:42px;border:1px solid #e3e9f3;border-radius:12px;background:#fff;color:#147eff;display:grid;place-items:center;text-decoration:none;box-shadow:0 8px 20px rgba(15,23,42,.04);}
.task-ui-existing-file-row .task-ui-existing-download:hover{background:#eef6ff;border-color:#cfe3ff;color:#0f63cf;}
.task-ui-existing-file-row .task-ui-existing-remove{color:#ef4444;cursor:pointer;}
.task-ui-existing-file-row .task-ui-existing-remove:hover{background:#fff1f2;border-color:#fecdd3;color:#dc2626;}
.task-ui-modal.task-view-mode .task-ui-existing-files:empty{display:none!important;}
html[data-theme="dark"] .task-ui-existing-file-row .task-ui-existing-file-name,
body[data-active-theme="dark"] .task-ui-existing-file-row .task-ui-existing-file-name,
body.dark-mode .task-ui-existing-file-row .task-ui-existing-file-name{background:#0d131b;border-color:#263343;color:#f6f8ff;}
html[data-theme="dark"] .task-ui-existing-file-row .task-ui-existing-download,
html[data-theme="dark"] .task-ui-existing-file-row .task-ui-existing-remove,
body[data-active-theme="dark"] .task-ui-existing-file-row .task-ui-existing-download,
body[data-active-theme="dark"] .task-ui-existing-file-row .task-ui-existing-remove,
body.dark-mode .task-ui-existing-file-row .task-ui-existing-download,
body.dark-mode .task-ui-existing-file-row .task-ui-existing-remove{background:#111821;border-color:#263343;}


/* v148 Task Manager view modal attachment cleanup: no upload picker in view mode */
body.task-manager-pipeline-style .task-ui-modal-backdrop.task-view-mode .task-ui-file-drop,
body.task-manager-pipeline-style .task-ui-modal-backdrop.task-view-mode [data-task-ui-selected-files],
body.task-manager-pipeline-style .task-ui-modal.task-view-mode .task-ui-file-drop,
body.task-manager-pipeline-style .task-ui-modal.task-view-mode [data-task-ui-selected-files]{
  display:none!important;
  visibility:hidden!important;
  min-height:0!important;
  height:0!important;
  max-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  overflow:hidden!important;
}
body.task-manager-pipeline-style .task-ui-modal-backdrop.task-view-mode .task-ui-existing-files,
body.task-manager-pipeline-style .task-ui-modal.task-view-mode .task-ui-existing-files{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  margin-top:8px!important;
}
body.task-manager-pipeline-style .task-ui-modal-backdrop.task-view-mode .task-ui-existing-file-row,
body.task-manager-pipeline-style .task-ui-modal.task-view-mode .task-ui-existing-file-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 44px!important;
  align-items:center!important;
  gap:0!important;
  width:100%!important;
  min-height:44px!important;
  border:1px solid #e3e9f3!important;
  border-radius:13px!important;
  background:#f4f7fb!important;
  overflow:hidden!important;
}
body.task-manager-pipeline-style .task-ui-modal-backdrop.task-view-mode .task-ui-existing-file-row .task-ui-existing-file-name,
body.task-manager-pipeline-style .task-ui-modal.task-view-mode .task-ui-existing-file-row .task-ui-existing-file-name{
  min-height:44px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0 14px!important;
  color:#172033!important;
}
body.task-manager-pipeline-style .task-ui-modal-backdrop.task-view-mode .task-ui-existing-file-row .task-ui-existing-download,
body.task-manager-pipeline-style .task-ui-modal.task-view-mode .task-ui-existing-file-row .task-ui-existing-download{
  width:44px!important;
  height:44px!important;
  min-height:44px!important;
  max-width:44px!important;
  border:0!important;
  border-left:1px solid #e3e9f3!important;
  border-radius:0!important;
  background:#fff!important;
  color:#0a84ff!important;
  box-shadow:none!important;
  display:grid!important;
  place-items:center!important;
  text-decoration:none!important;
}
body.task-manager-pipeline-style .task-ui-modal-backdrop.task-view-mode .task-ui-existing-file-row .task-ui-existing-download:hover,
body.task-manager-pipeline-style .task-ui-modal.task-view-mode .task-ui-existing-file-row .task-ui-existing-download:hover{
  background:#eef6ff!important;
  color:#006edb!important;
}
html[data-theme="dark"] body.task-manager-pipeline-style .task-ui-modal-backdrop.task-view-mode .task-ui-existing-file-row,
body[data-active-theme="dark"].task-manager-pipeline-style .task-ui-modal-backdrop.task-view-mode .task-ui-existing-file-row,
body.dark-mode.task-manager-pipeline-style .task-ui-modal-backdrop.task-view-mode .task-ui-existing-file-row,
html[data-theme="dark"] body.task-manager-pipeline-style .task-ui-modal.task-view-mode .task-ui-existing-file-row,
body[data-active-theme="dark"].task-manager-pipeline-style .task-ui-modal.task-view-mode .task-ui-existing-file-row,
body.dark-mode.task-manager-pipeline-style .task-ui-modal.task-view-mode .task-ui-existing-file-row{
  background:#0d131b!important;
  border-color:#263343!important;
}
html[data-theme="dark"] body.task-manager-pipeline-style .task-ui-modal-backdrop.task-view-mode .task-ui-existing-file-row .task-ui-existing-file-name,
body[data-active-theme="dark"].task-manager-pipeline-style .task-ui-modal-backdrop.task-view-mode .task-ui-existing-file-row .task-ui-existing-file-name,
body.dark-mode.task-manager-pipeline-style .task-ui-modal-backdrop.task-view-mode .task-ui-existing-file-row .task-ui-existing-file-name,
html[data-theme="dark"] body.task-manager-pipeline-style .task-ui-modal.task-view-mode .task-ui-existing-file-row .task-ui-existing-file-name,
body[data-active-theme="dark"].task-manager-pipeline-style .task-ui-modal.task-view-mode .task-ui-existing-file-row .task-ui-existing-file-name,
body.dark-mode.task-manager-pipeline-style .task-ui-modal.task-view-mode .task-ui-existing-file-row .task-ui-existing-file-name{
  color:#f6f8ff!important;
}
html[data-theme="dark"] body.task-manager-pipeline-style .task-ui-modal-backdrop.task-view-mode .task-ui-existing-file-row .task-ui-existing-download,
body[data-active-theme="dark"].task-manager-pipeline-style .task-ui-modal-backdrop.task-view-mode .task-ui-existing-file-row .task-ui-existing-download,
body.dark-mode.task-manager-pipeline-style .task-ui-modal-backdrop.task-view-mode .task-ui-existing-file-row .task-ui-existing-download,
html[data-theme="dark"] body.task-manager-pipeline-style .task-ui-modal.task-view-mode .task-ui-existing-file-row .task-ui-existing-download,
body[data-active-theme="dark"].task-manager-pipeline-style .task-ui-modal.task-view-mode .task-ui-existing-file-row .task-ui-existing-download,
body.dark-mode.task-manager-pipeline-style .task-ui-modal.task-view-mode .task-ui-existing-file-row .task-ui-existing-download{
  background:#111821!important;
  border-left-color:#263343!important;
  color:#69a3ff!important;
}

/* v149 - Task Manager modal medium width */
body.task-manager-pipeline-style .task-ui-modal-backdrop[data-task-ui-modal] .task-ui-modal,
body.task-manager-pipeline-style .task-ui-modal-backdrop[data-task-ui-view-modal] .task-ui-modal,
body.task-manager-pipeline-style .task-ui-modal{
  width:min(640px, calc(100vw - 32px))!important;
  max-width:640px!important;
}
body.task-manager-pipeline-style .task-ui-modal .task-ui-form{
  grid-template-columns:1fr 1fr;
}
@media(max-width:720px){
  body.task-manager-pipeline-style .task-ui-modal-backdrop[data-task-ui-modal] .task-ui-modal,
  body.task-manager-pipeline-style .task-ui-modal-backdrop[data-task-ui-view-modal] .task-ui-modal,
  body.task-manager-pipeline-style .task-ui-modal{
    width:100%!important;
    max-width:100%!important;
  }
  body.task-manager-pipeline-style .task-ui-modal .task-ui-form{
    grid-template-columns:1fr;
  }
}


/* v152 Task Timeline + Calendar real data polish */
.task-timeline-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.task-timeline-toolbar h2{margin:0;font-size:20px;font-weight:780;color:#111827}.task-timeline-toolbar p{margin:5px 0 0;color:#667085;font-size:13px}.task-timeline-summary{display:inline-flex;align-items:center;border:1px solid #dfe7f3;border-radius:999px;padding:9px 13px;background:#fff;color:#475467;font-size:13px}.task-timeline-summary b{color:#0b7cff}.task-real-timeline-grid .task-ui-empty.compact{min-height:120px}.task-timeline-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 8px}.task-timeline-tags .task-ui-status,.task-timeline-tags .task-ui-priority{height:24px;padding:0 9px;font-size:11px;border-radius:999px;display:inline-flex;align-items:center;gap:4px}.task-ui-timeline-item time small{display:block;margin-top:4px;color:#98a2b3;font-size:11px}.task-ui-timeline-item .task-ui-avatar-row{display:flex;align-items:center;margin-top:8px}.task-ui-timeline-item .task-ui-avatar-row img,.task-ui-timeline-item .task-ui-avatar-row .task-ui-avatar-initial{width:26px;height:26px;margin-right:-7px;border:2px solid #fff}.task-ui-timeline-item .task-ui-avatar-row b{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#eef4ff;color:#0b7cff;font-size:11px;margin-left:2px}.task-ui-timeline-item em i{margin-right:6px}.task-calendar-add-link{text-decoration:none;justify-content:center}.task-calendar-upcoming{display:grid;gap:9px}.task-calendar-upcoming-item{border:0;border-radius:9px;padding:10px 12px;text-align:left;background:#f5f8ff;color:#0f172a;display:grid;gap:4px;cursor:pointer}.task-calendar-upcoming-item b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-calendar-upcoming-item span{font-size:12px;color:#667085}.task-calendar-upcoming-item.new{background:#eef5ff}.task-calendar-upcoming-item.progress{background:#eafaff}.task-calendar-upcoming-item.pending{background:#fff4e8}.task-calendar-upcoming-item.completed{background:#ebfbf1}.task-calendar-upcoming-item.overdue{background:#fff1f2}.task-calendar-empty-small{border:1px dashed #d7e1ef;border-radius:10px;padding:13px;color:#8391a6;font-size:13px;text-align:center;background:#f8fbff}.task-calendar-loading{grid-column:1/-1;min-height:340px;display:grid;place-items:center;color:#667085}.task-calendar-events{position:absolute;left:7px;right:7px;top:34px;bottom:8px;display:grid;gap:4px;align-content:start;overflow:hidden}.task-calendar-event{width:100%;min-height:25px;border:0;border-left:3px solid #0b7cff;border-radius:6px;background:#eef5ff;color:#175cd3;padding:4px 6px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:11px;font-weight:650;cursor:pointer}.task-calendar-event span{position:static!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-calendar-event small{font-size:10px;opacity:.78;flex:0 0 auto}.task-calendar-event.progress{background:#e8fbff;border-left-color:#06aed4;color:#087ea4}.task-calendar-event.pending{background:#fff2e4;border-left-color:#f97316;color:#c2410c}.task-calendar-event.completed{background:#e9fbf1;border-left-color:#16a34a;color:#15803d}.task-calendar-event.overdue{background:#fff1f2;border-left-color:#ef4444;color:#dc2626}.task-calendar-more{position:absolute!important;left:7px!important;right:7px!important;bottom:6px!important;background:#f1f5f9!important;color:#475467!important;border-radius:6px!important;font-size:10px!important;padding:3px 6px!important}.task-calendar-week-list{grid-column:1/-1;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;background:#fff;padding:12px}.task-calendar-week-day{min-height:430px;border:1px solid #e1e7f0;border-radius:10px;background:#f9fbff;padding:10px;display:grid;align-content:start;gap:10px}.task-calendar-week-day h3{margin:0;font-size:13px;color:#111827;font-weight:750}.task-calendar-week-day>div{display:grid;gap:7px}.task-calendar-day-list{grid-column:1/-1;background:#fff;min-height:430px;padding:18px;display:grid;align-content:start;gap:10px}.task-calendar-day-list .task-calendar-event{height:auto;padding:11px 12px;font-size:13px}.task-calendar-empty-big{min-height:330px;display:grid;place-items:center;text-align:center;color:#667085}.task-calendar-empty-big i{font-size:34px;color:#98a2b3}.task-calendar-empty-big b{display:block;color:#111827}.task-calendar-detail p{display:grid;grid-template-columns:90px minmax(0,1fr);gap:8px;margin-bottom:13px}.task-calendar-detail span{overflow-wrap:anywhere}
html[data-theme="dark"] .task-timeline-toolbar h2,body.dark-mode .task-timeline-toolbar h2,html[data-theme="dark"] .task-calendar-week-day h3,body.dark-mode .task-calendar-week-day h3,html[data-theme="dark"] .task-calendar-empty-big b,body.dark-mode .task-calendar-empty-big b{color:#f8fafc}html[data-theme="dark"] .task-timeline-toolbar p,body.dark-mode .task-timeline-toolbar p{color:#94a3b8}html[data-theme="dark"] .task-timeline-summary,body.dark-mode .task-timeline-summary,html[data-theme="dark"] .task-calendar-week-day,body.dark-mode .task-calendar-week-day,html[data-theme="dark"] .task-calendar-day-list,body.dark-mode .task-calendar-day-list,html[data-theme="dark"] .task-calendar-empty-small,body.dark-mode .task-calendar-empty-small{background:#111827;border-color:#263343;color:#cbd5e1}html[data-theme="dark"] .task-calendar-upcoming-item,body.dark-mode .task-calendar-upcoming-item{background:#111827;color:#e5e7eb}html[data-theme="dark"] .task-calendar-upcoming-item span,body.dark-mode .task-calendar-upcoming-item span{color:#94a3b8}html[data-theme="dark"] .task-calendar-event,body.dark-mode .task-calendar-event{background:#132036}html[data-theme="dark"] .task-ui-timeline-item .task-ui-avatar-row img,html[data-theme="dark"] .task-ui-timeline-item .task-ui-avatar-row .task-ui-avatar-initial,body.dark-mode .task-ui-timeline-item .task-ui-avatar-row img,body.dark-mode .task-ui-timeline-item .task-ui-avatar-row .task-ui-avatar-initial{border-color:#111827}
@media(max-width:900px){.task-ui-timeline-grid,.task-real-timeline-grid{grid-template-columns:1fr}.task-calendar-card{grid-template-columns:1fr}.task-calendar-side{border-right:0;border-bottom:1px solid #e1e6f0}.task-calendar-week-list{grid-template-columns:1fr}.task-calendar-week-day{min-height:auto}.task-calendar-topbar{grid-template-columns:1fr}.task-calendar-modes{justify-self:start}.task-calendar-topbar h2{text-align:left}.task-calendar-detail p{grid-template-columns:1fr}}


/* Task Manager calendar/timeline professional finish v153 */
.task-calendar-ui{max-width:1440px!important}.task-calendar-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.task-calendar-hero h1{font-size:42px;line-height:1;font-weight:850;letter-spacing:-1.3px;margin:10px 0 8px;color:#101828}.task-calendar-hero p{margin:0;color:#667085;font-size:14px}.task-calendar-hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.task-calendar-secondary{height:44px;display:inline-flex;align-items:center;gap:8px;padding:0 15px;border-radius:14px;background:#fff;border:1px solid #dfe7f3;color:#111827;text-decoration:none;font-weight:750;box-shadow:0 12px 28px rgba(15,23,42,.08)}.task-calendar-pro-card{border:1px solid rgba(15,23,42,.08)!important;border-radius:22px!important;box-shadow:0 22px 60px rgba(15,23,42,.09)!important;overflow:hidden;background:#fff!important}.task-calendar-pro-side{padding:20px!important;background:linear-gradient(180deg,#fbfdff 0%,#f7faff 100%)!important}.task-calendar-mini-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}.task-calendar-mini-stats div{border:1px solid #e3eaf5;background:#fff;border-radius:14px;padding:11px 10px;display:grid;gap:2px}.task-calendar-mini-stats b{font-size:20px;line-height:1;color:#0b7cff}.task-calendar-mini-stats span{font-size:10px;color:#667085;font-weight:750;text-transform:uppercase;letter-spacing:.03em}.task-calendar-reminder-box{display:flex;align-items:flex-start;gap:10px;margin-top:12px;border:1px solid #cfe0ff;background:#eef6ff;border-radius:16px;padding:12px}.task-calendar-reminder-box i{width:34px;height:34px;border-radius:12px;background:#0b7cff;color:#fff;display:grid;place-items:center;font-size:17px;flex:0 0 auto}.task-calendar-reminder-box b{display:block;font-size:13px;color:#111827}.task-calendar-reminder-box span{display:block;margin-top:2px;color:#667085;font-size:12px;line-height:1.35}.task-calendar-side-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.task-calendar-side-title h3{margin:0!important}.task-calendar-side-title span{min-width:26px;height:24px;padding:0 8px;border-radius:999px;background:#eef4ff;color:#0b7cff;font-size:12px;font-weight:800;display:inline-grid;place-items:center}.task-calendar-pro-main{padding:22px!important;background:#fff}.task-calendar-pro-topbar{margin-bottom:12px!important}.task-calendar-left-controls button,.task-calendar-modes button{height:38px!important;border-radius:12px!important;border:1px solid #dce5f3!important;background:#fff!important;color:#475467!important;font-size:13px!important;font-weight:750!important}.task-calendar-left-controls button:hover,.task-calendar-modes button:hover{background:#f5f8ff!important;color:#0b7cff!important}.task-calendar-modes{gap:7px}.task-calendar-modes button.active{background:#0b7cff!important;color:#fff!important;border-color:#0b7cff!important;box-shadow:0 10px 24px rgba(11,124,255,.24)}.task-calendar-pro-topbar h2{font-size:27px!important;font-weight:850!important;letter-spacing:-.8px!important}.task-calendar-legend{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 14px}.task-calendar-legend span{height:26px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:800;display:inline-flex;align-items:center;gap:6px}.task-calendar-legend span:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.task-calendar-legend .new{background:#eef5ff;color:#0b7cff}.task-calendar-legend .progress{background:#e8fbff;color:#087ea4}.task-calendar-legend .pending{background:#fff2e4;color:#c2410c}.task-calendar-legend .completed{background:#e9fbf1;color:#15803d}.task-calendar-legend .overdue{background:#fff1f2;color:#dc2626}.task-calendar-pro-grid{border-color:#e5edf8!important;border-radius:18px;overflow:hidden;background:#e5edf8!important}.task-weekday{height:42px!important;background:#f8fbff!important;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#667085!important}.task-calendar-day-cell{min-height:118px;height:auto!important;background:#fff!important;padding:12px!important;transition:transform .15s,background .15s,box-shadow .15s}.task-calendar-day-cell:hover{background:#fbfdff!important;box-shadow:inset 0 0 0 1px #cfe0ff}.task-calendar-day-cell.selected{background:#eef6ff!important}.task-calendar-day-cell>span:first-child{font-weight:800;color:#475467}.task-calendar-events{top:38px!important}.task-calendar-event{min-height:28px!important;border-left-width:4px!important;border-radius:9px!important;padding:5px 7px!important;box-shadow:0 4px 12px rgba(15,23,42,.05);font-size:11px!important}.task-calendar-event small{display:inline-flex;align-items:center;gap:3px}.task-calendar-upcoming-item{position:relative;border:1px solid #e3eaf5!important;border-radius:14px!important;background:#fff!important;padding:12px 12px!important;box-shadow:0 10px 24px rgba(15,23,42,.045)}.task-calendar-upcoming-item:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:4px;border-radius:0 8px 8px 0;background:#0b7cff}.task-calendar-upcoming-item.progress:before{background:#06aed4}.task-calendar-upcoming-item.pending:before{background:#f97316}.task-calendar-upcoming-item.completed:before{background:#16a34a}.task-calendar-upcoming-item.overdue:before{background:#ef4444}.task-calendar-upcoming-item em{justify-self:start;margin-top:3px;background:#f2f4f7;color:#475467;border-radius:999px;padding:3px 8px;font-size:10px;font-style:normal;font-weight:800}.task-calendar-pro-detail{padding:18px 20px!important}.task-calendar-modal-badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.task-calendar-modal-badges span{height:26px;border-radius:999px;background:#eef4ff;color:#0b7cff;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex;align-items:center}.task-calendar-add-note{display:flex;gap:8px;align-items:center;margin-top:16px;padding:11px 12px;border-radius:14px;background:#f5f9ff;border:1px solid #dbeafe;color:#475467}.task-calendar-add-note i{color:#0b7cff;font-size:18px}.task-calendar-modal-foot .btn{display:inline-flex;align-items:center;gap:7px}.task-calendar-modal-foot .btn.primary{background:#0b7cff;color:#fff;border-color:#0b7cff}.task-timeline-pro-toolbar{padding:18px 20px;border:1px solid #e5edf8;border-radius:20px;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 18px 44px rgba(15,23,42,.06)}.task-pro-timeline-grid{gap:18px!important}.task-pro-timeline-card{border-radius:22px!important;border:1px solid #e5edf8!important;box-shadow:0 18px 44px rgba(15,23,42,.06)!important;padding:20px!important}.task-pro-timeline-card h2{display:flex;align-items:center;gap:8px;font-size:16px!important;font-weight:850!important;color:#111827!important;margin-bottom:16px!important}.task-pro-timeline-card h2 i{width:34px;height:34px;border-radius:12px;background:#eef5ff;color:#0b7cff;display:grid;place-items:center}.task-pro-timeline{gap:13px!important}.task-pro-timeline:before{left:14px!important;top:18px!important;bottom:18px!important;background:#dfe8f5!important}.task-pro-timeline-item{grid-template-columns:1fr!important;padding-left:42px!important;border:1px solid #e5edf8;border-radius:18px;background:#fff;padding-top:14px;padding-bottom:14px;padding-right:14px;box-shadow:0 10px 26px rgba(15,23,42,.045)}.task-pro-timeline-item:before{left:8px!important;top:22px!important}.task-pro-timeline-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.task-pro-timeline-head strong{font-size:14px!important;font-weight:850!important;color:#111827!important;margin:0!important}.task-pro-timeline-head span{margin:0!important;text-align:right;color:#667085!important;font-size:12px!important;line-height:1.2}.task-pro-timeline-head b{display:block;font-size:12px;color:#475467}.task-pro-timeline-head b.danger{color:#dc2626}.task-pro-timeline-head b.today{color:#0b7cff}.task-pro-timeline-head b.soon{color:#f97316}.task-pro-timeline-main p{margin:10px 0 10px!important;color:#667085!important;font-size:13px!important;line-height:1.45}.task-pro-progress{height:5px;border-radius:999px;background:#eef2f7;overflow:hidden;margin:10px 0}.task-pro-progress i{display:block;height:100%;background:#0b7cff;border-radius:999px}.task-pro-people{display:flex;align-items:center;gap:8px;margin-top:8px;color:#667085;font-size:12px}.task-pro-people img,.task-pro-people .task-ui-avatar-initial{width:26px;height:26px;margin-right:-12px;border:2px solid #fff}.task-pro-people span{margin-left:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-pro-file{margin-top:10px;display:inline-flex;align-items:center;gap:6px;max-width:100%;border-radius:999px;background:#f5f8ff;color:#0b7cff;text-decoration:none;padding:6px 10px;font-size:11px;font-weight:800}.task-pro-file:hover{background:#eaf2ff}.task-ui-timeline.outlined .task-pro-timeline-item{background:#fbfdff}.task-calendar-empty-small{background:#fff!important}
html[data-theme="dark"] .task-calendar-hero h1,body[data-active-theme="dark"] .task-calendar-hero h1,html[data-theme="dark"] .task-pro-timeline-card h2,body[data-active-theme="dark"] .task-pro-timeline-card h2,html[data-theme="dark"] .task-pro-timeline-head strong,body[data-active-theme="dark"] .task-pro-timeline-head strong{color:#f8fafc!important}html[data-theme="dark"] .task-calendar-hero p,body[data-active-theme="dark"] .task-calendar-hero p,html[data-theme="dark"] .task-pro-timeline-main p,body[data-active-theme="dark"] .task-pro-timeline-main p{color:#94a3b8!important}html[data-theme="dark"] .task-calendar-pro-card,html[data-theme="dark"] .task-calendar-pro-main,html[data-theme="dark"] .task-calendar-pro-side,html[data-theme="dark"] .task-pro-timeline-card,html[data-theme="dark"] .task-pro-timeline-item,body[data-active-theme="dark"] .task-calendar-pro-card,body[data-active-theme="dark"] .task-calendar-pro-main,body[data-active-theme="dark"] .task-calendar-pro-side,body[data-active-theme="dark"] .task-pro-timeline-card,body[data-active-theme="dark"] .task-pro-timeline-item{background:#111827!important;border-color:#263343!important}html[data-theme="dark"] .task-calendar-day-cell,body[data-active-theme="dark"] .task-calendar-day-cell{background:#0d131b!important}html[data-theme="dark"] .task-weekday,body[data-active-theme="dark"] .task-weekday{background:#111827!important;color:#cbd5e1!important}html[data-theme="dark"] .task-calendar-pro-grid,body[data-active-theme="dark"] .task-calendar-pro-grid{background:#263343!important;border-color:#263343!important}html[data-theme="dark"] .task-calendar-secondary,html[data-theme="dark"] .task-calendar-left-controls button,html[data-theme="dark"] .task-calendar-modes button,html[data-theme="dark"] .task-calendar-upcoming-item,html[data-theme="dark"] .task-calendar-mini-stats div,body[data-active-theme="dark"] .task-calendar-secondary,body[data-active-theme="dark"] .task-calendar-left-controls button,body[data-active-theme="dark"] .task-calendar-modes button,body[data-active-theme="dark"] .task-calendar-upcoming-item,body[data-active-theme="dark"] .task-calendar-mini-stats div{background:#0d131b!important;border-color:#263343!important;color:#e5e7eb!important}
@media(max-width:1180px){.task-calendar-hero{align-items:flex-start;flex-direction:column}.task-calendar-pro-card{grid-template-columns:1fr!important}.task-calendar-pro-side{border-right:0!important;border-bottom:1px solid #e5edf8}.task-calendar-pro-main{overflow:auto}.task-calendar-pro-grid{min-width:920px}}@media(max-width:780px){.task-calendar-hero h1{font-size:34px}.task-calendar-hero-actions{width:100%}.task-calendar-hero-actions>*{flex:1;justify-content:center}.task-calendar-mini-stats{grid-template-columns:1fr}.task-pro-timeline-grid{grid-template-columns:1fr!important}.task-pro-timeline-head{display:grid}.task-pro-timeline-head span{text-align:left}.task-pro-people span{white-space:normal}}
.task-pro-calendar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.task-pro-calendar-actions button{height:30px;border:1px solid #dfe7f3;border-radius:999px;background:#fff;color:#475467;padding:0 11px;font-size:11px;font-weight:800;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.task-pro-calendar-actions button:hover{background:#eef5ff;color:#0b7cff;border-color:#cfe0ff}html[data-theme="dark"] .task-pro-calendar-actions button,body[data-active-theme="dark"] .task-pro-calendar-actions button{background:#0d131b;border-color:#263343;color:#cbd5e1}html[data-theme="dark"] .task-pro-calendar-actions button:hover,body[data-active-theme="dark"] .task-pro-calendar-actions button:hover{background:#132036;color:#60a5fa}


/* Task Manager v154: polished timeline/calendar header, modal fit, week view wrapping */
.task-ui-panel[data-task-ui-panel="timeline"] .task-real-timeline-grid{margin-top:0!important;}
.task-timeline-pro-toolbar{display:none!important;}
.task-calendar-ui{padding-top:8px!important;}
.task-calendar-hero{margin-top:0!important;margin-bottom:18px!important;align-items:center!important;}
.task-calendar-hero h1{font-size:48px!important;line-height:1!important;letter-spacing:-1.8px!important;margin:0 0 8px!important;font-weight:900!important;}
.task-calendar-hero p{font-size:14px!important;margin:0!important;color:#667085!important;}
.task-calendar-hero .task-ui-breadcrumb{display:none!important;}
.task-calendar-add-link{border:0!important;cursor:pointer;}
.task-calendar-pro-card{margin-top:0!important;}
.task-ui-modal-backdrop[data-calendar-modal]{align-items:center!important;justify-content:center!important;padding:24px!important;}
.task-ui-modal-backdrop[data-calendar-modal] .task-ui-modal.small{width:min(620px,calc(100vw - 48px))!important;max-height:86vh!important;display:flex!important;flex-direction:column!important;border-radius:22px!important;overflow:hidden!important;}
.task-ui-modal-backdrop[data-calendar-modal] .task-ui-modal-head{flex:0 0 auto!important;}
.task-ui-modal-backdrop[data-calendar-modal] .task-calendar-pro-detail{overflow:auto!important;max-height:calc(86vh - 150px)!important;padding:18px 22px!important;}
.task-calendar-pro-detail p{display:grid!important;grid-template-columns:88px minmax(0,1fr)!important;gap:10px!important;align-items:start!important;margin:0 0 12px!important;font-size:14px!important;line-height:1.45!important;}
.task-calendar-pro-detail p strong{color:#111827!important;font-weight:850!important;}
.task-calendar-pro-detail p span{min-width:0!important;word-break:break-word!important;color:#667085!important;font-weight:700!important;}
.task-calendar-modal-foot{flex:0 0 auto!important;display:flex!important;justify-content:flex-end!important;gap:8px!important;padding:12px 16px!important;}
.task-calendar-modal-foot .btn{height:42px!important;border-radius:13px!important;padding:0 16px!important;font-size:13px!important;font-weight:800!important;white-space:nowrap!important;}
.task-calendar-modal-foot .btn[style*="none"]{display:none!important;}
.task-calendar-add-note{font-size:13px!important;font-weight:750!important;}
.task-calendar-week-list{display:grid!important;grid-template-columns:repeat(7,minmax(150px,1fr))!important;gap:10px!important;background:transparent!important;border:0!important;padding:10px!important;min-height:560px!important;overflow:auto!important;}
.task-calendar-week-day{border:1px solid #dfe8f5!important;border-radius:16px!important;background:#fff!important;min-height:520px!important;padding:10px!important;overflow:hidden!important;}
.task-calendar-week-day h3{font-size:13px!important;font-weight:850!important;color:#111827!important;margin:0 0 10px!important;}
.task-calendar-week-day>div{display:flex!important;flex-direction:column!important;gap:8px!important;max-height:470px!important;overflow:auto!important;padding-right:2px!important;}
.task-calendar-week-list .task-calendar-event{width:100%!important;display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;flex-direction:column!important;gap:4px!important;white-space:normal!important;text-align:left!important;min-height:auto!important;padding:7px 8px!important;}
.task-calendar-week-list .task-calendar-event span{display:block!important;width:100%!important;white-space:normal!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.25!important;max-height:2.5em!important;}
.task-calendar-week-list .task-calendar-event small{display:inline-flex!important;align-items:center!important;gap:4px!important;font-size:10px!important;line-height:1!important;}
.task-calendar-day-list{padding:14px!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:10px!important;min-height:360px!important;}
.task-calendar-day-list .task-calendar-event{min-height:46px!important;}
.task-calendar-event span{min-width:0!important;}
.task-calendar-events .task-calendar-event{overflow:hidden!important;}
html[data-theme="dark"] .task-calendar-week-day,body[data-active-theme="dark"] .task-calendar-week-day{background:#0d131b!important;border-color:#263343!important;}
html[data-theme="dark"] .task-calendar-week-day h3,body[data-active-theme="dark"] .task-calendar-week-day h3{color:#e5e7eb!important;}
html[data-theme="dark"] .task-calendar-pro-detail p strong,body[data-active-theme="dark"] .task-calendar-pro-detail p strong{color:#f8fafc!important;}
html[data-theme="dark"] .task-calendar-pro-detail p span,body[data-active-theme="dark"] .task-calendar-pro-detail p span{color:#94a3b8!important;}
@media(max-width:1100px){.task-calendar-week-list{grid-template-columns:repeat(7,180px)!important;}.task-calendar-hero h1{font-size:40px!important;}}
@media(max-width:760px){.task-calendar-hero{align-items:flex-start!important}.task-calendar-hero h1{font-size:34px!important}.task-calendar-modal-foot{flex-wrap:wrap!important}.task-calendar-modal-foot .btn{flex:1 1 100%!important}.task-calendar-pro-detail p{grid-template-columns:1fr!important;gap:3px!important}}


/* v155: Task Timeline now has two clear purposes */
.task-pro-timeline-card h2 span{display:grid;gap:2px;line-height:1.15}.task-pro-timeline-card h2 small{display:block;font-size:11px!important;font-weight:650!important;color:#667085!important;letter-spacing:0;line-height:1.35}.task-timeline-purpose{display:flex;align-items:flex-start;gap:8px;margin:0 0 12px;padding:10px 12px;border-radius:14px;background:#f5f9ff;border:1px solid #dbeafe;color:#475467;font-size:12px;font-weight:700}.task-timeline-purpose i{color:#0b7cff;font-size:17px;line-height:1.1}.task-timeline-purpose.status{background:#f8fafc;border-color:#e5edf8}.task-due-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0 4px}.task-due-meta span{display:inline-flex;align-items:center;gap:5px;border-radius:999px;background:#f8fafc;border:1px solid #e5edf8;color:#475467;padding:5px 8px;font-size:11px;font-weight:800}.task-due-meta i{font-size:13px;color:#0b7cff}.task-status-health-grid{display:grid;grid-template-columns:1fr;gap:12px}.task-status-health-card{border:1px solid #e5edf8;background:#fff;border-radius:18px;padding:14px;box-shadow:0 10px 26px rgba(15,23,42,.045);position:relative;overflow:hidden}.task-status-health-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#0b7cff}.task-status-health-card.info:before{background:#0b7cff}.task-status-health-card.warning:before{background:#f97316}.task-status-health-card.success:before{background:#16a34a}.task-status-health-card.danger:before{background:#ef4444}.task-status-health-card.primary:before{background:#06aed4}.task-status-health-head{display:flex;align-items:center;gap:10px}.task-status-health-head>i{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:#eef5ff;color:#0b7cff;font-size:17px;flex:0 0 auto}.task-status-health-head div{min-width:0;flex:1}.task-status-health-head b{display:block;font-size:13px;font-weight:850;color:#111827}.task-status-health-head small{display:block;font-size:11px;color:#667085;font-weight:700;margin-top:1px}.task-status-health-head strong{font-size:16px;font-weight:900;color:#111827}.task-status-health-bar{height:6px;background:#eef2f7;border-radius:999px;overflow:hidden;margin:12px 0}.task-status-health-bar i{display:block;height:100%;background:#0b7cff;border-radius:999px}.task-status-health-card.warning .task-status-health-bar i{background:#f97316}.task-status-health-card.success .task-status-health-bar i{background:#16a34a}.task-status-health-card.danger .task-status-health-bar i{background:#ef4444}.task-status-health-card.primary .task-status-health-bar i{background:#06aed4}.task-status-health-card ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.task-status-health-card li{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid #eef2f7;background:#fbfdff;border-radius:12px}.task-status-health-card li span{min-width:0}.task-status-health-card li b{display:block;font-size:12px;font-weight:850;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.task-status-health-card li small{display:block;font-size:10.5px;color:#667085;font-weight:700;margin-top:2px}.task-status-health-card li em{font-style:normal;font-size:11px;font-weight:900;color:#0b7cff;background:#eef5ff;border-radius:999px;padding:3px 7px}.task-status-health-card li.empty b{color:#667085}.task-status-health-card li.empty em{color:#98a2b3;background:#f2f4f7}
html[data-theme="dark"] .task-pro-timeline-card h2 small,body[data-active-theme="dark"] .task-pro-timeline-card h2 small,html[data-theme="dark"] .task-timeline-purpose,body[data-active-theme="dark"] .task-timeline-purpose{color:#94a3b8!important}html[data-theme="dark"] .task-timeline-purpose,body[data-active-theme="dark"] .task-timeline-purpose,html[data-theme="dark"] .task-due-meta span,body[data-active-theme="dark"] .task-due-meta span,html[data-theme="dark"] .task-status-health-card,body[data-active-theme="dark"] .task-status-health-card,html[data-theme="dark"] .task-status-health-card li,body[data-active-theme="dark"] .task-status-health-card li{background:#0d131b!important;border-color:#263343!important}html[data-theme="dark"] .task-status-health-head b,html[data-theme="dark"] .task-status-health-head strong,html[data-theme="dark"] .task-status-health-card li b,body[data-active-theme="dark"] .task-status-health-head b,body[data-active-theme="dark"] .task-status-health-head strong,body[data-active-theme="dark"] .task-status-health-card li b{color:#f8fafc!important}html[data-theme="dark"] .task-status-health-head small,html[data-theme="dark"] .task-status-health-card li small,body[data-active-theme="dark"] .task-status-health-head small,body[data-active-theme="dark"] .task-status-health-card li small{color:#94a3b8!important}


/* v156: Task calendar modal, Apple buttons and upcoming list polish */
.task-calendar-modal-foot [data-calendar-close]{display:none!important;}
.task-ui-modal.small{width:min(640px,calc(100vw - 32px))!important;max-width:640px!important;border-radius:24px!important;overflow:hidden!important;}
.task-ui-modal.small .task-ui-modal-head{padding:18px 22px!important;border-bottom:1px solid #e5edf8!important;}
.task-ui-modal.small .task-ui-modal-head h2{font-size:20px!important;line-height:1.2!important;margin:0!important;max-width:calc(100% - 34px)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.task-calendar-pro-detail{max-height:calc(82vh - 154px)!important;overflow:auto!important;padding:18px 22px!important;}
.task-calendar-pro-detail p{display:grid!important;grid-template-columns:88px minmax(0,1fr)!important;gap:10px!important;margin:0 0 12px!important;align-items:start!important;font-size:13px!important;line-height:1.45!important;}
.task-calendar-pro-detail p strong{font-size:13px!important;font-weight:850!important;color:#111827!important;white-space:nowrap!important;}
.task-calendar-pro-detail p span{font-size:13px!important;font-weight:650!important;color:#667085!important;overflow-wrap:anywhere!important;min-width:0!important;}
.task-calendar-modal-badges{margin-bottom:14px!important;}
.task-calendar-add-note{font-size:12px!important;font-weight:750!important;margin-top:14px!important;border-radius:14px!important;}
.task-calendar-modal-foot{padding:12px 22px 16px!important;gap:10px!important;border-top:1px solid #e5edf8!important;justify-content:flex-end!important;}
.task-calendar-modal-foot .btn{height:42px!important;border-radius:14px!important;padding:0 17px!important;min-width:150px!important;justify-content:center!important;font-size:13px!important;font-weight:850!important;box-shadow:0 10px 24px rgba(15,23,42,.06)!important;}
.task-calendar-modal-foot .btn.primary{background:#0b7cff!important;color:#fff!important;border-color:#0b7cff!important;}
.task-calendar-modal-foot .btn:not(.primary){background:#fff!important;color:#111827!important;border:1px solid #e0e7f2!important;}
.task-calendar-hero-actions .task-calendar-secondary,.task-calendar-hero-actions .apple-back-link,.task-calendar-add-link,.task-calendar-left-controls button,.task-calendar-modes button{border-radius:16px!important;font-weight:850!important;letter-spacing:-.01em!important;box-shadow:0 14px 30px rgba(15,23,42,.07)!important;border:1px solid #dfe7f3!important;background:#fff!important;color:#111827!important;}
.task-calendar-add-link,.task-calendar-hero-actions .task-ui-primary,.task-calendar-hero-actions .task-calendar-add-link{background:#0b7cff!important;color:#fff!important;border-color:#0b7cff!important;}
.task-calendar-left-controls button,.task-calendar-modes button{height:40px!important;padding:0 14px!important;box-shadow:none!important;background:#f8fbff!important;color:#475467!important;}
.task-calendar-left-controls button:hover,.task-calendar-modes button:hover,.task-calendar-hero-actions .task-calendar-secondary:hover,.task-calendar-hero-actions .apple-back-link:hover{background:#eef5ff!important;color:#0b7cff!important;border-color:#cfe0ff!important;}
.task-calendar-modes button.active{background:#0b7cff!important;border-color:#0b7cff!important;color:#fff!important;}
.task-calendar-upcoming{max-height:min(520px,calc(100vh - 390px))!important;overflow-y:auto!important;padding-right:4px!important;scrollbar-width:thin;}
.task-calendar-upcoming::-webkit-scrollbar{width:6px}.task-calendar-upcoming::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.task-calendar-upcoming::-webkit-scrollbar-track{background:transparent}
.task-calendar-side-title{position:sticky!important;top:0!important;background:inherit!important;z-index:2!important;padding-bottom:8px!important;}
.task-calendar-upcoming-item{min-height:68px!important;}
html[data-theme="dark"] .task-ui-modal.small,body[data-active-theme="dark"] .task-ui-modal.small{background:#111827!important;border-color:#263343!important;}
html[data-theme="dark"] .task-ui-modal.small .task-ui-modal-head,body[data-active-theme="dark"] .task-ui-modal.small .task-ui-modal-head,html[data-theme="dark"] .task-calendar-modal-foot,body[data-active-theme="dark"] .task-calendar-modal-foot{border-color:#263343!important;background:#111827!important;}
html[data-theme="dark"] .task-calendar-pro-detail p strong,body[data-active-theme="dark"] .task-calendar-pro-detail p strong,html[data-theme="dark"] .task-calendar-modal-foot .btn:not(.primary),body[data-active-theme="dark"] .task-calendar-modal-foot .btn:not(.primary){color:#f8fafc!important;}
html[data-theme="dark"] .task-calendar-pro-detail p span,body[data-active-theme="dark"] .task-calendar-pro-detail p span{color:#94a3b8!important;}
html[data-theme="dark"] .task-calendar-modal-foot .btn:not(.primary),body[data-active-theme="dark"] .task-calendar-modal-foot .btn:not(.primary),html[data-theme="dark"] .task-calendar-left-controls button,html[data-theme="dark"] .task-calendar-modes button,body[data-active-theme="dark"] .task-calendar-left-controls button,body[data-active-theme="dark"] .task-calendar-modes button{background:#0d131b!important;border-color:#263343!important;color:#e5e7eb!important;}
@media(max-width:720px){.task-ui-modal.small{width:calc(100vw - 20px)!important}.task-calendar-pro-detail p{grid-template-columns:1fr!important;gap:3px!important}.task-calendar-modal-foot{flex-direction:column!important}.task-calendar-modal-foot .btn{width:100%!important;min-width:0!important}.task-calendar-upcoming{max-height:360px!important}}


/* Task Manager v157: closed status, calendar modal/footer polish and shared Apple heading buttons */
.task-manager-page-hero{margin-bottom:18px!important;}
.task-manager-page-hero h1{font-size:42px!important;line-height:1!important;font-weight:850!important;letter-spacing:-1.3px!important;margin:10px 0 8px!important;color:#101828!important;}
.task-manager-page-hero p{margin:0!important;color:#667085!important;font-size:14px!important;}
.task-total-inline{display:inline-grid;place-items:center;min-width:30px;height:24px;border-radius:999px;background:#eef4ff;color:#0b7cff;font-size:13px;font-weight:850;padding:0 9px;vertical-align:middle;margin-left:8px;letter-spacing:0!important;}
.task-manager-hero-actions .task-ui-primary,.task-hero-add-btn{height:44px!important;border-radius:14px!important;padding:0 16px!important;font-size:13px!important;font-weight:850!important;display:inline-flex!important;align-items:center!important;gap:8px!important;text-decoration:none!important;box-shadow:0 12px 28px rgba(11,124,255,.22)!important;}
.task-ui-status.locked{cursor:not-allowed!important;opacity:.95!important;}
.task-ui-status.green.locked{background:#e9fbf1!important;color:#15803d!important;border-color:#b8f0d0!important;}
.task-calendar-event.closed{background:#eef2f7;border-left-color:#64748b;color:#475467;}
.task-calendar-legend .closed{background:#f1f5f9;color:#475467;}
.task-calendar-modal-foot{justify-content:center!important;align-items:center!important;padding:14px 22px 18px!important;}
.task-calendar-modal-foot .btn{margin:0!important;}
.task-calendar-add-note{margin:14px 0 14px!important;padding:12px 14px!important;align-items:center!important;gap:10px!important;line-height:1.35!important;}
.task-calendar-add-note i{margin-right:4px!important;}
.task-calendar-week-list .task-calendar-event small,.task-calendar-day-list .task-calendar-event small{white-space:normal!important;}
.task-calendar-week-list .task-calendar-event.completed,.task-calendar-week-list .task-calendar-event.closed,.task-calendar-week-list .task-calendar-event.overdue,.task-calendar-day-list .task-calendar-event.completed,.task-calendar-day-list .task-calendar-event.closed,.task-calendar-day-list .task-calendar-event.overdue{opacity:.86;}
html[data-theme="dark"] .task-manager-page-hero h1,body[data-active-theme="dark"] .task-manager-page-hero h1{color:#f8fafc!important;}
html[data-theme="dark"] .task-total-inline,body[data-active-theme="dark"] .task-total-inline{background:#132036!important;color:#93c5fd!important;}
html[data-theme="dark"] .task-calendar-event.closed,body[data-active-theme="dark"] .task-calendar-event.closed{background:#1f2937!important;color:#cbd5e1!important;border-left-color:#94a3b8!important;}
@media(max-width:760px){.task-manager-page-hero h1{font-size:34px!important}.task-calendar-modal-foot{justify-content:center!important}.task-calendar-add-note{margin-bottom:12px!important}}


/* Task Manager v157 final polish: centered reminder buttons, calendar spacing, closed status and Apple button consistency */
.task-calendar-modal-foot{justify-content:center!important;align-items:center!important;padding:14px 24px 18px!important;gap:12px!important;}
.task-calendar-modal-foot .btn{min-width:168px!important;}
.task-calendar-add-note{margin:14px 0 16px!important;padding:12px 14px!important;display:flex!important;align-items:center!important;gap:10px!important;line-height:1.35!important;}
.task-calendar-add-note i{flex:0 0 auto!important;font-size:18px!important;}
.task-calendar-add-note span{display:block!important;padding-top:1px!important;}
.task-ui-status.closed,.task-ui-progress.closed i,.task-calendar-event.closed,.task-ui-card .task-ui-status.closed{background:#eef2f7!important;color:#475467!important;border-color:#d7e1ef!important;}
.task-ui-status.is-locked{cursor:not-allowed!important;opacity:.9!important;}
.task-calendar-event.closed{border-left-color:#64748b!important;text-decoration:none!important;opacity:.82!important;}
.task-calendar-legend .closed{color:#475467!important;background:#f1f5f9!important;border-color:#d7e1ef!important;}
.task-ui-column .task-ui-card[data-task-status="Closed"]{opacity:.92!important;}
.task-manager-pipeline-style .task-pipeline-heading-wrap{align-items:flex-end!important;margin-top:-4px!important;}
.task-manager-pipeline-style .task-page-title,.task-calendar-title{font-size:42px!important;line-height:1.02!important;font-weight:900!important;letter-spacing:-.045em!important;margin:0!important;color:#111827!important;}
.task-manager-pipeline-style .task-page-subtitle,.task-calendar-subtitle{font-size:14px!important;color:#667085!important;margin-top:8px!important;}
.task-calendar-left-controls button,.task-calendar-modes button,.task-calendar-secondary,.task-calendar-add-link,.task-ui-primary,.task-ui-page .btn,.task-calendar-modal-foot .btn{border-radius:14px!important;font-weight:800!important;box-shadow:0 12px 30px rgba(15,23,42,.06)!important;transition:.18s ease!important;}
.task-calendar-left-controls button:hover,.task-calendar-modes button:hover,.task-calendar-secondary:hover,.task-calendar-add-link:hover,.task-ui-primary:hover,.task-ui-page .btn:hover{transform:translateY(-1px)!important;}
.task-calendar-week-list .task-calendar-event,.task-calendar-day-list .task-calendar-event{max-width:100%!important;white-space:normal!important;}
.task-calendar-week-list .task-calendar-event span,.task-calendar-day-list .task-calendar-event span{white-space:normal!important;overflow:hidden!important;text-overflow:ellipsis!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;}
html[data-theme="dark"] .task-manager-pipeline-style .task-page-title,body[data-active-theme="dark"] .task-manager-pipeline-style .task-page-title,html[data-theme="dark"] .task-calendar-title,body[data-active-theme="dark"] .task-calendar-title{color:#f8fafc!important;}
html[data-theme="dark"] .task-ui-status.closed,body[data-active-theme="dark"] .task-ui-status.closed,html[data-theme="dark"] .task-calendar-event.closed,body[data-active-theme="dark"] .task-calendar-event.closed{background:#182232!important;border-color:#334155!important;color:#cbd5e1!important;}
html[data-theme="dark"] .task-calendar-add-note,body[data-active-theme="dark"] .task-calendar-add-note{background:#0d131b!important;border-color:#263343!important;color:#cbd5e1!important;}
@media(max-width:760px){.task-calendar-modal-foot{flex-direction:column!important}.task-calendar-modal-foot .btn{width:100%!important;min-width:0!important}.task-manager-pipeline-style .task-page-title,.task-calendar-title{font-size:34px!important}}


/* Task Manager v158: status health colors, title polish and interface button alignment */
body.task-manager-pipeline-style .task-manager-page-hero{
  margin-top:-10px!important;
  margin-bottom:18px!important;
  align-items:flex-end!important;
}
body.task-manager-pipeline-style .task-manager-page-hero h1{
  font-size:42px!important;
  line-height:1.02!important;
  font-weight:900!important;
  letter-spacing:-.045em!important;
  margin:0!important;
  color:#111827!important;
}
body.task-manager-pipeline-style .task-manager-page-hero p{
  margin-top:8px!important;
  color:#667085!important;
  font-size:14px!important;
}
body.task-manager-pipeline-style .task-total-inline{
  display:none!important;
}
.task-status-health-card.new:before{background:#0b7cff!important;}
.task-status-health-card.pending:before{background:#f97316!important;}
.task-status-health-card.inprogress:before{background:#06aed4!important;}
.task-status-health-card.completed:before{background:#16a34a!important;}
.task-status-health-card.closed:before{background:#64748b!important;}
.task-status-health-card.overdue:before{background:#ef4444!important;}
.task-status-health-card.new .task-status-health-head>i{background:#eef5ff!important;color:#0b7cff!important;}
.task-status-health-card.pending .task-status-health-head>i{background:#fff3e8!important;color:#f97316!important;}
.task-status-health-card.inprogress .task-status-health-head>i{background:#e8fbff!important;color:#06aed4!important;}
.task-status-health-card.completed .task-status-health-head>i{background:#e9fbf1!important;color:#16a34a!important;}
.task-status-health-card.closed .task-status-health-head>i{background:#f1f5f9!important;color:#64748b!important;}
.task-status-health-card.overdue .task-status-health-head>i{background:#fff1f2!important;color:#ef4444!important;}
.task-status-health-card.new .task-status-health-bar i{background:#0b7cff!important;}
.task-status-health-card.pending .task-status-health-bar i{background:#f97316!important;}
.task-status-health-card.inprogress .task-status-health-bar i{background:#06aed4!important;}
.task-status-health-card.completed .task-status-health-bar i{background:#16a34a!important;}
.task-status-health-card.closed .task-status-health-bar i{background:#64748b!important;}
.task-status-health-card.overdue .task-status-health-bar i{background:#ef4444!important;}
.task-status-health-card.new li em{background:#eef5ff!important;color:#0b7cff!important;}
.task-status-health-card.pending li em{background:#fff3e8!important;color:#f97316!important;}
.task-status-health-card.inprogress li em{background:#e8fbff!important;color:#06aed4!important;}
.task-status-health-card.completed li em{background:#e9fbf1!important;color:#16a34a!important;}
.task-status-health-card.closed li em{background:#f1f5f9!important;color:#64748b!important;}
.task-status-health-card.overdue li em{background:#fff1f2!important;color:#ef4444!important;}
.task-status-health-card.pending{border-color:#fed7aa!important;box-shadow:0 10px 28px rgba(249,115,22,.08)!important;}
.task-status-health-card.inprogress{border-color:#bae6fd!important;box-shadow:0 10px 28px rgba(6,174,212,.08)!important;}
.task-status-health-card.completed{border-color:#bbf7d0!important;box-shadow:0 10px 28px rgba(22,163,74,.08)!important;}
.task-status-health-card.closed{border-color:#dbe3ee!important;box-shadow:0 10px 28px rgba(100,116,139,.08)!important;}
.task-status-health-card.overdue{border-color:#fecdd3!important;box-shadow:0 10px 28px rgba(239,68,68,.08)!important;}
.task-calendar-hero-actions .apple-back-link.page-heading-back{
  height:44px!important;
  min-height:44px!important;
  padding:0 16px!important;
  border-radius:14px!important;
  font-size:13px!important;
  font-weight:850!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  background:#fff!important;
  border:1px solid #dfe7f3!important;
  color:#111827!important;
  box-shadow:0 12px 28px rgba(15,23,42,.08)!important;
  text-decoration:none!important;
}
.task-calendar-hero-actions .apple-back-link.page-heading-back svg{
  width:16px!important;
  height:16px!important;
}
.task-calendar-hero-actions .apple-back-link.page-heading-back:hover{
  background:#f5f8ff!important;
  border-color:#cfe0ff!important;
  color:#0b7cff!important;
  transform:translateY(-1px)!important;
}
html[data-theme="dark"] body.task-manager-pipeline-style .task-manager-page-hero h1,
body[data-active-theme="dark"].task-manager-pipeline-style .task-manager-page-hero h1{color:#f8fafc!important;}
html[data-theme="dark"] .task-status-health-card.new .task-status-health-head>i,
body[data-active-theme="dark"] .task-status-health-card.new .task-status-health-head>i{background:#132036!important;color:#93c5fd!important;}
html[data-theme="dark"] .task-status-health-card.pending .task-status-health-head>i,
body[data-active-theme="dark"] .task-status-health-card.pending .task-status-health-head>i{background:#301b10!important;color:#fdba74!important;}
html[data-theme="dark"] .task-status-health-card.inprogress .task-status-health-head>i,
body[data-active-theme="dark"] .task-status-health-card.inprogress .task-status-health-head>i{background:#082f49!important;color:#67e8f9!important;}
html[data-theme="dark"] .task-status-health-card.completed .task-status-health-head>i,
body[data-active-theme="dark"] .task-status-health-card.completed .task-status-health-head>i{background:#052e16!important;color:#86efac!important;}
html[data-theme="dark"] .task-status-health-card.closed .task-status-health-head>i,
body[data-active-theme="dark"] .task-status-health-card.closed .task-status-health-head>i{background:#1f2937!important;color:#cbd5e1!important;}
html[data-theme="dark"] .task-status-health-card.overdue .task-status-health-head>i,
body[data-active-theme="dark"] .task-status-health-card.overdue .task-status-health-head>i{background:#3f1116!important;color:#fda4af!important;}
html[data-theme="dark"] .task-calendar-hero-actions .apple-back-link.page-heading-back,
body[data-active-theme="dark"] .task-calendar-hero-actions .apple-back-link.page-heading-back{background:#0d131b!important;border-color:#263343!important;color:#e5e7eb!important;}
@media(max-width:760px){
  body.task-manager-pipeline-style .task-manager-page-hero{margin-top:0!important;}
  body.task-manager-pipeline-style .task-manager-page-hero h1{font-size:34px!important;}
}


/* Task Manager v159: dotted timeline outlines and fixed In Progress health card class */
.task-pro-timeline .task-pro-timeline-item,
.task-pro-timeline .task-status-health-card{
    border-style: dashed !important;
    border-width: 1.4px !important;
    background: rgba(255,255,255,.78) !important;
}
.task-pro-timeline .task-due-timeline-item{
    border-color: rgba(11,124,255,.26) !important;
    box-shadow: 0 12px 28px rgba(15,23,42,.035) !important;
}
.task-pro-timeline .task-status-health-card{
    border-radius: 18px !important;
    padding: 16px 16px 14px !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: hidden !important;
}
.task-status-health-card.inprogress{
    border-color: rgba(6,174,212,.34) !important;
    box-shadow: 0 10px 28px rgba(6,174,212,.08) !important;
}
.task-status-health-card.inprogress:before{background:#06aed4!important;}
.task-status-health-card.inprogress .task-status-health-head>i{background:#e8fbff!important;color:#06aed4!important;}
.task-status-health-card.inprogress .task-status-health-bar i{background:#06aed4!important;}
.task-status-health-card.inprogress li em{background:#e8fbff!important;color:#06aed4!important;}
.task-status-health-head{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    width:100% !important;
}
.task-status-health-head div{
    flex:1 1 auto !important;
    min-width:0 !important;
}
.task-status-health-head strong{
    flex:0 0 auto !important;
    margin-left:auto !important;
    white-space:nowrap !important;
    line-height:1 !important;
    text-align:right !important;
}
.task-status-health-bar{
    clear:both !important;
    width:100% !important;
}
.task-status-health-grid{
    display:grid !important;
    gap:14px !important;
}
.task-pro-timeline .task-status-health-card li{
    border-style:dashed !important;
    border-color:rgba(148,163,184,.32) !important;
}
.task-pro-timeline .task-timeline-purpose{
    border-style:dashed !important;
    border-color:rgba(11,124,255,.22) !important;
    background:rgba(248,250,252,.78) !important;
}
html[data-theme="dark"] .task-pro-timeline .task-pro-timeline-item,
body[data-active-theme="dark"] .task-pro-timeline .task-pro-timeline-item,
html[data-theme="dark"] .task-pro-timeline .task-status-health-card,
body[data-active-theme="dark"] .task-pro-timeline .task-status-health-card{
    background:#0d131b !important;
    border-color:#334155 !important;
    box-shadow:none !important;
}
html[data-theme="dark"] .task-status-health-card.inprogress .task-status-health-head>i,
body[data-active-theme="dark"] .task-status-health-card.inprogress .task-status-health-head>i{background:#082f49!important;color:#67e8f9!important;}
html[data-theme="dark"] .task-pro-timeline .task-status-health-card.inprogress,
body[data-active-theme="dark"] .task-pro-timeline .task-status-health-card.inprogress{border-color:rgba(103,232,249,.42)!important;}
html[data-theme="dark"] .task-pro-timeline .task-status-health-card li,
body[data-active-theme="dark"] .task-pro-timeline .task-status-health-card li{
    background:#0f172a !important;
    border-color:#334155 !important;
}
html[data-theme="dark"] .task-pro-timeline .task-timeline-purpose,
body[data-active-theme="dark"] .task-pro-timeline .task-timeline-purpose{
    background:#0f172a !important;
    border-color:#334155 !important;
}

/* v162: Reference-style minimalist month calendar for tasks-calendar.php */
body.task-manager-pipeline-style .task-calendar-ui{
  max-width: none!important;
}
body.task-manager-pipeline-style .task-calendar-pro-card{
  border:1px solid #eceff3!important;
  border-radius:18px!important;
  box-shadow:none!important;
  background:#fff!important;
}
body.task-manager-pipeline-style .task-calendar-pro-main{
  background:#fff!important;
  padding:18px!important;
}
body.task-manager-pipeline-style .task-calendar-pro-side{
  background:#fbfbfc!important;
  border-right:1px solid #edf0f4!important;
}
body.task-manager-pipeline-style .task-calendar-legend{
  display:none!important;
}
body.task-manager-pipeline-style .task-calendar-pro-topbar{
  margin-bottom:16px!important;
}
body.task-manager-pipeline-style .task-calendar-pro-topbar h2{
  font-size:24px!important;
  font-weight:850!important;
  letter-spacing:-.04em!important;
  color:#0f172a!important;
}
body.task-manager-pipeline-style .task-calendar-left-controls button,
body.task-manager-pipeline-style .task-calendar-modes button{
  height:38px!important;
  border-radius:12px!important;
  border:1px solid #e5e7eb!important;
  background:#fff!important;
  color:#475467!important;
  box-shadow:none!important;
}
body.task-manager-pipeline-style .task-calendar-modes button.active{
  background:#0a84ff!important;
  color:#fff!important;
  border-color:#0a84ff!important;
  box-shadow:none!important;
}
body.task-manager-pipeline-style .task-calendar-pro-grid{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(150px,1fr))!important;
  border-top:1px solid #e6e8ec!important;
  border-left:1px solid #e6e8ec!important;
  border-radius:0!important;
  overflow:hidden!important;
  background:#fff!important;
  box-shadow:none!important;
}
body.task-manager-pipeline-style .task-calendar-pro-grid .task-weekday{
  display:none!important;
}
body.task-manager-pipeline-style .task-calendar-day-cell{
  position:relative!important;
  min-height:132px!important;
  height:132px!important;
  border:0!important;
  border-right:1px solid #e6e8ec!important;
  border-bottom:1px solid #e6e8ec!important;
  background:#fff!important;
  color:#111827!important;
  padding:0!important;
  text-align:left!important;
  cursor:pointer!important;
  overflow:hidden!important;
  box-shadow:none!important;
  transform:none!important;
}
body.task-manager-pipeline-style .task-calendar-day-cell:hover{
  background:#fbfbfc!important;
  box-shadow:inset 0 0 0 1px rgba(10,132,255,.28)!important;
  transform:none!important;
}
body.task-manager-pipeline-style .task-calendar-day-cell.muted{
  background:#f7f7f8!important;
  color:#8c8f96!important;
}
body.task-manager-pipeline-style .task-calendar-day-cell > span:first-child{
  position:absolute!important;
  top:14px!important;
  left:16px!important;
  right:auto!important;
  z-index:2!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:inherit!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1!important;
}
body.task-manager-pipeline-style .task-calendar-day-cell.muted > span:first-child{
  color:#8c8f96!important;
}
body.task-manager-pipeline-style .task-calendar-day-cell.selected{
  background:#fff!important;
  box-shadow:inset 0 0 0 2px #68a8ff!important;
}
body.task-manager-pipeline-style .task-calendar-day-cell.selected > span:first-child{
  top:12px!important;
  left:12px!important;
  width:26px!important;
  height:26px!important;
  min-width:26px!important;
  border-radius:50%!important;
  background:#63adff!important;
  color:#fff!important;
  font-size:12px!important;
  box-shadow:0 8px 18px rgba(10,132,255,.22)!important;
}
body.task-manager-pipeline-style .task-calendar-day-cell.selected.muted{
  background:#f7f7f8!important;
}
body.task-manager-pipeline-style .task-calendar-events{
  position:absolute!important;
  left:12px!important;
  right:12px!important;
  top:48px!important;
  bottom:10px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  overflow:hidden!important;
  align-content:initial!important;
}
body.task-manager-pipeline-style .task-calendar-event{
  width:100%!important;
  min-height:22px!important;
  height:22px!important;
  border:0!important;
  border-left:4px solid #0a84ff!important;
  border-radius:7px!important;
  background:#eaf4ff!important;
  color:#172033!important;
  padding:0 9px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:0!important;
  font-size:11px!important;
  line-height:22px!important;
  font-weight:750!important;
  text-align:left!important;
  box-shadow:none!important;
  cursor:pointer!important;
  opacity:1!important;
  white-space:nowrap!important;
}
body.task-manager-pipeline-style .task-calendar-event span{
  position:static!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:inherit!important;
  line-height:22px!important;
}
body.task-manager-pipeline-style .task-calendar-event span b{
  font-weight:900!important;
  color:inherit!important;
}
body.task-manager-pipeline-style .task-calendar-event small{
  display:none!important;
}
body.task-manager-pipeline-style .task-calendar-event.new{
  background:#eaf4ff!important;
  border-left-color:#0a84ff!important;
  color:#172033!important;
}
body.task-manager-pipeline-style .task-calendar-event.progress{
  background:#e9f7ff!important;
  border-left-color:#0a84ff!important;
  color:#172033!important;
}
body.task-manager-pipeline-style .task-calendar-event.pending{
  background:#fff5ea!important;
  border-left-color:#f59e0b!important;
  color:#172033!important;
}
body.task-manager-pipeline-style .task-calendar-event.completed{
  background:#eaf4ff!important;
  border-left-color:#63adff!important;
  color:#5f6673!important;
  opacity:.72!important;
}
body.task-manager-pipeline-style .task-calendar-event.closed{
  background:#f4f6f8!important;
  border-left-color:#98a2b3!important;
  color:#667085!important;
  opacity:.72!important;
}
body.task-manager-pipeline-style .task-calendar-event.overdue{
  background:#ffe8e8!important;
  border-left-color:#ff3b30!important;
  color:#172033!important;
}
body.task-manager-pipeline-style .task-calendar-event.completed span,
body.task-manager-pipeline-style .task-calendar-event.closed span{
  text-decoration:line-through!important;
  text-decoration-thickness:1px!important;
  text-decoration-color:rgba(71,84,103,.72)!important;
}
body.task-manager-pipeline-style .task-calendar-more{
  position:static!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  height:20px!important;
  border-radius:7px!important;
  background:#f1f3f5!important;
  color:#667085!important;
  padding:0 8px!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:20px!important;
  text-align:left!important;
}
body.task-manager-pipeline-style .task-calendar-week-list,
body.task-manager-pipeline-style .task-calendar-day-list{
  background:#fff!important;
  border:1px solid #e6e8ec!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.task-manager-pipeline-style .task-calendar-week-day{
  background:#fff!important;
  border:1px solid #e6e8ec!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.task-manager-pipeline-style .task-calendar-week-day .task-calendar-event,
body.task-manager-pipeline-style .task-calendar-day-list .task-calendar-event{
  height:auto!important;
  min-height:30px!important;
  padding:6px 10px!important;
  line-height:1.25!important;
}
body.task-manager-pipeline-style .task-calendar-week-day .task-calendar-event span,
body.task-manager-pipeline-style .task-calendar-day-list .task-calendar-event span{
  line-height:1.25!important;
  white-space:normal!important;
  display:block!important;
  -webkit-line-clamp:initial!important;
}
html[data-theme="dark"] body.task-manager-pipeline-style .task-calendar-pro-card,
body[data-active-theme="dark"].task-manager-pipeline-style .task-calendar-pro-card,
html[data-theme="dark"] body.task-manager-pipeline-style .task-calendar-pro-main,
body[data-active-theme="dark"].task-manager-pipeline-style .task-calendar-pro-main{
  background:#0b111a!important;
  border-color:#263343!important;
}
html[data-theme="dark"] body.task-manager-pipeline-style .task-calendar-pro-side,
body[data-active-theme="dark"].task-manager-pipeline-style .task-calendar-pro-side{
  background:#0f1722!important;
  border-color:#263343!important;
}
html[data-theme="dark"] body.task-manager-pipeline-style .task-calendar-pro-grid,
body[data-active-theme="dark"].task-manager-pipeline-style .task-calendar-pro-grid{
  background:#263343!important;
  border-color:#263343!important;
}
html[data-theme="dark"] body.task-manager-pipeline-style .task-calendar-day-cell,
body[data-active-theme="dark"].task-manager-pipeline-style .task-calendar-day-cell{
  background:#0d131b!important;
  border-color:#263343!important;
  color:#e5e7eb!important;
}
html[data-theme="dark"] body.task-manager-pipeline-style .task-calendar-day-cell.muted,
body[data-active-theme="dark"].task-manager-pipeline-style .task-calendar-day-cell.muted{
  background:#111827!important;
  color:#64748b!important;
}
html[data-theme="dark"] body.task-manager-pipeline-style .task-calendar-day-cell:hover,
body[data-active-theme="dark"].task-manager-pipeline-style .task-calendar-day-cell:hover{
  background:#111827!important;
  box-shadow:inset 0 0 0 1px rgba(96,165,250,.32)!important;
}
html[data-theme="dark"] body.task-manager-pipeline-style .task-calendar-day-cell.selected,
body[data-active-theme="dark"].task-manager-pipeline-style .task-calendar-day-cell.selected{
  background:#0d131b!important;
  box-shadow:inset 0 0 0 2px #60a5fa!important;
}
html[data-theme="dark"] body.task-manager-pipeline-style .task-calendar-event.new,
html[data-theme="dark"] body.task-manager-pipeline-style .task-calendar-event.progress,
body[data-active-theme="dark"].task-manager-pipeline-style .task-calendar-event.new,
body[data-active-theme="dark"].task-manager-pipeline-style .task-calendar-event.progress{
  background:#132036!important;
  color:#dbeafe!important;
}
html[data-theme="dark"] body.task-manager-pipeline-style .task-calendar-event.pending,
body[data-active-theme="dark"].task-manager-pipeline-style .task-calendar-event.pending{
  background:#2a1c0d!important;
  color:#fed7aa!important;
}
html[data-theme="dark"] body.task-manager-pipeline-style .task-calendar-event.completed,
html[data-theme="dark"] body.task-manager-pipeline-style .task-calendar-event.closed,
body[data-active-theme="dark"].task-manager-pipeline-style .task-calendar-event.completed,
body[data-active-theme="dark"].task-manager-pipeline-style .task-calendar-event.closed{
  background:#182232!important;
  color:#94a3b8!important;
}
html[data-theme="dark"] body.task-manager-pipeline-style .task-calendar-event.overdue,
body[data-active-theme="dark"].task-manager-pipeline-style .task-calendar-event.overdue{
  background:#331313!important;
  color:#fecaca!important;
}
@media(max-width:1180px){
  body.task-manager-pipeline-style .task-calendar-pro-grid{min-width:1040px!important;}
  body.task-manager-pipeline-style .task-calendar-day-cell{min-height:128px!important;height:128px!important;}
}
@media(max-width:760px){
  body.task-manager-pipeline-style .task-calendar-pro-main{padding:12px!important;}
  body.task-manager-pipeline-style .task-calendar-pro-grid{min-width:920px!important;}
  body.task-manager-pipeline-style .task-calendar-day-cell{min-height:116px!important;height:116px!important;}
}


/* v163: improved due-date calendar grouping. All tasks due on the same End Date stay inside the same day box. */
body.task-manager-pipeline-style .task-calendar-pro-grid{
  grid-auto-rows:minmax(162px,auto)!important;
  align-items:stretch!important;
}
body.task-manager-pipeline-style .task-calendar-day-cell{
  min-height:162px!important;
  height:162px!important;
  display:block!important;
  outline:0!important;
}
body.task-manager-pipeline-style .task-calendar-day-cell.has-tasks{
  background:linear-gradient(180deg,#fff 0%,#fff 72%,#fbfdff 100%)!important;
}
body.task-manager-pipeline-style .task-calendar-day-cell.muted.has-tasks{
  background:linear-gradient(180deg,#f8f8f9 0%,#f8f8f9 72%,#f3f6fa 100%)!important;
}
body.task-manager-pipeline-style .task-calendar-day-count{
  position:absolute!important;
  top:10px!important;
  right:12px!important;
  z-index:3!important;
  height:22px!important;
  padding:0 8px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#eef6ff!important;
  color:#0a84ff!important;
  border:1px solid #d9ebff!important;
  font-size:10px!important;
  font-style:normal!important;
  font-weight:850!important;
  letter-spacing:-.01em!important;
  white-space:nowrap!important;
}
body.task-manager-pipeline-style .task-calendar-events{
  top:42px!important;
  bottom:8px!important;
  gap:6px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding-right:3px!important;
  scrollbar-width:thin!important;
  scrollbar-color:#d3dde9 transparent!important;
}
body.task-manager-pipeline-style .task-calendar-events::-webkit-scrollbar{width:5px!important;}
body.task-manager-pipeline-style .task-calendar-events::-webkit-scrollbar-thumb{background:#d3dde9!important;border-radius:999px!important;}
body.task-manager-pipeline-style .task-calendar-events::-webkit-scrollbar-track{background:transparent!important;}
body.task-manager-pipeline-style .task-calendar-event{
  min-height:24px!important;
  height:24px!important;
  border-radius:8px!important;
  padding:0 8px!important;
  font-size:10.8px!important;
  line-height:24px!important;
  transition:background .16s ease, transform .16s ease, box-shadow .16s ease!important;
}
body.task-manager-pipeline-style .task-calendar-event:hover{
  transform:translateX(1px)!important;
  box-shadow:0 6px 14px rgba(15,23,42,.08)!important;
}
body.task-manager-pipeline-style .task-calendar-event span,
body.task-manager-pipeline-style .task-calendar-event span b{
  line-height:24px!important;
}
body.task-manager-pipeline-style .task-calendar-week-day h3 small{
  display:inline-flex!important;
  margin-left:8px!important;
  padding:3px 8px!important;
  border-radius:999px!important;
  background:#eef6ff!important;
  color:#0a84ff!important;
  font-size:11px!important;
  font-weight:850!important;
}
html[data-theme="dark"] body.task-manager-pipeline-style .task-calendar-day-cell.has-tasks,
body[data-active-theme="dark"].task-manager-pipeline-style .task-calendar-day-cell.has-tasks{
  background:linear-gradient(180deg,#0d131b 0%,#0d131b 72%,#101a28 100%)!important;
}
html[data-theme="dark"] body.task-manager-pipeline-style .task-calendar-day-cell.muted.has-tasks,
body[data-active-theme="dark"].task-manager-pipeline-style .task-calendar-day-cell.muted.has-tasks{
  background:linear-gradient(180deg,#111827 0%,#111827 72%,#121c2a 100%)!important;
}
html[data-theme="dark"] body.task-manager-pipeline-style .task-calendar-day-count,
body[data-active-theme="dark"].task-manager-pipeline-style .task-calendar-day-count,
html[data-theme="dark"] body.task-manager-pipeline-style .task-calendar-week-day h3 small,
body[data-active-theme="dark"].task-manager-pipeline-style .task-calendar-week-day h3 small{
  background:#132036!important;
  border-color:#263f65!important;
  color:#93c5fd!important;
}
html[data-theme="dark"] body.task-manager-pipeline-style .task-calendar-events,
body[data-active-theme="dark"].task-manager-pipeline-style .task-calendar-events{
  scrollbar-color:#334155 transparent!important;
}
html[data-theme="dark"] body.task-manager-pipeline-style .task-calendar-events::-webkit-scrollbar-thumb,
body[data-active-theme="dark"].task-manager-pipeline-style .task-calendar-events::-webkit-scrollbar-thumb{background:#334155!important;}
@media(max-width:1180px){
  body.task-manager-pipeline-style .task-calendar-day-cell{min-height:152px!important;height:152px!important;}
  body.task-manager-pipeline-style .task-calendar-pro-grid{grid-auto-rows:minmax(152px,auto)!important;}
}
@media(max-width:760px){
  body.task-manager-pipeline-style .task-calendar-day-cell{min-height:138px!important;height:138px!important;}
  body.task-manager-pipeline-style .task-calendar-pro-grid{grid-auto-rows:minmax(138px,auto)!important;}
  body.task-manager-pipeline-style .task-calendar-day-count{display:none!important;}
}

/* v164: Calendar range view. Tasks now display on every date from Start Date through End Date. */
body.task-manager-pipeline-style .task-calendar-event.range-start,
body.task-manager-pipeline-style .task-calendar-event.range-middle,
body.task-manager-pipeline-style .task-calendar-event.range-end{
  position:relative!important;
}
body.task-manager-pipeline-style .task-calendar-event.range-start::after,
body.task-manager-pipeline-style .task-calendar-event.range-end::after{
  content:attr(data-range-label)!important;
  display:none!important;
}
body.task-manager-pipeline-style .task-calendar-event.range-middle{
  border-left-width:2px!important;
  opacity:.94!important;
}
body.task-manager-pipeline-style .task-calendar-event.range-start{
  border-top-left-radius:10px!important;
  border-bottom-left-radius:10px!important;
}
body.task-manager-pipeline-style .task-calendar-event.range-end{
  border-top-right-radius:10px!important;
  border-bottom-right-radius:10px!important;
  box-shadow:inset -3px 0 0 rgba(10,132,255,.22)!important;
}
body.task-manager-pipeline-style .task-calendar-event.range-single{
  box-shadow:none!important;
}
body.task-manager-pipeline-style .task-calendar-event.completed.range-end,
body.task-manager-pipeline-style .task-calendar-event.closed.range-end{
  box-shadow:inset -3px 0 0 rgba(100,116,139,.25)!important;
}
body.task-manager-pipeline-style .task-calendar-event.overdue.range-end{
  box-shadow:inset -3px 0 0 rgba(255,59,48,.24)!important;
}
body.task-manager-pipeline-style .task-calendar-day-cell.has-tasks:hover .task-calendar-events{
  scrollbar-color:#b8c7d9 transparent!important;
}
body.task-manager-pipeline-style .task-calendar-day-cell.has-tasks{
  background:#fff!important;
}
body.task-manager-pipeline-style .task-calendar-day-cell.muted.has-tasks{
  background:#f7f7f8!important;
}
body.task-manager-pipeline-style .task-calendar-day-cell.selected.has-tasks{
  background:#fff!important;
}
body.task-manager-pipeline-style .task-calendar-week-day .task-calendar-event.range-start,
body.task-manager-pipeline-style .task-calendar-week-day .task-calendar-event.range-middle,
body.task-manager-pipeline-style .task-calendar-week-day .task-calendar-event.range-end,
body.task-manager-pipeline-style .task-calendar-day-list .task-calendar-event.range-start,
body.task-manager-pipeline-style .task-calendar-day-list .task-calendar-event.range-middle,
body.task-manager-pipeline-style .task-calendar-day-list .task-calendar-event.range-end{
  border-radius:12px!important;
}
html[data-theme="dark"] body.task-manager-pipeline-style .task-calendar-day-cell.has-tasks,
body[data-active-theme="dark"].task-manager-pipeline-style .task-calendar-day-cell.has-tasks,
html[data-theme="dark"] body.task-manager-pipeline-style .task-calendar-day-cell.selected.has-tasks,
body[data-active-theme="dark"].task-manager-pipeline-style .task-calendar-day-cell.selected.has-tasks{
  background:#0d131b!important;
}
html[data-theme="dark"] body.task-manager-pipeline-style .task-calendar-day-cell.muted.has-tasks,
body[data-active-theme="dark"].task-manager-pipeline-style .task-calendar-day-cell.muted.has-tasks{
  background:#111827!important;
}
html[data-theme="dark"] body.task-manager-pipeline-style .task-calendar-event.range-end,
body[data-active-theme="dark"].task-manager-pipeline-style .task-calendar-event.range-end{
  box-shadow:inset -3px 0 0 rgba(147,197,253,.25)!important;
}

/* Task Manager v166 - duplicate task options */
.task-ui-duplicate-toggle[hidden]{display:none!important;}
.task-ui-duplicate-toggle-box{display:flex;align-items:flex-start;gap:12px;width:100%;padding:13px 14px;border:1px dashed rgba(20,126,255,.28);border-radius:14px;background:rgba(20,126,255,.055);color:#172033;}
.task-ui-duplicate-toggle-box input{width:18px!important;height:18px!important;min-width:18px;margin-top:2px;accent-color:#147eff;}
.task-ui-duplicate-toggle-box b{display:block;font-size:13px;font-weight:760;color:#172033;line-height:1.25;}
.task-ui-duplicate-toggle-box small{display:block;margin-top:3px;font-size:12px;font-weight:550;color:#72809a;line-height:1.35;}
.task-ui-existing-file-row.task-ui-duplicate-file-row{grid-template-columns:minmax(0,1fr) 42px auto;}
.task-ui-duplicate-file-chip{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 10px;border-radius:999px;background:rgba(20,126,255,.10);color:#147eff;font-size:11px;font-weight:760;font-style:normal;white-space:nowrap;}
.task-ui-menu button[data-task-duplicate]{color:#2563eb!important;}
.task-ui-menu button[data-task-duplicate]:hover{background:rgba(37,99,235,.08)!important;color:#1d4ed8!important;}
html[data-theme="dark"] .task-ui-duplicate-toggle-box,
body[data-active-theme="dark"] .task-ui-duplicate-toggle-box,
body.dark-mode .task-ui-duplicate-toggle-box{background:rgba(96,165,250,.10);border-color:rgba(96,165,250,.30);color:#e5edf9;}
html[data-theme="dark"] .task-ui-duplicate-toggle-box b,
body[data-active-theme="dark"] .task-ui-duplicate-toggle-box b,
body.dark-mode .task-ui-duplicate-toggle-box b{color:#f6f8ff;}
html[data-theme="dark"] .task-ui-duplicate-toggle-box small,
body[data-active-theme="dark"] .task-ui-duplicate-toggle-box small,
body.dark-mode .task-ui-duplicate-toggle-box small{color:#aebbd0;}
html[data-theme="dark"] .task-ui-duplicate-file-chip,
body[data-active-theme="dark"] .task-ui-duplicate-file-chip,
body.dark-mode .task-ui-duplicate-file-chip{background:rgba(96,165,250,.16);color:#93c5fd;}

/* v169: real system notifications */
.icon-button .notification-count{
    position:absolute;
    top:4px;
    right:3px;
    min-width:16px;
    height:16px;
    padding:0 4px;
    border-radius:999px;
    display:grid;
    place-items:center;
    background:#ff3b30;
    color:#fff;
    font-size:9px;
    font-weight:800;
    line-height:1;
    box-shadow:0 0 0 2px var(--panel-solid);
}
.icon-button .notification-dot{display:none!important;}
.notification-item.is-unread{background:rgba(0,122,255,.06);border-color:rgba(0,122,255,.14);}
.notification-item[data-href]{cursor:pointer;}
.notification-empty-state{min-height:210px;display:grid;place-items:center;text-align:center;align-content:center;gap:8px;padding:28px 18px;color:var(--muted);}
.notification-empty-state strong{color:var(--text);font-size:14px;}
.notification-empty-state p{margin:0;font-size:11px;line-height:1.45;max-width:260px;}
html[data-theme="dark"] .icon-button .notification-count{box-shadow:0 0 0 2px #151821;}
html[data-theme="dark"] .notification-item.is-unread{background:rgba(10,132,255,.12);border-color:rgba(10,132,255,.20);}

/* Today v170 task + notification centre improvements */
.today-live-stats .stat-card,
.today-focus-page .stat-card { cursor:pointer; transition:transform .18s ease, box-shadow .18s ease; }
.today-live-stats .stat-card:hover,
.today-focus-page .stat-card:hover { transform:translateY(-2px); }
.today-secondary-grid { margin-top:18px; }
.today-action-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.today-action-card { display:flex; flex-direction:column; gap:10px; min-height:148px; padding:18px; border:1px solid var(--line); border-radius:22px; background:var(--panel-solid); color:var(--text); text-decoration:none; box-shadow:0 12px 34px rgba(15,23,42,.06); transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.today-action-card:hover { transform:translateY(-2px); border-color:rgba(10,132,255,.28); box-shadow:0 16px 42px rgba(15,23,42,.10); color:var(--text); }
.today-action-card strong { font-size:14px; letter-spacing:-.01em; }
.today-action-card p { margin:0; color:var(--muted); font-size:12px; line-height:1.5; }
.today-filter-tabs { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin:0 0 16px; }
.today-filter-tab { display:inline-flex; align-items:center; justify-content:center; height:36px; padding:0 14px; border-radius:999px; background:var(--panel-solid); border:1px solid var(--line); color:var(--muted); font-size:12px; font-weight:760; text-decoration:none; box-shadow:0 8px 20px rgba(15,23,42,.04); }
.today-filter-tab.active,
.today-filter-tab:hover { color:#fff; background:var(--blue); border-color:var(--blue); }
.today-task-list,
.today-notification-list { display:grid; gap:12px; }
.today-task-card,
.today-notification-card { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:14px; align-items:center; padding:16px; border:1px solid var(--line); border-radius:22px; background:var(--panel-solid); box-shadow:0 10px 28px rgba(15,23,42,.05); }
.today-task-card:hover,
.today-notification-card:hover { border-color:rgba(10,132,255,.24); }
.today-task-status { display:flex; align-items:center; gap:8px; font-size:11px; font-weight:800; color:var(--muted); min-width:116px; }
.today-task-main strong,
.today-notification-main strong { display:block; font-size:14px; letter-spacing:-.01em; color:var(--text); }
.today-task-main p,
.today-notification-main p { margin:4px 0 0; color:var(--muted); font-size:12px; line-height:1.45; }
.today-task-meta { display:flex; flex-wrap:wrap; gap:8px; margin-top:8px; }
.today-task-meta span { display:inline-flex; align-items:center; min-height:24px; padding:0 9px; border-radius:999px; background:rgba(10,132,255,.07); border:1px solid var(--line); color:var(--muted); font-size:10px; font-weight:750; }
.today-task-progress { margin-top:10px; max-width:340px; }
.today-task-actions,
.today-notification-actions { justify-content:flex-end; flex-wrap:wrap; }
.today-notification-card.is-waiting { border-color:rgba(255,159,10,.35); background:linear-gradient(180deg,rgba(255,159,10,.05),var(--panel-solid)); }
.today-notification-title { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.today-notification-icon { align-self:start; }
.notification-drawer-actions { display:flex; gap:8px; padding:0 0 14px; }
.notification-drawer-actions .btn { min-height:34px; padding:0 12px; font-size:12px; }
.notification-item.is-waiting { border-color:rgba(255,159,10,.26); background:rgba(255,159,10,.06); }
.notification-copy small { display:block; margin-top:5px; color:var(--muted); font-size:10px; font-weight:750; }
.today-manager-panel { margin-bottom:18px; }
.today-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.today-form-grid .full { grid-column:1 / -1; }
.today-form-grid .form-field { display:grid; gap:7px; font-size:12px; font-weight:750; color:var(--text); }
.today-form-grid .form-field span b { color:var(--red); }
.today-form-grid .form-field input,
.today-form-grid .form-field select,
.today-form-grid .form-field textarea { width:100%; border:1px solid var(--line); border-radius:14px; padding:11px 12px; color:var(--text); background:var(--panel-solid); outline:0; font:inherit; font-size:13px; font-weight:500; }
.today-form-grid .form-field select[multiple] { min-height:138px; }
.today-form-grid .form-field input:focus,
.today-form-grid .form-field select:focus,
.today-form-grid .form-field textarea:focus { border-color:rgba(10,132,255,.55); box-shadow:0 0 0 4px rgba(10,132,255,.10); }
.today-check-row { grid-column:1 / -1; display:flex; align-items:center; gap:9px; padding:12px; border:1px dashed var(--line); border-radius:16px; color:var(--muted); font-size:12px; font-weight:700; }
.today-check-row input { width:18px; height:18px; }
.today-form-actions { margin-top:14px; justify-content:flex-end; }
.btn.danger-soft { color:var(--red); background:rgba(255,69,58,.08); border-color:rgba(255,69,58,.18); }
.btn.danger-soft:hover { background:rgba(255,69,58,.14); color:var(--red); }
html[data-theme="dark"] .today-action-card,
html[data-theme="dark"] .today-task-card,
html[data-theme="dark"] .today-notification-card,
html[data-theme="dark"] .today-form-grid .form-field input,
html[data-theme="dark"] .today-form-grid .form-field select,
html[data-theme="dark"] .today-form-grid .form-field textarea { background:rgba(255,255,255,.045); }
html[data-theme="dark"] .today-notification-card.is-waiting,
html[data-theme="dark"] .notification-item.is-waiting { background:rgba(255,159,10,.09); }
@media (max-width: 980px) {
  .today-action-grid { grid-template-columns:1fr; }
  .today-task-card,
  .today-notification-card { grid-template-columns:1fr; align-items:start; }
  .today-task-status { min-width:0; }
  .today-task-actions,
  .today-notification-actions { justify-content:flex-start; }
  .today-form-grid { grid-template-columns:1fr; }
}

/* v171: polished notification drawer and manager composer */
.drawer#notificationDrawer{
  right:-470px;
  width:min(440px,100vw);
  background:rgba(248,250,253,.98);
  border-left:1px solid rgba(15,23,42,.08);
  box-shadow:-22px 0 70px rgba(15,23,42,.18);
  z-index:130;
}
.drawer#notificationDrawer .drawer-header{
  padding:18px 20px 16px;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,253,.94));
}
.drawer#notificationDrawer .drawer-header strong{font-size:17px;letter-spacing:-.02em;color:var(--text);}
.drawer#notificationDrawer .drawer-header .panel-subtitle{font-size:11px;margin-top:4px;color:var(--muted);}
.notification-drawer-body{
  flex:1;
  min-height:0;
  padding:14px 16px 104px;
  overflow:auto;
  background:linear-gradient(180deg,rgba(248,250,253,.92),rgba(245,247,251,.98));
}
.notification-drawer-list{display:grid;gap:10px;}
.drawer#notificationDrawer .notification-item{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:flex-start;
  gap:12px;
  padding:13px;
  border-radius:18px;
  border:1px solid rgba(15,23,42,.07);
  background:rgba(255,255,255,.88);
  box-shadow:0 10px 30px rgba(15,23,42,.055);
}
.drawer#notificationDrawer .notification-item:hover{background:#fff;border-color:rgba(10,132,255,.20);transform:translateY(-1px);}
.drawer#notificationDrawer .notification-copy{min-width:0;}
.notification-title-line{display:flex;align-items:center;gap:8px;min-width:0;}
.notification-title-line strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.notification-title-line em{font-style:normal;display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:999px;background:rgba(255,149,0,.12);color:#b45309;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.02em;}
.drawer#notificationDrawer .notification-copy p{font-size:11px;line-height:1.48;margin:5px 0 0;color:var(--muted);}
.drawer#notificationDrawer .notification-copy small{display:block;margin-top:7px;color:var(--muted-2);font-size:10px;font-weight:760;}
.drawer#notificationDrawer .notification-time{font-size:10px;font-weight:750;color:var(--muted-2);padding-top:2px;}
.drawer#notificationDrawer .notification-item.is-unread{border-color:rgba(10,132,255,.22);background:rgba(10,132,255,.055);}
.drawer#notificationDrawer .notification-item.is-waiting{border-color:rgba(255,149,0,.30);background:rgba(255,149,0,.075);}
.drawer-empty-state{min-height:auto;margin-top:50px;padding:28px 18px;border:1px dashed rgba(15,23,42,.10);border-radius:22px;background:rgba(255,255,255,.78);}
.notification-drawer-footer{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  display:flex;
  align-items:center;
  gap:10px;
  padding:14px 16px calc(14px + env(safe-area-inset-bottom));
  border-top:1px solid rgba(15,23,42,.08);
  background:rgba(248,250,253,.96);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.notification-drawer-footer .btn{flex:1;min-height:42px;border-radius:15px;font-size:12px;font-weight:850;}
.notification-composer-panel{border-radius:26px;overflow:hidden;}
.notification-composer-panel .panel-header{background:linear-gradient(180deg,rgba(10,132,255,.06),rgba(255,255,255,0));}
.today-notification-message{margin-top:7px;color:var(--muted);font-size:12px;line-height:1.55;}
.today-notification-message p{margin:0 0 8px;}
.today-notification-message ul,.today-notification-message ol{margin:8px 0 0 18px;padding:0;}
.today-notification-card{align-items:flex-start;}
.today-notification-actions.page-actions{align-self:center;}
.today-form-grid .select2-container{width:100%!important;font-size:13px;}
.today-form-grid .select2-container--default .select2-selection--single,
.today-form-grid .select2-container--default .select2-selection--multiple{
  min-height:44px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--panel-solid);
  display:flex;
  align-items:center;
  padding:4px 8px;
  box-shadow:none;
}
.today-form-grid .select2-container--default .select2-selection--single .select2-selection__rendered{padding-left:4px;color:var(--text);font-weight:500;line-height:34px;}
.today-form-grid .select2-container--default .select2-selection--single .select2-selection__arrow{height:42px;right:8px;}
.today-form-grid .select2-container--default .select2-selection--multiple .select2-selection__choice{border:0;border-radius:999px;background:rgba(10,132,255,.10);color:var(--text);padding:4px 9px;margin-top:4px;font-size:12px;font-weight:750;}
.today-form-grid .select2-container--default.select2-container--focus .select2-selection--single,
.today-form-grid .select2-container--default.select2-container--focus .select2-selection--multiple{border-color:rgba(10,132,255,.55);box-shadow:0 0 0 4px rgba(10,132,255,.10);}
.today-form-grid .note-editor.note-frame{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--panel-solid);box-shadow:none;}
.today-form-grid .note-toolbar{background:rgba(15,23,42,.025);border-bottom:1px solid var(--line);}
.today-form-grid .note-editable{min-height:150px;color:var(--text);font-size:13px;line-height:1.55;background:var(--panel-solid);}
.today-form-grid .note-placeholder{font-size:13px;color:var(--muted-2);}
.select2-dropdown{border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 18px 44px rgba(15,23,42,.14);}
.select2-results__option{font-size:12px;padding:9px 12px;}
html[data-theme="dark"] .drawer#notificationDrawer{background:rgba(18,22,31,.98);border-left-color:rgba(255,255,255,.08);box-shadow:-22px 0 70px rgba(0,0,0,.48);}
html[data-theme="dark"] .drawer#notificationDrawer .drawer-header,
html[data-theme="dark"] .notification-drawer-footer{background:rgba(18,22,31,.94);border-color:rgba(255,255,255,.08);}
html[data-theme="dark"] .notification-drawer-body{background:linear-gradient(180deg,rgba(18,22,31,.95),rgba(15,18,26,.98));}
html[data-theme="dark"] .drawer#notificationDrawer .notification-item,
html[data-theme="dark"] .drawer-empty-state{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.08);box-shadow:none;}
html[data-theme="dark"] .drawer#notificationDrawer .notification-item:hover{background:rgba(255,255,255,.07);}
html[data-theme="dark"] .drawer#notificationDrawer .notification-item.is-unread{background:rgba(10,132,255,.12);border-color:rgba(10,132,255,.22);}
html[data-theme="dark"] .drawer#notificationDrawer .notification-item.is-waiting{background:rgba(255,159,10,.12);border-color:rgba(255,159,10,.25);}
html[data-theme="dark"] .today-form-grid .select2-container--default .select2-selection--single,
html[data-theme="dark"] .today-form-grid .select2-container--default .select2-selection--multiple,
html[data-theme="dark"] .today-form-grid .note-editor.note-frame,
html[data-theme="dark"] .today-form-grid .note-editable{background:rgba(255,255,255,.045);color:var(--text);border-color:rgba(255,255,255,.09);}
html[data-theme="dark"] .today-form-grid .note-toolbar{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.09);}
html[data-theme="dark"] .select2-dropdown{background:#171b24;border-color:rgba(255,255,255,.10);color:var(--text);}
html[data-theme="dark"] .select2-results__option--highlighted{background:var(--blue)!important;color:#fff!important;}
@media (max-width:520px){
  .drawer#notificationDrawer{width:100vw;right:-100vw;}
  .notification-drawer-body{padding-left:12px;padding-right:12px;}
  .notification-drawer-footer{padding-left:12px;padding-right:12px;}
  .notification-drawer-footer .btn{min-height:40px;padding-left:10px;padding-right:10px;}
}

/* v172: fix notification drawer open state after v171 drawer restyle */
.drawer#notificationDrawer.open{
  right:0 !important;
}

/* v173: cleaner notification drawer list, auto-hide read items, and stronger task DnD states */
.drawer#notificationDrawer{
  display:flex;
  flex-direction:column;
  height:100dvh;
  max-height:100dvh;
}
.drawer#notificationDrawer .drawer-header{
  flex:0 0 auto;
  border-bottom:1px solid rgba(15,23,42,.07);
}
.notification-drawer-body{
  flex:1 1 auto;
  padding:14px 14px 92px;
}
.notification-drawer-list{gap:12px;}
.drawer#notificationDrawer .notification-item{
  position:relative;
  grid-template-columns:42px minmax(0,1fr) auto;
  padding:14px;
  border-radius:20px;
  transition:opacity .16s ease,transform .16s ease,border-color .16s ease,background .16s ease;
  cursor:pointer;
}
.drawer#notificationDrawer .notification-item.is-removing{opacity:0;transform:translateX(18px) scale(.985);pointer-events:none;}
.drawer#notificationDrawer .notification-item .app-icon.small{width:42px;height:42px;border-radius:16px;}
.notification-title-line strong{font-size:13px;font-weight:850;color:var(--text);letter-spacing:-.01em;}
.drawer#notificationDrawer .notification-copy p{font-size:12px;line-height:1.52;margin-top:6px;}
.drawer#notificationDrawer .notification-copy small{display:inline-flex;align-items:center;gap:5px;margin-top:8px;padding:5px 8px;border-radius:999px;background:rgba(15,23,42,.045);font-size:10px;}
.notification-quick-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px;}
.notification-quick-actions button,
.notification-quick-actions a{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 10px;border-radius:999px;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.78);color:var(--text);font-size:11px;font-weight:820;text-decoration:none;box-shadow:0 8px 18px rgba(15,23,42,.05);}
.notification-quick-actions button:hover,
.notification-quick-actions a:hover{border-color:rgba(10,132,255,.25);color:var(--blue);background:#fff;}
.drawer-empty-state{min-height:calc(100dvh - 260px);margin-top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}
.notification-drawer-footer{box-shadow:0 -16px 40px rgba(15,23,42,.08);}
.notification-count{position:absolute;right:-5px;top:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ff3b30;color:#fff;font-size:10px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--panel-solid);line-height:1;}
#notificationBtn{position:relative;}
.task-ui-card[draggable="true"]{cursor:grab;}
.task-ui-card.dragging{opacity:.62;transform:scale(.985);}
.task-ui-column.drag-over{outline:2px dashed rgba(10,132,255,.45);outline-offset:-8px;background:rgba(10,132,255,.045);}
html[data-theme="dark"] .drawer#notificationDrawer .drawer-header{border-color:rgba(255,255,255,.08);}
html[data-theme="dark"] .drawer#notificationDrawer .notification-copy small{background:rgba(255,255,255,.06);}
html[data-theme="dark"] .notification-quick-actions button,
html[data-theme="dark"] .notification-quick-actions a{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.09);color:var(--text);box-shadow:none;}
html[data-theme="dark"] .notification-quick-actions button:hover,
html[data-theme="dark"] .notification-quick-actions a:hover{background:rgba(255,255,255,.10);border-color:rgba(10,132,255,.35);color:#8ec5ff;}
html[data-theme="dark"] .notification-count{border-color:#111722;}
@media (max-width:520px){
  .drawer#notificationDrawer .notification-item{grid-template-columns:38px minmax(0,1fr);}
  .drawer#notificationDrawer .notification-time{grid-column:2;justify-self:start;padding-top:0;margin-top:-4px;}
}

/* v174: notification centre polish, stable task drag/drop states, timeline auto-scroll */
.today-focus-page .stats-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.notification-studio-panel{
  overflow:visible;
  border-radius:28px;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,253,.96));
  box-shadow:0 18px 50px rgba(15,23,42,.06);
}
.notification-studio-header{
  align-items:flex-start;
  padding:22px 22px 10px;
  border-bottom:0;
}
.notification-studio-header .panel-title{
  font-size:17px;
  letter-spacing:-.02em;
}
.notification-studio-body{
  padding:12px 22px 22px;
}
.notification-studio-grid{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:14px;
}
.notification-studio-grid .full,
.notification-studio-grid .notification-title-field,
.notification-studio-grid [data-recipient-picker],
.notification-studio-grid [data-role-picker],
.notification-studio-grid [data-department-picker],
.notification-studio-grid label:has(.js-notification-summernote){
  grid-column:1 / -1;
}
.notification-studio-grid .form-field{
  padding:0;
}
.notification-studio-grid .form-field > span{
  display:flex;
  align-items:center;
  gap:3px;
  min-height:18px;
  margin-bottom:7px;
  color:var(--muted);
  font-size:11px;
  font-weight:850;
  letter-spacing:.01em;
}
.notification-studio-grid .form-field input,
.notification-studio-grid .form-field select,
.notification-studio-grid .form-field textarea{
  min-height:46px;
  border-radius:16px;
  border-color:rgba(15,23,42,.10);
  background:rgba(255,255,255,.92);
  font-size:13px;
  font-weight:600;
}
.notification-studio-grid .form-field input::placeholder,
.notification-studio-grid .form-field textarea::placeholder{
  color:rgba(100,116,139,.75);
  font-weight:600;
}
.notification-count-row{
  margin-top:2px;
  background:rgba(10,132,255,.035);
  border-color:rgba(10,132,255,.16);
}
.notification-studio-actions{
  position:sticky;
  bottom:0;
  z-index:4;
  display:flex;
  justify-content:flex-end;
  gap:10px;
  margin:18px -22px -22px;
  padding:14px 22px;
  border-top:1px solid rgba(15,23,42,.08);
  background:rgba(248,250,253,.94);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border-radius:0 0 28px 28px;
}
.notification-studio-actions .btn{
  min-height:40px;
  border-radius:14px;
  font-size:12px;
  font-weight:850;
}
.helprite-notification-select2-dropdown{
  z-index:999999!important;
  border-radius:16px!important;
  border:1px solid rgba(15,23,42,.12)!important;
  box-shadow:0 18px 50px rgba(15,23,42,.18)!important;
  overflow:hidden!important;
}
.helprite-notification-select2-dropdown .select2-search__field{
  min-height:36px;
  border-radius:10px!important;
  border:1px solid rgba(15,23,42,.12)!important;
  outline:0!important;
  padding:6px 10px!important;
  font-size:12px!important;
}
.helprite-notification-select2-dropdown .select2-results__option{
  padding:10px 12px!important;
  font-size:12px!important;
  font-weight:700!important;
}
.helprite-notification-select2-dropdown .select2-results__option--highlighted{
  background:var(--blue)!important;
  color:#fff!important;
}
.notification-centre-card{
  grid-template-columns:48px minmax(0,1fr) auto;
  gap:14px;
  padding:16px;
  border-radius:22px;
  border:1px solid rgba(15,23,42,.08);
  background:rgba(255,255,255,.96);
  box-shadow:0 14px 34px rgba(15,23,42,.055);
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.notification-centre-card:hover{
  transform:translateY(-1px);
  border-color:rgba(10,132,255,.24);
  box-shadow:0 18px 44px rgba(15,23,42,.08);
}
.notification-centre-card .today-notification-icon .app-icon{
  width:48px;
  height:48px;
  border-radius:17px;
}
.notification-centre-card .today-notification-title strong{
  font-size:14px;
  font-weight:900;
}
.notification-centre-card .today-notification-message{
  max-width:780px;
  color:var(--muted);
  font-size:12px;
  line-height:1.6;
}
.notification-centre-card .today-task-meta span{
  background:rgba(15,23,42,.035);
  border-color:rgba(15,23,42,.06);
}
.notification-centre-card .today-notification-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  min-width:250px;
}
.notification-read-modal{
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
  z-index:99999;
}
.notification-read-modal.open{display:flex;}
.notification-read-box{
  width:min(620px,calc(100vw - 28px));
  max-height:min(760px,calc(100dvh - 48px));
  border-radius:26px;
  overflow:hidden;
}
.notification-read-box .task-ui-modal-head{
  padding:20px 22px;
  border-bottom:1px solid var(--line);
}
.notification-read-box .task-ui-modal-head h2{
  margin:0;
  font-size:19px;
  line-height:1.15;
}
.notification-read-box .task-ui-modal-head p{
  margin:6px 0 0;
  color:var(--muted);
  font-size:12px;
  font-weight:700;
}
.notification-read-body{
  max-height:420px;
  overflow:auto;
  padding:20px 22px;
  font-size:13px;
  line-height:1.7;
  color:var(--text);
}
.notification-read-body p{margin:0 0 10px;}
.notification-read-box .task-ui-modal-foot{
  justify-content:flex-end;
  padding:14px 22px;
  border-top:1px solid var(--line);
}
.drawer#notificationDrawer{
  width:min(410px,100vw);
  background:rgba(247,249,252,.98);
}
.drawer#notificationDrawer .drawer-header{
  padding:20px;
}
.drawer#notificationDrawer .drawer-header strong{
  font-size:18px;
  letter-spacing:-.025em;
}
.notification-drawer-body{
  padding:14px 14px 104px;
}
.drawer#notificationDrawer .notification-item{
  grid-template-columns:40px minmax(0,1fr) auto;
  border-radius:22px;
  padding:13px;
  background:rgba(255,255,255,.94);
  border:1px solid rgba(15,23,42,.08);
}
.drawer#notificationDrawer .notification-item + .notification-item{margin-top:0;}
.drawer#notificationDrawer .notification-item .app-icon.small{
  width:40px;
  height:40px;
  border-radius:15px;
}
.drawer#notificationDrawer .notification-title-line strong{
  max-width:210px;
  font-size:12.5px;
  line-height:1.25;
}
.drawer#notificationDrawer .notification-copy p{
  margin-top:5px;
  font-size:11.5px;
  line-height:1.5;
}
.drawer#notificationDrawer .notification-copy small{
  max-width:100%;
  white-space:normal;
}
.drawer#notificationDrawer .notification-time{
  min-width:42px;
  text-align:right;
  font-size:10px;
}
.notification-quick-actions button,
.notification-quick-actions a{
  min-height:28px;
  font-size:10.5px;
}
.notification-drawer-footer{
  gap:9px;
  padding:13px 14px calc(13px + env(safe-area-inset-bottom));
}
.notification-drawer-footer .btn{
  min-height:40px;
  border-radius:14px;
}
.task-ui-card[draggable="false"]{
  cursor:default!important;
  user-select:none;
  -webkit-user-drag:none;
}
.task-ui-card[draggable="false"] *{
  -webkit-user-drag:none;
}
.task-ui-card[draggable="false"]:active{
  transform:none!important;
}
.task-ui-card[draggable="false"].dragging{
  opacity:1!important;
  transform:none!important;
}
.task-ui-page:not([data-task-can-manage="1"]) .task-ui-column.drag-over,
body:not([data-task-can-assign="1"]) .task-ui-column.drag-over{
  outline:0!important;
  background:transparent!important;
}
.task-pro-timeline-card{
  min-height:0;
}
.task-pro-timeline-card [data-task-timeline-list="basic"],
.task-pro-timeline-card [data-task-timeline-list="outlined"]{
  max-height:560px;
  min-height:0;
  overflow:auto;
  padding-right:6px;
  overscroll-behavior:contain;
}
.task-pro-timeline-card [data-task-timeline-list="basic"]::-webkit-scrollbar,
.task-pro-timeline-card [data-task-timeline-list="outlined"]::-webkit-scrollbar,
.notification-read-body::-webkit-scrollbar,
.notification-drawer-body::-webkit-scrollbar{
  width:6px;
}
.task-pro-timeline-card [data-task-timeline-list="basic"]::-webkit-scrollbar-thumb,
.task-pro-timeline-card [data-task-timeline-list="outlined"]::-webkit-scrollbar-thumb,
.notification-read-body::-webkit-scrollbar-thumb,
.notification-drawer-body::-webkit-scrollbar-thumb{
  background:rgba(100,116,139,.32);
  border-radius:999px;
}
html[data-theme="dark"] .notification-studio-panel,
html[data-theme="dark"] .notification-centre-card{
  background:rgba(255,255,255,.045);
  border-color:rgba(255,255,255,.08);
  box-shadow:none;
}
html[data-theme="dark"] .notification-studio-actions{
  background:rgba(17,24,39,.92);
  border-color:rgba(255,255,255,.08);
}
html[data-theme="dark"] .notification-studio-grid .form-field input,
html[data-theme="dark"] .notification-studio-grid .form-field select,
html[data-theme="dark"] .notification-studio-grid .form-field textarea{
  background:rgba(255,255,255,.055);
  border-color:rgba(255,255,255,.10);
}
html[data-theme="dark"] .notification-count-row{
  background:rgba(10,132,255,.10);
  border-color:rgba(10,132,255,.22);
}
html[data-theme="dark"] .notification-centre-card .today-task-meta span{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.08);
}
html[data-theme="dark"] .notification-read-box{
  background:#121722;
  color:var(--text);
}
html[data-theme="dark"] .helprite-notification-select2-dropdown{
  background:#161b25!important;
  border-color:rgba(255,255,255,.10)!important;
}
html[data-theme="dark"] .helprite-notification-select2-dropdown .select2-search__field{
  background:#111722!important;
  color:var(--text)!important;
  border-color:rgba(255,255,255,.10)!important;
}
@media (max-width:1180px){
  .today-focus-page .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .notification-studio-grid{grid-template-columns:1fr;}
  .notification-centre-card{grid-template-columns:44px minmax(0,1fr);}
  .notification-centre-card .today-notification-actions{grid-column:1 / -1;justify-content:flex-start;min-width:0;}
}
@media (max-width:640px){
  .today-focus-page .stats-grid{grid-template-columns:1fr;}
  .notification-studio-header,.notification-studio-body{padding-left:16px;padding-right:16px;}
  .notification-studio-actions{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px;}
  .notification-studio-actions .btn{flex:1;}
  .notification-centre-card{padding:14px;border-radius:20px;}
  .task-pro-timeline-card [data-task-timeline-list="basic"],
  .task-pro-timeline-card [data-task-timeline-list="outlined"]{max-height:460px;}
}

/* v176: Apple-style notification command centre page */
.notification-centre-v176{padding-bottom:40px;}
.notification-page-heading{align-items:flex-start;margin-bottom:18px;}
.notification-heading-actions{gap:10px;}
.notification-command-hero{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);
  gap:18px;
  align-items:stretch;
  margin-bottom:18px;
  padding:22px;
  border:1px solid rgba(15,23,42,.07);
  border-radius:30px;
  background:
    radial-gradient(circle at top left,rgba(10,132,255,.11),transparent 34%),
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(247,249,252,.94));
  box-shadow:0 20px 55px rgba(15,23,42,.065);
}
.notification-command-copy{display:flex;flex-direction:column;justify-content:center;gap:12px;min-height:210px;}
.notification-live-pill{display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;height:32px;padding:0 12px;border-radius:999px;border:1px solid rgba(10,132,255,.16);background:rgba(10,132,255,.08);color:#0a62c9;font-size:11px;font-weight:850;}
.notification-live-pill i{width:8px;height:8px;border-radius:50%;background:#ff3b30;box-shadow:0 0 0 5px rgba(255,59,48,.10);}
.notification-command-copy h2{margin:0;max-width:720px;color:var(--text);font-size:clamp(28px,3vw,46px);line-height:.98;letter-spacing:-.055em;font-weight:950;}
.notification-command-copy p{margin:0;max-width:620px;color:var(--muted);font-size:13px;line-height:1.58;font-weight:650;}
.notification-command-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:4px;}
.notification-command-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.notification-metric-card{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:112px;padding:16px;border:1px solid rgba(15,23,42,.08);border-radius:24px;background:rgba(255,255,255,.9);color:var(--text);text-decoration:none;box-shadow:0 14px 34px rgba(15,23,42,.055);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;}
.notification-metric-card:hover{transform:translateY(-2px);border-color:rgba(10,132,255,.26);box-shadow:0 20px 44px rgba(15,23,42,.09);color:var(--text);}
.notification-metric-card::after{content:"";position:absolute;right:-30px;top:-30px;width:92px;height:92px;border-radius:50%;opacity:.13;background:currentColor;}
.notification-metric-card span{color:var(--muted);font-size:11px;font-weight:850;letter-spacing:.01em;}
.notification-metric-card strong{font-size:34px;line-height:1;letter-spacing:-.045em;font-weight:950;}
.notification-metric-card small{color:var(--muted);font-size:11px;font-weight:700;line-height:1.35;}
.notification-metric-card.danger{color:#ff3b30;}
.notification-metric-card.blue{color:#0a84ff;}
.notification-metric-card.purple{color:#8b5cf6;}
.notification-metric-card.green{color:#10b981;}
.notification-workbench{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;margin-bottom:18px;align-items:start;}
.notification-compose-card,.notification-guidance-card,.notification-filter-panel,.notification-feed-panel{border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.96);box-shadow:0 18px 48px rgba(15,23,42,.06);}
.notification-compose-card{border-radius:30px;overflow:visible;}
.notification-guidance-card{position:sticky;top:96px;border-radius:28px;padding:18px;}
.notification-card-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:22px 22px 14px;border-bottom:1px solid rgba(15,23,42,.06);}
.notification-card-section-head.compact{padding:0 0 14px;border-bottom:0;}
.notification-section-kicker{display:inline-flex;align-items:center;gap:6px;margin-bottom:5px;color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;}
.notification-card-section-head h3,.notification-feed-head h3{margin:0;color:var(--text);font-size:20px;line-height:1.08;letter-spacing:-.035em;font-weight:950;}
.notification-card-section-head p,.notification-feed-head p{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.45;font-weight:650;}
.notification-soft-badge{height:28px;padding:0 10px;border-radius:999px;background:rgba(10,132,255,.08);border:1px solid rgba(10,132,255,.14);color:#0a62c9;font-size:10px;font-weight:900;display:inline-flex;align-items:center;white-space:nowrap;}
.notification-compose-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px 22px 20px;}
.notification-compose-grid .notification-field-wide,.notification-compose-grid .notification-message-field,.notification-compose-grid [data-recipient-picker],.notification-compose-grid [data-role-picker],.notification-compose-grid [data-department-picker]{grid-column:1 / -1;}
.notification-compose-grid .form-field{display:grid;gap:7px;color:var(--text);font-size:12px;font-weight:800;min-width:0;}
.notification-compose-grid .form-field > span{display:flex;align-items:center;gap:3px;color:var(--muted);font-size:11px;font-weight:900;}
.notification-compose-grid .form-field span b{color:#ff3b30;}
.notification-compose-grid .form-field input,.notification-compose-grid .form-field select,.notification-compose-grid .form-field textarea{width:100%;min-height:46px;border:1px solid rgba(15,23,42,.10);border-radius:16px;background:rgba(248,250,252,.88);color:var(--text);outline:0;padding:0 13px;font:inherit;font-size:13px;font-weight:650;}
.notification-compose-grid .form-field input::placeholder,.notification-compose-grid .form-field textarea::placeholder{color:rgba(100,116,139,.68);font-weight:650;}
.notification-compose-grid .form-field input:focus,.notification-compose-grid .form-field select:focus,.notification-compose-grid .form-field textarea:focus{border-color:rgba(10,132,255,.52);box-shadow:0 0 0 4px rgba(10,132,255,.10);background:#fff;}
.notification-action-count-card{grid-column:1 / -1;display:flex;align-items:center;gap:12px;padding:14px;border:1px dashed rgba(10,132,255,.22);border-radius:18px;background:rgba(10,132,255,.04);cursor:pointer;}
.notification-action-count-card input{width:20px;height:20px;accent-color:var(--blue);}
.notification-action-count-card span{display:grid;gap:3px;}
.notification-action-count-card b{color:var(--text);font-size:12px;font-weight:900;}
.notification-action-count-card small{color:var(--muted);font-size:11px;font-weight:650;line-height:1.35;}
.notification-compose-footer{position:sticky;bottom:0;z-index:5;display:flex;justify-content:flex-end;gap:10px;padding:14px 22px;border-top:1px solid rgba(15,23,42,.08);border-radius:0 0 30px 30px;background:rgba(248,250,252,.94);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);}
.notification-flow-list{display:grid;gap:12px;margin-top:4px;}
.notification-flow-list>div{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:flex-start;padding:12px;border:1px solid rgba(15,23,42,.07);border-radius:18px;background:rgba(248,250,252,.75);}
.flow-number{width:34px;height:34px;display:grid;place-items:center;border-radius:13px;background:rgba(10,132,255,.10);color:#0a62c9;font-size:12px;font-weight:950;}
.notification-flow-list p{margin:0;display:grid;gap:3px;}
.notification-flow-list b{color:var(--text);font-size:12px;font-weight:900;}
.notification-flow-list small{color:var(--muted);font-size:11px;line-height:1.4;font-weight:650;}
.notification-manager-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;}
.notification-manager-mini-stats span{display:grid;gap:2px;padding:12px;border:1px solid rgba(15,23,42,.07);border-radius:18px;background:rgba(255,255,255,.88);text-align:center;}
.notification-manager-mini-stats b{font-size:20px;line-height:1;color:var(--text);font-weight:950;}
.notification-manager-mini-stats small{font-size:10px;color:var(--muted);font-weight:800;}
.notification-inbox-shell{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;align-items:start;}
.notification-filter-panel{position:sticky;top:96px;border-radius:28px;padding:16px;}
.notification-filter-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;}
.notification-filter-title strong{font-size:14px;color:var(--text);font-weight:950;}
.notification-filter-title span{font-size:10px;color:var(--muted);font-weight:850;}
.notification-view-list{display:grid;gap:7px;}
.notification-view-link{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px;padding:0 12px;border-radius:15px;color:var(--muted);font-size:12px;font-weight:850;text-decoration:none;border:1px solid transparent;}
.notification-view-link:hover{background:rgba(10,132,255,.06);color:var(--text);}
.notification-view-link.active{background:#0a84ff;color:#fff;box-shadow:0 10px 24px rgba(10,132,255,.24);}
.notification-view-link b{min-width:24px;height:24px;display:grid;place-items:center;border-radius:999px;background:rgba(15,23,42,.07);color:inherit;font-size:10px;font-weight:950;}
.notification-view-link.active b{background:rgba(255,255,255,.22);}
.notification-feed-panel{border-radius:30px;overflow:hidden;}
.notification-feed-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid rgba(15,23,42,.07);background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.92));}
.notification-feed-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.notification-feed-list{display:grid;gap:12px;padding:16px;background:rgba(248,250,252,.55);}
.notification-centre-row{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;padding:16px;border:1px solid rgba(15,23,42,.075);border-radius:24px;background:rgba(255,255,255,.96);box-shadow:0 12px 30px rgba(15,23,42,.045);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;}
.notification-centre-row:hover{transform:translateY(-1px);border-color:rgba(10,132,255,.23);box-shadow:0 18px 42px rgba(15,23,42,.075);}
.notification-centre-row.is-unread{border-color:rgba(10,132,255,.22);background:linear-gradient(180deg,rgba(10,132,255,.045),rgba(255,255,255,.98));}
.notification-centre-row.needs-action{border-color:rgba(255,149,0,.28);}
.notification-centre-icon .app-icon{width:48px;height:48px;border-radius:17px;}
.notification-centre-content{min-width:0;}
.notification-centre-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
.notification-centre-title{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap;}
.notification-centre-title strong{color:var(--text);font-size:14.5px;line-height:1.25;font-weight:950;letter-spacing:-.015em;}
.notification-centre-title em{font-style:normal;height:22px;display:inline-flex;align-items:center;padding:0 8px;border-radius:999px;background:rgba(255,149,0,.12);color:#b45309;font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.02em;}
.notification-centre-topline time{flex:0 0 auto;color:var(--muted);font-size:10px;font-weight:850;padding-top:2px;}
.notification-centre-content p{margin:7px 0 0;max-width:980px;color:var(--muted);font-size:12px;line-height:1.58;font-weight:650;}
.notification-centre-tags{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:10px;}
.notification-centre-tags span{min-height:24px;display:inline-flex;align-items:center;padding:0 9px;border-radius:999px;background:rgba(15,23,42,.04);border:1px solid rgba(15,23,42,.055);color:var(--muted);font-size:10px;font-weight:850;}
.notification-centre-tags .priority-danger{background:rgba(255,59,48,.10);color:#dc2626;border-color:rgba(255,59,48,.16);}
.notification-centre-tags .priority-warning{background:rgba(255,149,0,.12);color:#b45309;border-color:rgba(255,149,0,.18);}
.notification-centre-tags .priority-muted{background:rgba(100,116,139,.10);color:#64748b;border-color:rgba(100,116,139,.14);}
.notification-centre-tags .priority-info{background:rgba(10,132,255,.09);color:#0a62c9;border-color:rgba(10,132,255,.15);}
.notification-centre-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:13px;}
.notification-centre-actions .btn,.notification-feed-head .btn,.notification-compose-footer .btn,.notification-command-actions .btn,.notification-heading-actions .btn{min-height:38px;border-radius:14px;font-size:12px;font-weight:850;}
.notification-empty-modern{min-height:360px;border-radius:24px;margin:16px;border:1px dashed rgba(15,23,42,.10);background:rgba(248,250,252,.75);}
.notification-read-box{border-radius:28px;box-shadow:0 28px 90px rgba(15,23,42,.28);}
.notification-read-body{font-size:13px;line-height:1.72;}
.notification-read-body a{color:var(--blue);font-weight:800;}
/* Select2/Summernote polish for notification page */
.notification-centre-v176 .select2-container{width:100%!important;}
.notification-centre-v176 .select2-container--default .select2-selection--single,.notification-centre-v176 .select2-container--default .select2-selection--multiple{min-height:46px;border:1px solid rgba(15,23,42,.10)!important;border-radius:16px!important;background:rgba(248,250,252,.88)!important;display:flex;align-items:center;}
.notification-centre-v176 .select2-container--default .select2-selection--multiple{padding:4px 6px;align-items:flex-start;}
.notification-centre-v176 .select2-container--default.select2-container--focus .select2-selection--multiple,.notification-centre-v176 .select2-container--default.select2-container--focus .select2-selection--single{border-color:rgba(10,132,255,.52)!important;box-shadow:0 0 0 4px rgba(10,132,255,.10)!important;}
.notification-centre-v176 .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:44px;padding-left:13px;color:var(--text);font-size:13px;font-weight:650;}
.notification-centre-v176 .select2-container--default .select2-selection--single .select2-selection__arrow{height:44px;right:8px;}
.notification-centre-v176 .select2-container--default .select2-selection--multiple .select2-selection__choice{border:0;border-radius:999px;background:rgba(10,132,255,.10);color:#0a62c9;font-size:11px;font-weight:800;padding:4px 8px;margin-top:5px;}
.notification-centre-v176 .note-editor.note-frame{border:1px solid rgba(15,23,42,.10);border-radius:18px;overflow:hidden;background:#fff;box-shadow:none;}
.notification-centre-v176 .note-toolbar{background:rgba(248,250,252,.96);border-bottom:1px solid rgba(15,23,42,.08);}
.notification-centre-v176 .note-editable{min-height:150px;font-size:13px;line-height:1.6;color:var(--text);}
.helprite-notification-select2-dropdown{border-radius:16px!important;border:1px solid rgba(15,23,42,.12)!important;box-shadow:0 20px 56px rgba(15,23,42,.20)!important;overflow:hidden!important;z-index:999999!important;}
.helprite-notification-select2-dropdown .select2-results__option{font-size:12px!important;font-weight:750!important;padding:10px 13px!important;}
.helprite-notification-select2-dropdown .select2-results__option--highlighted{background:var(--blue)!important;color:#fff!important;}
/* Drawer v176 polish */
.drawer#notificationDrawer{width:min(430px,100vw);background:rgba(248,250,253,.98);box-shadow:-26px 0 80px rgba(15,23,42,.22);}
.drawer#notificationDrawer .drawer-header{padding:20px;border-bottom:1px solid rgba(15,23,42,.08);}
.drawer#notificationDrawer .drawer-header strong{font-size:19px;font-weight:950;letter-spacing:-.03em;}
.notification-drawer-body{padding:14px 14px 110px;background:linear-gradient(180deg,rgba(248,250,253,.95),rgba(244,247,251,.98));}
.drawer#notificationDrawer .notification-item{border-radius:22px;padding:14px;background:rgba(255,255,255,.96);border:1px solid rgba(15,23,42,.08);box-shadow:0 12px 30px rgba(15,23,42,.055);}
.notification-drawer-footer{border-top:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.86);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);}
@media(max-width:1180px){
  .notification-command-hero{grid-template-columns:1fr;}
  .notification-workbench{grid-template-columns:1fr;}
  .notification-guidance-card,.notification-filter-panel{position:static;}
  .notification-inbox-shell{grid-template-columns:1fr;}
  .notification-view-list{grid-template-columns:repeat(4,minmax(0,1fr));}
}
@media(max-width:760px){
  .notification-command-hero{padding:16px;border-radius:24px;}
  .notification-command-copy{min-height:0;}
  .notification-command-metrics{grid-template-columns:1fr;}
  .notification-compose-grid{grid-template-columns:1fr;padding:16px;}
  .notification-card-section-head,.notification-feed-head{padding:16px;}
  .notification-compose-footer{margin:0;padding:12px 16px;}
  .notification-view-list{grid-template-columns:1fr;}
  .notification-centre-row{grid-template-columns:42px minmax(0,1fr);padding:14px;border-radius:22px;}
  .notification-centre-icon .app-icon{width:42px;height:42px;border-radius:15px;}
  .notification-centre-topline{display:grid;gap:4px;}
  .notification-feed-head{display:grid;}
}
html[data-theme="dark"] .notification-command-hero,body[data-active-theme="dark"] .notification-command-hero{background:radial-gradient(circle at top left,rgba(10,132,255,.16),transparent 34%),linear-gradient(135deg,rgba(17,24,39,.98),rgba(12,18,27,.94));border-color:rgba(255,255,255,.08);box-shadow:none;}
html[data-theme="dark"] .notification-metric-card,html[data-theme="dark"] .notification-compose-card,html[data-theme="dark"] .notification-guidance-card,html[data-theme="dark"] .notification-filter-panel,html[data-theme="dark"] .notification-feed-panel,html[data-theme="dark"] .notification-centre-row,html[data-theme="dark"] .notification-manager-mini-stats span,html[data-theme="dark"] .notification-flow-list>div,body[data-active-theme="dark"] .notification-metric-card,body[data-active-theme="dark"] .notification-compose-card,body[data-active-theme="dark"] .notification-guidance-card,body[data-active-theme="dark"] .notification-filter-panel,body[data-active-theme="dark"] .notification-feed-panel,body[data-active-theme="dark"] .notification-centre-row,body[data-active-theme="dark"] .notification-manager-mini-stats span,body[data-active-theme="dark"] .notification-flow-list>div{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.08);box-shadow:none;}
html[data-theme="dark"] .notification-feed-head,html[data-theme="dark"] .notification-feed-list,html[data-theme="dark"] .notification-compose-footer,body[data-active-theme="dark"] .notification-feed-head,body[data-active-theme="dark"] .notification-feed-list,body[data-active-theme="dark"] .notification-compose-footer{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.08);}
html[data-theme="dark"] .notification-compose-grid .form-field input,html[data-theme="dark"] .notification-compose-grid .form-field select,html[data-theme="dark"] .notification-compose-grid .form-field textarea,html[data-theme="dark"] .notification-centre-v176 .select2-container--default .select2-selection--single,html[data-theme="dark"] .notification-centre-v176 .select2-container--default .select2-selection--multiple,body[data-active-theme="dark"] .notification-compose-grid .form-field input,body[data-active-theme="dark"] .notification-compose-grid .form-field select,body[data-active-theme="dark"] .notification-compose-grid .form-field textarea,body[data-active-theme="dark"] .notification-centre-v176 .select2-container--default .select2-selection--single,body[data-active-theme="dark"] .notification-centre-v176 .select2-container--default .select2-selection--multiple{background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.10)!important;color:var(--text)!important;}
html[data-theme="dark"] .notification-centre-v176 .note-editor.note-frame,body[data-active-theme="dark"] .notification-centre-v176 .note-editor.note-frame{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.10);}
html[data-theme="dark"] .notification-centre-v176 .note-toolbar,body[data-active-theme="dark"] .notification-centre-v176 .note-toolbar{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.10);}
html[data-theme="dark"] .notification-centre-v176 .note-editable,body[data-active-theme="dark"] .notification-centre-v176 .note-editable{background:#101722;color:var(--text);}
html[data-theme="dark"] .notification-empty-modern,body[data-active-theme="dark"] .notification-empty-modern{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.10);}

/* v177 Simple Apple-style Notification Centre */
.notification-centre-v177{padding-bottom:34px;}
.notification-centre-v177 .page-heading.compact{margin-bottom:14px;}
.notification-centre-v177 .notification-heading-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.notification-summary-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 14px;}
.notification-summary-card{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:78px;padding:16px 18px;border:1px solid rgba(15,23,42,.08);border-radius:22px;background:rgba(255,255,255,.88);box-shadow:0 12px 30px rgba(15,23,42,.045);text-decoration:none;color:var(--text);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;}
.notification-summary-card:hover{transform:translateY(-1px);border-color:rgba(10,132,255,.24);box-shadow:0 16px 36px rgba(15,23,42,.07);}
.notification-summary-card.active{border-color:rgba(10,132,255,.34);box-shadow:0 0 0 4px rgba(10,132,255,.09),0 14px 34px rgba(15,23,42,.06);}
.notification-summary-card span{font-size:12px;font-weight:800;color:var(--muted);letter-spacing:-.01em;}
.notification-summary-card strong{font-size:27px;font-weight:900;letter-spacing:-.05em;color:var(--text);}
.notification-panel-simple{border:1px solid rgba(15,23,42,.08);border-radius:28px;background:rgba(255,255,255,.92);box-shadow:0 18px 45px rgba(15,23,42,.055);overflow:hidden;}
.notification-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 20px;border-bottom:1px solid rgba(15,23,42,.07);background:rgba(248,250,252,.72);}
.notification-panel-header h2{font-size:18px;line-height:1.2;margin:0 0 4px;font-weight:850;color:var(--text);letter-spacing:-.03em;}
.notification-panel-header p{margin:0;color:var(--muted);font-size:12px;font-weight:650;}
.notification-panel-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.notification-inline-tabs{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.notification-inline-tabs a{height:34px;display:inline-flex;align-items:center;border-radius:999px;padding:0 12px;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.82);font-size:12px;font-weight:800;color:var(--muted);text-decoration:none;}
.notification-inline-tabs a.active,.notification-inline-tabs a:hover{background:rgba(10,132,255,.10);color:#0a84ff;border-color:rgba(10,132,255,.20);}
.notification-simple-list{display:flex;flex-direction:column;padding:10px;gap:8px;}
.notification-simple-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;border:1px solid rgba(15,23,42,.075);border-radius:20px;background:#fff;box-shadow:0 8px 22px rgba(15,23,42,.035);}
.notification-simple-card.is-unread{border-color:rgba(10,132,255,.22);box-shadow:inset 3px 0 0 #0a84ff,0 8px 22px rgba(15,23,42,.04);}
.notification-simple-card.needs-action{background:#fff;}
.notification-simple-icon .app-icon{width:40px;height:40px;border-radius:14px;}
.notification-simple-content{min-width:0;}
.notification-simple-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;}
.notification-simple-top h3{font-size:14px;font-weight:850;color:var(--text);margin:0 0 5px;letter-spacing:-.02em;}
.notification-simple-top p{font-size:12px;font-weight:600;line-height:1.5;color:var(--muted);margin:0;max-width:780px;}
.notification-simple-top time{font-size:11px;font-weight:800;color:var(--muted);white-space:nowrap;margin-top:2px;}
.notification-simple-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:9px;}
.notification-simple-meta span{display:inline-flex;align-items:center;height:24px;border-radius:999px;padding:0 9px;background:rgba(100,116,139,.10);color:#5b677a;font-size:11px;font-weight:800;}
.notification-simple-meta .priority-danger{background:rgba(255,59,48,.10);color:#df241f;}
.notification-simple-meta .priority-warning{background:rgba(255,149,0,.12);color:#ad6400;}
.notification-simple-meta .priority-muted{background:rgba(100,116,139,.10);color:#64748b;}
.notification-simple-meta .priority-info{background:rgba(10,132,255,.10);color:#0a63ce;}
.notification-simple-meta .needs-action-pill{background:rgba(255,59,48,.11);color:#e0231a;}
.notification-simple-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end;flex-wrap:wrap;}
.notification-simple-actions .btn{height:36px;padding:0 13px;border-radius:13px;font-size:12px;}
.notification-simple-empty{padding:76px 20px;min-height:300px;border:0;background:transparent;}
.notification-compose-modal{display:none;align-items:center;justify-content:center;padding:22px;background:rgba(12,18,28,.38);backdrop-filter:blur(12px);}
.notification-compose-modal.open{display:flex;}
.notification-compose-box{width:min(880px,calc(100vw - 28px));max-height:min(86dvh,780px);overflow:hidden;border-radius:24px;background:#fff;border:1px solid rgba(15,23,42,.10);box-shadow:0 30px 90px rgba(15,23,42,.18);}
.notification-compose-box .task-ui-modal-head{padding:18px 20px;border-bottom:1px solid rgba(15,23,42,.08);}
.notification-compose-box .task-ui-modal-head h2{font-size:19px;font-weight:850;letter-spacing:-.03em;margin:0;color:var(--text);}
.notification-compose-box .task-ui-modal-head p{font-size:12px;color:var(--muted);font-weight:650;margin:3px 0 0;}
.notification-compose-box .task-ui-modal-head button{width:38px;height:38px;border-radius:14px;border:1px solid rgba(15,23,42,.08);background:#fff;color:var(--text);font-size:22px;line-height:1;}
.notification-compose-body{padding:18px 20px;overflow:auto;max-height:calc(86dvh - 150px);}
.notification-compose-grid-simple{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.notification-compose-grid-simple .notification-field-wide{grid-column:1/-1;}
.notification-compose-grid-simple .form-field{display:flex;flex-direction:column;gap:7px;}
.notification-compose-grid-simple .form-field span{font-size:12px;font-weight:800;color:var(--text);}
.notification-compose-grid-simple .form-field b{color:#ff3b30;}
.notification-compose-grid-simple input,.notification-compose-grid-simple select,.notification-compose-grid-simple textarea{width:100%;min-height:46px;border:1px solid rgba(15,23,42,.10);border-radius:15px;background:rgba(248,250,252,.88);padding:0 13px;font-size:13px;font-weight:650;color:var(--text);outline:none;}
.notification-compose-grid-simple textarea{padding:12px 13px;min-height:130px;resize:vertical;}
.notification-action-count-card{display:flex;align-items:flex-start;gap:10px;border:1px dashed rgba(15,23,42,.12);border-radius:16px;padding:13px;background:rgba(248,250,252,.76);}
.notification-action-count-card input{width:18px!important;height:18px!important;min-height:18px!important;margin-top:2px;accent-color:#0a84ff;}
.notification-action-count-card b{display:block;font-size:13px;color:var(--text);margin-bottom:2px;}
.notification-action-count-card small{display:block;font-size:12px;color:var(--muted);font-weight:600;}
.notification-compose-foot{padding:14px 20px;border-top:1px solid rgba(15,23,42,.08);display:flex;justify-content:flex-end;gap:10px;background:rgba(248,250,252,.74);}
.notification-centre-v177 .select2-container{width:100%!important;}
.notification-compose-box .select2-container{width:100%!important;}
.notification-compose-box .select2-container--default .select2-selection--single,.notification-compose-box .select2-container--default .select2-selection--multiple{min-height:46px;border:1px solid rgba(15,23,42,.10)!important;border-radius:15px!important;background:rgba(248,250,252,.88)!important;display:flex;align-items:center;}
.notification-compose-box .select2-container--default .select2-selection--multiple{padding:4px 6px;align-items:flex-start;}
.notification-compose-box .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:44px;padding-left:13px;color:var(--text);font-size:13px;font-weight:650;}
.notification-compose-box .select2-container--default .select2-selection--single .select2-selection__arrow{height:44px;right:8px;}
.notification-compose-box .select2-container--default .select2-selection--multiple .select2-selection__choice{border:0;border-radius:999px;background:rgba(10,132,255,.10);color:#0a62c9;font-size:11px;font-weight:800;padding:4px 8px;margin-top:5px;}
.notification-compose-box .note-editor.note-frame{border:1px solid rgba(15,23,42,.10);border-radius:15px;overflow:hidden;background:#fff;box-shadow:none;}
.notification-compose-box .note-toolbar{background:rgba(248,250,252,.96);border-bottom:1px solid rgba(15,23,42,.08);}
.notification-compose-box .note-editable{min-height:140px;font-size:13px;line-height:1.6;color:var(--text);}
.helprite-notification-select2-dropdown{border:1px solid rgba(15,23,42,.10)!important;border-radius:14px!important;overflow:hidden;box-shadow:0 18px 45px rgba(15,23,42,.12)!important;}
@media (max-width:1100px){.notification-summary-strip{grid-template-columns:repeat(3,minmax(0,1fr));}.notification-panel-header{flex-direction:column;}.notification-panel-actions{justify-content:flex-start;}.notification-simple-card{grid-template-columns:40px minmax(0,1fr);}.notification-simple-actions{grid-column:2;justify-content:flex-start;}}
@media (max-width:680px){.notification-summary-strip{grid-template-columns:1fr 1fr;}.notification-compose-grid-simple{grid-template-columns:1fr;}.notification-simple-card{grid-template-columns:1fr;}.notification-simple-icon{display:none;}.notification-simple-actions{grid-column:1;}.notification-simple-top{flex-direction:column;gap:6px;}.notification-inline-tabs{overflow:auto;max-width:100%;flex-wrap:nowrap;padding-bottom:2px;}.notification-inline-tabs a{white-space:nowrap;}.notification-panel-header{padding:15px;}.notification-simple-list{padding:8px;}.notification-compose-modal{padding:10px;}.notification-compose-box{border-radius:20px;width:calc(100vw - 20px);}.notification-compose-body{padding:14px;}.notification-compose-foot{padding:12px 14px;}}
html[data-theme="dark"] .notification-summary-card,body[data-active-theme="dark"] .notification-summary-card,html[data-theme="dark"] .notification-panel-simple,body[data-active-theme="dark"] .notification-panel-simple,html[data-theme="dark"] .notification-simple-card,body[data-active-theme="dark"] .notification-simple-card,html[data-theme="dark"] .notification-compose-box,body[data-active-theme="dark"] .notification-compose-box{background:rgba(17,24,39,.92);border-color:rgba(255,255,255,.09);box-shadow:none;}
html[data-theme="dark"] .notification-panel-header,body[data-active-theme="dark"] .notification-panel-header,html[data-theme="dark"] .notification-compose-foot,body[data-active-theme="dark"] .notification-compose-foot{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.08);}
html[data-theme="dark"] .notification-inline-tabs a,body[data-active-theme="dark"] .notification-inline-tabs a,html[data-theme="dark"] .notification-compose-box .task-ui-modal-head button,body[data-active-theme="dark"] .notification-compose-box .task-ui-modal-head button{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.09);color:var(--text);}
html[data-theme="dark"] .notification-compose-grid-simple input,html[data-theme="dark"] .notification-compose-grid-simple select,html[data-theme="dark"] .notification-compose-grid-simple textarea,html[data-theme="dark"] .notification-compose-box .select2-container--default .select2-selection--single,html[data-theme="dark"] .notification-compose-box .select2-container--default .select2-selection--multiple,body[data-active-theme="dark"] .notification-compose-grid-simple input,body[data-active-theme="dark"] .notification-compose-grid-simple select,body[data-active-theme="dark"] .notification-compose-grid-simple textarea,body[data-active-theme="dark"] .notification-compose-box .select2-container--default .select2-selection--single,body[data-active-theme="dark"] .notification-compose-box .select2-container--default .select2-selection--multiple{background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.10)!important;color:var(--text)!important;}
html[data-theme="dark"] .notification-action-count-card,body[data-active-theme="dark"] .notification-action-count-card{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12);}
html[data-theme="dark"] .notification-compose-box .note-editor.note-frame,body[data-active-theme="dark"] .notification-compose-box .note-editor.note-frame{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.10);}
html[data-theme="dark"] .notification-compose-box .note-toolbar,body[data-active-theme="dark"] .notification-compose-box .note-toolbar{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.10);}
html[data-theme="dark"] .notification-compose-box .note-editable,body[data-active-theme="dark"] .notification-compose-box .note-editable{background:#101722;color:var(--text);}

/* v178: simple full notification centre + improved drawer (no gradients) */
.notification-centre-v178{padding-bottom:42px;}
.notification-centre-v178 .notification-page-heading{margin-bottom:16px;align-items:flex-start;}
.notification-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px;}
.notification-overview-card{display:flex;flex-direction:column;gap:7px;min-height:112px;padding:18px;border:1px solid rgba(15,23,42,.08);border-radius:24px;background:rgba(255,255,255,.92);color:var(--text);text-decoration:none;box-shadow:0 12px 30px rgba(15,23,42,.045);transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease;}
.notification-overview-card:hover{color:var(--text);border-color:rgba(10,132,255,.22);transform:translateY(-1px);box-shadow:0 18px 40px rgba(15,23,42,.065);}
.notification-overview-card.active{border-color:rgba(10,132,255,.38);box-shadow:0 0 0 3px rgba(10,132,255,.09),0 16px 34px rgba(15,23,42,.05);}
.notification-overview-card span{font-size:12px;font-weight:850;color:var(--muted);}
.notification-overview-card strong{font-size:34px;line-height:1;letter-spacing:-.045em;font-weight:950;color:var(--text);}
.notification-overview-card small{font-size:11px;font-weight:650;color:var(--muted);}
.notification-workspace-v178{display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px;align-items:start;min-height:calc(100vh - 315px);}
.notification-sidebar-card,.notification-inbox-card-v178{border:1px solid rgba(15,23,42,.08);border-radius:26px;background:rgba(255,255,255,.94);box-shadow:0 14px 36px rgba(15,23,42,.045);}
.notification-sidebar-card{position:sticky;top:96px;padding:16px;}
.notification-sidebar-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px;}
.notification-sidebar-head strong{font-size:15px;font-weight:950;color:var(--text);letter-spacing:-.02em;}
.notification-sidebar-head span{font-size:11px;font-weight:800;color:var(--muted);}
.notification-filter-list-v178{display:grid;gap:7px;}
.notification-filter-list-v178 a{display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:0 12px;border-radius:15px;color:var(--muted);font-size:12px;font-weight:850;text-decoration:none;border:1px solid transparent;}
.notification-filter-list-v178 a:hover{background:rgba(15,23,42,.035);color:var(--text);}
.notification-filter-list-v178 a.active{background:#0a84ff;color:#fff;box-shadow:0 10px 22px rgba(10,132,255,.20);}
.notification-filter-list-v178 b{min-width:24px;height:24px;display:grid;place-items:center;border-radius:999px;background:rgba(15,23,42,.07);font-size:10px;color:inherit;}
.notification-filter-list-v178 a.active b{background:rgba(255,255,255,.22);}
.notification-sidebar-note{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;margin-top:15px;padding:13px;border-radius:18px;border:1px dashed rgba(10,132,255,.22);background:rgba(10,132,255,.045);}
.notification-sidebar-note .app-icon{width:38px;height:38px;border-radius:14px;}
.notification-sidebar-note strong{display:block;font-size:12px;font-weight:900;color:var(--text);}
.notification-sidebar-note p{margin:4px 0 0;font-size:11px;line-height:1.45;color:var(--muted);font-weight:650;}
.notification-inbox-card-v178{overflow:hidden;min-height:620px;display:flex;flex-direction:column;}
.notification-inbox-toolbar-v178{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:19px 20px;border-bottom:1px solid rgba(15,23,42,.07);background:rgba(255,255,255,.92);}
.notification-inbox-toolbar-v178 h2{margin:0;font-size:20px;line-height:1.1;font-weight:950;color:var(--text);letter-spacing:-.035em;}
.notification-inbox-toolbar-v178 p{margin:5px 0 0;color:var(--muted);font-size:12px;font-weight:650;}
.notification-inbox-actions-v178{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
.notification-mini-stats-v178{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px 20px;border-bottom:1px solid rgba(15,23,42,.07);background:rgba(248,250,252,.82);}
.notification-mini-stats-v178 span{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px;padding:0 12px;border-radius:15px;background:#fff;border:1px solid rgba(15,23,42,.07);}
.notification-mini-stats-v178 b{font-size:18px;font-weight:950;color:var(--text);}
.notification-mini-stats-v178 small{font-size:11px;font-weight:750;color:var(--muted);text-align:right;}
.notification-inbox-list-v178{display:grid;gap:10px;padding:14px;background:rgba(248,250,252,.55);flex:1;align-content:start;}
.notification-work-item-v178{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:14px;align-items:flex-start;padding:15px;border:1px solid rgba(15,23,42,.075);border-radius:21px;background:#fff;box-shadow:0 10px 22px rgba(15,23,42,.035);transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease;}
.notification-work-item-v178:hover{border-color:rgba(10,132,255,.22);transform:translateY(-1px);box-shadow:0 16px 30px rgba(15,23,42,.055);}
.notification-work-item-v178.is-unread{border-color:rgba(10,132,255,.22);}
.notification-work-item-v178.needs-action{border-color:rgba(255,149,0,.30);}
.notification-work-icon-v178 .app-icon{width:46px;height:46px;border-radius:16px;}
.notification-work-main-v178{min-width:0;}
.notification-work-head-v178{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;}
.notification-work-head-v178 h3{margin:0 0 5px;font-size:14.5px;line-height:1.25;font-weight:950;color:var(--text);letter-spacing:-.015em;}
.notification-work-head-v178 p{margin:0;max-width:780px;color:var(--muted);font-size:12px;line-height:1.52;font-weight:650;}
.notification-work-head-v178 time{white-space:nowrap;color:var(--muted);font-size:11px;font-weight:850;margin-top:2px;}
.notification-work-meta-v178{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:10px;}
.notification-work-meta-v178 span{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:999px;background:rgba(100,116,139,.10);color:#526173;font-size:10.5px;font-weight:850;}
.notification-work-meta-v178 .priority-danger{background:rgba(255,59,48,.10);color:#d92d20;}
.notification-work-meta-v178 .priority-warning{background:rgba(255,149,0,.12);color:#a75d00;}
.notification-work-meta-v178 .priority-muted{background:rgba(100,116,139,.10);color:#64748b;}
.notification-work-meta-v178 .priority-info{background:rgba(10,132,255,.10);color:#0a63ce;}
.notification-work-meta-v178 .needs-action-pill{background:rgba(255,59,48,.10);color:#d92d20;}
.notification-work-actions-v178{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end;min-width:260px;}
.notification-work-actions-v178 .btn{height:34px;padding:0 12px;border-radius:13px;font-size:11.5px;}
.notification-centre-empty-v178{min-height:420px;background:transparent;border:0;}
.notification-compose-modal{z-index:1200;}
.notification-read-modal{z-index:1210;}
.notification-compose-box{width:min(920px,calc(100vw - 30px));border-radius:24px;}
.notification-compose-box .select2-container{width:100%!important;}
.notification-centre-v178 .select2-container{width:100%!important;}
.notification-compose-box .note-editor.note-frame{box-shadow:none!important;}
.drawer.notification-drawer-v178{width:min(440px,100vw);background:rgba(248,250,253,.99);box-shadow:-24px 0 70px rgba(15,23,42,.22);border-left:1px solid rgba(15,23,42,.08);}
.notification-drawer-head-v178{padding:20px;border-bottom:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.94);}
.notification-drawer-head-v178 strong{font-size:19px!important;font-weight:950!important;letter-spacing:-.035em;}
.notification-drawer-v178 .notification-drawer-body{padding:14px;background:rgba(248,250,252,.78);}
.notification-drawer-list-v178{display:grid;gap:10px;}
.drawer-notification-card-v178{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;gap:12px!important;align-items:flex-start!important;padding:14px!important;border-radius:20px!important;background:#fff!important;border:1px solid rgba(15,23,42,.08)!important;box-shadow:0 10px 24px rgba(15,23,42,.045)!important;}
.drawer-notification-card-v178:hover{border-color:rgba(10,132,255,.24)!important;background:#fff!important;transform:translateY(-1px);}
.drawer-notification-card-v178.is-unread{border-color:rgba(10,132,255,.24)!important;}
.drawer-notification-card-v178.is-waiting{border-color:rgba(255,149,0,.30)!important;}
.drawer-notification-card-v178 .app-icon.small{width:42px!important;height:42px!important;border-radius:15px!important;}
.drawer-notification-copy-v178{min-width:0;}
.drawer-notification-top-v178{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;}
.drawer-notification-top-v178 strong{font-size:13px;font-weight:950;color:var(--text);letter-spacing:-.01em;line-height:1.25;}
.drawer-notification-top-v178 .notification-time{font-size:10px;font-weight:850;color:var(--muted);white-space:nowrap;position:static!important;padding:0!important;}
.drawer-notification-copy-v178 p{margin:6px 0 0!important;font-size:11.5px!important;line-height:1.5!important;color:var(--muted)!important;font-weight:650;}
.drawer-notification-tags-v178{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:8px;}
.drawer-notification-tags-v178 small,.drawer-notification-tags-v178 span,.drawer-notification-tags-v178 em{display:inline-flex!important;align-items:center;margin:0!important;min-height:22px;padding:0 8px!important;border-radius:999px;background:rgba(100,116,139,.10)!important;color:#526173!important;font-size:10px!important;font-weight:850!important;font-style:normal!important;}
.drawer-notification-tags-v178 em{background:rgba(255,149,0,.12)!important;color:#a75d00!important;}
.notification-drawer-footer-v178{display:flex;gap:9px;padding:13px 14px;border-top:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.96);box-shadow:0 -12px 28px rgba(15,23,42,.06);}
.notification-drawer-footer-v178 .btn{flex:1;height:42px;border-radius:15px;font-size:12px;font-weight:850;}
.drawer-empty-state-v178{min-height:calc(100vh - 230px);background:#fff;border:1px dashed rgba(15,23,42,.10);border-radius:22px;}
@media (max-width:1180px){.notification-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.notification-workspace-v178{grid-template-columns:1fr;}.notification-sidebar-card{position:static;}.notification-filter-list-v178{grid-template-columns:repeat(4,minmax(0,1fr));}.notification-sidebar-note{display:none;}.notification-work-actions-v178{min-width:0;}}
@media (max-width:760px){.notification-overview-grid{grid-template-columns:1fr 1fr;}.notification-filter-list-v178{grid-template-columns:1fr 1fr;}.notification-inbox-toolbar-v178{flex-direction:column;}.notification-mini-stats-v178{grid-template-columns:1fr;}.notification-work-item-v178{grid-template-columns:42px minmax(0,1fr);}.notification-work-actions-v178{grid-column:1 / -1;justify-content:flex-start;}.notification-work-head-v178{flex-direction:column;gap:5px;}.notification-overview-card{min-height:96px;padding:15px;}.notification-overview-card strong{font-size:28px;}.drawer.notification-drawer-v178{width:100vw;}}
html[data-theme="dark"] .notification-overview-card,body[data-active-theme="dark"] .notification-overview-card,
html[data-theme="dark"] .notification-sidebar-card,body[data-active-theme="dark"] .notification-sidebar-card,
html[data-theme="dark"] .notification-inbox-card-v178,body[data-active-theme="dark"] .notification-inbox-card-v178,
html[data-theme="dark"] .notification-work-item-v178,body[data-active-theme="dark"] .notification-work-item-v178,
html[data-theme="dark"] .notification-mini-stats-v178 span,body[data-active-theme="dark"] .notification-mini-stats-v178 span{background:rgba(17,24,39,.92);border-color:rgba(255,255,255,.09);box-shadow:none;}
html[data-theme="dark"] .notification-inbox-toolbar-v178,body[data-active-theme="dark"] .notification-inbox-toolbar-v178,
html[data-theme="dark"] .notification-mini-stats-v178,body[data-active-theme="dark"] .notification-mini-stats-v178,
html[data-theme="dark"] .notification-inbox-list-v178,body[data-active-theme="dark"] .notification-inbox-list-v178{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.08);}
html[data-theme="dark"] .notification-filter-list-v178 a:hover,body[data-active-theme="dark"] .notification-filter-list-v178 a:hover{background:rgba(255,255,255,.06);}
html[data-theme="dark"] .notification-sidebar-note,body[data-active-theme="dark"] .notification-sidebar-note{background:rgba(10,132,255,.08);border-color:rgba(10,132,255,.18);}
html[data-theme="dark"] .drawer.notification-drawer-v178,body[data-active-theme="dark"] .drawer.notification-drawer-v178{background:rgba(15,18,26,.98);border-color:rgba(255,255,255,.08);}
html[data-theme="dark"] .notification-drawer-head-v178,body[data-active-theme="dark"] .notification-drawer-head-v178,
html[data-theme="dark"] .notification-drawer-footer-v178,body[data-active-theme="dark"] .notification-drawer-footer-v178{background:rgba(18,22,31,.96);border-color:rgba(255,255,255,.08);box-shadow:none;}
html[data-theme="dark"] .notification-drawer-v178 .notification-drawer-body,body[data-active-theme="dark"] .notification-drawer-v178 .notification-drawer-body{background:rgba(15,18,26,.95);}
html[data-theme="dark"] .drawer-notification-card-v178,body[data-active-theme="dark"] .drawer-notification-card-v178{background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.09)!important;box-shadow:none!important;}
html[data-theme="dark"] .drawer-notification-card-v178:hover,body[data-active-theme="dark"] .drawer-notification-card-v178:hover{background:rgba(255,255,255,.075)!important;}
html[data-theme="dark"] .drawer-empty-state-v178,body[data-active-theme="dark"] .drawer-empty-state-v178{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.10);}

/* v179: notification centre cleanup - remove top metric bands and keep Today-style heading actions */
.notification-centre-v178 .notification-page-heading.compact{
  align-items:center;
  margin-bottom:16px;
}
.notification-centre-v178 .notification-workspace-v178{
  min-height:calc(100vh - 230px);
}
.notification-centre-v178 .page-heading-side .page-actions.notification-heading-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
  flex-wrap:wrap;
}
.notification-centre-v178 .page-heading-side .apple-back-link.page-heading-back{
  min-width:82px;
  height:42px;
  min-height:42px;
  border-radius:14px;
  font-size:13px;
  font-weight:680;
}
@media (max-width:760px){
  .notification-centre-v178 .notification-page-heading.compact{
    align-items:flex-start;
  }
  .notification-centre-v178 .page-heading-side,
  .notification-centre-v178 .page-heading-side .page-actions.notification-heading-actions{
    width:100%;
    justify-content:flex-start;
  }
}

/* v180 Notification Centre: search + compact pagination */
.notification-inbox-tools-v180{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.notification-search-box-v180{height:44px;min-width:280px;display:flex;align-items:center;gap:9px;padding:0 14px;border:1px solid rgba(148,163,184,.28);border-radius:16px;background:#fff;color:#64748b;box-shadow:0 10px 24px rgba(15,23,42,.035);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;}
.notification-search-box-v180:focus-within{border-color:rgba(20,126,255,.45);box-shadow:0 0 0 4px rgba(20,126,255,.09),0 12px 25px rgba(15,23,42,.045);}
.notification-search-box-v180 input{border:0;outline:0;background:transparent;width:100%;height:40px;font-size:13px;font-weight:650;color:var(--text);}
.notification-search-box-v180 input::placeholder{color:#94a3b8;font-weight:650;}
.notification-pagination-v180{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:13px 18px;border-top:1px solid rgba(15,23,42,.07);background:rgba(255,255,255,.9);}
.notification-pagination-v180[hidden]{display:none!important;}
.notification-pagination-v180 span{font-size:12px;font-weight:750;color:var(--muted);min-width:150px;text-align:center;}
.notification-page-btn{width:38px;height:38px;border:1px solid rgba(148,163,184,.3);border-radius:14px;background:#fff;color:#0f172a;display:inline-flex;align-items:center;justify-content:center;font-size:22px;line-height:1;font-weight:850;box-shadow:0 8px 22px rgba(15,23,42,.045);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,opacity .15s ease;}
.notification-page-btn:hover:not(:disabled){transform:translateY(-1px);border-color:rgba(20,126,255,.34);box-shadow:0 12px 26px rgba(20,126,255,.12);}
.notification-page-btn:disabled{opacity:.42;cursor:not-allowed;box-shadow:none;}
.notification-search-empty-v180{margin:16px;}
.notification-work-item-v178[hidden]{display:none!important;}
@media (max-width:760px){.notification-inbox-tools-v180{width:100%;justify-content:stretch;}.notification-search-box-v180{min-width:100%;width:100%;}.notification-inbox-tools-v180 .btn{flex:1;}.notification-pagination-v180{justify-content:center;}.notification-pagination-v180 span{min-width:120px;}}
html[data-theme="dark"] .notification-search-box-v180,body[data-active-theme="dark"] .notification-search-box-v180,
html[data-theme="dark"] .notification-page-btn,body[data-active-theme="dark"] .notification-page-btn{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.11);color:rgba(255,255,255,.9);}
html[data-theme="dark"] .notification-pagination-v180,body[data-active-theme="dark"] .notification-pagination-v180{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.08);}
html[data-theme="dark"] .notification-search-box-v180 input,body[data-active-theme="dark"] .notification-search-box-v180 input{color:rgba(255,255,255,.92);}


/* v181 Notification Centre: recipient flow, clean empty states, broadcast grouping, and Today task ownership label */
.notification-inbox-card-v178 .notification-centre-empty-v178,
.notification-inbox-card-v178 .notification-search-empty-v180{
  min-height:clamp(320px,52vh,540px);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  margin:0;
  padding:36px 18px;
  background:rgba(248,250,252,.82);
  border:0;
}
.notification-search-empty-v180[hidden]{display:none!important;}
.notification-compose-box .notification-action-count-card{display:none!important;}
.notification-compose-box .select2-container--default .select2-selection--multiple{
  min-height:48px!important;
  max-height:118px!important;
  overflow:auto!important;
  align-items:center!important;
  padding:6px 8px!important;
}
.notification-compose-box .select2-container--default.select2-container--focus .select2-selection--single,
.notification-compose-box .select2-container--default.select2-container--focus .select2-selection--multiple{
  border-color:rgba(10,132,255,.46)!important;
  box-shadow:0 0 0 4px rgba(10,132,255,.09)!important;
  background:#fff!important;
}
.notification-compose-box .select2-container--default .select2-selection--multiple .select2-selection__rendered{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  flex-wrap:wrap!important;
  padding:0!important;
  width:100%!important;
}
.notification-compose-box .select2-container--default .select2-selection--multiple .select2-search--inline{line-height:1!important;}
.notification-compose-box .select2-container--default .select2-selection--multiple .select2-search__field{
  margin:0!important;
  min-height:28px!important;
  height:28px!important;
  line-height:28px!important;
  font-size:13px!important;
  font-weight:650!important;
  color:var(--text)!important;
}
.helprite-notification-select2-dropdown{
  border:1px solid rgba(148,163,184,.28)!important;
  border-radius:16px!important;
  overflow:hidden!important;
  box-shadow:0 18px 44px rgba(15,23,42,.16)!important;
  z-index:1300!important;
}
.helprite-notification-select2-dropdown .select2-results__option{
  padding:11px 13px!important;
  font-size:13px!important;
  font-weight:700!important;
  color:#0f172a!important;
}
.helprite-notification-select2-dropdown .select2-results__option--highlighted[aria-selected]{background:#0a84ff!important;color:#fff!important;}
.helprite-notification-select2-dropdown .select2-search__field{border-radius:12px!important;border:1px solid rgba(148,163,184,.28)!important;padding:8px 10px!important;font-size:13px!important;outline:none!important;}
.today-my-task-row .quick-row-copy{display:flex;flex-direction:column;align-items:flex-start;gap:4px;}
.today-task-relation-pill{display:inline-flex;align-items:center;min-height:21px;padding:0 8px;border-radius:999px;background:rgba(10,132,255,.10);color:#0a63ce;font-size:10px;font-weight:850;font-style:normal;letter-spacing:-.01em;}
html[data-theme="dark"] .notification-inbox-card-v178 .notification-centre-empty-v178,
html[data-theme="dark"] .notification-inbox-card-v178 .notification-search-empty-v180,
body[data-active-theme="dark"] .notification-inbox-card-v178 .notification-centre-empty-v178,
body[data-active-theme="dark"] .notification-inbox-card-v178 .notification-search-empty-v180{background:rgba(255,255,255,.035);}
html[data-theme="dark"] .helprite-notification-select2-dropdown,
body[data-active-theme="dark"] .helprite-notification-select2-dropdown{background:#111827!important;border-color:rgba(255,255,255,.10)!important;}
html[data-theme="dark"] .helprite-notification-select2-dropdown .select2-results__option,
body[data-active-theme="dark"] .helprite-notification-select2-dropdown .select2-results__option{color:rgba(255,255,255,.9)!important;background:#111827!important;}
html[data-theme="dark"] .helprite-notification-select2-dropdown .select2-search__field,
body[data-active-theme="dark"] .helprite-notification-select2-dropdown .select2-search__field{background:rgba(255,255,255,.06)!important;color:rgba(255,255,255,.92)!important;border-color:rgba(255,255,255,.12)!important;}
html[data-theme="dark"] .today-task-relation-pill,
body[data-active-theme="dark"] .today-task-relation-pill{background:rgba(10,132,255,.18);color:#8ec5ff;}

/* v182: cleaner header notification drawer + modal-safe notification send flow */
.apple-alert-backdrop{z-index:12000!important;}
.drawer#notificationDrawer button.notification-item,
.drawer.notification-drawer-v178 button.notification-item{
  width:100%;
  text-align:left;
  border:1px solid rgba(15,23,42,.08);
  appearance:none;
  -webkit-appearance:none;
  cursor:pointer;
  font:inherit;
  color:inherit;
}
.drawer#notificationDrawer button.notification-item:hover,
.drawer.notification-drawer-v178 button.notification-item:hover{
  border-color:rgba(10,132,255,.24);
  box-shadow:0 16px 34px rgba(15,23,42,.08);
  transform:translateY(-1px);
}
.drawer#notificationDrawer .drawer-notification-card-v178{
  grid-template-columns:48px minmax(0,1fr);
  align-items:flex-start;
}
.drawer#notificationDrawer .drawer-notification-top-v178{
  align-items:flex-start;
  gap:10px;
}
.drawer#notificationDrawer .drawer-notification-top-v178 strong{
  font-size:14px;
  line-height:1.25;
  letter-spacing:-.01em;
}
.drawer#notificationDrawer .drawer-notification-copy-v178 p{
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.drawer#notificationDrawer .drawer-notification-tags-v178,
.drawer#notificationDrawer .notification-quick-actions{
  display:none!important;
}
.notification-read-modal{z-index:9000!important;}
.notification-read-box{width:min(640px,calc(100vw - 28px));}
.notification-read-body{font-size:14px;line-height:1.65;color:var(--text);max-height:min(56vh,520px);overflow:auto;}
.notification-read-body p{margin:0 0 10px;}
.notification-read-foot{gap:10px;align-items:center;}
.notification-read-foot .btn{min-height:42px;border-radius:14px;padding:0 16px;font-size:13px;font-weight:850;}
.notification-read-foot [data-notification-read-link]{margin-right:auto;}
[data-notification-submit-label].is-loading{opacity:.78;pointer-events:none;}
html[data-theme="dark"] .drawer#notificationDrawer button.notification-item,
body[data-active-theme="dark"] .drawer#notificationDrawer button.notification-item{
  border-color:rgba(255,255,255,.08);
  background:rgba(255,255,255,.055);
}
html[data-theme="dark"] .drawer#notificationDrawer button.notification-item:hover,
body[data-active-theme="dark"] .drawer#notificationDrawer button.notification-item:hover{
  border-color:rgba(10,132,255,.28);
  background:rgba(255,255,255,.08);
}


/* v183 - cleaner notification drawer card view link and compact centre rows */
.drawer#notificationDrawer .drawer-notification-card-v178{position:relative;display:grid!important;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:flex-start;padding:16px 16px 15px!important;}
.drawer#notificationDrawer .drawer-notification-copy-v178{min-width:0;}
.drawer#notificationDrawer .drawer-notification-copy-v178 p{padding-right:0;margin-bottom:10px;}
.drawer#notificationDrawer .notification-view-chip{display:inline-flex;align-items:center;gap:5px;width:max-content;max-width:100%;height:26px;padding:0 10px;border-radius:999px;background:rgba(10,132,255,.08);color:#0a62c9;font-size:11px;font-weight:900;line-height:1;transition:background .16s ease,transform .16s ease;}
.drawer#notificationDrawer .drawer-notification-card-v178:hover .notification-view-chip{background:rgba(10,132,255,.13);transform:translateX(2px);}
.drawer#notificationDrawer .drawer-notification-top-v178 time{font-size:10.5px;font-weight:850;color:var(--muted);white-space:nowrap;}
.notification-work-item-v183{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;padding:14px!important;border-radius:21px!important;align-items:center!important;overflow:hidden!important;min-height:104px!important;background:rgba(255,255,255,.98)!important;}
.notification-work-item-v183::before{content:'';position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:999px;background:rgba(10,132,255,.0);transition:background .16s ease;}
.notification-work-item-v183.is-unread::before{background:rgba(10,132,255,.65);}
.notification-work-item-v183.needs-action::before{background:rgba(255,149,0,.75);}
.notification-work-item-v183:hover{border-color:rgba(10,132,255,.18)!important;box-shadow:0 14px 30px rgba(15,23,42,.055)!important;transform:translateY(-1px);}
.notification-row-open-v183{appearance:none;border:0;background:transparent;padding:0;margin:0;display:grid;grid-template-columns:46px minmax(0,1fr);gap:14px;text-align:left;align-items:flex-start;min-width:0;color:inherit;width:100%;cursor:pointer;}
.notification-row-open-v183:focus-visible{outline:3px solid rgba(10,132,255,.18);outline-offset:4px;border-radius:16px;}
.notification-row-head-v183{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;min-width:0;margin-top:1px;}
.notification-row-title-v183{display:block;min-width:0;color:var(--text);font-size:14.5px;font-weight:950;letter-spacing:-.012em;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.notification-row-head-v183 time{flex:0 0 auto;color:var(--muted);font-size:10.5px;font-weight:900;line-height:1.4;padding-top:2px;white-space:nowrap;}
.notification-row-preview-v183{display:block;color:var(--muted);font-size:12px;font-weight:650;line-height:1.42;margin-top:5px;max-width:930px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.notification-row-meta-v183{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:9px;color:var(--muted);font-size:10.5px;font-weight:850;line-height:1;}
.notification-row-meta-v183 span{display:inline-flex;align-items:center;max-width:180px;height:22px;padding:0 8px;border-radius:999px;background:rgba(15,23,42,.045);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.notification-row-meta-v183 .priority-danger{background:rgba(255,59,48,.10);color:#dc2626;}
.notification-row-meta-v183 .priority-warning{background:rgba(255,149,0,.12);color:#b45309;}
.notification-row-meta-v183 .priority-muted{background:rgba(100,116,139,.10);color:#64748b;}
.notification-row-meta-v183 .priority-info{background:rgba(10,132,255,.08);color:#0a62c9;}
.notification-row-meta-v183 .needs-action-pill{background:rgba(255,149,0,.14);color:#b45309;}
.notification-row-actions-v183{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;margin:0!important;opacity:0;transform:translateX(10px);pointer-events:none;transition:opacity .16s ease,transform .16s ease;}
.notification-work-item-v183:hover .notification-row-actions-v183,.notification-work-item-v183:focus-within .notification-row-actions-v183{opacity:1;transform:translateX(0);pointer-events:auto;}
.notification-icon-action{width:38px;height:38px;border-radius:14px;border:1px solid rgba(15,23,42,.09);background:#fff;color:#475569;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 18px rgba(15,23,42,.045);transition:background .16s ease,color .16s ease,transform .16s ease,border-color .16s ease;}
.notification-icon-action:hover{background:rgba(10,132,255,.08);color:#0a62c9;border-color:rgba(10,132,255,.18);transform:translateY(-1px);}
.notification-icon-action.is-primary{background:#0a84ff;border-color:#0a84ff;color:#fff;}
.notification-icon-action.is-primary:hover{background:#006ee6;color:#fff;}
.notification-icon-action.is-danger{color:#ff3b30;background:rgba(255,59,48,.06);border-color:rgba(255,59,48,.16);}
.notification-icon-action.is-danger:hover{background:rgba(255,59,48,.12);color:#e11d28;}
.notification-work-item-v183 .notification-work-icon-v178 .app-icon{width:44px!important;height:44px!important;border-radius:16px!important;}
@media (max-width:900px){.notification-work-item-v183{grid-template-columns:1fr!important;}.notification-row-actions-v183{opacity:1;transform:none;pointer-events:auto;justify-content:flex-start!important;padding-left:60px;}.notification-row-head-v183{display:block;}.notification-row-head-v183 time{display:block;margin-top:3px;}}
html[data-theme="dark"] .notification-work-item-v183,body[data-active-theme="dark"] .notification-work-item-v183{background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.09)!important;}
html[data-theme="dark"] .notification-row-meta-v183 span,body[data-active-theme="dark"] .notification-row-meta-v183 span{background:rgba(255,255,255,.08);}
html[data-theme="dark"] .notification-icon-action,body[data-active-theme="dark"] .notification-icon-action{background:rgba(255,255,255,.065);border-color:rgba(255,255,255,.10);color:rgba(255,255,255,.78);box-shadow:none;}
html[data-theme="dark"] .notification-icon-action:hover,body[data-active-theme="dark"] .notification-icon-action:hover{background:rgba(10,132,255,.18);color:#7bbcff;}
html[data-theme="dark"] .drawer#notificationDrawer .notification-view-chip,body[data-active-theme="dark"] .drawer#notificationDrawer .notification-view-chip{background:rgba(10,132,255,.16);color:#7bbcff;}


/* v184 - notification timing edge alignment, icon tooltips and progress chart polish */
.notification-work-item-v183{
  grid-template-columns:1fr!important;
  padding:15px 176px 15px 14px!important;
  min-height:100px!important;
}
.notification-row-open-v183{position:static!important;}
.notification-row-head-v183{display:block!important;min-height:19px;padding-right:0!important;}
.notification-row-head-v183 time{
  position:absolute!important;
  right:22px!important;
  top:20px!important;
  flex:none!important;
  text-align:right!important;
  z-index:2!important;
  transition:opacity .16s ease,transform .16s ease;
}
.notification-row-preview-v183{max-width:100%!important;padding-right:0!important;}
.notification-row-actions-v183{
  position:absolute!important;
  right:16px!important;
  top:50%!important;
  transform:translate(14px,-50%)!important;
  z-index:4!important;
  padding:7px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.88)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  box-shadow:0 14px 32px rgba(15,23,42,.10)!important;
}
.notification-work-item-v183:hover .notification-row-actions-v183,
.notification-work-item-v183:focus-within .notification-row-actions-v183{transform:translate(0,-50%)!important;}
.notification-work-item-v183:hover .notification-row-head-v183 time,
.notification-work-item-v183:focus-within .notification-row-head-v183 time{opacity:0;transform:translateX(6px);}
.notification-icon-action,.notification-tooltip-icon{position:relative;}
.notification-icon-action::after,
.notification-tooltip-icon::after{
  content:attr(data-tooltip);
  position:absolute;
  left:50%;
  bottom:calc(100% + 8px);
  transform:translate(-50%,6px);
  min-width:max-content;
  max-width:190px;
  padding:7px 9px;
  border-radius:10px;
  background:rgba(17,24,39,.94);
  color:#fff;
  font-size:10.5px;
  font-weight:800;
  line-height:1;
  letter-spacing:-.01em;
  opacity:0;
  pointer-events:none;
  white-space:nowrap;
  box-shadow:0 10px 24px rgba(15,23,42,.22);
  transition:opacity .14s ease,transform .14s ease;
  z-index:60;
}
.notification-tooltip-icon::after{bottom:auto;top:calc(100% + 8px);transform:translate(-50%,-4px);}
.notification-icon-action:hover::after,.notification-icon-action:focus-visible::after,
.notification-tooltip-icon:hover::after,.notification-tooltip-icon:focus-visible::after{opacity:1;transform:translate(-50%,0);}
.progress-ring{background:conic-gradient(var(--ring,var(--blue)) calc(var(--value,0)*1%), rgba(10,132,255,.14) 0)!important;}
.progress-ring::after{content:'';position:absolute;inset:-1px;border-radius:inherit;border:1px solid rgba(10,132,255,.12);pointer-events:none;}
html[data-theme="dark"] .progress-ring,body[data-active-theme="dark"] .progress-ring{background:conic-gradient(var(--ring,var(--blue)) calc(var(--value,0)*1%), rgba(255,255,255,.12) 0)!important;box-shadow:none;}
html[data-theme="dark"] .progress-line,body[data-active-theme="dark"] .progress-line{background:rgba(255,255,255,.10)!important;}
html[data-theme="dark"] .notification-row-actions-v183,body[data-active-theme="dark"] .notification-row-actions-v183{background:rgba(18,22,31,.86)!important;box-shadow:0 16px 32px rgba(0,0,0,.22)!important;}
html[data-theme="dark"] .notification-icon-action::after,body[data-active-theme="dark"] .notification-icon-action::after,
html[data-theme="dark"] .notification-tooltip-icon::after,body[data-active-theme="dark"] .notification-tooltip-icon::after{background:rgba(248,250,252,.94);color:#111827;}
@media (max-width:900px){
  .notification-work-item-v183{padding:14px!important;}
  .notification-row-head-v183 time{position:static!important;display:block!important;margin-top:4px;text-align:left!important;opacity:1!important;transform:none!important;}
  .notification-row-actions-v183{position:static!important;opacity:1!important;transform:none!important;pointer-events:auto!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin-top:10px!important;}
}

/* v186 - professional Today task focus and reliable notification mark-all-read */
.today-task-command-v186{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,520px);
  gap:16px;
  align-items:stretch;
  margin:0 0 14px;
}
.today-task-command-copy,
.today-task-command-metrics{
  border:1px solid rgba(15,23,42,.08);
  border-radius:26px;
  background:rgba(255,255,255,.95);
  box-shadow:0 14px 34px rgba(15,23,42,.045);
}
.today-task-command-copy{padding:22px 24px;display:flex;flex-direction:column;justify-content:center;min-height:156px;}
.today-task-date-pill{width:max-content;display:inline-flex;align-items:center;min-height:28px;padding:0 11px;border-radius:999px;background:rgba(10,132,255,.08);color:#0a62c9;font-size:11px;font-weight:900;margin-bottom:12px;}
.today-task-command-copy h2{margin:0;color:var(--text);font-size:30px;line-height:1.05;letter-spacing:-.05em;font-weight:950;}
.today-task-command-copy p{margin:8px 0 0;max-width:680px;color:var(--muted);font-size:13px;line-height:1.55;font-weight:650;}
.today-task-command-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;overflow:hidden;padding:0;background:rgba(15,23,42,.06);}
.today-task-command-metrics a{display:flex;flex-direction:column;justify-content:space-between;min-height:76px;padding:15px 16px;background:#fff;color:var(--text);text-decoration:none;transition:background .16s ease, transform .16s ease;}
.today-task-command-metrics a:hover{background:rgba(10,132,255,.045);transform:translateY(-1px);}
.today-task-command-metrics small{color:var(--muted);font-size:11px;font-weight:850;}
.today-task-command-metrics strong{font-size:27px;line-height:1;font-weight:950;letter-spacing:-.04em;}
.today-task-filter-shell-v186{border:1px solid rgba(15,23,42,.07);border-radius:22px;background:rgba(255,255,255,.92);padding:10px;margin-bottom:14px;box-shadow:0 10px 24px rgba(15,23,42,.035);overflow:auto;}
.today-task-filter-shell-v186 .today-filter-tabs{margin:0;flex-wrap:nowrap;width:max-content;min-width:100%;}
.today-task-filter-shell-v186 .today-filter-tab{height:34px;box-shadow:none;background:#fff;white-space:nowrap;border-color:rgba(15,23,42,.08);}
.today-task-panel-v186{border:1px solid rgba(15,23,42,.08);border-radius:28px;background:rgba(255,255,255,.96);box-shadow:0 16px 40px rgba(15,23,42,.045);overflow:hidden;min-height:calc(100vh - 430px);display:flex;flex-direction:column;}
.today-task-panel-head-v186{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid rgba(15,23,42,.07);background:rgba(255,255,255,.96);}
.today-task-panel-body-v186{padding:16px;background:rgba(248,250,252,.56);flex:1;}
.today-task-tools-v186{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.today-task-search-v186{height:42px;min-width:min(360px,38vw);display:flex;align-items:center;gap:9px;padding:0 13px;border:1px solid rgba(15,23,42,.10);border-radius:16px;background:#fff;color:var(--muted);box-shadow:0 10px 22px rgba(15,23,42,.035);}
.today-task-search-v186 input{border:0;outline:0;background:transparent;color:var(--text);font-size:13px;font-weight:650;width:100%;min-width:0;}
.today-task-progress-pill-v186{height:34px;display:inline-flex;align-items:center;padding:0 11px;border-radius:999px;background:rgba(10,132,255,.08);color:#0a62c9;font-size:11px;font-weight:900;white-space:nowrap;}
.today-task-list-v186{display:grid;gap:12px;}
.today-task-card-v186{position:relative;display:grid!important;grid-template-columns:190px minmax(0,1fr) 150px auto!important;gap:16px!important;align-items:center!important;min-height:118px;padding:15px 16px!important;border:1px solid rgba(15,23,42,.075)!important;border-radius:23px!important;background:#fff!important;box-shadow:0 10px 26px rgba(15,23,42,.035)!important;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;overflow:hidden;}
.today-task-card-v186::before{content:'';position:absolute;left:0;top:16px;bottom:16px;width:3px;border-radius:999px;background:#0a84ff;opacity:.75;}
.today-task-card-v186.status-overdue::before{background:#ff3b30;}
.today-task-card-v186.status-pending::before{background:#ff9500;}
.today-task-card-v186.status-in-progress::before{background:#00a7c4;}
.today-task-card-v186.status-completed::before,.today-task-card-v186.status-closed::before{background:#22c55e;}
.today-task-card-v186:hover{transform:translateY(-1px)!important;border-color:rgba(10,132,255,.18)!important;box-shadow:0 16px 34px rgba(15,23,42,.06)!important;}
.today-task-status-v186{display:flex;align-items:center;gap:11px;min-width:0;padding-left:5px;}
.today-task-status-v186 .app-icon{width:44px;height:44px;border-radius:16px;flex:0 0 44px;}
.today-task-status-v186 b{display:block;color:var(--text);font-size:12.5px;font-weight:950;letter-spacing:-.01em;}
.today-task-status-v186 small{display:block;margin-top:3px;color:var(--muted);font-size:10.5px;font-weight:800;}
.today-task-main-v186{min-width:0;}
.today-task-main-v186 strong{display:block;color:var(--text);font-size:14.5px;line-height:1.25;font-weight:950;letter-spacing:-.012em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.today-task-main-v186 p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.42;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.today-task-meta-v186{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:10px;}
.today-task-meta-v186 span{display:inline-flex;align-items:center;max-width:260px;height:23px;padding:0 9px;border-radius:999px;background:rgba(15,23,42,.045);color:#526173;font-size:10.5px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.today-task-meta-v186 .today-task-relation-pill{background:rgba(10,132,255,.10);color:#0a62c9;}
.today-task-progress-v186{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:10px;min-width:0;}
.progress-ring.mini{width:52px;height:52px;box-shadow:inset 0 0 0 1px rgba(10,132,255,.10);}
.progress-ring.mini::before{inset:6px;}
.progress-ring.mini strong{font-size:12px;font-weight:950;}
.today-task-progress-v186 .progress-line{height:8px;margin:0;min-width:80px;}
.today-task-actions-v186{display:flex;justify-content:flex-end;}
.today-task-actions-v186 .btn{height:38px;border-radius:14px;padding:0 14px;font-size:12px;font-weight:900;}
.today-task-search-empty-v186{min-height:360px;background:transparent;border:0;}
.today-task-pagination-v186{margin-top:14px;}
.notification-inbox-actions-v178 [data-notification-action="mark_all_read"]{font-weight:900;min-width:118px;}
.notification-inbox-actions-v178 [data-notification-action="mark_all_read"]:disabled{opacity:.7;pointer-events:none;}
@media (max-width:1180px){
  .today-task-command-v186{grid-template-columns:1fr;}
  .today-task-card-v186{grid-template-columns:165px minmax(0,1fr) auto!important;}
  .today-task-progress-v186{grid-column:2 / 3;}
}
@media (max-width:860px){
  .today-task-command-copy{min-height:auto;padding:18px;}
  .today-task-command-copy h2{font-size:24px;}
  .today-task-panel-head-v186{align-items:stretch;flex-direction:column;}
  .today-task-tools-v186{justify-content:stretch;}
  .today-task-search-v186{min-width:0;width:100%;}
  .today-task-card-v186{grid-template-columns:1fr!important;align-items:flex-start!important;gap:12px!important;}
  .today-task-progress-v186{grid-column:auto;width:100%;grid-template-columns:52px 1fr;}
  .today-task-actions-v186{justify-content:flex-start;}
}
html[data-theme="dark"] .today-task-command-copy,
html[data-theme="dark"] .today-task-command-metrics,
html[data-theme="dark"] .today-task-filter-shell-v186,
html[data-theme="dark"] .today-task-panel-v186,
html[data-theme="dark"] .today-task-panel-head-v186,
html[data-theme="dark"] .today-task-card-v186,
html[data-theme="dark"] .today-task-search-v186,
body[data-active-theme="dark"] .today-task-command-copy,
body[data-active-theme="dark"] .today-task-command-metrics,
body[data-active-theme="dark"] .today-task-filter-shell-v186,
body[data-active-theme="dark"] .today-task-panel-v186,
body[data-active-theme="dark"] .today-task-panel-head-v186,
body[data-active-theme="dark"] .today-task-card-v186,
body[data-active-theme="dark"] .today-task-search-v186{background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.09)!important;box-shadow:none!important;}
html[data-theme="dark"] .today-task-command-metrics,
body[data-active-theme="dark"] .today-task-command-metrics{background:rgba(255,255,255,.08)!important;}
html[data-theme="dark"] .today-task-command-metrics a,
body[data-active-theme="dark"] .today-task-command-metrics a{background:rgba(255,255,255,.045);}
html[data-theme="dark"] .today-task-panel-body-v186,
body[data-active-theme="dark"] .today-task-panel-body-v186{background:rgba(0,0,0,.12);}
html[data-theme="dark"] .today-task-filter-shell-v186 .today-filter-tab,
body[data-active-theme="dark"] .today-task-filter-shell-v186 .today-filter-tab{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.10);}
html[data-theme="dark"] .today-task-meta-v186 span,
body[data-active-theme="dark"] .today-task-meta-v186 span{background:rgba(255,255,255,.08);color:rgba(255,255,255,.70);}

/* v188 - notification hover actions should not reserve empty right-side space */
.notification-work-item-v183{
  grid-template-columns:1fr!important;
  padding:15px 16px 15px 14px!important;
  min-height:auto!important;
}
.notification-work-item-v183 .notification-row-open-v183{
  width:100%!important;
  min-width:0!important;
}
.notification-work-item-v183 .notification-row-head-v183{
  display:block!important;
  padding-right:96px!important;
  min-height:20px!important;
}
.notification-work-item-v183 .notification-row-head-v183 time{
  right:18px!important;
  top:18px!important;
}
.notification-work-item-v183 .notification-row-preview-v183,
.notification-work-item-v183 .notification-row-meta-v183{
  padding-right:0!important;
  max-width:100%!important;
}
.notification-work-item-v183 .notification-row-actions-v183{
  right:14px!important;
  top:50%!important;
  margin:0!important;
}
.notification-work-item-v183:hover .notification-row-head-v183,
.notification-work-item-v183:focus-within .notification-row-head-v183{
  padding-right:0!important;
}
.notification-work-item-v183:hover .notification-row-preview-v183,
.notification-work-item-v183:focus-within .notification-row-preview-v183,
.notification-work-item-v183:hover .notification-row-meta-v183,
.notification-work-item-v183:focus-within .notification-row-meta-v183{
  padding-right:0!important;
}
@media (max-width:900px){
  .notification-work-item-v183{padding:14px!important;}
  .notification-work-item-v183 .notification-row-head-v183{padding-right:0!important;}
}


/* v189 - tighter notification actions, icon view filters and cleaner Today task list */
.notification-work-item-v183{
  padding:15px 18px 15px 14px!important;
  grid-template-columns:1fr!important;
  background:#fff!important;
}
.notification-work-item-v183 .notification-row-open-v183{grid-template-columns:46px minmax(0,1fr)!important;width:100%!important;}
.notification-work-item-v183 .notification-row-head-v183{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;padding-right:0!important;}
.notification-work-item-v183 .notification-row-head-v183 time{
  position:static!important;
  margin-left:auto!important;
  padding-right:0!important;
  min-width:max-content!important;
  text-align:right!important;
}
.notification-work-item-v183 .notification-row-preview-v183{padding-right:0!important;max-width:calc(100% - 30px)!important;}
.notification-work-item-v183 .notification-row-meta-v183{padding-right:0!important;max-width:100%!important;}
.notification-work-item-v183 .notification-row-actions-v183{
  position:absolute!important;
  right:16px!important;
  top:50%!important;
  transform:translate(10px,-50%) scale(.98)!important;
  opacity:0!important;
  pointer-events:none!important;
  display:inline-flex!important;
  gap:7px!important;
  width:auto!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.notification-work-item-v183:hover .notification-row-actions-v183,
.notification-work-item-v183:focus-within .notification-row-actions-v183{
  opacity:1!important;
  pointer-events:auto!important;
  transform:translate(0,-50%) scale(1)!important;
}
.notification-work-item-v183:hover .notification-row-head-v183 time,
.notification-work-item-v183:focus-within .notification-row-head-v183 time{opacity:0!important;transform:translateX(6px)!important;}
.notification-work-item-v183:hover .notification-row-preview-v183,
.notification-work-item-v183:focus-within .notification-row-preview-v183{max-width:calc(100% - 220px)!important;}
.notification-icon-action{background:rgba(255,255,255,.95)!important;box-shadow:0 10px 24px rgba(15,23,42,.08)!important;}
.notification-view-list{gap:8px!important;}
.notification-view-link{height:44px!important;padding:0 10px!important;border-radius:16px!important;}
.notification-view-label-v189{display:flex;align-items:center;gap:10px;min-width:0;}
.notification-view-label-v189 svg{width:15px;height:15px;flex:0 0 15px;opacity:.9;}
.notification-view-label-v189 em{font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.notification-view-link b{min-width:25px!important;height:25px!important;}
.notification-view-link:not(.active):hover{background:rgba(10,132,255,.075)!important;border-color:rgba(10,132,255,.10)!important;}
.notification-sidebar-note{display:none!important;}
.today-task-filter-shell-v189{
  padding:8px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  margin:0 0 16px!important;
}
.today-filter-tabs-v189{display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:wrap!important;width:100%!important;min-width:0!important;margin:0!important;}
.today-filter-tab-v189{
  height:40px!important;
  padding:0 13px 0 10px!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.86)!important;
  border:1px solid rgba(15,23,42,.08)!important;
  box-shadow:0 8px 18px rgba(15,23,42,.035)!important;
  gap:8px!important;
  color:#5f6b7a!important;
}
.today-filter-tab-v189 i{width:24px;height:24px;display:grid;place-items:center;border-radius:10px;background:rgba(10,132,255,.08);color:#0a62c9;flex:0 0 24px;}
.today-filter-tab-v189 span{font-size:12px;font-weight:900;white-space:nowrap;}
.today-filter-tab-v189.active{background:#0a84ff!important;border-color:#0a84ff!important;color:#fff!important;box-shadow:0 12px 26px rgba(10,132,255,.24)!important;}
.today-filter-tab-v189.active i{background:rgba(255,255,255,.22);color:#fff;}
.today-task-card-v186{
  grid-template-columns:124px minmax(0,1fr) 150px auto!important;
  min-height:106px!important;
  border-radius:24px!important;
  padding:14px 15px!important;
}
.today-task-status-v186{gap:10px!important;}
.today-task-status-v186 .app-icon{width:42px!important;height:42px!important;border-radius:15px!important;}
.today-task-main-v186 p{font-size:11.5px!important;margin-top:4px!important;}
.today-task-meta-v186 .today-task-relation-pill{display:none!important;}
.today-task-panel-body-v186{background:#f7f8fa!important;}
html[data-theme="dark"] .notification-work-item-v183,
body[data-active-theme="dark"] .notification-work-item-v183,
html[data-theme="dark"] .today-filter-tab-v189,
body[data-active-theme="dark"] .today-filter-tab-v189{background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.09)!important;box-shadow:none!important;}
html[data-theme="dark"] .today-task-panel-body-v186,
body[data-active-theme="dark"] .today-task-panel-body-v186{background:rgba(0,0,0,.12)!important;}
@media (max-width:900px){
  .notification-work-item-v183:hover .notification-row-preview-v183,
  .notification-work-item-v183:focus-within .notification-row-preview-v183{max-width:100%!important;}
  .notification-work-item-v183 .notification-row-actions-v183{position:static!important;opacity:1!important;transform:none!important;background:transparent!important;margin-top:10px!important;}
  .today-filter-tabs-v189{flex-wrap:nowrap!important;overflow:auto!important;padding-bottom:2px;}
  .today-task-card-v186{grid-template-columns:1fr!important;}
}


/* v190 - grouped notification counts, visible attend icon and Today task status control */
.notification-icon-action.is-primary{
  background:#0a84ff!important;
  border-color:#0a84ff!important;
  color:#fff!important;
}
.notification-icon-action.is-primary svg{display:block!important;stroke:currentColor!important;opacity:1!important;visibility:visible!important;}
.notification-icon-action.is-primary:hover{background:#006ee6!important;color:#fff!important;}
.notification-work-item-v183 .notification-row-head-v183 time{margin-left:auto!important;}
.today-task-status-action-v190{display:flex;justify-content:flex-end;align-items:center;min-width:160px;}
.today-task-status-select-wrap-v190{display:flex;align-items:center;gap:8px;height:42px;padding:0 10px 0 12px;border:1px solid rgba(15,23,42,.09);border-radius:15px;background:#fff;box-shadow:0 8px 18px rgba(15,23,42,.045);color:#5f6b7a;font-size:11px;font-weight:900;white-space:nowrap;}
.today-task-status-select-wrap-v190 span{color:#7a8797;letter-spacing:-.01em;}
.today-task-status-select-wrap-v190 select{appearance:none;-webkit-appearance:none;border:0;background:transparent;color:#111827;font-size:12px;font-weight:950;outline:0;min-width:105px;cursor:pointer;padding:0 18px 0 0;background-image:linear-gradient(45deg,transparent 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,transparent 50%);background-position:calc(100% - 8px) 52%,calc(100% - 4px) 52%;background-size:4px 4px,4px 4px;background-repeat:no-repeat;}
.today-task-status-select-wrap-v190:focus-within{border-color:rgba(10,132,255,.35);box-shadow:0 0 0 4px rgba(10,132,255,.10),0 10px 22px rgba(15,23,42,.05);}
.today-task-status-select-wrap-v190 select:disabled{opacity:.65;cursor:wait;}
.today-task-status-locked-v190{height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border-radius:15px;background:rgba(100,116,139,.10);color:#64748b;font-size:12px;font-weight:950;border:1px solid rgba(100,116,139,.14);}
.today-task-meta-v186 span[data-task-code],.today-task-meta-v186 .task-code{display:none!important;}
html[data-theme="dark"] .today-task-status-select-wrap-v190,
body[data-active-theme="dark"] .today-task-status-select-wrap-v190{background:rgba(255,255,255,.065);border-color:rgba(255,255,255,.10);box-shadow:none;color:rgba(255,255,255,.72);}
html[data-theme="dark"] .today-task-status-select-wrap-v190 select,
body[data-active-theme="dark"] .today-task-status-select-wrap-v190 select{color:#fff;background-image:linear-gradient(45deg,transparent 50%,rgba(255,255,255,.72) 50%),linear-gradient(135deg,rgba(255,255,255,.72) 50%,transparent 50%);}
html[data-theme="dark"] .today-task-status-locked-v190,
body[data-active-theme="dark"] .today-task-status-locked-v190{background:rgba(255,255,255,.08);color:rgba(255,255,255,.70);border-color:rgba(255,255,255,.10);}
@media (max-width:860px){.today-task-status-action-v190{justify-content:flex-start;width:100%;}.today-task-status-select-wrap-v190{width:100%;justify-content:space-between;}.today-task-status-select-wrap-v190 select{flex:1;text-align:right;}}

/* v191 - Today task status uses a real dropdown menu, not a select */
.today-task-status-action-v190{position:relative;z-index:4;}
.today-task-status-dropdown-v191{position:relative;display:flex;justify-content:flex-end;min-width:178px;}
.today-task-status-trigger-v191{height:44px;min-width:176px;border:1px solid rgba(15,23,42,.09);border-radius:16px;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.055);display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 12px 0 14px;color:#111827;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;}
.today-task-status-trigger-v191:hover{transform:translateY(-1px);border-color:rgba(10,132,255,.25);box-shadow:0 14px 30px rgba(15,23,42,.075);} 
.today-task-status-trigger-v191:disabled{opacity:.72;cursor:wait;transform:none;}
.today-task-status-trigger-copy-v191{display:flex;align-items:baseline;gap:7px;min-width:0;}
.today-task-status-trigger-copy-v191 small{font-size:10px;line-height:1;color:#7a8797;font-weight:950;letter-spacing:.03em;text-transform:uppercase;}
.today-task-status-trigger-copy-v191 strong{font-size:12.5px;line-height:1;color:#111827;font-weight:950;letter-spacing:-.01em;white-space:nowrap;}
.today-task-status-trigger-v191 svg{flex:0 0 auto;color:#64748b;transition:transform .18s ease;}
.today-task-status-dropdown-v191.open .today-task-status-trigger-v191{border-color:rgba(10,132,255,.42);box-shadow:0 0 0 4px rgba(10,132,255,.10),0 14px 30px rgba(15,23,42,.08);}
.today-task-status-dropdown-v191.open .today-task-status-trigger-v191 svg{transform:rotate(180deg);}
.today-task-status-menu-v191{position:absolute;right:0;top:calc(100% + 8px);width:206px;padding:7px;border:1px solid rgba(15,23,42,.08);border-radius:18px;background:rgba(255,255,255,.98);box-shadow:0 22px 54px rgba(15,23,42,.16);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);opacity:0;visibility:hidden;transform:translateY(-4px) scale(.98);transform-origin:top right;transition:opacity .16s ease,transform .16s ease,visibility .16s ease;z-index:30;}
.today-task-status-dropdown-v191.open .today-task-status-menu-v191{opacity:1;visibility:visible;transform:translateY(0) scale(1);}
.today-task-status-option-v191{width:100%;border:0;background:transparent;border-radius:13px;min-height:38px;padding:0 9px;display:flex;align-items:center;gap:9px;color:#334155;font-size:12px;font-weight:900;text-align:left;cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s ease;}
.today-task-status-option-v191:hover{background:rgba(10,132,255,.09);color:#0a84ff;transform:translateX(2px);}
.today-task-status-option-v191.active{background:rgba(10,132,255,.12);color:#0a84ff;}
.today-task-status-option-v191 svg{margin-left:auto;stroke-width:2.3;}
.today-task-status-dot-v191{width:9px;height:9px;border-radius:999px;background:#94a3b8;box-shadow:0 0 0 3px rgba(148,163,184,.14);flex:0 0 9px;}
.today-task-status-dot-v191.status-new{background:#0a84ff;box-shadow:0 0 0 3px rgba(10,132,255,.14);}
.today-task-status-dot-v191.status-in-progress{background:#06b6d4;box-shadow:0 0 0 3px rgba(6,182,212,.14);}
.today-task-status-dot-v191.status-pending{background:#f97316;box-shadow:0 0 0 3px rgba(249,115,22,.14);}
.today-task-status-dot-v191.status-completed{background:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.14);}
.today-task-status-dot-v191.status-closed{background:#64748b;box-shadow:0 0 0 3px rgba(100,116,139,.14);}
.today-task-status-dot-v191.status-overdue{background:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.14);}
.today-task-status-dropdown-v191.is-loading .today-task-status-trigger-v191{pointer-events:none;}
.today-task-status-dropdown-v191.is-loading .today-task-status-trigger-v191::after{content:'';width:14px;height:14px;border-radius:50%;border:2px solid rgba(10,132,255,.18);border-top-color:#0a84ff;animation:helpriteSpin .7s linear infinite;margin-left:2px;}
html[data-theme="dark"] .today-task-status-trigger-v191,
body[data-active-theme="dark"] .today-task-status-trigger-v191{background:rgba(255,255,255,.065);border-color:rgba(255,255,255,.10);box-shadow:none;color:#fff;}
html[data-theme="dark"] .today-task-status-trigger-copy-v191 strong,
body[data-active-theme="dark"] .today-task-status-trigger-copy-v191 strong{color:#fff;}
html[data-theme="dark"] .today-task-status-menu-v191,
body[data-active-theme="dark"] .today-task-status-menu-v191{background:rgba(20,24,31,.96);border-color:rgba(255,255,255,.10);box-shadow:0 22px 54px rgba(0,0,0,.40);}
html[data-theme="dark"] .today-task-status-option-v191,
body[data-active-theme="dark"] .today-task-status-option-v191{color:rgba(255,255,255,.78);}
html[data-theme="dark"] .today-task-status-option-v191:hover,
body[data-active-theme="dark"] .today-task-status-option-v191:hover,
html[data-theme="dark"] .today-task-status-option-v191.active,
body[data-active-theme="dark"] .today-task-status-option-v191.active{background:rgba(10,132,255,.18);color:#fff;}
@media (max-width:860px){.today-task-status-dropdown-v191{width:100%;min-width:0;}.today-task-status-trigger-v191{width:100%;min-width:0;}.today-task-status-menu-v191{left:0;right:auto;width:100%;}}


/* v192 - fix Today Tasks status dropdown clipping and placement */
.today-task-card-v186{overflow:visible!important;}
.today-task-card-v186:has(.today-task-status-dropdown-v191.open){z-index:80!important;}
.today-task-list-v186,.today-task-panel-body-v186,.today-task-panel-v186{overflow:visible!important;}
.today-task-status-action-v190{position:relative;z-index:50;}
.today-task-status-dropdown-v191{position:relative;z-index:51;}
.today-task-status-dropdown-v191.open{z-index:120;}
.today-task-status-trigger-v191{height:42px;min-width:154px;border-radius:15px;padding:0 11px 0 12px;}
.today-task-status-trigger-copy-v191{align-items:center;gap:7px;}
.today-task-status-trigger-copy-v191 small{font-size:9.5px;letter-spacing:.04em;}
.today-task-status-trigger-copy-v191 strong{font-size:12px;}
.today-task-status-menu-v191{right:0;top:calc(100% + 7px);width:188px;max-height:270px;overflow:auto;padding:6px;border-radius:16px;z-index:999!important;}
.today-task-status-option-v191{min-height:35px;border-radius:12px;font-size:11.5px;}
.today-task-status-menu-v191::-webkit-scrollbar{width:6px;}
.today-task-status-menu-v191::-webkit-scrollbar-thumb{background:rgba(100,116,139,.28);border-radius:999px;}
@media (max-width:860px){.today-task-panel-v186{overflow:hidden!important;}.today-task-card-v186{overflow:visible!important;}.today-task-status-menu-v191{width:100%;max-height:245px;}}
.today-task-card-v186.status-dropdown-open-v192{z-index:90!important;}

/* v193: Notification Centre sidebar views are real in-page tabs, not URL links */
.notification-filter-list-v178 button{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:42px;
    width:100%;
    padding:0 12px;
    border-radius:15px;
    color:var(--muted);
    font-size:12px;
    font-weight:850;
    text-decoration:none;
    border:1px solid transparent;
    background:transparent;
    text-align:left;
    appearance:none;
    cursor:pointer;
    transition:background .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease;
}
.notification-filter-list-v178 button:hover{
    background:rgba(15,23,42,.035);
    color:var(--text);
}
.notification-filter-list-v178 button.active{
    background:#0a84ff;
    color:#fff;
    box-shadow:0 10px 22px rgba(10,132,255,.20);
}
.notification-filter-list-v178 button:focus-visible{
    outline:3px solid rgba(10,132,255,.18);
    outline-offset:2px;
}
.notification-filter-list-v178 button b{
    min-width:24px;
    height:24px;
    display:grid;
    place-items:center;
    border-radius:999px;
    background:rgba(15,23,42,.07);
    font-size:10px;
    color:inherit;
}
.notification-filter-list-v178 button.active b{
    background:rgba(255,255,255,.22);
}
html[data-theme="dark"] .notification-filter-list-v178 button:hover,
body[data-active-theme="dark"] .notification-filter-list-v178 button:hover{
    background:rgba(255,255,255,.06);
}

/* v204 - notification drawer footer and SystemAdmin staff title cleanup */
.notification-drawer-footer-v178 .notification-all-link{
  width:100%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}
.notification-drawer-footer-v178 .notification-all-link svg{
  flex:0 0 auto;
}
.admin-staff-title-line:empty{
  display:none!important;
}


/* Helprite Desk v205 — System Admin Select2 dropdown portal fix */
body.system-admin-view .select2-container,
body[data-module="system-admin"] .select2-container{
  width:100% !important;
  z-index: 120000 !important;
}
body.system-admin-view .select2-container--default .select2-selection--single,
body.system-admin-view .select2-container--default .select2-selection--multiple,
body[data-module="system-admin"] .select2-container--default .select2-selection--single,
body[data-module="system-admin"] .select2-container--default .select2-selection--multiple{
  min-height:44px !important;
  border-radius:14px !important;
  border:1px solid var(--line) !important;
  background:var(--panel-solid) !important;
  color:var(--text) !important;
  display:flex !important;
  align-items:center !important;
  box-shadow:none !important;
}
body.system-admin-view .select2-container--default.select2-container--focus .select2-selection--single,
body.system-admin-view .select2-container--default.select2-container--open .select2-selection--single,
body.system-admin-view .select2-container--default.select2-container--focus .select2-selection--multiple,
body.system-admin-view .select2-container--default.select2-container--open .select2-selection--multiple{
  border-color:color-mix(in srgb, var(--blue) 58%, var(--line)) !important;
  box-shadow:0 0 0 4px color-mix(in srgb, var(--blue) 13%, transparent) !important;
}
body.system-admin-view .select2-container--default .select2-selection--single .select2-selection__rendered,
body[data-module="system-admin"] .select2-container--default .select2-selection--single .select2-selection__rendered{
  color:var(--text) !important;
  font-size:14px !important;
  font-weight:650 !important;
  line-height:42px !important;
  padding-left:14px !important;
  padding-right:38px !important;
}
body.system-admin-view .select2-container--default .select2-selection--single .select2-selection__placeholder,
body[data-module="system-admin"] .select2-container--default .select2-selection--single .select2-selection__placeholder{
  color:var(--muted) !important;
  font-size:14px !important;
  font-weight:600 !important;
}
body.system-admin-view .select2-container--default .select2-selection--single .select2-selection__arrow,
body[data-module="system-admin"] .select2-container--default .select2-selection--single .select2-selection__arrow{
  height:42px !important;
  right:12px !important;
}
body.system-admin-view .select2-container--default .select2-selection--multiple{
  min-height:48px !important;
  align-items:flex-start !important;
  padding:6px 8px !important;
}
body.system-admin-view .select2-container--default .select2-selection--multiple .select2-selection__choice{
  border:0 !important;
  border-radius:999px !important;
  background:color-mix(in srgb, var(--blue) 12%, var(--panel-2)) !important;
  color:var(--blue) !important;
  font-size:12px !important;
  font-weight:760 !important;
  padding:3px 8px !important;
}
.system-admin-select2-dropdown,
body.system-admin-view .select2-dropdown,
body[data-module="system-admin"] .select2-dropdown{
  z-index:120000 !important;
  border:1px solid var(--line) !important;
  border-radius:16px !important;
  background:var(--panel-solid) !important;
  color:var(--text) !important;
  overflow:hidden !important;
  box-shadow:0 22px 64px rgba(15,23,42,.22) !important;
}
.system-admin-select2-dropdown .select2-search--dropdown{
  padding:10px !important;
}
.system-admin-select2-dropdown .select2-search--dropdown .select2-search__field{
  min-height:38px !important;
  border:1px solid var(--line) !important;
  border-radius:12px !important;
  background:var(--panel-solid) !important;
  color:var(--text) !important;
  padding:0 11px !important;
  outline:none !important;
}
.system-admin-select2-dropdown .select2-results__options{
  max-height:220px !important;
  overflow-y:auto !important;
}
.system-admin-select2-dropdown .select2-results__option{
  min-height:38px !important;
  padding:10px 12px !important;
  font-size:14px !important;
  font-weight:650 !important;
  color:var(--text) !important;
}
.system-admin-select2-dropdown .select2-results__option--highlighted[aria-selected],
.system-admin-select2-dropdown .select2-results__option[aria-selected="true"]{
  background:var(--blue) !important;
  color:#fff !important;
}
body.system-admin-view .admin-filter-popover,
body.system-admin-view .admin-filter-popover.admin-filter-portal{
  overflow:visible !important;
}
body.system-admin-view .admin-filter-body{
  overflow:visible !important;
}
html[data-theme="dark"] body.system-admin-view .select2-container--default .select2-selection--single,
html[data-theme="dark"] body.system-admin-view .select2-container--default .select2-selection--multiple,
html[data-theme="dark"] .system-admin-select2-dropdown,
html[data-theme="dark"] body.system-admin-view .select2-dropdown{
  background:#0f172a !important;
  border-color:rgba(255,255,255,.13) !important;
  color:#f8fafc !important;
}
html[data-theme="dark"] body.system-admin-view .select2-container--default .select2-selection--single .select2-selection__rendered,
html[data-theme="dark"] .system-admin-select2-dropdown .select2-results__option{
  color:#f8fafc !important;
}
html[data-theme="dark"] .system-admin-select2-dropdown .select2-search--dropdown .select2-search__field{
  background:#111827 !important;
  border-color:rgba(255,255,255,.14) !important;
  color:#f8fafc !important;
}

/* v206: Today dashboard/actions, notification drawer scroll, read modal mobile, and Today Tasks polish */
body[data-page-route="/home"] .dashboard-today-more-link,
body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-more-link{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  width:max-content!important;
  min-height:34px!important;
  margin-top:12px!important;
  padding:0 13px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.92)!important;
  color:#ff3b30!important;
  font-size:12px!important;
  font-weight:900!important;
  text-decoration:none!important;
  box-shadow:0 10px 24px rgba(15,23,42,.12)!important;
}
body[data-page-route="/home"] .dashboard-today-more-link::after,
body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-more-link::after{
  content:'›';
  font-size:16px;
  line-height:1;
}
body[data-page-route="/home"] .dashboard-today-more-link:hover,
body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-more-link:hover{
  transform:translateY(-1px);
  background:#fff!important;
}

.drawer.notification-drawer-v178{
  height:100vh!important;
  max-height:100vh!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.notification-drawer-head-v178,
.notification-drawer-footer-v178{
  flex:0 0 auto!important;
}
.notification-drawer-v178 .notification-drawer-body{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  padding:14px 14px 18px!important;
  scrollbar-gutter:stable!important;
}
.notification-drawer-list-v178{
  padding-bottom:8px!important;
}
.notification-drawer-footer-v178{
  position:relative!important;
  z-index:3!important;
  padding:13px 14px calc(13px + env(safe-area-inset-bottom))!important;
}
@media (max-width:640px){
  .drawer.notification-drawer-v178{width:100vw!important;}
  .notification-drawer-v178 .notification-drawer-body{padding:12px 12px 16px!important;}
}

.notification-read-box{
  overflow:hidden!important;
}
.notification-read-foot{
  justify-content:space-between!important;
  gap:10px!important;
}
.notification-read-foot .btn[data-notification-modal-mark-read]{
  margin-left:auto!important;
}
@media (max-width:640px){
  .notification-read-box{
    width:calc(100vw - 24px)!important;
    max-height:calc(100vh - 36px)!important;
    border-radius:22px!important;
    display:flex!important;
    flex-direction:column!important;
  }
  .notification-read-box .task-ui-modal-head,
  .notification-read-box .notification-read-foot{flex:0 0 auto!important;}
  .notification-read-body{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow:auto!important;
    padding:16px!important;
  }
  .notification-read-foot{
    padding:12px!important;
    flex-wrap:wrap!important;
  }
  .notification-read-foot [data-notification-read-link]{
    order:1!important;
    width:100%!important;
    justify-content:center!important;
  }
  .notification-read-foot .btn[data-notification-modal-mark-read]{
    order:2!important;
    width:100%!important;
    margin-left:0!important;
    min-height:44px!important;
  }
}

.today-my-task-scroll-v206{
  max-height:430px!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  padding-right:4px!important;
  scrollbar-gutter:stable!important;
}
.today-my-task-scroll-v206::-webkit-scrollbar,
.notification-drawer-v178 .notification-drawer-body::-webkit-scrollbar{
  width:7px;
}
.today-my-task-scroll-v206::-webkit-scrollbar-thumb,
.notification-drawer-v178 .notification-drawer-body::-webkit-scrollbar-thumb{
  background:rgba(100,116,139,.25);
  border-radius:999px;
}
.today-my-task-scroll-v206 .today-my-task-row{
  min-height:70px!important;
}
@media (max-width:760px){
  .today-my-task-scroll-v206{max-height:360px!important;}
}

.today-task-command-v186{
  display:none!important;
}
.today-task-filter-shell-v186.today-task-filter-shell-v189{
  margin-top:14px!important;
  margin-bottom:16px!important;
  padding:10px!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(15,23,42,.075)!important;
  box-shadow:0 16px 42px rgba(15,23,42,.055)!important;
}
.today-filter-tabs-v189{
  gap:8px!important;
  overflow-x:auto!important;
  padding-bottom:2px!important;
  flex-wrap:nowrap!important;
}
.today-filter-tab-v189{
  flex:0 0 auto!important;
  min-height:40px!important;
  padding:0 14px!important;
  border-radius:16px!important;
  background:#fff!important;
  border:1px solid rgba(15,23,42,.075)!important;
  box-shadow:0 8px 18px rgba(15,23,42,.035)!important;
  color:#55647a!important;
  font-size:12px!important;
  font-weight:850!important;
}
.today-filter-tab-v189.active{
  background:#0a84ff!important;
  border-color:#0a84ff!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(10,132,255,.22)!important;
}
.today-task-panel-v186{
  border-radius:28px!important;
  border:1px solid rgba(15,23,42,.075)!important;
  background:rgba(255,255,255,.80)!important;
  box-shadow:0 20px 55px rgba(15,23,42,.07)!important;
  overflow:visible!important;
}
.today-task-panel-head-v186{
  padding:18px 20px!important;
  border-bottom:1px solid rgba(15,23,42,.075)!important;
  background:rgba(255,255,255,.72)!important;
  border-radius:28px 28px 0 0!important;
}
.today-task-list-v186{
  display:grid!important;
  gap:12px!important;
}
.today-task-card-v206{
  display:grid!important;
  grid-template-columns:132px minmax(0,1fr) 210px 190px!important;
  min-height:108px!important;
  gap:16px!important;
  align-items:center!important;
  padding:16px!important;
  border-radius:24px!important;
  border:1px solid rgba(15,23,42,.07)!important;
  background:#fff!important;
  box-shadow:0 14px 34px rgba(15,23,42,.055)!important;
}
.today-task-card-v206::before{
  top:14px!important;
  bottom:14px!important;
  width:4px!important;
  opacity:.85!important;
}
.today-task-card-v206:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(10,132,255,.22)!important;
  box-shadow:0 22px 50px rgba(15,23,42,.075)!important;
}
.today-task-card-v206 .today-task-status-v186{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
}
.today-task-card-v206 .today-task-status-v186 .app-icon{
  width:46px!important;
  height:46px!important;
  border-radius:16px!important;
  flex:0 0 46px!important;
}
.today-task-card-v206 .today-task-status-v186 b{
  display:block!important;
  font-size:12.5px!important;
  font-weight:950!important;
  color:var(--text)!important;
  line-height:1.15!important;
}
.today-task-card-v206 .today-task-status-v186 small{
  display:block!important;
  margin-top:3px!important;
  font-size:10.5px!important;
  font-weight:850!important;
  color:var(--muted)!important;
  text-transform:none!important;
}
.today-task-main-v206 strong{
  display:block!important;
  margin-bottom:4px!important;
  color:var(--text)!important;
  font-size:15px!important;
  font-weight:950!important;
  letter-spacing:-.02em!important;
  line-height:1.25!important;
}
.today-task-main-v206 p{
  margin:0 0 8px!important;
  color:var(--muted)!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.35!important;
}
.today-task-meta-v206{
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  margin:0!important;
}
.today-task-meta-v206 span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:24px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  background:rgba(100,116,139,.10)!important;
  color:#4f5f73!important;
  font-size:11px!important;
  font-weight:850!important;
}
.today-task-relation-row-v206{
  display:flex!important;
  gap:6px!important;
  flex-wrap:wrap!important;
  margin-top:8px!important;
}
.today-task-relation-chip-v206{
  display:inline-flex!important;
  align-items:center!important;
  min-height:23px!important;
  padding:0 9px!important;
  border-radius:999px!important;
  font-size:10.5px!important;
  font-weight:900!important;
  background:rgba(100,116,139,.10)!important;
  color:#536174!important;
}
.today-task-relation-chip-v206.tone-blue{background:rgba(10,132,255,.10)!important;color:#0a63ce!important;}
.today-task-relation-chip-v206.tone-green{background:rgba(16,185,129,.10)!important;color:#047857!important;}
.today-task-relation-chip-v206.tone-slate{background:rgba(100,116,139,.12)!important;color:#526173!important;}
.today-task-card-v206 .today-task-progress-v186{
  display:grid!important;
  grid-template-columns:56px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
  justify-self:end!important;
  width:100%!important;
  max-width:210px!important;
}
.today-task-card-v206 .progress-ring.mini{
  width:54px!important;
  height:54px!important;
  font-size:12px!important;
}
.today-task-card-v206 .today-task-actions-v186{
  justify-self:end!important;
}
.today-task-card-v206 .today-task-status-trigger-v191{
  min-width:172px!important;
  height:44px!important;
  border-radius:17px!important;
  background:#fff!important;
}
.today-task-card-v206 .today-task-status-menu-v191{
  width:206px!important;
}
@media (max-width:1180px){
  .today-task-card-v206{grid-template-columns:126px minmax(0,1fr) 160px!important;}
  .today-task-card-v206 .today-task-actions-v186{grid-column:2 / 4;justify-self:start!important;}
}
@media (max-width:760px){
  .today-task-panel-head-v186{padding:14px!important;gap:12px!important;}
  .today-task-tools-v186{width:100%!important;}
  .today-task-card-v206{grid-template-columns:1fr!important;gap:12px!important;padding:15px!important;border-radius:22px!important;}
  .today-task-card-v206 .today-task-actions-v186,
  .today-task-card-v206 .today-task-progress-v186{grid-column:auto!important;justify-self:stretch!important;max-width:none!important;}
  .today-task-card-v206 .today-task-status-trigger-v191{width:100%!important;min-width:0!important;}
  .today-task-card-v206 .today-task-status-menu-v191{width:100%!important;}
}
html[data-theme="dark"] .today-task-filter-shell-v186.today-task-filter-shell-v189,
body[data-active-theme="dark"] .today-task-filter-shell-v186.today-task-filter-shell-v189,
html[data-theme="dark"] .today-task-panel-v186,
body[data-active-theme="dark"] .today-task-panel-v186,
html[data-theme="dark"] .today-task-panel-head-v186,
body[data-active-theme="dark"] .today-task-panel-head-v186{
  background:rgba(17,24,39,.86)!important;
  border-color:rgba(255,255,255,.08)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .today-filter-tab-v189,
body[data-active-theme="dark"] .today-filter-tab-v189,
html[data-theme="dark"] .today-task-card-v206,
body[data-active-theme="dark"] .today-task-card-v206{
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(255,255,255,.085)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .today-task-card-v206 .today-task-status-trigger-v191,
body[data-active-theme="dark"] .today-task-card-v206 .today-task-status-trigger-v191{
  background:rgba(255,255,255,.065)!important;
}


/* v207 - cleaner Today task list, no manager tag, and fixed mobile notification drawer footer */
.today-task-card-v207{
  grid-template-columns:118px minmax(0,1fr) 176px 178px!important;
  min-height:92px!important;
  padding:14px 14px 14px 18px!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.94))!important;
  border:1px solid rgba(15,23,42,.07)!important;
  box-shadow:0 10px 26px rgba(15,23,42,.045)!important;
}
.today-task-card-v207::before{
  left:0!important;
  top:18px!important;
  bottom:18px!important;
  width:3px!important;
}
.today-task-card-v207 .today-task-status-v186{
  gap:10px!important;
  align-self:stretch!important;
  align-items:center!important;
  padding-left:0!important;
}
.today-task-card-v207 .today-task-status-v186 .app-icon{
  width:40px!important;
  height:40px!important;
  border-radius:14px!important;
  flex-basis:40px!important;
}
.today-task-card-v207 .today-task-status-v186 b{
  font-size:12px!important;
  line-height:1.15!important;
}
.today-task-card-v207 .today-task-status-v186 small{
  max-width:58px!important;
  line-height:1.25!important;
}
.today-task-main-v207{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  align-content:center!important;
  gap:6px!important;
}
.today-task-main-v207 strong{
  margin:0!important;
  font-size:15px!important;
  letter-spacing:-.015em!important;
  white-space:normal!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.today-task-main-v207 p{
  margin:0!important;
  font-size:11.5px!important;
  color:#64748b!important;
}
.today-task-meta-v207{
  margin:0!important;
  gap:6px!important;
}
.today-task-meta-v207 span{
  min-height:24px!important;
  padding:0 10px!important;
  background:rgba(15,23,42,.055)!important;
  font-size:10.5px!important;
}
.today-task-relation-row-v206{margin-top:0!important;gap:6px!important;}
.today-task-relation-chip-v206.tone-green{display:none!important;}
.today-task-relation-chip-v206{
  min-height:23px!important;
  padding:0 9px!important;
  font-size:10px!important;
}
.today-task-card-v207 .today-task-progress-v186{
  max-width:176px!important;
  grid-template-columns:46px minmax(0,1fr)!important;
  gap:10px!important;
}
.today-task-card-v207 .progress-ring.mini{
  width:46px!important;
  height:46px!important;
}
.today-task-card-v207 .progress-ring.mini::before{inset:5px!important;}
.today-task-card-v207 .progress-ring.mini strong{font-size:11px!important;}
.today-task-card-v207 .today-task-progress-v186 .progress-line{height:7px!important;min-width:82px!important;}
.today-task-card-v207 .today-task-status-trigger-v191{
  min-width:154px!important;
  height:42px!important;
  border-radius:16px!important;
  padding:0 12px!important;
  box-shadow:0 10px 22px rgba(15,23,42,.04)!important;
}
.today-task-card-v207 .today-task-status-trigger-copy-v191 small{font-size:9px!important;letter-spacing:.08em!important;}
.today-task-card-v207 .today-task-status-trigger-copy-v191 strong{font-size:12px!important;}
.today-task-card-v207:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 16px 38px rgba(15,23,42,.065)!important;
}
@media (max-width:1180px){
  .today-task-card-v207{grid-template-columns:112px minmax(0,1fr) 150px!important;}
  .today-task-card-v207 .today-task-actions-v186{grid-column:3!important;grid-row:1!important;align-self:center!important;}
  .today-task-card-v207 .today-task-progress-v186{grid-column:2!important;grid-row:2!important;justify-self:start!important;max-width:240px!important;}
}
@media (max-width:760px){
  .today-task-card-v207{grid-template-columns:1fr!important;min-height:auto!important;padding:14px!important;}
  .today-task-card-v207 .today-task-status-v186{align-self:auto!important;}
  .today-task-card-v207 .today-task-status-v186 small{max-width:none!important;}
  .today-task-card-v207 .today-task-progress-v186,
  .today-task-card-v207 .today-task-actions-v186{grid-column:auto!important;grid-row:auto!important;justify-self:stretch!important;}
  .today-task-card-v207 .today-task-status-dropdown-v191{width:100%!important;}
}

/* Keep the dashboard Task Manager button in the page heading and the Today card focused on attention only. */
body[data-page-route="/home"] .dashboard-today-card .dashboard-today-start,
body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-card .dashboard-today-start,
body[data-page-route="/home"] .dashboard-today-card .dashboard-today-view-all,
body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-card .dashboard-today-view-all{
  display:none!important;
}
body[data-page-route="/home"] .page-heading-side .btn.primary,
body[data-menu-page="true"][data-page-route="/home"] .page-heading-side .btn.primary{
  box-shadow:0 12px 26px rgba(10,132,255,.22)!important;
}

/* Mobile notification drawer: keep the All Notifications footer visible at the bottom. */
.drawer.notification-drawer-v178{
  height:100dvh!important;
  max-height:100dvh!important;
}
.notification-drawer-v178 .notification-drawer-body{
  padding-bottom:22px!important;
}
.notification-drawer-footer-v178{
  position:sticky!important;
  bottom:0!important;
  margin-top:auto!important;
  background:rgba(255,255,255,.96)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
.notification-drawer-footer-v178 .notification-all-link{
  width:100%!important;
  justify-content:center!important;
}
@media (max-width:640px){
  .drawer.notification-drawer-v178{
    inset:auto 0 0 auto!important;
    top:0!important;
    right:-100vw!important;
    height:100dvh!important;
    max-height:100dvh!important;
    width:100vw!important;
  }
  .drawer.notification-drawer-v178.open{right:0!important;}
  .notification-drawer-v178 .notification-drawer-body{
    padding-bottom:18px!important;
  }
  .notification-drawer-footer-v178{
    padding:12px 14px calc(12px + env(safe-area-inset-bottom))!important;
  }
  .notification-drawer-footer-v178 .notification-all-link{
    min-height:44px!important;
    border-radius:16px!important;
  }
}
html[data-theme="dark"] .today-task-card-v207,
body[data-active-theme="dark"] .today-task-card-v207{
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(255,255,255,.08)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .today-task-main-v207 p,
body[data-active-theme="dark"] .today-task-main-v207 p{color:rgba(226,232,240,.72)!important;}
html[data-theme="dark"] .notification-drawer-footer-v178,
body[data-active-theme="dark"] .notification-drawer-footer-v178{
  background:rgba(18,22,31,.96)!important;
  border-color:rgba(255,255,255,.08)!important;
}

/* v208: Move dashboard Task Manager action into the Today card like the View more button. */
body[data-page-route="/home"] .page-heading-side .btn.primary,
body[data-menu-page="true"][data-page-route="/home"] .page-heading-side .btn.primary{
  display:none!important;
}
body[data-page-route="/home"] .dashboard-today-card-actions,
body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-card-actions{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  margin-top:18px!important;
}
body[data-page-route="/home"] .dashboard-today-card-actions .dashboard-today-more-link,
body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-card-actions .dashboard-today-more-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  width:auto!important;
  margin-top:0!important;
}
body[data-page-route="/home"] .dashboard-today-card-actions .dashboard-today-taskmanager-link,
body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-card-actions .dashboard-today-taskmanager-link{
  font-weight:800!important;
}


/* v208 final: Today card action placement and heading scale. */
body[data-page-route="/home"] .dashboard-today-content h2,
body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-content h2{
  font-size:clamp(34px,4.35vw,62px)!important;
  letter-spacing:-2.8px!important;
  line-height:.96!important;
}
body[data-page-route="/home"] .dashboard-today-card-actions,
body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-card-actions{
  margin-top:18px!important;
  padding-bottom:10px!important;
}
body[data-page-route="/home"] .dashboard-today-card-actions .dashboard-today-taskmanager-link,
body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-card-actions .dashboard-today-taskmanager-link{
  background:#0a84ff!important;
  border-color:#0a84ff!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(10,132,255,.24)!important;
}
body[data-page-route="/home"] .dashboard-today-card-actions .dashboard-today-taskmanager-link:hover,
body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-card-actions .dashboard-today-taskmanager-link:hover{
  background:#0071e3!important;
  border-color:#0071e3!important;
  color:#fff!important;
}
body[data-page-route="/home"] .dashboard-today-card-actions .dashboard-today-taskmanager-link::after,
body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-card-actions .dashboard-today-taskmanager-link::after{
  display:none!important;
  content:none!important;
}
@media (max-width:900px){
  body[data-page-route="/home"] .dashboard-today-content h2,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-content h2{
    font-size:clamp(32px,8.5vw,48px)!important;
    letter-spacing:-1.9px!important;
  }
}
@media (max-width:430px){
  body[data-page-route="/home"] .dashboard-today-content h2,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-content h2{
    font-size:34px!important;
    letter-spacing:-1.4px!important;
  }
  body[data-page-route="/home"] .dashboard-today-card-actions,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-card-actions{
    padding-bottom:12px!important;
  }
}

/* v209: reduce Today attention headline so card actions fit comfortably. */
body[data-page-route="/home"] .dashboard-today-priority,
body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-priority{
  min-height:260px!important;
}
body[data-page-route="/home"] .dashboard-today-content h2,
body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-content h2{
  font-size:clamp(28px,3.25vw,46px)!important;
  letter-spacing:-1.85px!important;
  line-height:1.02!important;
  margin-bottom:6px!important;
}
body[data-page-route="/home"] .dashboard-today-content h2 span,
body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-content h2 span{
  font-size:inherit!important;
}
body[data-page-route="/home"] .dashboard-today-content > p,
body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-content > p{
  margin-bottom:8px!important;
}
body[data-page-route="/home"] .dashboard-today-list,
body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-list{
  margin-bottom:0!important;
}
body[data-page-route="/home"] .dashboard-today-list li,
body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-list li{
  line-height:1.32!important;
}
body[data-page-route="/home"] .dashboard-today-card-actions,
body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-card-actions{
  margin-top:14px!important;
  padding-bottom:18px!important;
  align-items:center!important;
}
body[data-page-route="/home"] .dashboard-today-card-actions .dashboard-today-more-link,
body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-card-actions .dashboard-today-more-link{
  min-height:34px!important;
  padding:8px 16px!important;
  border-radius:16px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
@media (max-width:900px){
  body[data-page-route="/home"] .dashboard-today-content h2,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-content h2{
    font-size:clamp(26px,7vw,38px)!important;
    letter-spacing:-1.35px!important;
  }
  body[data-page-route="/home"] .dashboard-today-priority,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-priority{
    min-height:auto!important;
  }
}
@media (max-width:430px){
  body[data-page-route="/home"] .dashboard-today-content h2,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-content h2{
    font-size:28px!important;
    letter-spacing:-.9px!important;
  }
  body[data-page-route="/home"] .dashboard-today-card-actions,
  body[data-menu-page="true"][data-page-route="/home"] .dashboard-today-card-actions{
    padding-bottom:16px!important;
  }
}




/* HELPRITE DESK v212 — One shared mobile interface shell
   Final reset: System Admin and every module page (except Drive) use the same
   header, sidebar drawer and bottom mobile navigation rules.  This removes the
   old SystemAdmin-only mobile shell that made the drawer/header look different. */
@media (min-width: 901px){
  html body.system-admin-view{--sidebar-w:92px!important;--topbar-h:78px!important;}
  html body.system-admin-view .sidebar{position:fixed!important;inset:0 auto 0 0!important;width:var(--sidebar-w)!important;transform:none!important;display:flex!important;visibility:visible!important;opacity:1!important;z-index:50!important;}
  html body.system-admin-view .topbar{left:var(--sidebar-w)!important;right:0!important;width:auto!important;max-width:none!important;}
  html body.system-admin-view .main-content,
  html body.system-admin-view .main-content.system-admin-main-content{margin-left:var(--sidebar-w)!important;width:auto!important;max-width:none!important;padding:calc(var(--topbar-h) + 22px) 28px 34px!important;overflow-x:hidden!important;}
  html body.system-admin-view .system-admin-page{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;}
}

@media (max-width: 900px){
  html body:not(.drive-experience),
  html body.system-admin-view{--sidebar-w:0px!important;--topbar-h:70px!important;}

  html body:not(.drive-experience) .topbar,
  html body.system-admin-view .topbar{
    position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;max-width:100%!important;height:var(--topbar-h)!important;min-height:var(--topbar-h)!important;
    display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:0 12px!important;overflow:visible!important;z-index:1000!important;
  }
  html body:not(.drive-experience) .topbar-left,
  html body.system-admin-view .topbar-left{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;flex:1 1 auto!important;overflow:hidden!important;}
  html body:not(.drive-experience) .topbar-actions,
  html body.system-admin-view .topbar-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;min-width:0!important;flex:0 0 auto!important;margin-left:auto!important;}

  html body:not(.drive-experience) .mobile-menu-button,
  html body:not(.drive-experience) #mobileMenuBtn,
  html body.system-admin-view .mobile-menu-button,
  html body.system-admin-view #mobileMenuBtn{display:grid!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;flex:0 0 40px!important;width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;border-radius:14px!important;padding:0!important;margin:0!important;}

  html body:not(.drive-experience) .search-trigger,
  html body:not(.drive-experience) .topbar .icon-button,
  html body:not(.drive-experience) .topbar .profile-button,
  html body.system-admin-view .search-trigger,
  html body.system-admin-view .topbar .icon-button,
  html body.system-admin-view .topbar .profile-button{flex:0 0 40px!important;width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;border-radius:14px!important;padding:0!important;}
  html body:not(.drive-experience) .topbar .profile-button,
  html body.system-admin-view .topbar .profile-button{padding:4px!important;overflow:hidden!important;}
  html body:not(.drive-experience) .topbar .profile-button .avatar,
  html body.system-admin-view .topbar .profile-button .avatar{width:32px!important;height:32px!important;min-width:32px!important;flex:0 0 32px!important;border-radius:11px!important;}
  html body:not(.drive-experience) .search-trigger span,
  html body:not(.drive-experience) .search-trigger kbd,
  html body:not(.drive-experience) .topbar .profile-copy,
  html body:not(.drive-experience) .topbar .profile-button > svg,
  html body:not(.drive-experience) .topbar-title-wrap,
  html body:not(.drive-experience) .mobile-topbar-brand,
  html body.system-admin-view .search-trigger span,
  html body.system-admin-view .search-trigger kbd,
  html body.system-admin-view .topbar .profile-copy,
  html body.system-admin-view .topbar .profile-button > svg,
  html body.system-admin-view .topbar-title-wrap,
  html body.system-admin-view .mobile-topbar-brand{display:none!important;}

  html body:not(.drive-experience) .topbar-system-logo,
  html body.system-admin-view .topbar-system-logo{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;flex:0 1 136px!important;width:clamp(112px,31vw,136px)!important;min-width:112px!important;max-width:136px!important;height:44px!important;min-height:38px!important;max-height:44px!important;overflow:hidden!important;border-radius:0!important;line-height:0!important;}
  html body:not(.drive-experience) .topbar-system-logo > img,
  html body.system-admin-view .topbar-system-logo > img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:left center!important;margin:0!important;transform:none!important;}
  html[data-theme="light"] body:not(.drive-experience) .topbar-system-logo > img.brand-on-dark,
  [data-theme="light"] body:not(.drive-experience) .topbar-system-logo > img.brand-on-dark,
  html[data-theme="light"] body.system-admin-view .topbar-system-logo > img.brand-on-dark,
  [data-theme="light"] body.system-admin-view .topbar-system-logo > img.brand-on-dark{display:none!important;}
  html[data-theme="light"] body:not(.drive-experience) .topbar-system-logo > img.brand-on-light,
  [data-theme="light"] body:not(.drive-experience) .topbar-system-logo > img.brand-on-light,
  html[data-theme="light"] body.system-admin-view .topbar-system-logo > img.brand-on-light,
  [data-theme="light"] body.system-admin-view .topbar-system-logo > img.brand-on-light{display:block!important;}
  html[data-theme="dark"] body:not(.drive-experience) .topbar-system-logo > img.brand-on-dark,
  [data-theme="dark"] body:not(.drive-experience) .topbar-system-logo > img.brand-on-dark,
  html[data-theme="dark"] body.system-admin-view .topbar-system-logo > img.brand-on-dark,
  [data-theme="dark"] body.system-admin-view .topbar-system-logo > img.brand-on-dark{display:block!important;}
  html[data-theme="dark"] body:not(.drive-experience) .topbar-system-logo > img.brand-on-light,
  [data-theme="dark"] body:not(.drive-experience) .topbar-system-logo > img.brand-on-light,
  html[data-theme="dark"] body.system-admin-view .topbar-system-logo > img.brand-on-light,
  [data-theme="dark"] body.system-admin-view .topbar-system-logo > img.brand-on-light{display:none!important;}

  html body:not(.drive-experience) .main-content,
  html body:not(.drive-experience) .main-content.system-admin-main-content,
  html body.system-admin-view .main-content,
  html body.system-admin-view .main-content.system-admin-main-content{margin-left:0!important;width:100%!important;max-width:100%!important;padding:calc(var(--topbar-h) + 16px) 14px calc(94px + env(safe-area-inset-bottom))!important;overflow-x:hidden!important;}
  html body.system-admin-view .system-admin-page{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;}

  /* Shared mobile drawer — same visual language for System Admin, HRMS, Today, Tasks, Reports and other modules. */
  html body:not(.drive-experience) .sidebar,
  html body.system-admin-view .sidebar{position:fixed!important;inset:0 auto 0 0!important;width:min(280px,78vw)!important;max-width:min(280px,78vw)!important;height:100dvh!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;padding:12px 14px 14px!important;transform:translateX(-105%)!important;z-index:99960!important;overflow:hidden!important;border-right:1px solid var(--line)!important;background:rgba(9,18,32,.92)!important;box-shadow:24px 0 60px rgba(0,0,0,.22)!important;backdrop-filter:blur(26px) saturate(135%)!important;-webkit-backdrop-filter:blur(26px) saturate(135%)!important;transition:transform .26s cubic-bezier(.2,.8,.2,1)!important;}
  html[data-theme="light"] body:not(.drive-experience) .sidebar,
  [data-theme="light"] body:not(.drive-experience) .sidebar,
  html[data-theme="light"] body.system-admin-view .sidebar,
  [data-theme="light"] body.system-admin-view .sidebar{background:rgba(245,248,252,.96)!important;}
  html body:not(.drive-experience) .sidebar.open,
  html body:not(.drive-experience).sidebar-open .sidebar,
  html body.system-admin-view .sidebar.open,
  html body.system-admin-view.sidebar-open .sidebar{transform:translateX(0)!important;}

  html body:not(.drive-experience) .sidebar-mobile-head,
  html body.system-admin-view .sidebar-mobile-head{display:flex!important;visibility:visible!important;opacity:1!important;position:relative!important;inset:auto!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;width:100%!important;height:58px!important;min-height:58px!important;flex:0 0 58px!important;padding:0 0 8px!important;pointer-events:auto!important;}
  html body:not(.drive-experience) .sidebar-mobile-brand,
  html body.system-admin-view .sidebar-mobile-brand{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;width:min(168px,calc(100% - 54px))!important;max-width:168px!important;height:46px!important;overflow:hidden!important;border-radius:10px!important;line-height:0!important;}
  html body:not(.drive-experience) .sidebar-mobile-brand img,
  html body.system-admin-view .sidebar-mobile-brand img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:left center!important;}
  html[data-theme="light"] body:not(.drive-experience) .sidebar-mobile-brand img.brand-on-dark,
  html[data-theme="light"] body.system-admin-view .sidebar-mobile-brand img.brand-on-dark{display:none!important;}
  html[data-theme="light"] body:not(.drive-experience) .sidebar-mobile-brand img.brand-on-light,
  html[data-theme="light"] body.system-admin-view .sidebar-mobile-brand img.brand-on-light{display:block!important;}
  html[data-theme="dark"] body:not(.drive-experience) .sidebar-mobile-brand img.brand-on-dark,
  html[data-theme="dark"] body.system-admin-view .sidebar-mobile-brand img.brand-on-dark{display:block!important;}
  html[data-theme="dark"] body:not(.drive-experience) .sidebar-mobile-brand img.brand-on-light,
  html[data-theme="dark"] body.system-admin-view .sidebar-mobile-brand img.brand-on-light{display:none!important;}

  html body:not(.drive-experience) .sidebar-close-button,
  html body:not(.drive-experience) .sidebar-mobile-head .sidebar-close-button,
  html body.system-admin-view .sidebar-close-button,
  html body.system-admin-view .sidebar-mobile-head .sidebar-close-button{display:grid!important;place-items:center!important;position:static!important;inset:auto!important;width:42px!important;height:42px!important;min-width:42px!important;flex:0 0 42px!important;border-radius:14px!important;border:1px solid var(--line)!important;background:rgba(255,255,255,.08)!important;color:var(--text)!important;pointer-events:auto!important;}
  html[data-theme="light"] body:not(.drive-experience) .sidebar-close-button,
  html[data-theme="light"] body.system-admin-view .sidebar-close-button{background:rgba(255,255,255,.92)!important;}

  html body:not(.drive-experience) .sidebar-nav,
  html body.system-admin-view .sidebar-nav{display:flex!important;flex:1 1 auto!important;min-height:0!important;width:100%!important;align-items:stretch!important;gap:7px!important;margin:6px 0 0!important;padding:0 0 8px!important;overflow-y:auto!important;overflow-x:hidden!important;}
  html body:not(.drive-experience) .side-bottom,
  html body.system-admin-view .side-bottom{width:100%!important;display:grid!important;gap:7px!important;margin-top:8px!important;flex:0 0 auto!important;}
  html body:not(.drive-experience) .sidebar .side-link,
  html body:not(.drive-experience) .side-bottom .side-link,
  html body.system-admin-view .sidebar .side-link,
  html body.system-admin-view .side-bottom .side-link{width:100%!important;min-height:48px!important;height:auto!important;border-radius:15px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:13px!important;padding:0 13px!important;transform:none!important;box-shadow:none!important;}
  html body:not(.drive-experience) .sidebar .side-link.active,
  html body:not(.drive-experience) .side-bottom .side-link.active,
  html body.system-admin-view .sidebar .side-link.active,
  html body.system-admin-view .side-bottom .side-link.active{background:rgba(10,132,255,.16)!important;color:#0a84ff!important;box-shadow:none!important;}
  html body:not(.drive-experience) .sidebar .side-link .nav-tip,
  html body:not(.drive-experience) .side-bottom .side-link .nav-tip,
  html body.system-admin-view .sidebar .side-link .nav-tip,
  html body.system-admin-view .side-bottom .side-link .nav-tip{position:static!important;opacity:1!important;transform:none!important;pointer-events:auto!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;color:inherit!important;white-space:normal!important;display:inline!important;font-size:14px!important;line-height:1.25!important;font-weight:650!important;}

  html body:not(.drive-experience) .sidebar-scrim,
  html body.system-admin-view .sidebar-scrim{position:fixed!important;inset:0!important;z-index:99950!important;background:rgba(0,0,0,.36)!important;border:0!important;display:none!important;opacity:1!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important;}
  html body:not(.drive-experience) .sidebar.open + .sidebar-scrim,
  html body:not(.drive-experience).sidebar-open .sidebar-scrim,
  html body.system-admin-view .sidebar.open + .sidebar-scrim,
  html body.system-admin-view.sidebar-open .sidebar-scrim{display:block!important;}

  html body:not(.drive-experience) .mobile-nav,
  html body.system-admin-view .mobile-nav{position:fixed!important;z-index:1002!important;left:12px!important;right:12px!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;height:64px!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;padding:6px!important;border-radius:22px!important;background:rgba(10,18,30,.90)!important;border:1px solid var(--line-strong)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;box-shadow:var(--shadow)!important;}
  html[data-theme="light"] body:not(.drive-experience) .mobile-nav,
  [data-theme="light"] body:not(.drive-experience) .mobile-nav,
  html[data-theme="light"] body.system-admin-view .mobile-nav,
  [data-theme="light"] body.system-admin-view .mobile-nav{background:rgba(255,255,255,.92)!important;}
  html body:not(.drive-experience) .mobile-nav a,
  html body:not(.drive-experience) .mobile-nav button,
  html body.system-admin-view .mobile-nav a,
  html body.system-admin-view .mobile-nav button{min-width:0!important;min-height:50px!important;width:auto!important;height:auto!important;border:0!important;border-radius:16px!important;background:transparent!important;color:var(--muted)!important;display:grid!important;place-items:center!important;text-decoration:none!important;visibility:visible!important;opacity:1!important;padding:0!important;}
  html body:not(.drive-experience) .mobile-nav a.active,
  html body:not(.drive-experience) .mobile-nav button.active,
  html body.system-admin-view .mobile-nav a.active,
  html body.system-admin-view .mobile-nav button.active{color:#fff!important;background:var(--blue)!important;}
}

@media (max-width: 430px){
  html body:not(.drive-experience) .topbar,
  html body.system-admin-view .topbar{padding:0 10px!important;gap:5px!important;}
  html body:not(.drive-experience) .topbar-left,
  html body.system-admin-view .topbar-left{gap:6px!important;}
  html body:not(.drive-experience) .topbar-actions,
  html body.system-admin-view .topbar-actions{gap:4px!important;}
  html body:not(.drive-experience) .mobile-menu-button,
  html body:not(.drive-experience) #mobileMenuBtn,
  html body:not(.drive-experience) .search-trigger,
  html body:not(.drive-experience) .topbar .icon-button,
  html body:not(.drive-experience) .topbar .profile-button,
  html body.system-admin-view .mobile-menu-button,
  html body.system-admin-view #mobileMenuBtn,
  html body.system-admin-view .search-trigger,
  html body.system-admin-view .topbar .icon-button,
  html body.system-admin-view .topbar .profile-button{flex-basis:38px!important;width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;min-height:38px!important;border-radius:13px!important;}
  html body:not(.drive-experience) .topbar-system-logo,
  html body.system-admin-view .topbar-system-logo{flex-basis:112px!important;width:112px!important;min-width:102px!important;max-width:112px!important;height:38px!important;}
  html body:not(.drive-experience) .topbar .profile-button .avatar,
  html body.system-admin-view .topbar .profile-button .avatar{width:30px!important;height:30px!important;min-width:30px!important;flex-basis:30px!important;}
  html body:not(.drive-experience) .sidebar,
  html body.system-admin-view .sidebar{width:min(280px,78vw)!important;max-width:min(280px,78vw)!important;}
}


/* Helprite Desk v213 — final shared mobile shell consistency
   Uses one mobile header/sidebar/bottom-nav system for every module page except Drive.
   This intentionally overrides old SystemAdmin-only mobile rules that were changing the
   drawer width, spacing, logo sizing and active menu layout. */
@media (max-width: 900px) {
  html body:not(.drive-experience) {
    --sidebar-w: 0px !important;
    --topbar-h: 70px !important;
    overflow-x: hidden !important;
  }

  html body:not(.drive-experience) .topbar {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: var(--topbar-h) !important;
    padding: 0 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    z-index: 80 !important;
  }

  html body:not(.drive-experience) .topbar-left {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    overflow: hidden !important;
  }

  html body:not(.drive-experience) .topbar-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
    margin-left: auto !important;
  }

  html body:not(.drive-experience) .mobile-menu-button,
  html body:not(.drive-experience) #mobileMenuBtn,
  html body:not(.drive-experience) .search-trigger,
  html body:not(.drive-experience) .topbar .icon-button,
  html body:not(.drive-experience) .topbar .profile-button {
    display: grid !important;
    place-items: center !important;
    flex: 0 0 40px !important;
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    border-radius: 14px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  html body:not(.drive-experience) .topbar .profile-button {
    padding: 4px !important;
    overflow: hidden !important;
  }

  html body:not(.drive-experience) .topbar .profile-button .avatar {
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    flex: 0 0 32px !important;
    border-radius: 11px !important;
  }

  html body:not(.drive-experience) .search-trigger span,
  html body:not(.drive-experience) .search-trigger kbd,
  html body:not(.drive-experience) .topbar .profile-copy,
  html body:not(.drive-experience) .topbar .profile-button > svg,
  html body:not(.drive-experience) .topbar-title-wrap,
  html body:not(.drive-experience) .mobile-topbar-brand {
    display: none !important;
  }

  html body:not(.drive-experience) .topbar-system-logo {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: 0 1 clamp(104px, 30vw, 140px) !important;
    width: clamp(104px, 30vw, 140px) !important;
    min-width: 104px !important;
    max-width: 140px !important;
    height: 42px !important;
    min-height: 38px !important;
    max-height: 42px !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    line-height: 0 !important;
    margin: 0 !important;
  }

  html body:not(.drive-experience) .topbar-system-logo > img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: left center !important;
    margin: 0 !important;
    transform: none !important;
  }

  html[data-theme="light"] body:not(.drive-experience) .topbar-system-logo > img.brand-on-dark,
  [data-theme="light"] body:not(.drive-experience) .topbar-system-logo > img.brand-on-dark { display: none !important; }
  html[data-theme="light"] body:not(.drive-experience) .topbar-system-logo > img.brand-on-light,
  [data-theme="light"] body:not(.drive-experience) .topbar-system-logo > img.brand-on-light { display: block !important; }
  html[data-theme="dark"] body:not(.drive-experience) .topbar-system-logo > img.brand-on-dark,
  [data-theme="dark"] body:not(.drive-experience) .topbar-system-logo > img.brand-on-dark { display: block !important; }
  html[data-theme="dark"] body:not(.drive-experience) .topbar-system-logo > img.brand-on-light,
  [data-theme="dark"] body:not(.drive-experience) .topbar-system-logo > img.brand-on-light { display: none !important; }

  html body:not(.drive-experience) .main-content,
  html body:not(.drive-experience) .page-wrapper,
  html body:not(.drive-experience) .main-content.system-admin-main-content {
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: calc(var(--topbar-h) + 16px) 14px calc(94px + env(safe-area-inset-bottom)) !important;
    overflow-x: hidden !important;
  }

  html body:not(.drive-experience) .sidebar {
    position: fixed !important;
    inset: 0 auto 0 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: min(260px, calc(100vw - 68px)) !important;
    max-width: min(260px, calc(100vw - 68px)) !important;
    height: 100dvh !important;
    padding: 14px !important;
    z-index: 99960 !important;
    overflow: hidden !important;
    transform: translateX(-105%) !important;
    transition: transform .26s cubic-bezier(.2,.8,.2,1) !important;
    border-right: 1px solid rgba(255,255,255,.08) !important;
    background: rgba(9,18,32,.92) !important;
    box-shadow: 22px 0 56px rgba(0,0,0,.24) !important;
    backdrop-filter: blur(26px) saturate(135%) !important;
    -webkit-backdrop-filter: blur(26px) saturate(135%) !important;
  }

  html[data-theme="light"] body:not(.drive-experience) .sidebar,
  [data-theme="light"] body:not(.drive-experience) .sidebar {
    background: rgba(245,248,252,.96) !important;
    border-right-color: rgba(0,0,0,.06) !important;
  }

  html body:not(.drive-experience) .sidebar.open,
  html body:not(.drive-experience).sidebar-open .sidebar,
  html body.sidebar-open:not(.drive-experience) .sidebar {
    transform: translateX(0) !important;
  }

  html body:not(.drive-experience) .sidebar-mobile-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    width: 100% !important;
    height: 60px !important;
    min-height: 60px !important;
    flex: 0 0 60px !important;
    padding: 0 0 8px !important;
    position: relative !important;
    inset: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  html body:not(.drive-experience) .sidebar-mobile-brand {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: 0 1 auto !important;
    width: min(168px, calc(100% - 54px)) !important;
    max-width: 168px !important;
    height: 46px !important;
    overflow: hidden !important;
    border-radius: 10px !important;
    line-height: 0 !important;
  }

  html body:not(.drive-experience) .sidebar-mobile-brand img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: left center !important;
  }

  html[data-theme="light"] body:not(.drive-experience) .sidebar-mobile-brand img.brand-on-dark { display:none !important; }
  html[data-theme="light"] body:not(.drive-experience) .sidebar-mobile-brand img.brand-on-light { display:block !important; }
  html[data-theme="dark"] body:not(.drive-experience) .sidebar-mobile-brand img.brand-on-dark { display:block !important; }
  html[data-theme="dark"] body:not(.drive-experience) .sidebar-mobile-brand img.brand-on-light { display:none !important; }

  html body:not(.drive-experience) .sidebar-close-button,
  html body:not(.drive-experience) .sidebar-mobile-head .sidebar-close-button {
    display: grid !important;
    place-items: center !important;
    position: static !important;
    inset: auto !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    flex: 0 0 42px !important;
    border-radius: 14px !important;
    border: 1px solid var(--line) !important;
    background: rgba(255,255,255,.08) !important;
    color: var(--text) !important;
    cursor: pointer !important;
    pointer-events: auto !important;
  }
  html[data-theme="light"] body:not(.drive-experience) .sidebar-close-button,
  [data-theme="light"] body:not(.drive-experience) .sidebar-close-button { background: rgba(255,255,255,.92) !important; }

  html body:not(.drive-experience) .sidebar-nav {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    width: 100% !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 7px !important;
    margin: 2px 0 0 !important;
    padding: 0 0 8px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-width: none !important;
  }
  html body:not(.drive-experience) .sidebar-nav::-webkit-scrollbar { display:none !important; }

  html body:not(.drive-experience) .side-bottom {
    display: grid !important;
    width: 100% !important;
    gap: 7px !important;
    margin-top: auto !important;
    flex: 0 0 auto !important;
  }

  html body:not(.drive-experience) .sidebar .side-link,
  html body:not(.drive-experience) .side-bottom .side-link {
    width: 100% !important;
    min-height: 48px !important;
    height: 48px !important;
    border-radius: 15px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 13px !important;
    padding: 0 13px !important;
    transform: none !important;
    box-shadow: none !important;
  }

  html body:not(.drive-experience) .sidebar .side-link.active,
  html body:not(.drive-experience) .side-bottom .side-link.active {
    background: rgba(10,132,255,.16) !important;
    color: #0a84ff !important;
    box-shadow: none !important;
  }

  html body:not(.drive-experience) .sidebar .side-link .nav-tip,
  html body:not(.drive-experience) .side-bottom .side-link .nav-tip {
    position: static !important;
    opacity: 1 !important;
    transform: none !important;
    pointer-events: auto !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    color: inherit !important;
    white-space: normal !important;
    display: inline !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    font-weight: 650 !important;
  }

  html body:not(.drive-experience) .sidebar-scrim {
    display: none !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 99950 !important;
    background: rgba(0,0,0,.36) !important;
    border: 0 !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
  }
  html body:not(.drive-experience) .sidebar.open + .sidebar-scrim,
  html body:not(.drive-experience).sidebar-open .sidebar-scrim,
  html body.sidebar-open:not(.drive-experience) .sidebar-scrim {
    display: block !important;
  }

  html body:not(.drive-experience) .mobile-nav {
    position: fixed !important;
    z-index: 1002 !important;
    left: 12px !important;
    right: 12px !important;
    bottom: calc(10px + env(safe-area-inset-bottom)) !important;
    height: 64px !important;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0,1fr)) !important;
    gap: 0 !important;
    padding: 6px !important;
    border-radius: 22px !important;
    background: rgba(10,18,30,.90) !important;
    border: 1px solid var(--line-strong) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    box-shadow: var(--shadow) !important;
  }
  html[data-theme="light"] body:not(.drive-experience) .mobile-nav,
  [data-theme="light"] body:not(.drive-experience) .mobile-nav { background: rgba(255,255,255,.92) !important; }
  html body:not(.drive-experience) .mobile-nav a,
  html body:not(.drive-experience) .mobile-nav button {
    min-width: 0 !important;
    min-height: 50px !important;
    border: 0 !important;
    border-radius: 16px !important;
    background: transparent !important;
    color: var(--muted) !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
    text-decoration: none !important;
  }
  html body:not(.drive-experience) .mobile-nav a.active,
  html body:not(.drive-experience) .mobile-nav button.active { color:#fff !important; background: var(--blue) !important; }
}

@media (max-width: 390px) {
  html body:not(.drive-experience) .topbar { padding: 0 8px !important; gap: 5px !important; }
  html body:not(.drive-experience) .topbar-left { gap: 5px !important; }
  html body:not(.drive-experience) .topbar-actions { gap: 4px !important; }
  html body:not(.drive-experience) .mobile-menu-button,
  html body:not(.drive-experience) #mobileMenuBtn,
  html body:not(.drive-experience) .search-trigger,
  html body:not(.drive-experience) .topbar .icon-button,
  html body:not(.drive-experience) .topbar .profile-button {
    flex-basis: 38px !important;
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    border-radius: 13px !important;
  }
  html body:not(.drive-experience) .topbar-system-logo {
    flex-basis: 104px !important;
    width: 104px !important;
    min-width: 96px !important;
    max-width: 104px !important;
  }
  html body:not(.drive-experience) .sidebar {
    width: min(260px, calc(100vw - 58px)) !important;
    max-width: min(260px, calc(100vw - 58px)) !important;
  }
}

/* HELPRITE DESK v215 — reverse v214 sidebar changes, keep notification drawer footer safe on mobile
   Sidebar/menu layout is restored to the previous shared interface state. This block only prevents
   the mobile bottom navigation from covering the notification drawer footer. */
@media (max-width: 900px) {
  body.notification-drawer-open:not(.drive-experience) .mobile-nav,
  html body.notification-drawer-open:not(.drive-experience) .mobile-nav {
    transform: translateY(calc(110% + env(safe-area-inset-bottom))) !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  #notificationDrawer.drawer,
  .drawer.notification-drawer-v178 {
    z-index: 99990 !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
  }

  #notificationDrawer .notification-drawer-body,
  .notification-drawer-v178 .notification-drawer-body {
    min-height: 0 !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    padding-bottom: calc(96px + env(safe-area-inset-bottom)) !important;
  }

  #notificationDrawer .notification-drawer-footer-v178,
  .notification-drawer-footer-v178 {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 2 !important;
    padding: 12px 14px calc(12px + env(safe-area-inset-bottom)) !important;
    background: inherit !important;
  }
}

/* v220 push push notification setup */
.push-settings-shell .account-settings-info-card,
.push-profile-card { margin-top: 14px; }
.push-toggle-grid { margin-bottom: 18px; }
.push-profile-topic { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin-top: 10px; }
.push-profile-topic input { flex: 1 1 280px; min-width: 220px; border: 1px solid var(--line, #e5e7eb); border-radius: 12px; padding: 10px 12px; background: var(--card-bg, #fff); color: var(--text, #111827); font-size: 13px; }
@media (max-width: 640px) {
  .push-profile-topic { align-items: stretch; }
  .push-profile-topic input,
  .push-profile-topic .btn { width: 100%; flex-basis: 100%; }
}

/* v221 push settings professional Apple interface + autosave */
body.system-admin-view .push-page{display:grid;gap:16px;margin-top:10px;}
body.system-admin-view .push-hero-card{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:18px;align-items:center;border:1px solid var(--line,#e5e7eb);border-radius:24px;background:var(--panel,#fff);box-shadow:0 18px 45px rgba(15,23,42,.06);padding:22px;overflow:hidden;position:relative;}
body.system-admin-view .push-hero-card::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--blue,#147eff);opacity:.9;}
body.system-admin-view .push-hero-card.offline::before{background:#8e8e93;}
body.system-admin-view .push-hero-kicker{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(20,126,255,.18);background:rgba(20,126,255,.08);color:var(--blue,#147eff);border-radius:999px;padding:7px 11px;font-size:12px;font-weight:780;margin-bottom:12px;}
body.system-admin-view .push-hero-copy h2{font-size:28px;line-height:1.08;margin:0 0 10px;color:var(--text,#111827);letter-spacing:-.04em;}
body.system-admin-view .push-hero-copy p{margin:0;max-width:760px;color:var(--muted,#667085);font-size:14px;line-height:1.6;}
body.system-admin-view .push-hero-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px;}
body.system-admin-view .push-status-pill,.push-mini-pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;border:1px solid var(--line,#e5e7eb);background:var(--panel-2,#f8fafc);min-height:32px;padding:0 11px;font-size:12px;font-weight:760;color:var(--text,#111827);}
body.system-admin-view .push-status-pill i{width:8px;height:8px;border-radius:50%;background:#8e8e93;box-shadow:0 0 0 4px rgba(142,142,147,.12);}
body.system-admin-view .push-status-pill.online i{background:#16a34a;box-shadow:0 0 0 4px rgba(22,163,74,.12);}
body.system-admin-view .push-hero-panel{display:flex;justify-content:flex-end;}
body.system-admin-view .push-phone-shell{width:min(100%,350px);border:1px solid var(--line,#e5e7eb);border-radius:26px;background:var(--panel-2,#f8fafc);padding:16px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45);display:grid;gap:10px;}
body.system-admin-view .push-phone-dot{width:56px;height:6px;border-radius:999px;background:color-mix(in srgb,var(--muted,#667085) 25%,transparent);justify-self:center;margin-bottom:2px;}
body.system-admin-view .push-phone-alert{border:1px solid rgba(20,126,255,.18);border-radius:17px;background:var(--panel,#fff);padding:13px 14px;box-shadow:0 8px 18px rgba(15,23,42,.05);}
body.system-admin-view .push-phone-alert strong{display:block;font-size:13px;color:var(--text,#111827);margin-bottom:3px;}
body.system-admin-view .push-phone-alert span{display:block;font-size:12px;color:var(--muted,#667085);}
body.system-admin-view .push-phone-alert.soft{opacity:.8;}
body.system-admin-view .push-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
body.system-admin-view .push-metric-card{border:1px solid var(--line,#e5e7eb);border-radius:18px;background:var(--panel,#fff);box-shadow:0 12px 30px rgba(15,23,42,.045);padding:16px;min-height:118px;display:grid;align-content:space-between;gap:10px;}
body.system-admin-view .push-metric-icon{width:36px;height:36px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--panel-2,#f8fafc);color:var(--muted,#667085);}
body.system-admin-view .push-metric-icon.blue{background:rgba(20,126,255,.09);color:var(--blue,#147eff);}
body.system-admin-view .push-metric-icon.green{background:rgba(22,163,74,.09);color:#16a34a;}
body.system-admin-view .push-metric-icon.red{background:rgba(255,59,48,.1);color:#ff3b30;}
body.system-admin-view .push-metric-icon.gray{background:rgba(142,142,147,.12);color:#6b7280;}
body.system-admin-view .push-metric-card strong{display:block;font-size:28px;line-height:1;color:var(--text,#111827);letter-spacing:-.04em;}
body.system-admin-view .push-metric-card small{display:block;color:var(--muted,#667085);font-size:12px;font-weight:650;}
body.system-admin-view .push-settings-modern{border-radius:24px!important;box-shadow:0 18px 45px rgba(15,23,42,.055)!important;border-color:var(--line,#e5e7eb)!important;overflow:hidden!important;}
body.system-admin-view .push-settings-modern .panel-header{padding:20px 22px!important;border-bottom:1px solid var(--line,#e5e7eb);background:var(--panel,#fff);}
body.system-admin-view .push-settings-modern .panel-title{font-size:19px;font-weight:850;letter-spacing:-.02em;}
body.system-admin-view .push-settings-rail{background:var(--panel,#fff)!important;}
body.system-admin-view .push-settings-rail .admin-tab{border-radius:14px!important;min-height:44px!important;font-weight:780!important;}
body.system-admin-view .push-settings-rail .admin-tab.active{background:rgba(20,126,255,.1)!important;border-color:rgba(20,126,255,.2)!important;box-shadow:0 8px 18px rgba(20,126,255,.08);}
body.system-admin-view .push-tab-icon{width:24px;height:24px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:var(--panel-2,#f8fafc);}
body.system-admin-view .admin-tab.active .push-tab-icon{background:var(--blue,#147eff);color:#fff;}
body.system-admin-view .push-rail-tip{border:1px dashed rgba(20,126,255,.24);background:rgba(20,126,255,.055);border-radius:16px;padding:13px;margin-top:auto;}
body.system-admin-view .push-rail-tip strong{display:block;font-size:13px;color:var(--text,#111827);margin-bottom:4px;}
body.system-admin-view .push-rail-tip span{display:block;color:var(--muted,#667085);font-size:12px;line-height:1.5;}
body.system-admin-view .push-toggle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px;}
body.system-admin-view .push-toggle-card{border:1px solid var(--line,#e5e7eb);border-radius:18px;background:var(--panel-2,#f8fafc);padding:15px;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:112px;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;}
body.system-admin-view .push-toggle-card:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(15,23,42,.06);border-color:rgba(20,126,255,.18);}
body.system-admin-view .push-toggle-copy strong{display:block;color:var(--text,#111827);font-size:14px;margin-bottom:5px;}
body.system-admin-view .push-toggle-copy small{display:block;color:var(--muted,#667085);font-size:12px;line-height:1.45;}
body.system-admin-view .push-form-grid .form-field input,
body.system-admin-view .push-form-grid .form-field textarea,
body.system-admin-view .push-form-grid .form-field select{border-radius:14px!important;min-height:46px!important;background:var(--panel,#fff)!important;border-color:var(--line,#e5e7eb)!important;}
body.system-admin-view .push-form-grid .form-field textarea{min-height:112px!important;line-height:1.55;resize:vertical;}
body.system-admin-view .push-autosave-state{display:inline-flex;align-items:center;border:1px solid var(--line,#e5e7eb);background:var(--panel-2,#f8fafc);border-radius:999px;min-height:30px;padding:0 10px;color:var(--muted,#667085);font-size:12px;font-weight:760;}
body.system-admin-view .push-autosave-state.saving{color:var(--blue,#147eff);border-color:rgba(20,126,255,.24);background:rgba(20,126,255,.08);}
body.system-admin-view .push-autosave-state.saved{color:#16a34a;border-color:rgba(22,163,74,.24);background:rgba(22,163,74,.08);}
body.system-admin-view .push-autosave-state.error{color:#ff3b30;border-color:rgba(255,59,48,.25);background:rgba(255,59,48,.08);}
body.system-admin-view .push-actionbar{align-items:center!important;justify-content:space-between!important;gap:12px!important;}
body.system-admin-view .push-save-hint{font-size:12px;color:var(--muted,#667085);font-weight:650;}
body.system-admin-view .push-recommend-card{display:flex;gap:13px;border:1px solid rgba(20,126,255,.18);border-radius:18px;background:rgba(20,126,255,.055);padding:15px;margin-top:16px;}
body.system-admin-view .push-recommend-card>span{width:38px;height:38px;border-radius:14px;background:rgba(20,126,255,.1);color:var(--blue,#147eff);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;}
body.system-admin-view .push-recommend-card h3{font-size:14px;margin:0 0 4px;color:var(--text,#111827);}
body.system-admin-view .push-recommend-card p{font-size:13px;color:var(--muted,#667085);line-height:1.55;margin:0;}
body.system-admin-view .push-user-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
body.system-admin-view .push-user-tools article{border:1px solid var(--line,#e5e7eb);border-radius:18px;background:var(--panel-2,#f8fafc);padding:18px;display:grid;gap:9px;align-content:start;}
body.system-admin-view .push-tool-icon{width:38px;height:38px;border-radius:14px;background:rgba(20,126,255,.08);color:var(--blue,#147eff);display:flex;align-items:center;justify-content:center;}
body.system-admin-view .push-user-tools strong{font-size:15px;color:var(--text,#111827);}
body.system-admin-view .push-user-tools p{margin:0;color:var(--muted,#667085);font-size:13px;line-height:1.55;}
body.system-admin-view .push-user-tools .btn{justify-self:start;margin-top:4px;}
body.system-admin-view .push-test-grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:12px;margin-bottom:12px;}
body.system-admin-view .push-topic-box{border:1px solid var(--line,#e5e7eb);border-radius:18px;background:var(--panel-2,#f8fafc);padding:14px;display:grid;gap:8px;min-width:0;}
body.system-admin-view .push-topic-box label{font-size:12px;font-weight:760;color:var(--muted,#667085);}
body.system-admin-view .push-topic-box code{white-space:normal;word-break:break-word;background:var(--panel,#fff);border-radius:12px;padding:10px;font-size:12px;}
body.system-admin-view .push-topic-box input{width:100%;border:1px solid var(--line,#e5e7eb);border-radius:12px;background:var(--panel,#fff);color:var(--text,#111827);min-height:42px;padding:0 12px;font-size:13px;}
body.system-admin-view .push-test-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0 16px;}
body.system-admin-view .push-log-list{border:1px solid var(--line,#e5e7eb);border-radius:18px;background:var(--panel,#fff);overflow:hidden;}
body.system-admin-view .push-log-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line,#e5e7eb);}
body.system-admin-view .push-log-head strong{font-size:14px;color:var(--text,#111827);}
body.system-admin-view .push-log-head span{font-size:12px;color:var(--muted,#667085);}
body.system-admin-view .push-empty-log{padding:18px;color:var(--muted,#667085);font-size:13px;text-align:center;}
body.system-admin-view .push-log-row{display:grid;grid-template-columns:10px minmax(0,1fr);gap:10px;align-items:center;padding:12px 16px;border-top:1px solid var(--line,#e5e7eb);}
body.system-admin-view .push-log-row:first-of-type{border-top:0;}
body.system-admin-view .push-log-dot{width:8px;height:8px;border-radius:50%;background:#ff3b30;}
body.system-admin-view .push-log-row.sent .push-log-dot{background:#16a34a;}
body.system-admin-view .push-log-row strong{font-size:13px;color:var(--text,#111827);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
body.system-admin-view .push-log-row small{font-size:12px;color:var(--muted,#667085);display:block;margin-top:2px;}
html[data-theme="dark"] body.system-admin-view .push-hero-card,
html[data-theme="dark"] body.system-admin-view .push-metric-card,
html[data-theme="dark"] body.system-admin-view .push-settings-modern,
html[data-theme="dark"] body.system-admin-view .push-settings-rail,
html[data-theme="dark"] body.system-admin-view .push-log-list{background:var(--panel,#111827);box-shadow:none;}
@media(max-width:1180px){body.system-admin-view .push-hero-card{grid-template-columns:1fr;}body.system-admin-view .push-hero-panel{justify-content:flex-start;}body.system-admin-view .push-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));}body.system-admin-view .push-toggle-grid{grid-template-columns:1fr;}body.system-admin-view .push-test-grid{grid-template-columns:1fr;}}
@media(max-width:760px){body.system-admin-view .push-page{gap:12px;}body.system-admin-view .push-hero-card{border-radius:18px;padding:18px;}body.system-admin-view .push-hero-copy h2{font-size:22px;}body.system-admin-view .push-metric-grid,.system-admin-view .push-user-tools{grid-template-columns:1fr;}body.system-admin-view .push-metric-card{min-height:102px;}body.system-admin-view .push-actionbar{align-items:stretch!important;flex-direction:column-reverse!important;}body.system-admin-view .push-save-hint{text-align:center;}body.system-admin-view .push-settings-modern{border-radius:18px!important;}body.system-admin-view .push-settings-rail .admin-rail-group{min-width:0!important;display:flex;overflow:auto;padding-bottom:4px;}body.system-admin-view .push-settings-rail .admin-tab{white-space:nowrap;flex:0 0 auto;}body.system-admin-view .push-rail-tip{display:none;}}

/* v222 push page cleanup + browser subscribe */
body.system-admin-view .push-hero-card{grid-template-columns:1fr!important;min-height:auto!important;padding:24px 26px!important;}
body.system-admin-view .push-hero-panel,.push-phone-shell,.push-phone-alert,.push-phone-dot{display:none!important;}
body.system-admin-view .push-hero-copy{max-width:980px;}
body.system-admin-view .push-hero-copy h2{font-size:30px!important;max-width:860px;}
body.system-admin-view .push-actionbar{justify-content:flex-end!important;}
body.system-admin-view .push-test-actions .btn{min-height:42px;}
@media(max-width:760px){body.system-admin-view .push-hero-card{padding:18px!important;}body.system-admin-view .push-hero-copy h2{font-size:22px!important;}}

/* v225 push all-device permission prompt */
.push-device-prompt-backdrop{
  position:fixed;
  inset:0;
  z-index:14000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:22px;
  background:rgba(0,0,0,.28);
  backdrop-filter:blur(26px) saturate(140%);
  -webkit-backdrop-filter:blur(26px) saturate(140%);
  opacity:0;
  transition:opacity .18s ease;
}
.push-device-prompt-backdrop.open{opacity:1;}
.push-device-prompt{
  width:min(420px, calc(100vw - 36px));
  overflow:hidden;
  border-radius:24px;
  border:1px solid rgba(0,0,0,.10);
  background:rgba(250,250,252,.96);
  color:#1d1d1f;
  box-shadow:0 28px 80px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.65);
  text-align:center;
  transform:translateY(10px) scale(.98);
  transition:transform .2s ease;
}
.push-device-prompt-backdrop.open .push-device-prompt{transform:translateY(0) scale(1);}
.push-device-icon{
  width:54px;
  height:54px;
  margin:26px auto 12px;
  display:grid;
  place-items:center;
  border-radius:16px;
  color:#fff;
  background:#0a84ff;
  box-shadow:0 14px 32px rgba(10,132,255,.28);
}
.push-device-icon span{
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  border:2px solid currentColor;
  border-radius:999px;
  font-size:13px;
  font-weight:800;
  line-height:1;
}
.push-device-prompt h2{
  margin:0 24px 8px;
  font-size:18px;
  line-height:1.24;
  font-weight:800;
  letter-spacing:-.02em;
}
.push-device-prompt p{
  margin:0 28px 18px;
  color:#6b6b72;
  font-size:14px;
  line-height:1.45;
}
.push-device-steps{
  margin:0 24px 18px;
  padding:14px 16px 14px 34px;
  text-align:left;
  color:#2b2b31;
  background:rgba(0,122,255,.07);
  border:1px solid rgba(0,122,255,.14);
  border-radius:16px;
  font-size:13px;
  line-height:1.55;
}
.push-device-steps li{padding-left:3px;margin:3px 0;}
.push-device-note{
  margin-top:-4px!important;
  color:#7a7a82!important;
  font-size:12.5px!important;
}
.push-device-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  border-top:1px solid rgba(0,0,0,.12);
}
.push-device-btn{
  appearance:none;
  min-height:50px;
  border:0;
  border-left:1px solid rgba(0,0,0,.12);
  background:transparent;
  color:#007aff;
  font-size:14px;
  font-weight:700;
  cursor:pointer;
}
.push-device-btn:first-child{border-left:0;}
.push-device-btn:hover{background:rgba(0,0,0,.035);}
.push-device-btn.primary{font-weight:800;}
[data-theme="dark"] .push-device-prompt{
  border-color:rgba(255,255,255,.14);
  background:rgba(34,34,38,.96);
  color:#f5f5f7;
  box-shadow:0 28px 80px rgba(0,0,0,.44), inset 0 1px 0 rgba(255,255,255,.08);
}
[data-theme="dark"] .push-device-prompt p,[data-theme="dark"] .push-device-note{color:#b8b8c1!important;}
[data-theme="dark"] .push-device-steps{color:#f5f5f7;background:rgba(10,132,255,.13);border-color:rgba(10,132,255,.24);}
[data-theme="dark"] .push-device-actions,[data-theme="dark"] .push-device-btn{border-color:rgba(255,255,255,.13);}
[data-theme="dark"] .push-device-btn:hover{background:rgba(255,255,255,.06);}
@media(max-width:640px){
  .push-device-prompt-backdrop{align-items:flex-end;padding:16px 14px calc(16px + env(safe-area-inset-bottom));}
  .push-device-prompt{width:100%;border-radius:22px;}
  .push-device-icon{margin-top:22px;}
  .push-device-prompt h2{font-size:17px;}
  .push-device-prompt p{margin-left:22px;margin-right:22px;}
  .push-device-actions{grid-template-columns:1fr;}
  .push-device-btn{border-left:0;border-top:1px solid rgba(0,0,0,.12);}
  .push-device-btn:first-child{border-top:0;}
}

/* ========================================================================== 
   HELPRITE DESK v236 — Mobile push/iOS + modal footer + dropdown safety
   Keeps modal actions above the fixed mobile bottom menu on every page,
   makes date fields full width, and prevents status/dropdown menus from being
   hidden under the mobile navigation.
   ========================================================================== */
:root{
  --helprite-mobile-nav-clearance: calc(92px + env(safe-area-inset-bottom, 0px));
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
.task-modal input[type="date"],
.task-modal input[type="time"],
.task-modal input[type="datetime-local"],
.task-modal input[type="month"],
.task-modal input[type="week"],
label.field > input[type="date"],
label.field > input[type="time"],
label.field > input[type="datetime-local"],
.field > input[type="date"],
.field > input[type="time"],
.field > input[type="datetime-local"]{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  box-sizing:border-box!important;
}

@media (max-width: 860px){
  .modal-backdrop,
  .task-modal-backdrop,
  .task-ui-modal-backdrop,
  .drive-modal-backdrop,
  .account-password-modal-backdrop{
    align-items:flex-end!important;
    justify-content:center!important;
    padding:12px 0 var(--helprite-mobile-nav-clearance)!important;
  }

  .modal,
  .task-modal,
  .task-ui-modal,
  .notification-compose-box,
  .notification-read-box,
  .drive-modal,
  .account-password-modal{
    width:100%!important;
    max-width:none!important;
    max-height:calc(100dvh - var(--helprite-mobile-nav-clearance) - 18px)!important;
    margin:0!important;
    border-radius:22px 22px 0 0!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }

  .modal-body,
  .task-modal-body,
  .task-ui-modal-body,
  .notification-compose-body,
  .notification-read-body,
  .drive-modal-body,
  .account-password-modal-body{
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
    padding-bottom:22px!important;
    min-height:0!important;
    flex:1 1 auto!important;
  }

  .modal-footer,
  .task-modal-footer,
  .task-ui-modal-foot,
  .notification-compose-foot,
  .notification-read-foot,
  .drive-modal footer,
  .account-password-modal-footer{
    position:sticky!important;
    bottom:0!important;
    z-index:20!important;
    flex:0 0 auto!important;
    padding:12px 16px calc(14px + env(safe-area-inset-bottom, 0px))!important;
    background:color-mix(in srgb, var(--panel-solid) 96%, transparent)!important;
    border-top:1px solid var(--line)!important;
    box-shadow:0 -14px 32px rgba(15,23,42,.08)!important;
  }

  .modal-footer .btn,
  .task-modal-footer .btn,
  .task-ui-modal-foot .btn,
  .notification-compose-foot .btn,
  .notification-read-foot .btn,
  .drive-modal footer .drive-btn,
  .account-password-modal-footer .btn{
    min-height:44px!important;
  }

  .task-modal .task-form-grid,
  .form-grid,
  .task-form-grid{
    grid-template-columns:1fr!important;
  }

  .today-task-status-dropdown-v191.open{
    z-index:999999!important;
  }
  .today-task-status-menu-v191{
    top:auto!important;
    bottom:calc(100% + 8px)!important;
    left:0!important;
    right:auto!important;
    width:100%!important;
    max-height:min(260px, calc(100dvh - var(--helprite-mobile-nav-clearance) - 160px))!important;
    overflow:auto!important;
    overscroll-behavior:contain!important;
    z-index:999999!important;
  }
  .today-task-status-option-v191{
    min-height:42px!important;
    font-size:12.5px!important;
  }

  .select2-dropdown,
  .select2-container--open .select2-dropdown,
  .dropdown-menu,
  .action-dropdown-menu,
  .task-ui-dropdown,
  .task-status-menu,
  [role="listbox"]{
    max-height:calc(100dvh - var(--helprite-mobile-nav-clearance) - 110px)!important;
    overflow:auto!important;
    overscroll-behavior:contain!important;
    z-index:999999!important;
  }
}
@media (max-width: 860px){
  .task-filter-range-wrap{width:100%!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
  .task-date-filter{width:100%!important;min-width:0!important;flex:1 1 100%!important;justify-content:space-between!important;}
  .task-date-filter input{width:100%!important;min-width:0!important;flex:1 1 auto!important;text-align:right;}
}

/* ========================================================================== 
   HELPRITE DESK v237 — Universal mobile modal safety
   Hide the fixed mobile bottom nav while any modal/popup is open, then make
   modal bodies and footers use the full safe viewport so footer buttons are
   never covered on phones.
   ========================================================================== */
@media (max-width: 860px){
  body.helprite-modal-open-mobile:not(.drive-experience) .mobile-nav,
  body.modal-open:not(.drive-experience) .mobile-nav,
  body.swal2-shown:not(.drive-experience) .mobile-nav{
    opacity:0!important;
    pointer-events:none!important;
    visibility:hidden!important;
    transform:translateY(calc(100% + 28px + env(safe-area-inset-bottom, 0px)))!important;
  }

  body.helprite-modal-open-mobile:not(.drive-experience),
  body.modal-open:not(.drive-experience){
    overflow:hidden!important;
  }

  body.helprite-modal-open-mobile:not(.drive-experience) .task-ui-modal-backdrop[data-task-ui-modal],
  body.helprite-modal-open-mobile:not(.drive-experience) .task-ui-modal-backdrop[data-task-ui-view-modal],
  body.helprite-modal-open-mobile:not(.drive-experience) .task-ui-modal-backdrop[data-calendar-modal],
  body.task-manager-pipeline-style.helprite-modal-open-mobile:not(.drive-experience) .task-ui-modal-backdrop[data-task-ui-modal],
  body.task-manager-pipeline-style.helprite-modal-open-mobile:not(.drive-experience) .task-ui-modal-backdrop[data-task-ui-view-modal],
  .task-ui-modal-backdrop[data-task-ui-modal].open,
  .task-ui-modal-backdrop[data-task-ui-view-modal].open,
  .task-ui-modal-backdrop[data-calendar-modal].open{
    align-items:flex-end!important;
    justify-items:center!important;
    padding:10px 0 calc(10px + env(safe-area-inset-bottom, 0px))!important;
    overflow:hidden!important;
  }

  body.helprite-modal-open-mobile:not(.drive-experience) .modal-backdrop,
  body.helprite-modal-open-mobile:not(.drive-experience) .task-modal-backdrop,
  body.helprite-modal-open-mobile:not(.drive-experience) .account-password-modal-backdrop,
  body.helprite-modal-open-mobile:not(.drive-experience) .notification-compose-backdrop,
  body.helprite-modal-open-mobile:not(.drive-experience) .notification-read-backdrop{
    padding:10px 0 calc(10px + env(safe-area-inset-bottom, 0px))!important;
    align-items:flex-end!important;
    overflow:hidden!important;
  }

  body.helprite-modal-open-mobile:not(.drive-experience) .task-ui-modal-backdrop[data-task-ui-modal] .task-ui-modal,
  body.helprite-modal-open-mobile:not(.drive-experience) .task-ui-modal-backdrop[data-task-ui-view-modal] .task-ui-modal,
  body.helprite-modal-open-mobile:not(.drive-experience) .task-ui-modal-backdrop[data-calendar-modal] .task-ui-modal,
  body.task-manager-pipeline-style.helprite-modal-open-mobile:not(.drive-experience) .task-ui-modal-backdrop[data-task-ui-modal] .task-ui-modal,
  body.task-manager-pipeline-style.helprite-modal-open-mobile:not(.drive-experience) .task-ui-modal-backdrop[data-task-ui-view-modal] .task-ui-modal,
  .task-ui-modal-backdrop[data-task-ui-modal].open .task-ui-modal,
  .task-ui-modal-backdrop[data-task-ui-view-modal].open .task-ui-modal,
  .task-ui-modal-backdrop[data-calendar-modal].open .task-ui-modal{
    width:100%!important;
    max-width:none!important;
    max-height:calc(100dvh - 20px - env(safe-area-inset-bottom, 0px))!important;
    min-height:0!important;
    margin:0!important;
    border-radius:18px 18px 0 0!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }

  body.helprite-modal-open-mobile:not(.drive-experience) .modal,
  body.helprite-modal-open-mobile:not(.drive-experience) .modal-dialog,
  body.helprite-modal-open-mobile:not(.drive-experience) .modal-content,
  body.helprite-modal-open-mobile:not(.drive-experience) .task-modal,
  body.helprite-modal-open-mobile:not(.drive-experience) .account-password-modal,
  body.helprite-modal-open-mobile:not(.drive-experience) .notification-compose-box,
  body.helprite-modal-open-mobile:not(.drive-experience) .notification-read-box{
    max-height:calc(100dvh - 20px - env(safe-area-inset-bottom, 0px))!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }

  body.helprite-modal-open-mobile:not(.drive-experience) .task-ui-modal-backdrop[data-task-ui-modal] .task-ui-form,
  body.helprite-modal-open-mobile:not(.drive-experience) .task-ui-modal-backdrop[data-task-ui-view-modal] .task-ui-form,
  body.helprite-modal-open-mobile:not(.drive-experience) .task-ui-modal-backdrop[data-calendar-modal] .task-ui-form,
  body.task-manager-pipeline-style.helprite-modal-open-mobile:not(.drive-experience) .task-ui-modal-backdrop[data-task-ui-modal] .task-ui-form,
  body.task-manager-pipeline-style.helprite-modal-open-mobile:not(.drive-experience) .task-ui-modal-backdrop[data-task-ui-view-modal] .task-ui-form,
  .task-ui-modal-backdrop[data-task-ui-modal].open .task-ui-form,
  .task-ui-modal-backdrop[data-task-ui-view-modal].open .task-ui-form,
  .task-ui-modal-backdrop[data-calendar-modal].open .task-ui-form{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    padding-bottom:18px!important;
  }

  body.helprite-modal-open-mobile:not(.drive-experience) .modal-body,
  body.helprite-modal-open-mobile:not(.drive-experience) .task-modal-body,
  body.helprite-modal-open-mobile:not(.drive-experience) .account-password-modal-body,
  body.helprite-modal-open-mobile:not(.drive-experience) .notification-compose-body,
  body.helprite-modal-open-mobile:not(.drive-experience) .notification-read-body{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    padding-bottom:18px!important;
  }

  body.helprite-modal-open-mobile:not(.drive-experience) .task-ui-modal-backdrop[data-task-ui-modal] .task-ui-modal-foot,
  body.helprite-modal-open-mobile:not(.drive-experience) .task-ui-modal-backdrop[data-task-ui-view-modal] .task-ui-modal-foot,
  body.helprite-modal-open-mobile:not(.drive-experience) .task-ui-modal-backdrop[data-calendar-modal] .task-ui-modal-foot,
  body.task-manager-pipeline-style.helprite-modal-open-mobile:not(.drive-experience) .task-ui-modal-backdrop[data-task-ui-modal] .task-ui-modal-foot,
  body.task-manager-pipeline-style.helprite-modal-open-mobile:not(.drive-experience) .task-ui-modal-backdrop[data-task-ui-view-modal] .task-ui-modal-foot,
  .task-ui-modal-backdrop[data-task-ui-modal].open .task-ui-modal-foot,
  .task-ui-modal-backdrop[data-task-ui-view-modal].open .task-ui-modal-foot,
  .task-ui-modal-backdrop[data-calendar-modal].open .task-ui-modal-foot{
    flex:0 0 auto!important;
    position:relative!important;
    bottom:auto!important;
    left:auto!important;
    right:auto!important;
    z-index:40!important;
    margin:0!important;
    padding:12px 16px calc(14px + env(safe-area-inset-bottom, 0px))!important;
    background:#fff!important;
    border-top:1px solid #e5e8f2!important;
    box-shadow:0 -14px 30px rgba(15,23,42,.08)!important;
  }

  body.helprite-modal-open-mobile:not(.drive-experience) .modal-footer,
  body.helprite-modal-open-mobile:not(.drive-experience) .task-modal-footer,
  body.helprite-modal-open-mobile:not(.drive-experience) .account-password-modal-footer,
  body.helprite-modal-open-mobile:not(.drive-experience) .notification-compose-foot,
  body.helprite-modal-open-mobile:not(.drive-experience) .notification-read-foot{
    flex:0 0 auto!important;
    position:relative!important;
    bottom:auto!important;
    z-index:40!important;
    margin:0!important;
    padding:12px 16px calc(14px + env(safe-area-inset-bottom, 0px))!important;
    background:#fff!important;
    border-top:1px solid #e5e8f2!important;
    box-shadow:0 -14px 30px rgba(15,23,42,.08)!important;
  }

  html[data-theme="dark"] body.helprite-modal-open-mobile:not(.drive-experience) .task-ui-modal-backdrop[data-task-ui-modal] .task-ui-modal-foot,
  body.dark-mode.helprite-modal-open-mobile:not(.drive-experience) .task-ui-modal-backdrop[data-task-ui-modal] .task-ui-modal-foot,
  html[data-theme="dark"] body.helprite-modal-open-mobile:not(.drive-experience) .modal-footer,
  body.dark-mode.helprite-modal-open-mobile:not(.drive-experience) .modal-footer{
    background:#111821!important;
    border-top-color:#263343!important;
  }

  body.helprite-modal-open-mobile:not(.drive-experience) .task-ui-modal-foot .btn,
  body.helprite-modal-open-mobile:not(.drive-experience) .modal-footer .btn,
  body.helprite-modal-open-mobile:not(.drive-experience) .task-modal-footer .btn,
  body.helprite-modal-open-mobile:not(.drive-experience) .notification-compose-foot .btn,
  body.helprite-modal-open-mobile:not(.drive-experience) .notification-read-foot .btn{
    min-height:44px!important;
  }
}

/* v238 - minimal notification centre cards, outline chips, clear-all action */
.notification-work-item-v183{
  border:1px solid rgba(15,23,42,.075)!important;
  border-radius:22px!important;
  box-shadow:0 10px 26px rgba(15,23,42,.035)!important;
  background:rgba(255,255,255,.96)!important;
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
.notification-work-item-v183.is-unread{border-color:rgba(10,132,255,.20)!important;}
.notification-work-item-v183.needs-action{border-color:rgba(255,149,0,.24)!important;}
.notification-work-item-v183::before{top:18px!important;bottom:18px!important;width:2px!important;opacity:.65!important;}
.notification-row-meta-v238{gap:7px!important;margin-top:9px!important;}
.notification-row-meta-v238 .notification-meta-chip-v238{
  height:22px!important;
  padding:0 9px!important;
  border-radius:999px!important;
  border:1px solid rgba(15,23,42,.09)!important;
  background:transparent!important;
  color:#667085!important;
  font-size:10.5px!important;
  font-weight:850!important;
  letter-spacing:-.01em!important;
  box-shadow:none!important;
}
.notification-row-meta-v238 .notification-meta-chip-v238.is-unread-chip{border-color:rgba(10,132,255,.20)!important;color:#0a62c9!important;background:rgba(10,132,255,.035)!important;}
.notification-row-meta-v238 .notification-meta-chip-v238.is-read-chip{border-color:rgba(16,185,129,.18)!important;color:#059669!important;background:rgba(16,185,129,.035)!important;}
.notification-row-meta-v238 .notification-meta-chip-v238.is-action-chip{border-color:rgba(255,149,0,.24)!important;color:#b45309!important;background:rgba(255,149,0,.05)!important;}
.notification-row-meta-v238 .notification-meta-chip-v238.is-recipient-chip{border-color:rgba(100,116,139,.15)!important;color:#64748b!important;max-width:150px!important;}
.notification-inbox-tools-v180 .btn.danger-light{
  color:#d92d20!important;
  border-color:rgba(217,45,32,.16)!important;
  background:rgba(217,45,32,.035)!important;
}
.notification-inbox-tools-v180 .btn.danger-light:hover{background:rgba(217,45,32,.08)!important;border-color:rgba(217,45,32,.26)!important;}
.notification-filter-list-v178 button[data-notification-tab="sent_by_me"] .notification-view-label-v189 svg{color:#0a84ff;}
html[data-theme="dark"] .notification-work-item-v183,
body[data-active-theme="dark"] .notification-work-item-v183{background:rgba(255,255,255,.052)!important;border-color:rgba(255,255,255,.10)!important;box-shadow:none!important;}
html[data-theme="dark"] .notification-row-meta-v238 .notification-meta-chip-v238,
body[data-active-theme="dark"] .notification-row-meta-v238 .notification-meta-chip-v238{border-color:rgba(255,255,255,.12)!important;color:rgba(255,255,255,.68)!important;background:transparent!important;}
html[data-theme="dark"] .notification-row-meta-v238 .notification-meta-chip-v238.is-unread-chip,
body[data-active-theme="dark"] .notification-row-meta-v238 .notification-meta-chip-v238.is-unread-chip{border-color:rgba(10,132,255,.34)!important;color:#85c2ff!important;background:rgba(10,132,255,.10)!important;}
@media (max-width:760px){
  .notification-inbox-tools-v180{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;width:100%!important;}
  .notification-inbox-tools-v180 .notification-search-box-v180{grid-column:1 / -1!important;width:100%!important;}
  .notification-inbox-tools-v180 .btn{width:100%!important;min-height:42px!important;padding:0 10px!important;}
  .notification-row-meta-v238 .notification-meta-chip-v238{font-size:10px!important;padding:0 8px!important;}
}