:root {
  --auh-azure: #1790c9;
  --auh-navy: #01529d;
  --auh-teal: #008e54;
  --auh-cyan: #11aae2;
  --auh-bg: #f4f8fb;
  --auh-surface: #ffffff;
  --auh-text: #152335;
  --auh-muted: #69788a;
  --auh-line: #dbe6ee;
  --auh-danger: #d93a4a;
  --auh-warning: #e59a18;
  --auh-success: #008e54;
  --auh-radius: 18px;
  --auh-shadow: 0 14px 40px rgba(1, 82, 157, 0.10);
  --auh-sidebar-width: 270px;
  --auh-ticker-height: 58px;
  --auh-font-ar: "Almarai", "Noto Sans Arabic", Tahoma, Arial, sans-serif;
  --auh-font-en: "Gill Sans", "Gill Sans MT", "Trebuchet MS", Arial, sans-serif;
}

* { box-sizing: border-box; }
html, body { min-height: 100%; overflow-x: hidden; }
body.auh-portal-body {
  margin: 0;
  color: var(--auh-text);
  background: var(--auh-bg);
  font-family: var(--auh-font-ar);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
html[dir="ltr"] body.auh-portal-body { font-family: var(--auh-font-en); }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; }
button { cursor: pointer; }
button:disabled { cursor: not-allowed; opacity: .58; }
img { max-width: 100%; }

/* Loading */
.auh-portal-root { min-height: 100vh; }
.auh-app-loading {
  min-height: 100vh;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 14px;
  color: var(--auh-navy);
}
.auh-spinner {
  width: 44px;
  height: 44px;
  border: 4px solid rgba(23,144,201,.18);
  border-top-color: var(--auh-azure);
  border-radius: 999px;
  animation: auh-spin .8s linear infinite;
}
@keyframes auh-spin { to { transform: rotate(360deg); } }

/* Login */
.auh-login-layout {
  min-height: 100vh;
  display: grid;
  grid-template-columns: minmax(360px, 45%) 1fr;
  background: #fff;
}
.auh-login-brand {
  position: relative;
  overflow: hidden;
  min-height: 100vh;
  padding: 68px clamp(36px, 6vw, 90px) 130px;
  color: #fff;
  background:
    radial-gradient(circle at 75% 20%, rgba(17,170,226,.46), transparent 37%),
    linear-gradient(145deg, #003d78 0%, var(--auh-navy) 54%, #064f7f 100%);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.auh-login-brand::before,
.auh-login-brand::after {
  content: "";
  position: absolute;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 50%;
}
.auh-login-brand::before { width: 420px; height: 420px; inset-inline-end: -190px; top: 40px; }
.auh-login-brand::after { width: 240px; height: 240px; inset-inline-start: -120px; bottom: 130px; }
.auh-login-logo-white { width: min(340px, 82%); position: relative; z-index: 2; }
.auh-login-brand-copy { position: relative; z-index: 2; max-width: 620px; }
.auh-login-eyebrow { display: inline-block; letter-spacing: .12em; font-size: 13px; opacity: .78; margin-bottom: 16px; }
.auh-login-brand h2 { font-size: clamp(30px, 4vw, 54px); line-height: 1.25; margin: 0 0 18px; }
.auh-login-brand p { margin: 0; font-size: 18px; line-height: 1.9; opacity: .87; max-width: 520px; }
.auh-login-gradient { position: absolute; inset-inline: 0; bottom: 0; width: 100%; height: 116px; object-fit: fill; opacity: .98; }
.auh-login-panel { display: grid; place-items: center; padding: 40px; background: #fff; }
.auh-login-card { width: min(470px, 100%); }
.auh-login-logo-color { width: 255px; display: block; margin: 0 auto 34px; }
.auh-login-heading { text-align: center; margin-bottom: 28px; }
.auh-login-heading h1 { margin: 0 0 10px; font-size: 27px; color: var(--auh-navy); }
.auh-login-heading p, .auh-login-help { color: var(--auh-muted); line-height: 1.7; }
#auh-login-form p { margin: 0 0 17px; }
#auh-login-form label { display: block; margin-bottom: 8px; color: var(--auh-text); font-weight: 700; font-size: 14px; }
#auh-login-form input[type="text"],
#auh-login-form input[type="password"] {
  width: 100%; height: 50px; border: 1px solid #cfdde8; border-radius: 12px; padding: 0 14px; background: #fff; outline: none; transition: .2s;
}
#auh-login-form input:focus { border-color: var(--auh-azure); box-shadow: 0 0 0 4px rgba(23,144,201,.12); }
#auh-login-form .login-remember label { display: flex; align-items: center; gap: 9px; font-weight: 500; }
#auh-login-form .button-primary { width: 100%; height: 50px; border: 0; border-radius: 12px; color: #fff; background: linear-gradient(135deg, var(--auh-navy), var(--auh-azure)); font-weight: 800; box-shadow: 0 10px 24px rgba(1,82,157,.22); }
.auh-login-help { text-align: center; font-size: 13px; margin-top: 20px; }

/* Access denied */
.auh-access-denied { min-height: 100vh; display: grid; place-items: center; padding: 30px; background: var(--auh-bg); }
.auh-access-card { width: min(540px, 100%); background: #fff; padding: 42px; border-radius: 24px; text-align: center; box-shadow: var(--auh-shadow); }
.auh-access-card img { width: 230px; }
.auh-access-card h1 { color: var(--auh-navy); }
.auh-access-card code { direction: ltr; display: inline-block; }

/* App shell */
.auh-shell {
  min-height: 100vh;
  display: grid;
  grid-template-columns: var(--auh-sidebar-width) minmax(0, 1fr);
  background: var(--auh-bg);
  padding-bottom: var(--auh-ticker-height);
}
html[dir="ltr"] .auh-shell { direction: ltr; }
.auh-sidebar {
  position: sticky;
  top: 0;
  height: calc(100vh - var(--auh-ticker-height));
  overflow: hidden;
  display: flex;
  flex-direction: column;
  color: #fff;
  background:
    radial-gradient(circle at 15% 12%, rgba(17,170,226,.20), transparent 34%),
    linear-gradient(180deg, #063f7d 0%, var(--auh-navy) 46%, #003e75 100%);
  z-index: 30;
  box-shadow: 8px 0 24px rgba(1,82,157,.12);
}
html[dir="ltr"] .auh-sidebar { box-shadow: -8px 0 24px rgba(1,82,157,.12); }
.auh-sidebar-brand { padding: 24px 24px 18px; border-bottom: 1px solid rgba(255,255,255,.12); min-height: 104px; display: flex; align-items: center; }
.auh-sidebar-brand img { width: 190px; max-height: 72px; object-fit: contain; object-position: center; }
.auh-sidebar-scroll { overflow-y: auto; padding: 16px 13px 20px; scrollbar-width: thin; flex: 1; }
.auh-nav-section-label { padding: 12px 13px 7px; font-size: 11px; letter-spacing: .08em; opacity: .54; text-transform: uppercase; }
.auh-nav { display: grid; gap: 5px; }
.auh-nav-button {
  width: 100%; min-height: 44px; border: 0; background: transparent; color: rgba(255,255,255,.86); border-radius: 12px; padding: 10px 12px; display: flex; align-items: center; gap: 12px; text-align: start; transition: .18s ease; position: relative;
}
.auh-nav-button:hover { background: rgba(255,255,255,.09); color: #fff; }
.auh-nav-button.is-active { color: #fff; background: linear-gradient(135deg, #0c82ca, #13a9e2); box-shadow: 0 8px 20px rgba(17,170,226,.24); }
.auh-nav-button svg { width: 20px; height: 20px; flex: 0 0 auto; }
.auh-nav-button .auh-nav-label { flex: 1; font-size: 14px; font-weight: 650; }
.auh-nav-badge { min-width: 21px; height: 21px; display: grid; place-items: center; border-radius: 999px; background: var(--auh-danger); color: #fff; font-size: 11px; font-weight: 800; }
.auh-sidebar-footer { padding: 15px; border-top: 1px solid rgba(255,255,255,.10); }
.auh-sidebar-collapse { width: 100%; min-height:38px; border: 0; color: #fff; background: rgba(0,0,0,.12); border-radius: 12px; padding: 10px 12px; display: flex; align-items: center; justify-content: center; gap: 8px; font:inherit; font-size:12px; font-weight:750; line-height:1.25; text-align:center; }

.auh-shell.is-collapsed { grid-template-columns: 82px minmax(0,1fr); }
.auh-shell.is-collapsed .auh-sidebar-brand { padding-inline: 14px; justify-content: center; }
.auh-shell.is-collapsed .auh-sidebar-brand img { width: 54px; height: 54px; object-fit: cover; object-position: top; }
.auh-shell.is-collapsed .auh-nav-label,
.auh-shell.is-collapsed .auh-nav-section-label,
.auh-shell.is-collapsed .auh-sidebar-collapse span,
.auh-shell.is-collapsed .auh-nav-badge { display: none; }
.auh-shell.is-collapsed .auh-nav-button { justify-content: center; padding-inline: 8px; }

.auh-main { min-width: 0; }
.auh-topbar {
  position: sticky;
  top: 0;
  z-index: 24;
  height: 76px;
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 0 clamp(18px, 3vw, 34px);
  background: rgba(255,255,255,.94);
  border-bottom: 1px solid rgba(216,227,236,.9);
  backdrop-filter: blur(14px);
}
.auh-mobile-menu { display: none; border: 0; background: #edf5fa; color: var(--auh-navy); width: 42px; height: 42px; border-radius: 11px; place-items: center; }
.auh-search { flex: 1; max-width: 520px; position: relative; }
.auh-search input { width: 100%; height: 44px; border: 1px solid transparent; border-radius: 13px; background: #f1f6fa; padding-inline: 42px 15px; outline: none; transition: .2s; }
.auh-search input:focus { background: #fff; border-color: var(--auh-azure); box-shadow: 0 0 0 4px rgba(23,144,201,.10); }
.auh-search svg { position: absolute; inset-inline-start: 14px; top: 12px; width: 20px; color: var(--auh-muted); }
.auh-topbar-actions { margin-inline-start: auto; display: flex; align-items: center; gap: 8px; }
.auh-icon-button { position: relative; width: 42px; height: 42px; border: 0; border-radius: 12px; display: grid; place-items: center; background: transparent; color: var(--auh-navy); }
.auh-icon-button:hover { background: #edf5fa; }
.auh-icon-button svg { width: 21px; height: 21px; }
.auh-icon-badge { position: absolute; top: 1px; inset-inline-end: 1px; min-width: 17px; height: 17px; padding: 0 4px; display: grid; place-items: center; background: var(--auh-danger); color: #fff; border-radius: 999px; border: 2px solid #fff; font-size: 9px; font-weight: 800; }
.auh-language-button { border: 0; background: #f1f6fa; color: var(--auh-navy); border-radius: 12px; height: 42px; padding: 0 13px; font-weight: 800; }
.auh-user-menu { position: relative; }
.auh-user-button { border: 0; background: transparent; border-radius: 14px; padding: 5px 7px; display: flex; align-items: center; gap: 10px; text-align: start; }
.auh-user-button:hover { background: #f1f6fa; }
.auh-user-avatar { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; border: 2px solid #e2eff6; }
.auh-user-copy strong { display: block; font-size: 13px; }
.auh-user-copy small { color: var(--auh-muted); font-size: 11px; }
.auh-user-dropdown, .auh-notification-dropdown {
  position: absolute; top: calc(100% + 10px); inset-inline-end: 0; width: 260px; background: #fff; border: 1px solid var(--auh-line); border-radius: 16px; box-shadow: 0 22px 55px rgba(21,35,53,.18); padding: 8px; display: none;
}
.auh-user-dropdown.is-open, .auh-notification-dropdown.is-open { display: block; }
.auh-user-dropdown a, .auh-user-dropdown button { width: 100%; display: flex; align-items: center; gap: 9px; padding: 11px 12px; border: 0; border-radius: 10px; background: transparent; color: var(--auh-text); text-decoration: none; text-align: start; }
.auh-user-dropdown a:hover, .auh-user-dropdown button:hover { background: #f1f6fa; }
.auh-notification-dropdown { width: min(390px, calc(100vw - 30px)); padding: 0; overflow: hidden; }
.auh-dropdown-head { display: flex; align-items: center; justify-content: space-between; padding: 15px 17px; border-bottom: 1px solid var(--auh-line); }
.auh-notification-list { max-height: 390px; overflow-y: auto; }
.auh-notification-item { padding: 14px 17px; border-bottom: 1px solid #edf2f6; }
.auh-notification-item.is-unread { background: #f4faff; }
.auh-notification-item strong { display: block; font-size: 13px; margin-bottom: 4px; }
.auh-notification-item p { margin: 0; color: var(--auh-muted); font-size: 12px; line-height: 1.6; }

.auh-content { padding: 28px clamp(18px, 3vw, 36px) 46px; max-width: 1700px; margin: 0 auto; }
.auh-page-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 24px; }
.auh-page-heading h1 { margin: 0 0 7px; color: var(--auh-navy); font-size: clamp(25px, 3vw, 34px); line-height: 1.25; }
.auh-page-heading p { margin: 0; color: var(--auh-muted); }
.auh-page-actions { display: flex; gap: 9px; flex-wrap: wrap; }

/* Components */
.auh-grid { display: grid; gap: 18px; }
.auh-grid.cards-4 { grid-template-columns: repeat(4, minmax(0,1fr)); }
.auh-grid.cards-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
.auh-grid.two { grid-template-columns: minmax(0,1.25fr) minmax(320px,.75fr); }
.auh-card { background: var(--auh-surface); border: 1px solid rgba(216,227,236,.9); border-radius: var(--auh-radius); box-shadow: 0 9px 30px rgba(1,82,157,.055); }
.auh-card-body { padding: 20px; }
.auh-card-header { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 18px 20px; border-bottom: 1px solid #e8eff4; }
.auh-card-header h2, .auh-card-header h3 { margin: 0; font-size: 16px; color: var(--auh-navy); }
.auh-stat-card { min-height: 132px; padding: 20px; display: flex; align-items: center; gap: 16px; position: relative; overflow: hidden; }
.auh-stat-card::after { content:""; position:absolute; width:100px; height:100px; border-radius:50%; inset-inline-end:-44px; top:-40px; background: currentColor; opacity:.04; }
.auh-stat-icon { width: 52px; height: 52px; border-radius: 16px; display: grid; place-items: center; flex: 0 0 auto; }
.auh-stat-icon svg { width: 25px; height: 25px; }
.auh-stat-icon.blue { background: #e5f5fc; color: var(--auh-azure); }
.auh-stat-icon.green { background: #e5f6ee; color: var(--auh-teal); }
.auh-stat-icon.orange { background: #fff1df; color: #df7a16; }
.auh-stat-icon.purple { background: #eeeafd; color: #7658d8; }
.auh-stat-copy span { display: block; color: var(--auh-muted); font-size: 13px; margin-bottom: 6px; }
.auh-stat-copy strong { display: block; font-size: 28px; line-height: 1; color: var(--auh-text); }
.auh-stat-copy small { display: block; color: var(--auh-muted); margin-top: 7px; font-size: 11px; }

.auh-welcome { position: relative; overflow: hidden; padding: 24px 26px; margin-bottom: 20px; color: var(--auh-navy); background: linear-gradient(110deg, #fff 0%, #f8fdff 60%, #e8f7fd 100%); }
.auh-welcome::before { content:""; position:absolute; width:210px; height:210px; border: 28px solid rgba(23,144,201,.08); border-radius:50%; inset-inline-end:-80px; top:-95px; }
.auh-welcome h2 { margin:0 0 7px; font-size:24px; }
.auh-welcome p { margin:0; color: var(--auh-muted); }
.auh-priority-banner { display:flex; gap:16px; align-items:flex-start; margin-bottom:20px; padding:18px 20px; border-inline-start:5px solid var(--auh-danger); background:#fff; }
.auh-priority-banner .auh-banner-icon { width:45px; height:45px; border-radius:14px; display:grid; place-items:center; color:var(--auh-danger); background:#fff0f2; flex:0 0 auto; }
.auh-priority-banner h3 { margin:0 0 5px; font-size:15px; color:var(--auh-navy); }
.auh-priority-banner p { margin:0; color:var(--auh-muted); line-height:1.7; font-size:13px; }
.auh-priority-badge { display:inline-flex; align-items:center; padding:4px 9px; border-radius:999px; background:#fff0f2; color:var(--auh-danger); font-size:11px; font-weight:800; margin-inline-start:8px; }

.auh-quick-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; }
.auh-quick-action { border:1px solid var(--auh-line); border-radius:15px; background:#fff; min-height:116px; padding:16px 10px; display:grid; align-content:center; justify-items:center; gap:10px; color:var(--auh-navy); transition:.2s; text-align:center; }
.auh-quick-action:hover { border-color:var(--auh-azure); transform:translateY(-2px); box-shadow:0 10px 24px rgba(23,144,201,.12); }
.auh-quick-action svg { width:29px; height:29px; color:var(--auh-azure); }
.auh-quick-action span { font-size:12px; font-weight:750; line-height:1.5; }

.auh-list { list-style:none; padding:0; margin:0; }
.auh-list-row { display:flex; align-items:center; gap:12px; padding:14px 0; border-bottom:1px solid #edf2f6; }
.auh-list-row:last-child { border-bottom:0; }
.auh-list-dot { width:9px; height:9px; border-radius:50%; flex:0 0 auto; background:var(--auh-azure); }
.auh-list-copy { flex:1; min-width:0; }
.auh-list-copy strong { display:block; font-size:13px; margin-bottom:4px; }
.auh-list-copy small { color:var(--auh-muted); font-size:11px; }
.auh-list-date { min-width:52px; padding:7px 8px; text-align:center; border-radius:10px; background:#eff7fb; color:var(--auh-navy); font-weight:800; font-size:11px; }

.auh-button { min-height:42px; border-radius:11px; border:1px solid transparent; padding:9px 16px; display:inline-flex; align-items:center; justify-content:center; gap:8px; text-decoration:none; font-weight:750; transition:.18s; }
.auh-button svg { width:18px; height:18px; }
.auh-button.primary { background:linear-gradient(135deg,var(--auh-navy),var(--auh-azure)); color:#fff; box-shadow:0 7px 18px rgba(1,82,157,.16); }
.auh-button.primary:hover { transform:translateY(-1px); box-shadow:0 10px 24px rgba(1,82,157,.23); }
.auh-button.secondary { background:#fff; color:var(--auh-navy); border-color:#aac9dc; }
.auh-button.secondary:hover { border-color:var(--auh-azure); background:#f3faff; }
.auh-button.success { background:var(--auh-teal); color:#fff; }
.auh-button.danger { background:var(--auh-danger); color:#fff; }
.auh-button.ghost { background:transparent; color:var(--auh-navy); }
.auh-button.small { min-height:34px; padding:6px 10px; font-size:12px; border-radius:9px; }

.auh-toolbar { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:16px; }
.auh-toolbar .auh-field { min-width:190px; flex:1; }
.auh-field { display:grid; gap:7px; }
.auh-field label { font-size:12px; font-weight:750; color:var(--auh-text); }
.auh-required { color:var(--auh-danger); }
.auh-input, .auh-select, .auh-textarea {
  width:100%; border:1px solid #cbd9e4; border-radius:11px; background:#fff; color:var(--auh-text); outline:none; transition:.18s;
}
.auh-input, .auh-select { height:44px; padding:0 12px; }
.auh-textarea { min-height:110px; padding:12px; resize:vertical; }
.auh-input:focus, .auh-select:focus, .auh-textarea:focus { border-color:var(--auh-azure); box-shadow:0 0 0 4px rgba(23,144,201,.10); }
.auh-input[aria-invalid="true"], .auh-select[aria-invalid="true"] { border-color:var(--auh-danger); }
.auh-field-help { color:var(--auh-muted); font-size:11px; line-height:1.5; }
.auh-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.auh-form-grid .full { grid-column:1/-1; }
.auh-check { display:flex; align-items:center; gap:9px; font-size:13px; }
.auh-switch { position:relative; width:44px; height:24px; display:inline-flex; flex:0 0 auto; }
.auh-switch input { opacity:0; width:0; height:0; }
.auh-switch span { position:absolute; inset:0; background:#c8d5df; border-radius:99px; transition:.2s; }
.auh-switch span::after { content:""; position:absolute; width:18px; height:18px; top:3px; inset-inline-start:3px; background:#fff; border-radius:50%; box-shadow:0 2px 5px rgba(0,0,0,.18); transition:.2s; }
.auh-switch input:checked + span { background:var(--auh-teal); }
.auh-switch input:checked + span::after { transform:translateX(20px); }
html[dir="rtl"] .auh-switch input:checked + span::after { transform:translateX(-20px); }

.auh-table-wrap { overflow:auto; border:1px solid var(--auh-line); border-radius:14px; }
.auh-table { width:100%; border-collapse:collapse; min-width:760px; background:#fff; }
.auh-table th { background:#f0f8fc; color:var(--auh-navy); font-size:12px; padding:12px 13px; text-align:start; border-bottom:1px solid var(--auh-line); white-space:nowrap; }
.auh-table td { padding:12px 13px; border-bottom:1px solid #edf2f6; font-size:12px; vertical-align:middle; }
.auh-table tr:last-child td { border-bottom:0; }
.auh-table tbody tr:hover { background:#fbfdff; }
.auh-table-actions { display:flex; gap:5px; white-space:nowrap; }
.auh-status { display:inline-flex; align-items:center; gap:5px; min-height:26px; padding:4px 9px; border-radius:999px; font-size:11px; font-weight:800; }
.auh-status.active, .auh-status.published, .auh-status.healthy { background:#e5f6ee; color:#087d4c; }
.auh-status.planned, .auh-status.draft, .auh-status.unknown { background:#eef3f7; color:#5f7080; }
.auh-status.integration_pending, .auh-status.warning, .auh-status.important { background:#fff2df; color:#b9660f; }
.auh-status.archived, .auh-status.disabled, .auh-status.error { background:#fff0f2; color:#b82c3c; }

/* Settings */
.auh-settings-layout { display:grid; grid-template-columns:230px minmax(0,1fr); gap:18px; }
.auh-settings-tabs { padding:10px; align-self:start; position:sticky; top:96px; }
.auh-settings-tab { width:100%; border:0; background:transparent; color:var(--auh-text); border-radius:11px; padding:11px 12px; display:flex; align-items:center; gap:9px; text-align:start; margin-bottom:4px; }
.auh-settings-tab:hover { background:#f1f7fb; }
.auh-settings-tab.is-active { background:#e6f5fc; color:var(--auh-navy); font-weight:800; }
.auh-settings-tab svg { width:18px; height:18px; }
.auh-settings-panel { min-width:0; }
.auh-settings-section { margin-bottom:18px; }
.auh-tree { display:grid; gap:8px; }
.auh-tree-item { border:1px solid var(--auh-line); border-radius:12px; background:#fff; }
.auh-tree-row { display:flex; align-items:center; gap:10px; padding:10px 12px; }
.auh-tree-toggle { border:0; background:#eef6fa; width:31px; height:31px; border-radius:9px; display:grid; place-items:center; color:var(--auh-navy); }
.auh-tree-indent { width:28px; flex:0 0 28px; }
.auh-tree-name { flex:1; min-width:0; }
.auh-tree-name strong { display:block; font-size:13px; }
.auh-tree-name small { color:var(--auh-muted); }
.auh-tree-meta { display:flex; gap:7px; align-items:center; }
.auh-tree-children { padding:0 12px 10px; display:grid; gap:7px; }
html[dir="rtl"] .auh-tree-children { padding-inline-start:44px; }
html[dir="ltr"] .auh-tree-children { padding-inline-start:44px; }

/* Modules */
.auh-module-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
.auh-module-card { position:relative; padding:20px; min-height:188px; display:flex; flex-direction:column; }
.auh-module-icon { width:46px; height:46px; border-radius:14px; display:grid; place-items:center; color:var(--auh-azure); background:#e7f6fc; margin-bottom:14px; }
.auh-module-icon svg { width:23px; height:23px; }
.auh-module-card h3 { margin:0 0 7px; font-size:15px; color:var(--auh-navy); }
.auh-module-card p { margin:0 0 18px; color:var(--auh-muted); font-size:12px; line-height:1.7; flex:1; }
.auh-module-footer { display:flex; align-items:center; justify-content:space-between; gap:8px; }

/* Empty/error */
.auh-empty { padding:44px 20px; text-align:center; color:var(--auh-muted); }
.auh-empty svg { width:46px; height:46px; color:#9fb5c5; margin-bottom:10px; }
.auh-error-panel { max-width:760px; margin:50px auto; background:#fff; border:1px solid #f0c9ce; border-radius:18px; padding:28px; color:#8e2732; }
.auh-error-panel h2 { margin-top:0; }

/* Modal and popup */
.auh-overlay { position:fixed; inset:0; z-index:100; display:grid; place-items:center; padding:22px; background:rgba(13,31,49,.55); backdrop-filter:blur(5px); }
.auh-modal { width:min(760px,100%); max-height:min(88vh,900px); overflow:auto; background:#fff; border-radius:22px; box-shadow:0 30px 90px rgba(0,0,0,.28); }
.auh-modal.small { width:min(540px,100%); }
.auh-modal-header { position:sticky; top:0; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:15px; padding:18px 20px; background:#fff; border-bottom:1px solid var(--auh-line); }
.auh-modal-header h2 { margin:0; color:var(--auh-navy); font-size:18px; }
.auh-modal-close { width:36px; height:36px; border:0; border-radius:10px; background:#eff5f8; color:var(--auh-navy); display:grid; place-items:center; }
.auh-modal-body { padding:20px; }
.auh-modal-footer { position:sticky; bottom:0; display:flex; justify-content:flex-end; gap:9px; padding:15px 20px; background:#fff; border-top:1px solid var(--auh-line); }
.auh-popup-announcement { width:min(690px,100%); overflow:hidden; background:#fff; border-radius:24px; box-shadow:0 30px 90px rgba(0,0,0,.28); }
.auh-popup-head { color:#fff; background:linear-gradient(135deg,var(--auh-navy),var(--auh-azure)); padding:18px 20px; display:flex; align-items:center; justify-content:space-between; gap:14px; }
.auh-popup-head .auh-popup-type { display:flex; align-items:center; gap:9px; font-size:12px; font-weight:800; }
.auh-popup-head .auh-popup-count { font-size:11px; opacity:.78; }
.auh-popup-body { padding:26px; }
.auh-popup-icon { width:58px; height:58px; border-radius:18px; display:grid; place-items:center; background:#e7f6fc; color:var(--auh-azure); margin-bottom:15px; }
.auh-popup-icon svg { width:30px; height:30px; }
.auh-popup-body h2 { color:var(--auh-navy); margin:0 0 11px; font-size:22px; }
.auh-popup-body .auh-popup-content { color:var(--auh-muted); line-height:1.9; font-size:14px; }
.auh-popup-actions { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:16px 26px 24px; flex-wrap:wrap; }
.auh-popup-nav { display:flex; gap:7px; }

/* Toast */
.auh-toast-region { position:fixed; z-index:200; top:88px; inset-inline-end:22px; display:grid; gap:9px; width:min(390px,calc(100vw - 30px)); }
.auh-toast { background:#fff; border:1px solid var(--auh-line); border-inline-start:4px solid var(--auh-azure); border-radius:13px; padding:13px 15px; box-shadow:0 14px 40px rgba(21,35,53,.18); display:flex; align-items:flex-start; gap:10px; animation:auh-toast-in .22s ease; }
.auh-toast > svg { width:20px; height:20px; flex:0 0 20px; }
.auh-toast.success { border-inline-start-color:var(--auh-teal); }
.auh-toast.error { border-inline-start-color:var(--auh-danger); }
.auh-toast strong { display:block; font-size:13px; margin-bottom:3px; }
.auh-toast p { margin:0; color:var(--auh-muted); font-size:12px; line-height:1.5; }
@keyframes auh-toast-in { from { opacity:0; transform:translateY(-8px); } }

/* Sticky ticker */
.auh-ticker {
  position:fixed;
  z-index:80;
  inset-inline:0;
  bottom:0;
  height:var(--auh-ticker-height);
  color:#fff;
  background:linear-gradient(90deg,#00467f 0%,var(--auh-navy) 38%,#0878b6 100%);
  display:flex;
  align-items:center;
  box-shadow:0 -8px 24px rgba(1,82,157,.16);
  overflow:hidden;
}
.auh-ticker::before { content:""; position:absolute; inset:0; background-image:var(--auh-gradient-image); background-size:100% 100%; opacity:.35; pointer-events:none; }
.auh-ticker-label { align-self:stretch; min-width:105px; display:flex; align-items:center; justify-content:center; gap:8px; background:rgba(0,0,0,.13); font-weight:800; position:relative; z-index:1; }
.auh-ticker-label svg { width:19px; }
.auh-ticker-content { flex:1; min-width:0; position:relative; z-index:1; padding:0 18px; }
.auh-ticker-slide { display:flex; align-items:center; gap:11px; min-height:58px; animation:auh-fade .25s ease; }
.auh-ticker-slide p { margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:13px; }
.auh-ticker-slide a { color:#fff; font-weight:800; text-underline-offset:3px; }
.auh-ticker-dot { width:8px; height:8px; border-radius:50%; background:#28d17c; box-shadow:0 0 0 5px rgba(40,209,124,.13); }
.auh-ticker-controls { position:relative; z-index:1; display:flex; align-items:center; gap:4px; padding-inline-end:12px; }
.auh-ticker-controls button { width:34px; height:34px; border:0; border-radius:9px; background:rgba(255,255,255,.10); color:#fff; display:grid; place-items:center; }
@keyframes auh-fade { from { opacity:0; transform:translateY(4px); } }

/* Mobile drawer backdrop */
.auh-drawer-backdrop { display:none; position:fixed; inset:0; background:rgba(13,31,49,.5); z-index:28; }

/* Utilities */
.auh-muted { color:var(--auh-muted); }
.auh-code { direction:ltr; unicode-bidi:isolate; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:11px; }
.auh-sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
.auh-divider { height:1px; background:var(--auh-line); margin:18px 0; }
.auh-kpi-note { font-size:11px; color:var(--auh-muted); }

@media (max-width: 1250px) {
  .auh-grid.cards-4 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .auh-quick-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .auh-module-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width: 980px) {
  .auh-login-layout { grid-template-columns:1fr; }
  .auh-login-brand { display:none; }
  .auh-login-panel { min-height:100vh; }
  .auh-shell { display:block; }
  .auh-sidebar { position:fixed; top:0; bottom:var(--auh-ticker-height); inset-inline-start:0; height:auto; width:min(295px,86vw); transform:translateX(110%); transition:.24s ease; }
  html[dir="ltr"] .auh-sidebar { transform:translateX(-110%); }
  .auh-shell.mobile-open .auh-sidebar { transform:translateX(0); }
  .auh-shell.mobile-open .auh-drawer-backdrop { display:block; }
  .auh-mobile-menu { display:grid; }
  .auh-topbar { padding-inline:14px; }
  .auh-user-copy { display:none; }
  .auh-content { padding-top:20px; }
  .auh-grid.two { grid-template-columns:1fr; }
  .auh-settings-layout { grid-template-columns:1fr; }
  .auh-settings-tabs { position:static; display:flex; overflow-x:auto; gap:6px; }
  .auh-settings-tab { width:auto; flex:0 0 auto; margin:0; }
  .auh-shell.is-collapsed { display:block; }
}

@media (max-width: 720px) {
  :root { --auh-ticker-height:62px; }
  .auh-topbar { height:66px; gap:8px; }
  .auh-search { display:none; }
  .auh-language-button { width:42px; padding:0; font-size:0; }
  .auh-language-button::after { content:"AR"; font-size:11px; }
  html[dir="ltr"] .auh-language-button::after { content:"EN"; }
  .auh-content { padding-inline:13px; }
  .auh-page-heading { align-items:flex-start; flex-direction:column; }
  .auh-grid.cards-4, .auh-grid.cards-3, .auh-module-grid { grid-template-columns:1fr; }
  .auh-stat-card { min-height:112px; }
  .auh-quick-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .auh-form-grid { grid-template-columns:1fr; }
  .auh-form-grid .full { grid-column:auto; }
  .auh-modal-footer { flex-wrap:wrap; }
  .auh-modal-footer .auh-button { flex:1; }
  .auh-ticker-label { min-width:74px; font-size:11px; }
  .auh-ticker-content { padding-inline:10px; }
  .auh-ticker-slide p { font-size:11px; }
  .auh-ticker-controls { padding-inline-end:6px; }
  .auh-ticker-controls button { width:30px; height:30px; }
  .auh-popup-body, .auh-popup-actions { padding-inline:18px; }
}

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

/* Icon normalization: inline SVGs must never use the browser's 300x150 default size. */
.auh-sidebar-collapse svg,
.auh-mobile-menu svg,
.auh-modal-close svg,
.auh-ticker-controls svg,
.auh-popup-nav svg,
.auh-tree-row > svg {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
}
.auh-tree-row > svg { color: #8aa0b2; cursor: grab; }
.auh-sidebar-collapse svg { width: 19px; height: 19px; }
.auh-mobile-menu svg { width: 21px; height: 21px; }
.auh-modal-close svg { width: 18px; height: 18px; }
.auh-ticker-controls svg { width: 16px; height: 16px; }
.auh-language-button { display:inline-flex; align-items:center; justify-content:center; gap:7px; }
.auh-language-button svg { width:18px; height:18px; flex:0 0 18px; }
.auh-user-button > svg { width:17px; height:17px; flex:0 0 17px; color:var(--auh-muted); }
.auh-user-dropdown svg { width:18px; height:18px; flex:0 0 18px; }

/* Sprint 2 — AUH Service Desk */
.sd-layout { display:grid; grid-template-columns:220px minmax(0,1fr); gap:18px; align-items:start; }
.sd-layout.is-portal-embedded { width:100%; grid-template-columns:minmax(0,1fr); }
.sd-layout.is-portal-embedded > .sd-panel { width:100%; grid-column:1/-1; }
.sd-tabs { position:sticky; top:86px; display:flex; flex-direction:column; gap:7px; padding:10px; border:1px solid var(--auh-line); border-radius:18px; background:#fff; box-shadow:var(--auh-shadow-soft); }
.sd-tab { display:flex; align-items:center; gap:10px; width:100%; min-height:44px; padding:10px 12px; border:0; border-radius:12px; background:transparent; color:var(--auh-text); text-align:start; cursor:pointer; font:inherit; font-weight:700; }
.sd-tab svg { width:19px; height:19px; flex:0 0 19px; }
.sd-tab:hover { background:#f3f8fc; color:var(--auh-navy); }
.sd-tab.is-active { background:linear-gradient(135deg,rgba(23,144,201,.13),rgba(0,142,84,.1)); color:var(--auh-navy); box-shadow:inset 3px 0 0 var(--auh-azure); }
html[dir="rtl"] .sd-tab.is-active { box-shadow:inset -3px 0 0 var(--auh-azure); }
.sd-panel { min-width:0; }
.sd-gap { height:18px; }
.sd-stats .auh-stat-card { min-height:116px; }
.sd-catalog-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.sd-catalog-card { min-height:130px; padding:16px; border:1px solid var(--auh-line); border-radius:16px; background:#fff; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:8px; cursor:pointer; text-align:start; font:inherit; transition:.18s ease; box-shadow:inset 0 3px 0 var(--sd-accent); }
.sd-catalog-card:hover { transform:translateY(-2px); border-color:var(--sd-accent); box-shadow:0 12px 24px rgba(1,82,157,.1),inset 0 3px 0 var(--sd-accent); }
.sd-catalog-icon { width:42px; height:42px; display:grid; place-items:center; border-radius:12px; background:#eef7fb; color:var(--sd-accent); }
.sd-catalog-icon svg { width:23px; height:23px; }
.sd-catalog-card strong { color:var(--auh-navy); }
.sd-catalog-card small { color:var(--auh-muted); }
.sd-form-card .auh-card-body { padding-top:22px; }
.sd-request-form fieldset { min-width:0; }
.sd-check-row { display:flex; gap:18px; align-items:center; flex-wrap:wrap; }
.sd-conditional,.sd-bme-fields { display:none; }
.sd-conditional.is-visible,.sd-bme-fields.is-visible { display:block; }
.sd-bme-fields { border:1px solid #cfe4ef; border-radius:16px; padding:16px; background:#f7fbfd; }
.sd-bme-fields legend { padding:0 8px; font-weight:800; color:var(--auh-navy); }
.sd-form-actions { display:flex; justify-content:flex-end; gap:10px; padding-top:8px; }
.sd-filters { display:grid; grid-template-columns:minmax(220px,1fr) 180px 170px auto; gap:10px; align-items:center; margin-bottom:16px; }
.sd-ticket-search { display:flex; }
.sd-ticket-search input { width:100%; border:0; outline:0; background:transparent; font:inherit; }
.sd-ticket-table tbody tr { border-inline-start:3px solid transparent; }
.sd-ticket-table tr.sd-priority-emergency { border-inline-start-color:#d93a4a; }
.sd-ticket-table tr.sd-priority-high { border-inline-start-color:#d96d22; }
.sd-ticket-table tr.sd-priority-medium { border-inline-start-color:#e59a18; }
.sd-ticket-table tr.sd-priority-normal { border-inline-start-color:#1790c9; }
.sd-status,.sd-priority,.sd-sla { display:inline-flex; align-items:center; min-height:27px; padding:4px 9px; border-radius:999px; font-size:11px; font-weight:800; white-space:nowrap; }
.sd-status { background:#eef4f8; color:#425466; }
.sd-status.status-new,.sd-status.status-submitted { background:#e8f5fb; color:#01529d; }
.sd-status.status-under_review,.sd-status.status-assigned,.sd-status.status-in_progress,.sd-status.status-reopened { background:#eaf7f1; color:#007548; }
.sd-status.status-waiting_info,.sd-status.status-waiting_part,.sd-status.status-waiting_vendor,.sd-status.status-waiting_approval,.sd-status.status-waiting_confirmation { background:#fff4df; color:#9b5e00; }
.sd-status.status-resolved,.sd-status.status-closed { background:#e8f7ee; color:#087a49; }
.sd-status.status-cancelled,.sd-status.status-rejected { background:#f7ecee; color:#a53242; }
.sd-priority.priority-normal { background:#e8f5fb; color:#01529d; }
.sd-priority.priority-medium { background:#fff4df; color:#9b5e00; }
.sd-priority.priority-high { background:#fff0e7; color:#a44b12; }
.sd-priority.priority-emergency { background:#fdebed; color:#a92134; }
.sd-sla.sla-on_track,.sd-sla.sla-met { background:#e8f7ee; color:#087a49; }
.sd-sla.sla-at_risk { background:#fff4df; color:#9b5e00; }
.sd-sla.sla-breached { background:#fdebed; color:#a92134; }
.sd-sla.sla-closed { background:#eef2f5; color:#5c6b78; }
.sd-ticket-modal { width:min(1180px,96vw); max-height:94vh; }
.sd-ticket-heading { display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin-bottom:5px; }
.sd-ticket-body { background:#f4f8fb; }
.sd-detail-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.sd-detail-card,.sd-inner-card { box-shadow:none; }
.sd-detail-card dl { margin:0; display:grid; gap:9px; }
.sd-detail-card dl div { display:grid; grid-template-columns:120px minmax(0,1fr); gap:8px; padding-bottom:8px; border-bottom:1px solid #edf2f5; }
.sd-detail-card dl div:last-child { border-bottom:0; }
.sd-detail-card dt { color:var(--auh-muted); font-size:11px; }
.sd-detail-card dd { margin:0; font-weight:700; overflow-wrap:anywhere; }
.sd-description { margin:14px 0; padding:16px; background:#fff; border:1px solid var(--auh-line); border-radius:16px; }
.sd-description h3 { margin:0 0 8px; color:var(--auh-navy); }
.sd-description p { margin:0 0 14px; white-space:pre-wrap; }
.sd-meta-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
.sd-meta-grid span { display:flex; flex-direction:column; gap:4px; }
.sd-meta-grid small { color:var(--auh-muted); }
.sd-detail-tabs { display:flex; gap:6px; margin-top:16px; overflow-x:auto; }
.sd-detail-tabs button { border:0; background:transparent; padding:10px 12px; border-bottom:2px solid transparent; font:inherit; font-weight:700; color:var(--auh-muted); }
.sd-detail-tabs button.is-active { color:var(--auh-navy); border-bottom-color:var(--auh-azure); }
.sd-activity-columns { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:12px; }
.sd-activity-columns>div { min-width:0; background:#fff; border:1px solid var(--auh-line); border-radius:16px; padding:14px; }
.sd-activity-columns h3 { margin:0 0 12px; color:var(--auh-navy); font-size:14px; }
.sd-timeline { list-style:none; padding:0; margin:0; display:grid; gap:12px; }
.sd-timeline li { position:relative; display:grid; grid-template-columns:12px 1fr; gap:9px; }
.sd-timeline-dot { width:9px; height:9px; margin-top:5px; border-radius:50%; background:var(--auh-azure); box-shadow:0 0 0 4px #e7f4fa; }
.sd-timeline strong { font-size:12px; }
.sd-timeline p { margin:3px 0; font-size:12px; white-space:pre-wrap; overflow-wrap:anywhere; }
.sd-timeline small { color:var(--auh-muted); font-size:10px; }
.sd-ticket-actions { gap:8px; flex-wrap:wrap; }
.sd-action-modal { width:min(720px,94vw); }
.sd-submodal-overlay { z-index:10030; background:rgba(1,38,72,.38); }
.sd-resolution-fields { display:none; }
.sd-resolution-fields.is-visible { display:block; }
.sd-bars { display:grid; gap:12px; }
.sd-bar-row>div:first-child { display:flex; justify-content:space-between; gap:10px; font-size:12px; }
.sd-bar-track { height:8px; border-radius:999px; background:#eaf0f4; overflow:hidden; margin-top:5px; }
.sd-bar-track span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--auh-teal),var(--auh-azure)); }
.sd-report-kpis { margin-top:16px; padding:14px 16px; display:flex; gap:24px; flex-wrap:wrap; border-radius:14px; background:#eef7fb; color:var(--auh-navy); }
.auh-empty.small { min-height:90px; padding:15px; }

@media (max-width:1250px) {
  .sd-detail-grid { grid-template-columns:1fr 1fr; }
  .sd-detail-grid .sd-detail-card:last-child { grid-column:1/-1; }
  .sd-meta-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .sd-filters { grid-template-columns:1fr 160px 150px; }
  .sd-filters .auh-button { grid-column:1/-1; justify-self:end; }
}
@media (max-width:980px) {
  .sd-layout { grid-template-columns:1fr; }
  .sd-tabs { position:static; flex-direction:row; overflow-x:auto; white-space:nowrap; }
  .sd-tab { width:auto; flex:0 0 auto; }
  .sd-catalog-grid { grid-template-columns:1fr 1fr; }
  .sd-activity-columns { grid-template-columns:1fr; }
}
@media (max-width:720px) {
  .sd-catalog-grid,.sd-detail-grid,.sd-meta-grid { grid-template-columns:1fr; }
  .sd-detail-grid .sd-detail-card:last-child { grid-column:auto; }
  .sd-filters { grid-template-columns:1fr; }
  .sd-filters .auh-button { grid-column:auto; width:100%; }
  .sd-form-actions { flex-direction:column-reverse; }
  .sd-form-actions .auh-button { width:100%; }
  .sd-ticket-actions .auh-button { width:100%; }
  .sd-detail-card dl div { grid-template-columns:1fr; gap:2px; }
}

/* Service Desk modal layers must always sit above the sticky news ticker. */
.auh-modal-overlay {
  position:fixed;
  inset:0;
  z-index:10020;
  display:grid;
  place-items:center;
  padding:22px 22px calc(var(--auh-ticker-height) + 22px);
  background:rgba(13,31,49,.55);
  backdrop-filter:blur(5px);
  overflow:auto;
}
.sd-submodal-overlay { z-index:10030; }
@media (max-width:640px) {
  .auh-modal-overlay {
    align-items:end;
    padding:10px 10px calc(var(--auh-ticker-height) + 10px);
  }
  .sd-ticket-modal,
  .sd-action-modal { max-height:calc(100vh - var(--auh-ticker-height) - 20px); }
}


/* Shared modal shell for HR and future portal modules. */
.auh-modal-layer{position:fixed;inset:0;z-index:10040;display:grid;place-items:center;padding:22px 22px calc(var(--auh-ticker-height) + 22px);overflow:auto}
.auh-modal-backdrop{position:fixed;inset:0;background:rgba(13,31,49,.58);backdrop-filter:blur(5px)}
.auh-modal{position:relative;z-index:1;width:min(760px,94vw);max-height:calc(100vh - var(--auh-ticker-height) - 44px);display:flex;flex-direction:column;background:#fff;border:1px solid rgba(216,227,236,.95);border-radius:20px;box-shadow:0 28px 80px rgba(1,38,72,.28);overflow:hidden}
.auh-modal>header,.auh-modal>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;background:#fff}
.auh-modal>header{border-bottom:1px solid var(--auh-line)}
.auh-modal>footer{border-top:1px solid var(--auh-line);justify-content:flex-end;flex-wrap:wrap}
.auh-modal>header h2{margin:0;color:var(--auh-navy);font-size:18px}
.auh-modal-body{padding:20px;overflow:auto}
@media (max-width:640px){.auh-modal-layer{align-items:end;padding:10px 10px calc(var(--auh-ticker-height) + 10px)}.auh-modal{width:100%;max-height:calc(100vh - var(--auh-ticker-height) - 20px);border-radius:18px 18px 0 0}.auh-modal>footer .auh-button{width:100%}}

/* Sprint 3A — Employee Profile and HR Requests */
.hr-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;align-items:start}.hr-tabs{display:flex;flex-direction:column;gap:7px;position:sticky;top:88px}.hr-tab{border:1px solid var(--auh-line);background:#fff;border-radius:14px;padding:12px 14px;display:flex;align-items:center;gap:10px;color:var(--auh-text);font:inherit;text-align:start;cursor:pointer;transition:.18s}.hr-tab svg{width:19px;height:19px;color:var(--auh-navy)}.hr-tab:hover,.hr-tab.is-active{border-color:var(--auh-azure);background:#eaf5fb;color:var(--auh-navy);font-weight:700}.hr-panel{min-width:0}.hr-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.hr-type-card{min-height:145px;border:1px solid var(--auh-line);border-radius:16px;background:#fff;padding:18px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;text-align:start;font:inherit;color:var(--auh-text);cursor:pointer;transition:.2s}.hr-type-card:hover{transform:translateY(-2px);border-color:var(--auh-azure);box-shadow:0 10px 28px rgba(1,82,157,.1)}.hr-type-card.is-disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.hr-type-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--type-color) 12%,white);color:var(--type-color)}.hr-type-icon svg{width:23px;height:23px}.hr-type-card strong{font-size:15px}.hr-type-card small{color:var(--auh-muted);line-height:1.5}.hr-form-note{margin:16px 0;padding:13px 15px;border-radius:13px;background:#f3f8fb;border-inline-start:4px solid var(--auh-azure);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.hr-form-note span{color:var(--auh-muted)}.hr-dynamic-fields{margin-top:14px}.auh-checkbox-field{display:flex;gap:10px;align-items:center;padding:12px 13px;border:1px solid var(--auh-line);border-radius:12px;background:#fff;align-self:end}.auh-checkbox-field input{width:18px;height:18px;accent-color:var(--auh-teal)}.hr-filters{display:grid;grid-template-columns:minmax(220px,1fr) 240px;gap:12px;margin-bottom:16px}.hr-overdue{background:#fff7f2!important}.hr-sensitive-note{margin:18px 0;padding:14px;border-radius:13px;background:#fff8e8;border:1px solid #f2d99e;color:#72520d;line-height:1.65}.hr-readonly{display:flex;align-items:center;background:#f8fbfd!important;min-height:45px}.hr-detail-modal{width:min(1040px,94vw)}.hr-detail-summary{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;margin-bottom:16px;padding:12px 14px;border-radius:13px;background:#f6fafc}.auh-card.nested{box-shadow:none;border:1px solid var(--auh-line)}.hr-detail-list{display:grid;gap:0}.hr-detail-row{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid #edf2f6}.hr-detail-row:last-child{border-bottom:0}.hr-detail-row span{color:var(--auh-muted)}.hr-detail-row strong{text-align:end;overflow-wrap:anywhere}.hr-timeline{list-style:none;margin:0;padding:0;display:grid;gap:0}.hr-timeline li{position:relative;display:grid;grid-template-columns:20px 1fr;gap:10px;padding-bottom:18px}.hr-timeline li:not(:last-child)::before{content:"";position:absolute;inset-inline-start:7px;top:17px;bottom:0;width:2px;background:#dbe8f1}.hr-timeline-dot{width:15px;height:15px;border-radius:50%;background:var(--auh-azure);border:4px solid #eaf5fb;margin-top:3px;z-index:1}.hr-timeline p{margin:4px 0;color:var(--auh-text)}.hr-timeline small{color:var(--auh-muted)}.hr-approval-list{list-style:none;margin:0;padding:0;display:grid;gap:11px}.hr-approval-list li{display:grid;grid-template-columns:1fr auto;gap:5px 10px;padding:11px 0;border-bottom:1px solid #edf2f6}.hr-approval-list small{grid-column:1/-1;color:var(--auh-muted)}.required{color:#d93a4a}.auh-button.danger{background:#d93a4a;color:#fff;border-color:#d93a4a}.auh-button.danger:hover{background:#b92839}.span-2{grid-column:1/-1}
@media (max-width:1100px){.hr-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hr-layout{grid-template-columns:1fr}.hr-tabs{position:static;flex-direction:row;overflow:auto;padding-bottom:4px}.hr-tab{white-space:nowrap;flex:0 0 auto}}
@media (max-width:680px){.hr-type-grid{grid-template-columns:1fr}.hr-filters{grid-template-columns:1fr}.hr-detail-summary{align-items:flex-start;flex-direction:column}.hr-detail-row{flex-direction:column;gap:4px}.hr-detail-row strong{text-align:start}.hr-tab{padding:10px 12px}.hr-tab span{font-size:13px}}

/* Sprint 3B — Leave Management */
.leave-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;align-items:start}.leave-tabs{display:flex;flex-direction:column;gap:7px;position:sticky;top:88px}.leave-tab{border:1px solid var(--auh-line);background:#fff;border-radius:14px;padding:12px 14px;display:flex;align-items:center;gap:10px;color:var(--auh-text);font:inherit;text-align:start;cursor:pointer;transition:.18s}.leave-tab svg{width:19px;height:19px;color:var(--auh-navy)}.leave-tab:hover,.leave-tab.is-active{border-color:var(--auh-azure);background:#eaf5fb;color:var(--auh-navy);font-weight:700}.leave-panel{min-width:0}.leave-balance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.leave-balance-card{border:1px solid var(--auh-line);border-top:4px solid var(--leave-color);border-radius:16px;padding:16px;background:#fff}.leave-balance-card header{display:flex;align-items:center;gap:9px}.leave-balance-card header span{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--leave-color) 12%,white);color:var(--leave-color)}.leave-balance-card header svg{width:19px}.leave-balance-number{font-size:30px;font-weight:900;color:var(--auh-navy);margin:15px 0 4px}.leave-balance-card small{color:var(--auh-muted);line-height:1.5}.leave-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.leave-type-card{min-height:130px;border:1px solid var(--auh-line);border-radius:16px;background:#fff;padding:18px;display:flex;flex-direction:column;align-items:flex-start;gap:11px;text-align:start;font:inherit;cursor:pointer;transition:.2s}.leave-type-card:hover{transform:translateY(-2px);border-color:var(--leave-color);box-shadow:0 10px 28px rgba(1,82,157,.1)}.leave-type-card>span{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--leave-color) 12%,white);color:var(--leave-color)}.leave-type-card svg{width:22px}.leave-type-card small{color:var(--auh-muted)}.leave-policy{display:flex;gap:10px 18px;flex-wrap:wrap;padding:13px 15px;border:1px solid #d7e8f2;border-radius:13px;background:#f3f9fc}.leave-policy strong{color:var(--auh-navy);width:100%}.leave-policy span{color:var(--auh-muted);font-size:12px}.leave-days-output{min-height:45px;border:1px solid var(--auh-line);border-radius:12px;background:#f8fbfd;display:flex;align-items:center;padding:0 13px;font-weight:900;color:var(--auh-navy)}.leave-filters{display:grid;grid-template-columns:minmax(220px,1fr) 240px;gap:12px;margin-bottom:16px}.leave-detail-modal{width:min(1000px,94vw)}.leave-detail-summary{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin-bottom:16px;padding:12px 14px;border-radius:13px;background:#f6fafc}.leave-detail-list{display:grid;gap:0}.leave-detail-list>div{display:flex;justify-content:space-between;gap:18px;padding:11px 0;border-bottom:1px solid #edf2f6}.leave-detail-list>div:last-child{border-bottom:0}.leave-detail-list span{color:var(--auh-muted)}.leave-detail-list strong{text-align:end}.leave-month{width:auto;min-width:180px}.leave-calendar-weekdays,.leave-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.leave-calendar-weekdays{margin-bottom:6px}.leave-calendar-weekdays span{text-align:center;color:var(--auh-muted);font-size:12px;font-weight:700;padding:8px}.leave-calendar-day{min-height:110px;border:1px solid var(--auh-line);border-radius:12px;background:#fff;padding:8px;display:flex;flex-direction:column;gap:5px}.leave-calendar-day.is-empty{background:#f8fbfd;border-style:dashed}.leave-calendar-day>strong{color:var(--auh-navy)}.leave-calendar-event{border:0;border-inline-start:4px solid var(--leave-color);border-radius:7px;background:color-mix(in srgb,var(--leave-color) 10%,white);padding:5px 7px;font:inherit;font-size:10px;text-align:start;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leave-calendar-day small{color:var(--auh-muted)}
@media (max-width:1150px){.leave-balance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.leave-layout{grid-template-columns:1fr}.leave-tabs{position:static;flex-direction:row;overflow:auto;padding-bottom:4px}.leave-tab{white-space:nowrap;flex:0 0 auto}.leave-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.leave-balance-grid,.leave-type-grid{grid-template-columns:1fr}.leave-filters{grid-template-columns:1fr}.leave-calendar-weekdays,.leave-calendar-grid{min-width:760px}.leave-calendar-grid{gap:4px}.leave-calendar-day{min-height:90px}.leave-panel .auh-card-body:has(.leave-calendar-grid){overflow-x:auto}.leave-detail-list>div{flex-direction:column;gap:4px}.leave-detail-list strong{text-align:start}}

.auh-section-title {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 14px 16px;
  border: 1px solid var(--auh-line);
  border-inline-start: 4px solid var(--auh-teal);
  border-radius: 12px;
  background: #f7fbfd;
}
.auh-section-title strong { color: var(--auh-navy); }
.auh-section-title small { color: var(--auh-muted); line-height: 1.6; }

/* Sprint 3C — Documents, Training and Employee Directory */
.docs-layout,.training-layout,.directory-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;align-items:start}
.training-layout.is-portal-embedded{width:100%;grid-template-columns:minmax(0,1fr)}
.training-layout.is-portal-embedded>.training-panel{width:100%;min-width:0;grid-column:1/-1}
.docs-tabs,.training-tabs,.directory-tabs{display:flex;flex-direction:column;gap:8px;position:sticky;top:86px;background:#fff;border:1px solid var(--auh-border,#d8e3ec);border-radius:18px;padding:10px;box-shadow:0 8px 24px rgba(1,82,157,.06)}
.docs-tab,.training-tab,.directory-tab{appearance:none;border:0;background:transparent;display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:12px;font:inherit;color:#4b6072;cursor:pointer;text-align:start}
.docs-tab svg,.training-tab svg,.directory-tab svg{width:19px;height:19px;flex:0 0 auto}
.docs-tab:hover,.training-tab:hover,.directory-tab:hover{background:#f1f7fb;color:#01529d}
.docs-tab.is-active,.training-tab.is-active,.directory-tab.is-active{background:linear-gradient(135deg,#01529d,#1790c9);color:#fff;box-shadow:0 8px 18px rgba(1,82,157,.18)}
.docs-panel,.training-panel,.directory-panel{min-width:0}
.docs-search{width:min(340px,60vw)}
.docs-table .auh-page-actions{flex-wrap:wrap;gap:6px}
.auh-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
.auh-detail-grid>div{border:1px solid #d8e3ec;background:#f8fbfd;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:5px}
.auh-detail-grid small{color:#6b7280}

.training-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.training-course-card{border:1px solid #d8e3ec;border-radius:16px;padding:17px;background:#fff;display:flex;flex-direction:column;gap:13px;min-height:210px;box-shadow:0 7px 18px rgba(1,82,157,.04)}
.training-course-card header{display:flex;align-items:center;gap:12px}
.training-course-card header>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.training-course-icon{width:46px;height:46px;border-radius:14px;background:#eaf5fb;color:#01529d;display:grid;place-items:center;flex:0 0 auto}
.training-course-icon svg{width:23px;height:23px}
.training-course-card p{color:#64748b;line-height:1.7;margin:0;flex:1}
.training-course-card footer{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:.82rem;color:#64748b}
.training-assignment-table td{vertical-align:middle}

.directory-toolbar{align-items:end;display:grid;grid-template-columns:minmax(280px,1fr) 260px auto;gap:12px}
.directory-toolbar .auh-field{margin:0}
.directory-search-field{min-width:0}
.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}
.directory-grid>.auh-empty{grid-column:1/-1}
.directory-card{background:#fff;border:1px solid #d8e3ec;border-radius:18px;padding:18px;box-shadow:0 8px 20px rgba(1,82,157,.045);min-width:0}
.directory-card header{display:flex;align-items:center;gap:13px;padding-bottom:15px;border-bottom:1px solid #edf2f6}
.directory-card h3{margin:0;color:#01529d;font-size:1.05rem}
.directory-card header p{margin:4px 0;color:#26384a;font-weight:600}
.directory-card header span{font-size:.8rem;color:#6b7280}
.directory-avatar{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,#eaf5fb,#eaf7f1);display:grid;place-items:center;color:#01529d;overflow:hidden;flex:0 0 auto}
.directory-avatar img{width:100%;height:100%;object-fit:cover}
.directory-avatar svg{width:28px;height:28px}
.directory-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}
.directory-detail{display:flex;align-items:flex-start;gap:9px;min-width:0}
.directory-detail svg{width:17px;height:17px;color:#1790c9;flex:0 0 auto;margin-top:2px}
.directory-detail>div{display:flex;flex-direction:column;min-width:0}
.directory-detail small{color:#6b7280;font-size:.73rem}
.directory-detail strong{font-size:.83rem;overflow-wrap:anywhere;color:#334155}
.auh-callout{display:flex;align-items:flex-start;gap:10px;padding:13px 15px;border-radius:12px;margin-bottom:17px;border:1px solid #f0d69a;background:#fff8e7;color:#7a5100}
.auh-callout svg{width:20px;height:20px;flex:0 0 auto}
.auh-callout p{margin:0;line-height:1.6}

@media (max-width:1180px){.training-course-grid,.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auh-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:980px){.docs-layout,.training-layout,.directory-layout{grid-template-columns:1fr}.docs-tabs,.training-tabs,.directory-tabs{position:static;flex-direction:row;overflow-x:auto;scrollbar-width:thin}.docs-tab,.training-tab,.directory-tab{white-space:nowrap}.directory-toolbar{grid-template-columns:1fr 1fr}.directory-toolbar .auh-button{grid-column:1/-1;justify-self:start}}
@media (max-width:720px){.training-course-grid,.directory-grid,.directory-details{grid-template-columns:1fr}.directory-toolbar{grid-template-columns:1fr}.auh-detail-grid{grid-template-columns:1fr}.docs-search{width:100%}.docs-table .auh-page-actions{min-width:190px}}


/* v0.6.1 — embedded AUH plugin tabs */
.readiness-frame-card{overflow:hidden}
.readiness-frame-card>.auh-card-body{padding:0;min-height:calc(100vh - 220px);overflow:hidden}
.auh-integration-iframe{display:block;width:100%;height:calc(100vh - 220px);min-height:680px;border:0;background:#f4f8fb}
@media(max-width:800px){.readiness-frame-card>.auh-card-body{min-height:calc(100vh - 180px)}.auh-integration-iframe{height:calc(100vh - 180px);min-height:720px}}

/* v0.6.2.1 fixed leave/permission workflow notices */
.auh-callout.info{border-color:#b9dff2;background:#eef8fd;color:#07547a;margin:0}
.auh-callout.info strong{display:block;margin-bottom:3px}
.auh-callout.info span{display:block;line-height:1.55}
.permission-layout .leave-type-card small{line-height:1.55}

/* v0.7.0 — Notification Center, SMTP and delivery management */
.auh-notification-stats{margin-top:2px}
.auh-notification-toolbar{gap:14px;flex-wrap:wrap}
.auh-segmented{display:inline-flex;align-items:center;gap:4px;padding:4px;background:#eef4f8;border:1px solid #d8e3ec;border-radius:13px;flex-wrap:wrap}
.auh-segmented button{appearance:none;border:0;background:transparent;color:#536779;font:inherit;font-weight:700;padding:8px 12px;border-radius:9px;cursor:pointer}
.auh-segmented button:hover{color:#01529d;background:#fff}
.auh-segmented button.is-active{color:#fff;background:#01529d;box-shadow:0 5px 12px rgba(1,82,157,.16)}
.auh-select.compact{width:auto;min-width:150px;padding-block:8px}
.auh-notification-center-list{display:flex;flex-direction:column;gap:11px}
.auh-notification-card{position:relative;display:grid;grid-template-columns:5px 1fr;border:1px solid #dce6ed;border-radius:15px;overflow:hidden;background:#fff;box-shadow:0 5px 14px rgba(15,45,68,.035)}
.auh-notification-card.is-unread{background:#f7fcff;border-color:#add9ed;box-shadow:0 8px 18px rgba(23,144,201,.08)}
.auh-notification-priority{background:#8da3b5}
.auh-notification-card.priority-important .auh-notification-priority{background:#e59a18}
.auh-notification-card.priority-urgent .auh-notification-priority{background:#d96d22}
.auh-notification-card.priority-critical .auh-notification-priority{background:#d93a4a}
.auh-notification-card-main{padding:15px 17px;min-width:0}
.auh-notification-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:7px}
.auh-notification-card-head>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.auh-notification-card-head time{color:#738395;font-size:.75rem;white-space:nowrap}
.auh-notification-module{font-size:.76rem;color:#01529d;font-weight:800}
.auh-notification-card h3{margin:0 0 5px;color:#18334a;font-size:1rem}
.auh-notification-card p{margin:0;color:#617284;line-height:1.65}
.auh-notification-card-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:12px}
.auh-notification-card.is-compact{border-width:0 0 1px;border-radius:0;box-shadow:none;grid-template-columns:4px 1fr}
.auh-notification-card.is-compact .auh-notification-card-main{padding:12px 13px}
.auh-notification-card.is-compact .auh-notification-card-head time,.auh-notification-card.is-compact .auh-notification-card-actions{display:none}
.auh-notification-card.is-compact h3{font-size:.86rem}
.auh-notification-card.is-compact p{font-size:.78rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.auh-notification-dropdown{max-height:min(560px,75vh)}
.auh-notification-dropdown .auh-notification-list{max-height:500px}
.auh-notification-dropdown-footer{padding:10px 12px;text-align:center;border-top:1px solid #e5edf2;background:#f8fbfd}
.auh-notification-admin-tabs{max-width:100%;overflow-x:auto;flex-wrap:nowrap}
.auh-notification-admin-tabs button{white-space:nowrap}
.auh-callout.success{border-color:#a9dbc4;background:#eefaf4;color:#12623e;display:flex;flex-direction:column;gap:3px}
.auh-callout.warning{display:flex;flex-direction:column;gap:3px}
.auh-textarea{width:100%;min-height:110px;border:1px solid #cddae4;border-radius:11px;padding:11px 12px;font:inherit;resize:vertical;background:#fff;color:#1f2937}
.auh-textarea:focus{outline:2px solid rgba(23,144,201,.18);border-color:#1790c9}
@media(max-width:780px){.auh-notification-toolbar{align-items:stretch}.auh-notification-toolbar>.auh-page-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.auh-notification-toolbar .auh-button{grid-column:1/-1}.auh-select.compact{width:100%;min-width:0}.auh-notification-card-head{flex-direction:column}.auh-notification-card-head time{white-space:normal}.auh-notification-card-actions .auh-button{flex:1}.auh-notification-admin-tabs{display:flex}.auh-notification-admin-tabs button{flex:0 0 auto}}

/* v0.7.1 — Admin-managed responsive homepage image slider */
.auh-home-slider{
  position:relative;
  width:100%;
  height:var(--auh-home-slider-desktop-height,360px);
  overflow:hidden;
  border:1px solid rgba(1,82,157,.14);
  border-radius:22px;
  background:#dceaf3;
  box-shadow:0 14px 34px rgba(1,82,157,.11);
  isolation:isolate;
}
.auh-home-slide,.auh-home-slider-visual,.auh-home-slider-picture{display:block;width:100%;height:100%}
.auh-home-slide{position:relative;animation:auh-home-slide-in var(--auh-home-slider-transition,550ms) ease both}
.auh-home-slider-visual{position:relative;overflow:hidden;background:#0b2c47}
.auh-home-slider-backdrop{position:absolute;inset:-28px;display:block;width:calc(100% + 56px);height:calc(100% + 56px);z-index:0;overflow:hidden;pointer-events:none}
.auh-home-slider-backdrop img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:blur(24px) saturate(.9);opacity:.5;transform:scale(1.08)}
.auh-home-slider-picture{position:relative;z-index:1}
.auh-home-slider-picture img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transform:none}
.auh-home-slider-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;padding:clamp(24px,4vw,54px);background:linear-gradient(90deg,rgba(1,34,64,var(--auh-home-slider-overlay,.35)) 0%,rgba(1,34,64,calc(var(--auh-home-slider-overlay,.35)*.72)) 48%,rgba(1,34,64,0) 86%);pointer-events:none}
html[dir="rtl"] .auh-home-slider-overlay{background:linear-gradient(270deg,rgba(1,34,64,var(--auh-home-slider-overlay,.35)) 0%,rgba(1,34,64,calc(var(--auh-home-slider-overlay,.35)*.72)) 48%,rgba(1,34,64,0) 86%)}
.auh-home-slider-copy{max-width:min(650px,70%);color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.28);pointer-events:auto}
.auh-home-slider-copy h2{margin:0 0 10px;font-size:clamp(24px,3.1vw,44px);line-height:1.18;color:#fff}
.auh-home-slider-copy p{margin:0 0 18px;font-size:clamp(14px,1.45vw,19px);line-height:1.75;color:rgba(255,255,255,.94)}
.auh-home-slider-copy .auh-button{display:inline-flex;box-shadow:0 8px 24px rgba(1,42,79,.25);text-shadow:none}
.auh-home-slider-copy .auh-button svg{width:18px;height:18px}
html[dir="rtl"] .auh-home-slider-copy .auh-button svg{transform:scaleX(-1)}
.auh-home-slider-arrow{position:absolute;z-index:3;top:50%;width:44px;height:44px;margin-top:-22px;border:1px solid rgba(255,255,255,.54);border-radius:50%;background:rgba(1,47,88,.46);color:#fff;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(7px);transition:.18s}
.auh-home-slider-arrow:hover{background:#01529d;transform:scale(1.05)}
.auh-home-slider-arrow svg{width:21px;height:21px}
.auh-home-slider-arrow.prev{inset-inline-start:18px}
.auh-home-slider-arrow.next{inset-inline-end:18px}
html[dir="rtl"] .auh-home-slider-arrow.prev svg,html[dir="ltr"] .auh-home-slider-arrow.next svg{transform:scaleX(-1)}
.auh-home-slider-dots{position:absolute;z-index:3;inset-inline:0;bottom:15px;display:flex;justify-content:center;gap:7px;pointer-events:none}
.auh-home-slider-dots button{pointer-events:auto;width:8px;height:8px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.62);box-shadow:0 1px 6px rgba(0,0,0,.18);cursor:pointer;transition:.22s}
.auh-home-slider-dots button.is-active{width:28px;background:#fff}
@keyframes auh-home-slide-in{from{opacity:.25;transform:scale(1.012)}to{opacity:1;transform:scale(1)}}

.auh-slider-settings-form{padding-bottom:4px}
.auh-divider{height:1px;background:#e4edf3;margin:24px 0}
.auh-home-slides-admin{display:flex;flex-direction:column;gap:12px}
.auh-home-slide-admin-card{display:grid;grid-template-columns:30px 150px minmax(0,1fr) auto;align-items:center;gap:14px;border:1px solid #d8e3ec;border-radius:16px;padding:11px;background:#fff;transition:.18s}
.auh-home-slide-admin-card:hover{border-color:#9acfe7;box-shadow:0 7px 18px rgba(1,82,157,.07)}
.auh-home-slide-admin-card.is-dragging{opacity:.5;border-style:dashed}
.auh-home-slide-admin-drag{display:grid;place-items:center;color:#8192a2;cursor:grab}
.auh-home-slide-admin-drag svg{width:22px;height:22px}
.auh-home-slide-admin-thumb{height:82px;border-radius:12px;overflow:hidden;background:#e9f2f7;color:#8ca0b0;display:grid;place-items:center}
.auh-home-slide-admin-thumb img{width:100%;height:100%;object-fit:cover}
.auh-home-slide-admin-thumb svg{width:28px;height:28px}
.auh-home-slide-admin-copy{min-width:0;display:flex;flex-direction:column;gap:7px}
.auh-home-slide-admin-copy strong{color:#173a57;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.auh-home-slide-admin-copy small{color:#728496}
.auh-home-slide-admin-copy>div{display:flex;gap:7px;flex-wrap:wrap}
.auh-home-slide-admin-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.auh-slider-upload-preview{display:block;width:100%;height:145px;object-fit:cover;border:1px solid #d8e3ec;border-radius:12px;margin-top:9px;background:#edf4f8}

@media(max-width:900px){
  .auh-home-slide-admin-card{grid-template-columns:26px 120px minmax(0,1fr)}
  .auh-home-slide-admin-actions{grid-column:2/-1;justify-content:flex-start}
}
@media(max-width:720px){
  .auh-home-slider{height:var(--auh-home-slider-mobile-height,300px);border-radius:17px}
  .auh-home-slider-overlay{padding:22px 20px 36px;background:linear-gradient(0deg,rgba(1,34,64,.78) 0%,rgba(1,34,64,.35) 55%,rgba(1,34,64,0) 100%)!important;align-items:flex-end}
  .auh-home-slider-copy{max-width:100%}
  .auh-home-slider-copy h2{font-size:24px;margin-bottom:6px}
  .auh-home-slider-copy p{font-size:13px;line-height:1.55;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .auh-home-slider-copy .auh-button{padding:8px 12px;font-size:12px}
  .auh-home-slider-arrow{width:36px;height:36px;margin-top:-18px;background:rgba(1,47,88,.4)}
  .auh-home-slider-arrow.prev{inset-inline-start:10px}.auh-home-slider-arrow.next{inset-inline-end:10px}
  .auh-home-slider-dots{bottom:10px}
  .auh-home-slide-admin-card{grid-template-columns:24px 86px minmax(0,1fr);gap:9px;padding:9px}
  .auh-home-slide-admin-thumb{height:68px}
  .auh-home-slide-admin-actions{grid-column:1/-1;padding-inline-start:32px}
  .auh-home-slide-admin-actions .auh-button{flex:1}
}
@media(prefers-reduced-motion:reduce){.auh-home-slide{animation:none}.auh-home-slider-arrow,.auh-home-slider-dots button{transition:none}}

/* v0.7.1.1: reliable homepage slider submit feedback */
.auh-form-message { padding:12px 14px; border-radius:12px; font-size:13px; line-height:1.6; }
.auh-form-message.error { color:#8e2732; background:#fff1f3; border:1px solid #f0c9ce; }
.auh-form-message[hidden] { display:none !important; }
.auh-button[aria-busy="true"] { cursor:wait; opacity:.82; }
.auh-button-spinner { width:16px; height:16px; border:2px solid currentColor; border-inline-end-color:transparent; border-radius:50%; display:inline-block; animation:auh-button-spin .75s linear infinite; }
@keyframes auh-button-spin { to { transform:rotate(360deg); } }

/* Secure Documents & Policies viewer — v0.7.2 */
.auh-doc-readiness{display:flex;align-items:center;gap:12px;margin-top:16px;padding:13px 16px;border:1px solid var(--auh-border,#d8e3ec);border-radius:14px;background:#fff}.auh-doc-readiness svg{width:22px;height:22px}.auh-doc-readiness>div{display:flex;flex-direction:column;gap:2px}.auh-doc-readiness small{color:#6b7280}.auh-doc-readiness.is-ready{border-color:rgba(0,142,84,.28);background:rgba(0,142,84,.055);color:#006f43}.auh-doc-readiness.is-warning{border-color:rgba(229,154,24,.36);background:rgba(229,154,24,.07);color:#9a6200}
.auh-secure-viewer-open{overflow:hidden!important}.auh-secure-viewer-overlay{position:fixed;inset:0;z-index:10080;background:#182431;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;color:#fff;direction:inherit;-webkit-user-select:none;user-select:none}.auh-secure-viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;background:linear-gradient(100deg,#01529d,#073a70);border-bottom:1px solid rgba(255,255,255,.16);box-shadow:0 8px 24px rgba(0,0,0,.18)}.auh-secure-viewer-title{display:flex;align-items:center;gap:12px;min-width:0}.auh-secure-viewer-title>div{display:flex;flex-direction:column;min-width:0}.auh-secure-viewer-title strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auh-secure-viewer-title small{color:rgba(255,255,255,.72)}.auh-secure-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.12);padding:7px 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.auh-secure-badge svg{width:17px;height:17px}.auh-secure-viewer-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.auh-secure-viewer-actions .auh-button{border-color:rgba(255,255,255,.3);color:#fff;background:rgba(255,255,255,.08)}.auh-secure-viewer-actions .auh-button:hover{background:rgba(255,255,255,.18)}.auh-secure-viewer-actions .auh-button:disabled{opacity:.42;cursor:not-allowed}.auh-viewer-page-count{min-width:70px;text-align:center;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}.auh-secure-viewer-notice{display:flex;align-items:center;gap:10px;padding:9px 18px;background:#fff4d8;color:#6f4700;border-bottom:1px solid #e9c66b;font-size:13px}.auh-secure-viewer-notice svg{width:18px;height:18px;flex:none}.auh-secure-viewer-notice span{flex:1}.auh-secure-viewer-notice code{direction:ltr;background:rgba(255,255,255,.7);padding:4px 8px;border-radius:6px;color:#6f4700}.auh-secure-viewer-stage{position:relative;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:28px;background:radial-gradient(circle at 50% 10%,#344657,#182431 68%);outline:none}.auh-secure-page-wrap{position:relative;width:min(100%,980px);min-height:300px;display:flex;justify-content:center;align-items:flex-start;transition:width .2s ease}.auh-secure-page{display:block;width:100%;height:auto;max-width:none;background:#fff;box-shadow:0 18px 55px rgba(0,0,0,.44);border-radius:4px;pointer-events:none;-webkit-user-drag:none;transition:opacity .15s ease,width .2s ease}.auh-secure-page.is-loading{opacity:.25}.auh-screen-watermark{position:absolute;inset:0;overflow:hidden;pointer-events:none;display:grid;grid-template-columns:repeat(3,minmax(250px,1fr));grid-auto-rows:180px;align-items:center;justify-items:center;opacity:.07;mix-blend-mode:multiply}.auh-screen-watermark span{display:block;width:360px;color:#01529d;font-weight:800;font-size:13px;letter-spacing:.02em;transform:rotate(-27deg);white-space:nowrap;text-align:center}.auh-secure-viewer-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:12px 20px;border-radius:12px;background:rgba(1,82,157,.9);box-shadow:0 12px 35px rgba(0,0,0,.3);z-index:4}.auh-secure-viewer-loading[hidden]{display:none}.auh-secure-viewer-shield{display:none;position:absolute;inset:0;z-index:20;background:linear-gradient(135deg,#01529d,#001f42);align-items:center;justify-content:center;text-align:center;padding:30px}.auh-secure-viewer-shield>div{max-width:500px}.auh-secure-viewer-shield svg{width:52px;height:52px;margin-bottom:12px}.auh-secure-viewer-shield strong{display:block;font-size:24px;margin-bottom:8px}.auh-secure-viewer-overlay.is-shielded .auh-secure-viewer-shield{display:flex}.auh-secure-viewer-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:8px 18px;background:#0f1c29;color:rgba(255,255,255,.72);font-size:12px;border-top:1px solid rgba(255,255,255,.1)}.auh-secure-viewer-footer strong{color:#fff;letter-spacing:.08em}.auh-secure-viewer-overlay img,.auh-secure-viewer-overlay *{-webkit-touch-callout:none}.auh-secure-viewer-overlay ::selection{background:transparent;color:inherit}
@media (max-width:980px){.auh-secure-viewer-toolbar{align-items:flex-start;flex-direction:column}.auh-secure-viewer-title,.auh-secure-viewer-actions{width:100%}.auh-secure-viewer-actions{justify-content:flex-start}.auh-secure-viewer-stage{padding:18px}.auh-secure-viewer-notice{align-items:flex-start;flex-wrap:wrap}.auh-secure-viewer-notice code{width:100%}.auh-screen-watermark{grid-template-columns:repeat(2,minmax(200px,1fr));grid-auto-rows:150px}.auh-secure-viewer-footer{flex-direction:column;align-items:flex-start;gap:3px}}
@media (max-width:720px){.auh-secure-viewer-toolbar{padding:10px}.auh-secure-badge{display:none}.auh-secure-viewer-actions{gap:5px}.auh-secure-viewer-actions .auh-button{padding:7px 9px}.auh-secure-viewer-stage{padding:8px}.auh-secure-viewer-notice{padding:8px 10px;font-size:12px}.auh-screen-watermark{grid-template-columns:1fr;grid-auto-rows:130px}.auh-screen-watermark span{font-size:11px;width:300px}.auh-secure-viewer-footer{padding:7px 10px}}
@media print{body.auh-secure-viewer-open>*{display:none!important}body.auh-secure-viewer-open:after{content:'Printing protected AUH documents is disabled.';display:flex!important;position:fixed;inset:0;align-items:center;justify-content:center;font:700 22pt Arial;color:#01529d;background:#fff}}

/* v0.7.3 — Central user and permission management */
.auh-users-unified{margin-bottom:18px;background:linear-gradient(135deg,rgba(23,144,201,.08),rgba(0,142,84,.08));border-color:rgba(23,144,201,.2)}
.auh-users-unified .auh-card-body{display:flex;align-items:center;gap:16px;padding:18px 20px}
.auh-users-unified-icon{width:48px;height:48px;border-radius:15px;background:#01529d;color:#fff;display:grid;place-items:center;flex:0 0 auto}
.auh-users-unified-icon svg{width:25px;height:25px}
.auh-users-unified p{margin:4px 0 0;color:var(--auh-muted,#6b7280)}
.auh-users-stats{margin-bottom:18px}
.auh-users-card .auh-card-header{align-items:stretch}
.auh-users-filters{display:grid;grid-template-columns:minmax(240px,1.6fr) repeat(3,minmax(150px,.8fr)) auto;gap:10px;width:100%;align-items:center}
.auh-users-search{min-width:0}
.auh-users-table td{vertical-align:middle}
.auh-role-pill{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border-radius:999px;background:#edf6fb;color:#01529d;font-weight:750;font-size:12px}
.auh-row-actions{display:flex;gap:5px;justify-content:flex-end;white-space:nowrap}
.auh-user-form .span-2,.auh-user-capabilities.span-2{grid-column:1/-1}
.auh-user-capabilities{border:1px solid var(--auh-border,#d8e3ec);border-radius:14px;padding:0;background:#fbfdff}
.auh-user-capabilities summary{cursor:pointer;padding:14px 16px;font-weight:800;color:#01529d}
.auh-user-capabilities>p{margin:0 16px 10px}
.auh-capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 16px 16px;max-height:310px;overflow:auto}
.auh-capability-grid .auh-checkbox{align-items:flex-start;border:1px solid #e5edf3;border-radius:10px;padding:9px;background:#fff}
.auh-capability-grid .auh-checkbox span{display:grid;gap:2px;min-width:0}
.auh-capability-grid .auh-checkbox strong{font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}
.auh-capability-grid .auh-checkbox small{color:#6b7280;line-height:1.3}
.auh-inline-alert{display:flex;align-items:flex-start;gap:8px;margin-top:8px;padding:9px 10px;border-radius:10px;font-size:12px;line-height:1.5}
.auh-inline-alert[hidden]{display:none}
.auh-inline-alert.warning{background:#fff5e6;color:#8a5700;border:1px solid #f1d19a}
.auh-inline-alert svg{width:17px;height:17px;flex:0 0 auto;margin-top:1px}
.auh-status.suspended{background:#fff0f1;color:#b42335;border-color:#f5c7cd}

@media (max-width:1180px){.auh-users-filters{grid-template-columns:1fr 1fr 1fr}.auh-users-search{grid-column:1/-1}.auh-users-filters .auh-button{justify-self:start}.auh-capability-grid{grid-template-columns:1fr}}
@media (max-width:720px){.auh-users-filters{grid-template-columns:1fr}.auh-users-search{grid-column:auto}.auh-users-unified .auh-card-body{align-items:flex-start}.auh-users-table{min-width:920px}.auh-user-form .span-2{grid-column:auto}.auh-user-capabilities.span-2{grid-column:1/-1}}


/* v0.7.4 — Compact dashboard feature row and continuous branded news ticker */
.auh-section-spacer{height:20px}
.auh-dashboard-feature-grid{
  display:grid;
  grid-template-columns:minmax(0,1.95fr) minmax(330px,1fr);
  align-items:stretch;
  gap:18px;
}
.auh-dashboard-slider-column{min-width:0}
.auh-dashboard-feature-grid .auh-home-slider{
  height:max(var(--auh-home-slider-desktop-height,440px),440px);
  min-height:440px;
}
.auh-dashboard-quick-card{height:100%;min-height:440px;display:flex;flex-direction:column;overflow:hidden}
.auh-dashboard-quick-card .auh-card-body{flex:1;display:flex;padding:16px}
.auh-dashboard-quick-card .auh-quick-grid{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;align-content:stretch}
.auh-dashboard-quick-card .auh-quick-action{min-height:0;height:100%;padding:11px 8px;border-radius:14px;gap:7px}
.auh-dashboard-quick-card .auh-quick-action svg{width:25px;height:25px}
.auh-dashboard-quick-card .auh-quick-action span{font-size:11px;line-height:1.4}

.auh-ticker.is-marquee .auh-ticker-label{flex:0 0 auto}
.auh-ticker-marquee{position:relative;z-index:1;flex:1;min-width:0;height:100%;overflow:hidden;display:flex;align-items:center;direction:ltr}
.auh-ticker-track{display:flex;align-items:center;width:max-content;min-width:200%;will-change:transform;animation:auh-ticker-scroll-rtl var(--auh-ticker-duration,38s) linear infinite}
.auh-ticker-sequence{display:flex;align-items:center;flex:0 0 auto;min-width:max-content;height:100%;direction:rtl}
.auh-ticker-item{display:inline-flex;align-items:center;gap:9px;min-height:var(--auh-ticker-height);padding-inline:8px;white-space:nowrap;font-size:13px;font-weight:650}
.auh-ticker-item .auh-ticker-text{display:inline-flex;align-items:center;white-space:nowrap}
.auh-ticker-item a{color:#fff;font-weight:850;text-underline-offset:3px}
.auh-ticker-item.priority-urgent,.auh-ticker-item.priority-critical{font-weight:800}
.auh-ticker-logo-separator{width:34px;height:34px;margin-inline:9px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.18)}
.auh-ticker-logo-separator img{display:block;width:22px;height:22px;object-fit:contain}
.auh-ticker-inline-action{width:25px;height:25px;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:rgba(255,255,255,.1);color:#fff;display:grid;place-items:center;cursor:pointer}
.auh-ticker-inline-action:hover,.auh-ticker-inline-action:focus-visible{background:rgba(255,255,255,.24);outline:2px solid rgba(255,255,255,.35);outline-offset:1px}
.auh-ticker-inline-action svg{width:14px;height:14px}
.auh-ticker.is-marquee:hover .auh-ticker-track,.auh-ticker.is-marquee:focus-within .auh-ticker-track{animation-play-state:paused}
@keyframes auh-ticker-scroll-rtl{from{transform:translateX(0)}to{transform:translateX(-50%)}}

@media(max-width:1180px){
  .auh-dashboard-feature-grid{grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr)}
  .auh-dashboard-feature-grid .auh-home-slider,.auh-dashboard-quick-card{min-height:410px}
  .auh-dashboard-feature-grid .auh-home-slider{height:max(var(--auh-home-slider-desktop-height,410px),410px)}
}
@media(max-width:980px){
  .auh-dashboard-feature-grid{grid-template-columns:1fr}
  .auh-dashboard-feature-grid .auh-home-slider{height:var(--auh-home-slider-desktop-height,390px);min-height:360px}
  .auh-dashboard-quick-card{min-height:0}
  .auh-dashboard-quick-card .auh-card-body{display:block}
  .auh-dashboard-quick-card .auh-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .auh-dashboard-quick-card .auh-quick-action{min-height:96px;height:auto}
}
@media(max-width:720px){
  .auh-dashboard-feature-grid .auh-home-slider{height:var(--auh-home-slider-mobile-height,300px);min-height:0}
  .auh-dashboard-quick-card .auh-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .auh-dashboard-quick-card .auh-quick-action{min-height:90px}
  .auh-ticker-label{min-width:68px}
  .auh-ticker-item{font-size:11px;gap:7px;padding-inline:5px}
  .auh-ticker-logo-separator{width:29px;height:29px;margin-inline:6px}
  .auh-ticker-logo-separator img{width:18px;height:18px}
  .auh-ticker-inline-action{width:23px;height:23px}
}
@media(prefers-reduced-motion:reduce){
  .auh-ticker-marquee{overflow-x:auto;scrollbar-width:thin}
  .auh-ticker-track{animation:none!important;min-width:max-content}
  .auh-ticker-sequence[aria-hidden="true"]{display:none}
}

/* v0.7.5 — administrator-configurable dashboard layout and shortcuts */
.auh-dashboard-configured{display:grid;gap:20px}
.auh-dashboard-block{min-width:0}
.auh-dashboard-block .auh-welcome,.auh-dashboard-block .auh-priority-banner{margin-bottom:0}
.auh-dashboard-stats{grid-template-columns:repeat(var(--auh-stats-cols-desktop,4),minmax(0,1fr));gap:var(--auh-stats-gap,18px)}
.auh-stat-card-configurable{width:100%;min-height:var(--auh-stat-height,132px);font:inherit;text-align:start;color:var(--auh-card-accent,#1790c9);cursor:pointer}
.auh-stat-card-configurable .auh-stat-icon{background:var(--auh-card-icon-bg,#e5f5fc);color:var(--auh-card-accent,#1790c9)}
.auh-stat-card-configurable:hover{border-color:var(--auh-card-accent,#1790c9);box-shadow:0 12px 30px color-mix(in srgb,var(--auh-card-accent,#1790c9) 16%,transparent);transform:translateY(-2px)}
.auh-dashboard-secondary{grid-template-columns:repeat(var(--auh-secondary-cols,2),minmax(0,1fr));gap:var(--auh-secondary-gap,18px)}

.auh-dashboard-feature-grid{
  grid-template-columns:minmax(0,var(--auh-dashboard-slider-basis,66%)) minmax(300px,1fr);
  gap:var(--auh-dashboard-feature-gap,18px);
}
.auh-dashboard-feature-grid.quick-first{grid-template-columns:minmax(300px,1fr) minmax(0,var(--auh-dashboard-slider-basis,66%))}
.auh-dashboard-feature-grid.quick-first .auh-dashboard-quick-card{order:1}
.auh-dashboard-feature-grid.quick-first .auh-dashboard-slider-column{order:2}
.auh-dashboard-feature-grid .auh-home-slider{
  height:var(--auh-home-slider-desktop-height,440px);
  min-height:0;
}
.auh-dashboard-quick-card{height:var(--auh-dashboard-quick-height,440px);min-height:0}
.auh-dashboard-quick-card .auh-quick-grid{
  grid-template-columns:repeat(var(--auh-quick-cols-desktop,2),minmax(0,1fr));
  gap:var(--auh-quick-gap,11px);
}
.auh-dashboard-quick-card .auh-quick-action{min-height:var(--auh-quick-item-height,88px);height:auto;border-radius:var(--auh-quick-radius,14px)}
.auh-quick-action-configurable{background:var(--auh-quick-bg,#fff);color:var(--auh-quick-accent,#1790c9)}
.auh-quick-action-configurable svg{color:var(--auh-quick-accent,#1790c9)}
.auh-quick-action-configurable span{color:var(--auh-navy)}
.auh-quick-action-configurable:hover{border-color:var(--auh-quick-accent,#1790c9);box-shadow:0 10px 24px color-mix(in srgb,var(--auh-quick-accent,#1790c9) 14%,transparent)}

.auh-home-slider{border-radius:var(--auh-home-slider-radius,22px);background:var(--auh-home-slider-bg,#dceaf3)}
.auh-home-slider.fit-cover .auh-home-slider-picture img{object-fit:cover}
.auh-home-slider.fit-cover .auh-home-slider-backdrop{display:none}
.auh-home-slider.fit-contain .auh-home-slider-picture img{object-fit:contain}

/* Dashboard layout settings */
.auh-dashboard-layout-settings{display:grid;gap:18px}
.auh-dashboard-layout-list{display:grid;gap:9px}
.auh-dashboard-layout-row,.auh-layout-item-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--auh-line);border-radius:14px;background:#fff;transition:.18s}
.auh-dashboard-layout-row:hover,.auh-layout-item-row:hover{border-color:#9acfe7;box-shadow:0 8px 20px rgba(1,82,157,.06)}
.auh-dashboard-layout-row.is-dragging,.auh-layout-item-row.is-dragging{opacity:.5;border-style:dashed}
.auh-layout-drag{width:28px;height:34px;display:grid;place-items:center;color:#8295a5;cursor:grab;flex:0 0 auto}
.auh-layout-drag svg{width:21px;height:21px}
.auh-layout-row-copy{flex:1;min-width:0}
.auh-layout-row-copy strong{display:block;color:var(--auh-navy);font-size:13px}
.auh-layout-row-copy small{display:block;color:var(--auh-muted);font-size:11px;margin-top:3px}
.auh-layout-icon-preview{width:42px;height:42px;border-radius:12px;background:var(--item-bg,#eef6fa);color:var(--item-color,#1790c9);display:grid;place-items:center;flex:0 0 auto}
.auh-layout-icon-preview svg{width:22px;height:22px}
.auh-layout-measure-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.auh-layout-fieldset{min-width:0;margin:0;padding:16px;border:1px solid var(--auh-line);border-radius:15px;background:#fbfdff}
.auh-layout-fieldset legend{padding:0 8px;color:var(--auh-navy);font-weight:850;font-size:13px}
.auh-color-input{width:100%;height:44px;padding:4px;border:1px solid #cbd9e4;border-radius:11px;background:#fff;cursor:pointer}
.auh-role-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;border:1px solid var(--auh-line);border-radius:12px;background:#f8fbfd;max-height:230px;overflow:auto}

.auh-segmented{display:inline-flex;padding:3px;border:1px solid var(--auh-line);border-radius:11px;background:#f3f7fa}
.auh-segmented button{border:0;background:transparent;color:var(--auh-muted);padding:7px 11px;border-radius:8px;font:inherit;font-size:11px;font-weight:800;cursor:pointer}
.auh-segmented button.is-active{background:#fff;color:var(--auh-navy);box-shadow:0 2px 7px rgba(1,82,157,.1)}
.auh-layout-preview-device{margin:auto;padding:14px;border:1px solid #cbd9e4;border-radius:18px;background:#dfe9ef;transition:.2s}
.auh-layout-preview-device.is-desktop{width:100%}
.auh-layout-preview-device.is-tablet{width:min(78%,760px)}
.auh-layout-preview-device.is-mobile{width:min(390px,100%)}
.auh-layout-preview-canvas{display:grid;gap:10px;padding:14px;border-radius:12px;background:#f5f8fa;min-height:250px;overflow:hidden}
.auh-layout-preview-welcome{height:38px;border-radius:9px;background:linear-gradient(90deg,#fff,#e8f7fd);border:1px solid #dbe8f0}
.auh-layout-preview-priority{height:27px;border-radius:8px;background:#fff;border-inline-start:4px solid #d93a4a;box-shadow:0 2px 7px rgba(0,0,0,.04)}
.auh-layout-preview-stats{display:grid;grid-template-columns:repeat(var(--preview-cols,4),minmax(0,1fr));gap:var(--preview-gap,8px)}
.auh-layout-preview-stat{min-width:0;min-height:58px;padding:8px;border:1px solid #dce6ed;border-radius:10px;background:#fff;display:flex;align-items:center;gap:7px}
.auh-layout-preview-stat>span{width:28px;height:28px;border-radius:8px;background:var(--item-bg);color:var(--item-color);display:grid;place-items:center;flex:0 0 auto}
.auh-layout-preview-stat svg{width:15px;height:15px}
.auh-layout-preview-stat div{min-width:0}.auh-layout-preview-stat small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:8px;color:#71808d}.auh-layout-preview-stat strong{display:block;color:#1f3345;font-size:14px;margin-top:2px}
.auh-layout-preview-feature{display:grid;grid-template-columns:minmax(0,var(--preview-slider,66%)) minmax(120px,1fr);gap:var(--preview-gap,10px);min-height:150px}
.auh-layout-preview-feature.quick-first{grid-template-columns:minmax(120px,1fr) minmax(0,var(--preview-slider,66%))}
.auh-layout-preview-feature.quick-first .auh-layout-preview-quick-card{order:1}.auh-layout-preview-feature.quick-first .auh-layout-preview-slider{order:2}
.auh-layout-preview-slider{min-height:150px;place-content:center;justify-items:center;color:#fff;background:linear-gradient(135deg,#01529d,#1790c9)!important}
.auh-layout-preview-slider svg{width:32px;height:32px;margin-bottom:6px}.auh-layout-preview-slider span{font-size:10px;font-weight:800}
.auh-layout-preview-quick-card{padding:8px;border:1px solid #dce6ed;border-radius:10px;background:#fff;min-width:0}
.auh-layout-preview-quick-card>strong{display:block;color:var(--auh-navy);font-size:9px;margin-bottom:7px}
.auh-layout-preview-quick-card>div{display:grid;grid-template-columns:repeat(var(--preview-qcols,2),minmax(0,1fr));gap:var(--preview-gap,6px)}
.auh-layout-preview-quick{min-width:0;min-height:48px;border:1px solid #e2e9ee;border-radius:7px;background:var(--item-bg);display:grid;place-content:center;justify-items:center;color:var(--item-color);padding:4px}
.auh-layout-preview-quick svg{width:16px;height:16px}.auh-layout-preview-quick small{width:100%;font-size:7px;color:#31485a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;margin-top:3px}
.auh-layout-preview-secondary{display:grid;grid-template-columns:1.25fr .75fr;gap:8px}.auh-layout-preview-secondary span{height:55px;border:1px solid #dce6ed;border-radius:9px;background:#fff}

@media(max-width:1180px){
  .auh-dashboard-stats{grid-template-columns:repeat(var(--auh-stats-cols-tablet,2),minmax(0,1fr))}
  .auh-dashboard-feature-grid .auh-home-slider{height:var(--auh-home-slider-tablet-height,390px);min-height:0}
  .auh-dashboard-quick-card{height:auto;min-height:var(--auh-home-slider-tablet-height,390px)}
  .auh-dashboard-quick-card .auh-quick-grid{grid-template-columns:repeat(var(--auh-quick-cols-tablet,3),minmax(0,1fr))}
}
@media(max-width:980px){
  .auh-dashboard-feature-grid,.auh-dashboard-feature-grid.quick-first{grid-template-columns:1fr}
  .auh-dashboard-feature-grid .auh-dashboard-slider-column,.auh-dashboard-feature-grid .auh-dashboard-quick-card{order:initial}
  .auh-dashboard-feature-grid .auh-home-slider{height:var(--auh-home-slider-tablet-height,390px);min-height:0}
  .auh-dashboard-quick-card{height:auto;min-height:0}
  .auh-dashboard-secondary{grid-template-columns:1fr}
  .auh-layout-measure-grid{grid-template-columns:1fr}
}
@media(max-width:720px){
  .auh-dashboard-stats{grid-template-columns:repeat(var(--auh-stats-cols-mobile,1),minmax(0,1fr))}
  .auh-dashboard-feature-grid .auh-home-slider{height:var(--auh-home-slider-mobile-height,300px);min-height:0}
  .auh-dashboard-quick-card .auh-quick-grid{grid-template-columns:repeat(var(--auh-quick-cols-mobile,2),minmax(0,1fr))}
  .auh-dashboard-layout-row,.auh-layout-item-row{flex-wrap:wrap}
  .auh-layout-item-row .auh-layout-row-copy{min-width:calc(100% - 96px)}
  .auh-role-check-grid{grid-template-columns:1fr}
  .auh-layout-preview-device.is-tablet,.auh-layout-preview-device.is-mobile{width:100%}
  .auh-layout-preview-feature,.auh-layout-preview-feature.quick-first{grid-template-columns:1fr}
  .auh-layout-preview-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* v0.7.6 — administrator-configurable login page */
.auh-login-layout{
  grid-template-columns:minmax(320px,var(--auh-login-brand-width,45%)) minmax(0,1fr);
  color:var(--auh-login-text,#152335);
}
.auh-login-brand{
  background-image:
    linear-gradient(rgba(0,0,0,var(--auh-login-overlay,.34)),rgba(0,0,0,var(--auh-login-overlay,.34))),
    var(--auh-login-brand-image,none),
    radial-gradient(circle at 75% 20%,color-mix(in srgb,var(--auh-login-brand-accent,#11aae2) 46%,transparent),transparent 37%),
    linear-gradient(145deg,var(--auh-login-brand-start,#003d78),var(--auh-login-brand-end,#01529d));
  background-size:cover,cover,auto,auto;
  background-position:center;
}
.auh-login-panel{background:var(--auh-login-panel-bg,#fff)}
.auh-login-layout.align-start .auh-login-panel{justify-items:start}
.auh-login-layout.align-end .auh-login-panel{justify-items:end}
.auh-login-card{
  width:min(var(--auh-login-card-width,470px),100%);
  padding:var(--auh-login-card-padding,36px);
  border-radius:var(--auh-login-card-radius,22px);
  background:var(--auh-login-card-bg,#fff);
  box-shadow:0 calc(var(--auh-login-card-shadow,18) * 1px) calc(var(--auh-login-card-shadow,18) * 2.4px) rgba(1,82,157,calc(var(--auh-login-card-shadow,18) / 260));
}
.auh-login-logo-color{width:min(var(--auh-login-logo-width,255px),85%)}
.auh-login-heading h1{color:var(--auh-login-heading,#01529d)}
.auh-login-heading p,.auh-login-help{color:var(--auh-login-muted,#69788a)}
#auh-login-form label{color:var(--auh-login-text,#152335)}
#auh-login-form input[type="text"],#auh-login-form input[type="password"]{border-color:var(--auh-login-input-border,#cfdde8)}
#auh-login-form .button-primary{background:linear-gradient(135deg,var(--auh-login-button-start,#01529d),var(--auh-login-button-end,#1790c9))}
.auh-login-links{display:flex;justify-content:center;align-items:center;gap:9px 16px;flex-wrap:wrap;margin-top:2px;font-size:13px;color:var(--auh-login-heading,#01529d)}
.auh-login-links a{text-decoration:none;font-weight:750}
.auh-login-links a:hover{text-decoration:underline}
.auh-login-layout.is-card{grid-template-columns:1fr;background:linear-gradient(145deg,var(--auh-login-brand-start,#003d78),var(--auh-login-brand-end,#01529d))}
.auh-login-layout.is-card .auh-login-brand{display:none}
.auh-login-layout.is-card .auh-login-panel{min-height:100vh;background:transparent}


/* v0.7.6.2 — bilingual login language switcher */
.auh-login-panel{position:relative}
.auh-login-card{position:relative}
.auh-login-language-switcher{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  width:max-content;
  direction:ltr;
  z-index:6;
}
.auh-login-language-switcher.is-card-top{
  margin-inline-start:auto;
  margin-bottom:22px;
}
.auh-login-language-switcher.is-panel-top{
  position:absolute;
  top:24px;
  inset-inline-end:28px;
}
.auh-login-language-option{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:7px 12px;
  border-radius:999px;
  color:var(--auh-login-muted,#69788a);
  font-size:13px;
  font-weight:800;
  line-height:1;
  text-decoration:none;
  transition:background-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.auh-login-language-option:hover{
  color:var(--auh-login-heading,#01529d);
  transform:translateY(-1px);
}
.auh-login-language-option:focus-visible{
  outline:3px solid color-mix(in srgb,var(--auh-login-brand-accent,#11aae2) 34%,transparent);
  outline-offset:2px;
}
.auh-login-language-switcher.style-pills{
  padding:4px;
  border:1px solid color-mix(in srgb,var(--auh-login-input-border,#cfdde8) 86%,transparent);
  border-radius:999px;
  background:color-mix(in srgb,var(--auh-login-card-bg,#fff) 92%,#eef6fb);
  box-shadow:0 7px 18px rgba(1,82,157,.08);
}
.auh-login-language-switcher.style-pills .auh-login-language-option.is-active{
  color:#fff;
  background:linear-gradient(135deg,var(--auh-login-button-start,#01529d),var(--auh-login-button-end,#1790c9));
  box-shadow:0 6px 14px rgba(1,82,157,.20);
}
.auh-login-language-switcher.style-text{
  gap:0;
}
.auh-login-language-switcher.style-text .auh-login-language-option{
  min-height:30px;
  padding:5px 9px;
  border-radius:8px;
}
.auh-login-language-switcher.style-text .auh-login-language-option+.auh-login-language-option::before{
  content:"|";
  margin-inline-end:12px;
  color:var(--auh-login-input-border,#cfdde8);
  font-weight:400;
}
.auh-login-language-switcher.style-text .auh-login-language-option.is-active{
  color:var(--auh-login-heading,#01529d);
  background:color-mix(in srgb,var(--auh-login-brand-accent,#11aae2) 10%,transparent);
}
.auh-login-preview-card{position:relative}
.auh-login-preview-language{
  display:flex;
  align-items:center;
  gap:3px;
  width:max-content;
  margin-inline-start:auto;
  margin-bottom:12px;
  direction:ltr;
}
.auh-login-preview-language span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:24px;
  padding:4px 8px;
  border-radius:999px;
  color:var(--preview-muted,#69788a);
  font-size:8px;
  font-weight:800;
}
.auh-login-preview-language.style-pills{
  padding:2px;
  border:1px solid var(--preview-input-border,#cfdde8);
  border-radius:999px;
}
.auh-login-preview-language.style-pills span.is-active{
  color:#fff;
  background:linear-gradient(135deg,var(--preview-button-start,#01529d),var(--preview-button-end,#1790c9));
}
.auh-login-preview-language.style-text span.is-active{
  color:var(--preview-heading,#01529d);
  background:rgba(17,170,226,.10);
}
.auh-login-preview-language.is-panel-top{
  position:absolute;
  top:13px;
  inset-inline-end:15px;
  margin:0;
  z-index:4;
}
.auh-login-preview-panel{position:relative}

/* v0.7.6 — configurable nested sidebar navigation */
.auh-shell{
  --auh-sidebar-width:var(--auh-nav-width,270px);
  grid-template-columns:var(--auh-nav-width,270px) minmax(0,1fr);
}
.auh-sidebar{
  color:var(--auh-nav-text,#fff);
  background:
    radial-gradient(circle at 15% 12%,rgba(17,170,226,.20),transparent 34%),
    linear-gradient(180deg,var(--auh-nav-bg-start,#063f7d),var(--auh-nav-bg-end,#003e75));
}
.auh-sidebar-brand img{width:var(--auh-nav-logo-width,190px)}
.auh-nav-tree{display:grid;gap:var(--auh-nav-item-gap,5px)}
.auh-nav-collapsed-tree{display:none;gap:var(--auh-nav-item-gap,5px)}
.auh-nav-collapsed-button{min-height:var(--auh-nav-item-height,44px);border-radius:var(--auh-nav-item-radius,12px);justify-content:center!important;padding:8px!important;position:relative}
.auh-nav-collapsed-button svg{width:20px;height:20px;flex:0 0 auto}
.auh-nav-collapsed-badge{position:absolute;inset-block-start:2px;inset-inline-end:2px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--auh-danger);color:#fff;display:grid;place-items:center;font-size:9px;font-weight:850;line-height:1}
.auh-nav-node{min-width:0}
.auh-nav-node[data-depth="1"]{padding-inline-start:13px}
.auh-nav-node[data-depth="2"]{padding-inline-start:27px}
.auh-nav-row{display:flex;align-items:center;gap:4px;min-width:0}
.auh-nav-row .auh-nav-button{min-height:var(--auh-nav-item-height,44px);border-radius:var(--auh-nav-item-radius,12px);color:var(--auh-nav-text,#fff);flex:1;min-width:0}
.auh-nav-row .auh-nav-button:hover{background:color-mix(in srgb,var(--auh-nav-hover,#fff) var(--auh-nav-hover-opacity,9%),transparent)}
.auh-nav-row .auh-nav-button.is-active{background:linear-gradient(135deg,var(--auh-nav-active-start,#0c82ca),var(--auh-nav-active-end,#13a9e2))}
.auh-nav-group-label{width:100%;border:0;background:transparent;text-align:start;cursor:pointer;font:inherit;padding:12px 13px 7px;font-size:11px;letter-spacing:.08em;color:var(--auh-nav-muted,#c9e3f2);opacity:.72;text-transform:uppercase;display:flex;align-items:center;gap:8px}
.auh-nav-group-label svg{width:15px;height:15px}
.auh-nav-children{display:grid;gap:var(--auh-nav-item-gap,5px);margin-top:4px}
.auh-nav-submenu-toggle{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border:0;border-radius:9px;background:rgba(255,255,255,.08);color:var(--auh-nav-text,#fff)}
.auh-nav-submenu-toggle svg{width:15px;height:15px;transition:.18s}
.auh-nav-node.is-open>.auh-nav-row .auh-nav-submenu-toggle svg{transform:rotate(90deg)}
html[dir="ltr"] .auh-nav-node.is-open>.auh-nav-row .auh-nav-submenu-toggle svg{transform:rotate(90deg)}
.auh-nav-node:not(.is-open)>.auh-nav-children{display:none}
.auh-nav-external-mark{width:13px!important;height:13px!important;opacity:.65}
.auh-shell.is-collapsed{grid-template-columns:var(--auh-nav-collapsed-width,82px) minmax(0,1fr)}
.auh-shell.is-collapsed .auh-nav-tree{display:none}
.auh-shell.is-collapsed .auh-nav-collapsed-tree{display:grid}
.auh-shell.is-collapsed .auh-nav-submenu-toggle,.auh-shell.is-collapsed .auh-nav-children,.auh-shell.is-collapsed .auh-nav-group-label{display:none}
.auh-shell.is-collapsed .auh-nav-node{padding-inline-start:0}
.auh-shell.is-collapsed .auh-nav-row{justify-content:center}
.auh-shell.nav-no-collapse .auh-sidebar-footer{display:none}
.auh-shell.nav-hide-groups .auh-nav-group-label{display:none}

/* v0.7.6 — login and navigation builder settings */
.auh-appearance-settings{display:grid;gap:18px}
.auh-appearance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.auh-appearance-fieldset{margin:0;padding:16px;border:1px solid var(--auh-line);border-radius:15px;background:#fbfdff;min-width:0}
.auh-appearance-fieldset legend{padding:0 8px;color:var(--auh-navy);font-weight:850;font-size:13px}
.auh-login-preview{min-height:380px;display:grid;grid-template-columns:minmax(220px,var(--preview-brand-width,45%)) 1fr;overflow:hidden;border:1px solid #cfdde8;border-radius:18px;background:#fff}
.auh-login-preview-brand{padding:26px;color:#fff;background:linear-gradient(145deg,var(--preview-brand-start,#003d78),var(--preview-brand-end,#01529d));display:flex;flex-direction:column;justify-content:space-between;gap:30px;position:relative;overflow:hidden}
.auh-login-preview-brand::after{content:"";position:absolute;inset:auto -30px -40px;block-size:90px;background:linear-gradient(90deg,#008e54,#01529d,#11aae2);transform:rotate(-2deg)}
.auh-login-preview-logo-white{width:160px;position:relative;z-index:2}.auh-login-preview-bg{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:cover;z-index:0!important}.auh-login-preview-overlay{position:absolute;inset:0;background:rgba(0,0,0,var(--preview-overlay,.34));z-index:1}
.auh-login-preview-brand h3{font-size:22px;margin:0 0 8px;position:relative;z-index:1}.auh-login-preview-brand p{font-size:11px;line-height:1.7;margin:0;opacity:.85;position:relative;z-index:1}
.auh-login-preview-panel{padding:25px;display:grid;place-items:center;background:var(--preview-panel-bg,#fff)}.auh-login-preview.align-start .auh-login-preview-panel{justify-items:start}.auh-login-preview.align-end .auh-login-preview-panel{justify-items:end}.auh-login-preview.is-card{grid-template-columns:1fr;background:linear-gradient(145deg,var(--preview-brand-start,#003d78),var(--preview-brand-end,#01529d))}.auh-login-preview.is-card .auh-login-preview-brand{display:none}.auh-login-preview.is-card .auh-login-preview-panel{min-height:380px;background:transparent}
.auh-login-preview-card{width:min(var(--preview-card-width,390px),100%);padding:var(--preview-card-padding,22px);border-radius:var(--preview-card-radius,20px);background:var(--preview-card-bg,#fff);box-shadow:0 15px 35px rgba(1,82,157,.12);text-align:center}
.auh-login-preview-logo-color{width:150px}.auh-login-preview-card h3{color:var(--preview-heading,#01529d);margin:15px 0 7px}.auh-login-preview-card p{font-size:10px;color:var(--preview-muted,#69788a);line-height:1.5}
.auh-login-preview-input{height:36px;border:1px solid var(--preview-input-border,#cfdde8);border-radius:9px;margin-top:9px;background:#fff}.auh-login-preview-button{height:38px;border-radius:9px;margin-top:12px;color:#fff;background:linear-gradient(135deg,var(--preview-button-start,#01529d),var(--preview-button-end,#1790c9));display:grid;place-items:center;font-size:11px;font-weight:800}
.auh-nav-builder-list{display:grid;gap:8px}
.auh-nav-builder-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--auh-line);border-radius:13px;background:#fff;transition:.18s}
.auh-nav-builder-row[data-depth="1"]{margin-inline-start:24px}.auh-nav-builder-row[data-depth="2"]{margin-inline-start:48px}
.auh-nav-builder-row.is-dragging{opacity:.45;border-style:dashed}.auh-nav-builder-row.is-drop-target{border-color:var(--auh-azure);box-shadow:0 0 0 3px rgba(23,144,201,.1)}
.auh-nav-builder-row .auh-layout-drag{cursor:grab}.auh-nav-builder-copy{flex:1;min-width:0}.auh-nav-builder-copy strong{display:block;color:var(--auh-navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auh-nav-builder-copy small{display:block;color:var(--auh-muted);font-size:11px;margin-top:3px}
.auh-nav-builder-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#edf6fb;color:var(--item-color,#1790c9);flex:0 0 auto}.auh-nav-builder-icon svg{width:20px;height:20px}
.auh-nav-preview{width:min(320px,100%);padding:18px 12px;border-radius:18px;color:#fff;background:linear-gradient(180deg,var(--preview-nav-start,#063f7d),var(--preview-nav-end,#003e75));display:grid;gap:5px}
.auh-nav-preview-group{font-size:10px;opacity:.62;padding:8px 10px 4px}.auh-nav-preview-item{min-height:38px;padding:8px 10px;border-radius:10px;display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.04);font-size:11px}.auh-nav-preview-item.is-active{background:linear-gradient(135deg,var(--preview-nav-active-start,#0c82ca),var(--preview-nav-active-end,#13a9e2))}.auh-nav-preview-item[data-depth="1"]{margin-inline-start:15px}.auh-nav-preview-item[data-depth="2"]{margin-inline-start:30px}.auh-nav-preview-item svg{width:17px;height:17px}
.auh-capability-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:230px;overflow:auto;padding:11px;border:1px solid var(--auh-line);border-radius:12px;background:#f8fbfd}

@media(max-width:980px){
  /* A collapsed desktop preference must not reduce the mobile drawer to icons. */
  .auh-shell.is-collapsed .auh-nav-tree{display:grid}
  .auh-shell.is-collapsed .auh-nav-collapsed-tree{display:none}
  .auh-shell.is-collapsed .auh-nav-label,.auh-shell.is-collapsed .auh-nav-badge{display:inline-flex}
  .auh-shell.is-collapsed .auh-nav-group-label{display:flex}
  .auh-shell.is-collapsed.nav-hide-groups .auh-nav-group-label{display:none}
  .auh-shell.is-collapsed .auh-nav-node.is-open>.auh-nav-children{display:grid}
  .auh-shell.is-collapsed .auh-nav-node:not(.is-open)>.auh-nav-children{display:none}
  .auh-shell.is-collapsed .auh-nav-node[data-depth="1"]{padding-inline-start:13px}
  .auh-shell.is-collapsed .auh-nav-node[data-depth="2"]{padding-inline-start:27px}
  .auh-shell.is-collapsed .auh-nav-row{justify-content:initial}
  .auh-shell.is-collapsed .auh-nav-button{justify-content:flex-start;padding-inline:12px}
  .auh-shell.is-collapsed .auh-sidebar-brand{padding-inline:22px;justify-content:flex-start}
  .auh-shell.is-collapsed .auh-sidebar-brand img{width:var(--auh-nav-logo-width,190px);height:auto;object-fit:contain}
  .auh-sidebar-footer{display:none}
  .auh-appearance-grid{grid-template-columns:1fr}
  .auh-login-preview{grid-template-columns:1fr}.auh-login-preview-brand{display:none}
}
@media(max-width:720px){
  .auh-login-card{padding:min(var(--auh-login-card-padding,36px),28px)}
  .auh-login-layout.show-brand-mobile .auh-login-brand{display:flex;min-height:42vh;padding:34px 24px 80px}
  .auh-login-layout.show-brand-mobile .auh-login-panel{min-height:58vh}
  .auh-login-layout.show-brand-mobile{grid-template-columns:1fr}
  .auh-nav-builder-row[data-depth="1"]{margin-inline-start:14px}.auh-nav-builder-row[data-depth="2"]{margin-inline-start:28px}
  .auh-capability-check-grid{grid-template-columns:1fr}
}

/* v0.7.6.3 — equal dashboard panels and full-height desktop sidebar */
@media(min-width:981px){
  .auh-dashboard-feature-grid,
  .auh-dashboard-feature-grid.quick-first{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .auh-dashboard-equal-card{
    height:360px;
    min-height:360px;
    display:flex;
    flex-direction:column;
    overflow:hidden;
  }
  .auh-dashboard-equal-card>.auh-card-body{
    flex:1;
    min-height:0;
    overflow-y:auto;
    scrollbar-width:thin;
  }
  .auh-dashboard-quick-card .auh-card-body{
    display:flex;
    padding:14px 16px;
  }
  .auh-dashboard-quick-card .auh-quick-grid{
    flex:1;
    min-height:0;
    grid-auto-rows:minmax(52px,1fr);
    align-content:stretch;
  }
  .auh-dashboard-quick-card .auh-quick-action{
    min-height:52px;
    height:auto;
    padding:7px 8px;
    gap:4px;
  }
  .auh-dashboard-quick-card .auh-quick-action svg{
    width:21px;
    height:21px;
  }
  .auh-sidebar-column{
    min-height:100%;
    color:var(--auh-nav-text,#fff);
    background:
      radial-gradient(circle at 15% 12%,rgba(17,170,226,.20),transparent 34%),
      linear-gradient(180deg,var(--auh-nav-bg-start,#063f7d),var(--auh-nav-bg-end,#003e75));
    box-shadow:8px 0 24px rgba(1,82,157,.12);
    z-index:30;
  }
  html[dir="ltr"] .auh-sidebar-column{
    box-shadow:-8px 0 24px rgba(1,82,157,.12);
  }
  .auh-sidebar{
    width:100%;
    background:transparent;
    box-shadow:none;
  }
}
@media(max-width:980px){
  .auh-sidebar-column{display:contents}
}

/* v0.7.6.4 — keep the first dashboard row perfectly aligned */
@media(min-width:981px){
  .auh-dashboard-feature-grid .auh-dashboard-quick-card{
    height:var(--auh-dashboard-feature-height,440px);
    min-height:var(--auh-dashboard-feature-height,440px);
  }
}

@media (max-width:720px){
  .auh-login-language-switcher.is-panel-top{
    top:16px;
    inset-inline-end:16px;
  }
  .auh-login-language-switcher.is-card-top{
    margin-bottom:18px;
  }
  .auh-login-language-option{
    min-height:32px;
    padding:6px 10px;
  }
}

/* v0.7.6.5 — responsive boxed dashboard indicator scroller */
.auh-dashboard-stats-shell{
  position:relative;
  min-width:0;
  max-width:100%;
  padding:14px 54px 9px;
  overflow:hidden;
  transition:padding .2s ease;
}
.auh-dashboard-stats-shell.is-static{padding-inline:14px}
.auh-dashboard-stats-viewport{
  width:100%;
  min-width:0;
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  padding:2px 2px 8px;
  scroll-behavior:smooth;
  scroll-snap-type:x mandatory;
  scroll-padding-inline:2px;
  overscroll-behavior-inline:contain;
  scrollbar-width:thin;
  scrollbar-color:#9fc6dc transparent;
  -webkit-overflow-scrolling:touch;
}
.auh-dashboard-stats-viewport:focus-visible{
  outline:3px solid rgba(23,144,201,.22);
  outline-offset:2px;
  border-radius:14px;
}
.auh-dashboard-stats-viewport::-webkit-scrollbar{height:7px}
.auh-dashboard-stats-viewport::-webkit-scrollbar-track{background:transparent}
.auh-dashboard-stats-viewport::-webkit-scrollbar-thumb{background:#9fc6dc;border-radius:999px}
.auh-dashboard-stats-shell .auh-dashboard-stats{
  width:100%;
  min-width:0;
  grid-template-columns:none;
  grid-template-rows:1fr;
  grid-auto-flow:column;
  grid-auto-columns:max(210px,var(--auh-stats-card-width-desktop,calc(25% - 13.5px)));
  gap:var(--auh-stats-gap,18px);
  padding:0;
}
.auh-dashboard-stats-shell .auh-stat-card-configurable{
  min-width:0;
  min-height:var(--auh-stat-height,132px);
  height:100%;
  scroll-snap-align:start;
  scroll-snap-stop:always;
}
.auh-dashboard-stats-shell .auh-stat-copy{min-width:0}
.auh-dashboard-stats-shell .auh-stat-copy span{
  overflow-wrap:anywhere;
}
.auh-stats-scroll-button{
  position:absolute;
  z-index:2;
  top:50%;
  width:38px;
  height:38px;
  border:1px solid #c8dce9;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:var(--auh-navy);
  background:#f7fcff;
  box-shadow:0 7px 18px rgba(1,82,157,.12);
  transform:translateY(-50%);
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,opacity .18s ease;
}
.auh-stats-scroll-button:hover:not(:disabled){
  color:#fff;
  background:var(--auh-navy);
  border-color:var(--auh-navy);
  box-shadow:0 9px 22px rgba(1,82,157,.22);
}
.auh-stats-scroll-button:focus-visible{
  outline:3px solid rgba(23,144,201,.25);
  outline-offset:2px;
}
.auh-stats-scroll-button:disabled{opacity:.35}
.auh-stats-scroll-button[hidden]{display:none}
.auh-stats-scroll-button svg{width:20px;height:20px}
.auh-stats-scroll-button.is-left{left:10px}
.auh-stats-scroll-button.is-left svg{transform:scaleX(-1)}
.auh-stats-scroll-button.is-right{right:10px}

@media(max-width:1180px){
  .auh-dashboard-stats-shell .auh-dashboard-stats{
    grid-template-columns:none;
    grid-auto-columns:max(210px,var(--auh-stats-card-width-tablet,calc(50% - 9px)));
  }
}
@media(max-width:720px){
  .auh-dashboard-stats-shell{padding:12px 43px 7px}
  .auh-dashboard-stats-shell.is-static{padding-inline:11px}
  .auh-dashboard-stats-shell .auh-dashboard-stats{
    grid-template-columns:none;
    grid-auto-columns:max(210px,var(--auh-stats-card-width-mobile,100%));
  }
  .auh-dashboard-stats-shell .auh-stat-card-configurable{
    min-height:max(112px,var(--auh-stat-height,132px));
    padding:16px;
    gap:13px;
  }
  .auh-dashboard-stats-shell .auh-stat-icon{
    width:46px;
    height:46px;
    border-radius:14px;
  }
  .auh-dashboard-stats-shell .auh-stat-icon svg{width:23px;height:23px}
  .auh-stats-scroll-button{width:34px;height:34px}
  .auh-stats-scroll-button.is-left{left:6px}
  .auh-stats-scroll-button.is-right{right:6px}
}
@media(max-width:420px){
  .auh-dashboard-stats-shell{padding-inline:38px}
  .auh-dashboard-stats-shell .auh-dashboard-stats{
    grid-auto-columns:max(205px,var(--auh-stats-card-width-mobile,100%));
  }
  .auh-stats-scroll-button{width:30px;height:30px}
  .auh-stats-scroll-button svg{width:18px;height:18px}
}
+
.auh-module-body{
  min-height:100vh;
  margin:0;
  overflow-x:hidden;
  background:#f3f8fc;
}
.auh-module-shell{
  min-height:100vh;
  display:grid;
  grid-template-columns:252px minmax(0,1fr);
  color:var(--auh-text);
  background:#f3f8fc;
}
.auh-module-sidebar{
  position:sticky;
  top:0;
  z-index:40;
  min-height:100vh;
  height:100vh;
  display:flex;
  flex-direction:column;
  color:#fff;
  background:linear-gradient(180deg,var(--auh-sidebar-start,#016aa8) 0%,var(--auh-sidebar-mid,#01529d) 48%,var(--auh-sidebar-end,#013f78) 100%);
  box-shadow:12px 0 32px rgba(1,57,104,.12);
}
[dir=rtl] .auh-module-sidebar{box-shadow:-12px 0 32px rgba(1,57,104,.12)}
.auh-module-brand{
  min-height:138px;
  padding:24px 22px;
  display:grid;
  place-items:center;
  border-bottom:1px solid rgba(255,255,255,.13);
}
.auh-module-brand img{display:block;width:134px;max-height:84px;object-fit:contain}
.has-auh-custom-brand-logo .auh-module-brand img{filter:brightness(0) invert(1)}
.auh-module-nav{padding:18px 12px;display:grid;gap:8px;overflow-y:auto}
.auh-module-nav button{
  width:100%;
  min-height:48px;
  padding:10px 14px;
  display:flex;
  align-items:center;
  gap:11px;
  color:#fff;
  border:1px solid transparent;
  border-radius:12px;
  background:transparent;
  text-align:start;
  cursor:pointer;
}
.auh-module-nav button:hover,.auh-module-nav button.is-active{
  border-color:rgba(255,255,255,.12);
  background:rgba(255,255,255,.16);
}
.auh-module-nav button span{width:24px;text-align:center;font-size:20px}
.auh-module-nav button strong{font-size:13px}
.auh-module-sidebar-footer{
  margin-top:auto;
  padding:14px 12px max(14px,env(safe-area-inset-bottom));
  display:grid;
  gap:7px;
  border-top:1px solid rgba(255,255,255,.13);
}
.auh-module-sidebar-footer a{
  padding:9px 12px;
  color:#fff;
  border:1px solid rgba(255,255,255,.22);
  border-radius:10px;
  text-decoration:none;
  text-align:center;
  font-size:12px;
}
.auh-module-main{min-width:0;display:flex;flex-direction:column}
.auh-module-topbar{
  position:sticky;
  top:0;
  z-index:30;
  min-height:82px;
  padding:14px clamp(16px,2.6vw,36px);
  display:flex;
  align-items:center;
  gap:16px;
  background:rgba(255,255,255,.96);
  border-bottom:1px solid var(--auh-border);
  box-shadow:0 6px 24px rgba(1,82,157,.06);
  backdrop-filter:blur(10px);
}
.auh-module-topbar>div:nth-child(2){min-width:0;display:grid;gap:4px}
.auh-module-topbar strong{color:var(--auh-navy);font-size:18px}
.auh-module-topbar small{color:var(--auh-muted);overflow-wrap:anywhere}
.auh-module-user{margin-inline-start:auto;display:flex;align-items:center;gap:10px;min-width:0}
.auh-module-user button,.auh-mobile-menu{
  min-width:40px;
  min-height:40px;
  border:1px solid var(--auh-border);
  border-radius:11px;
  color:var(--auh-navy);
  background:#fff;
  cursor:pointer;
}
.auh-module-user img{width:38px;height:38px;border-radius:50%;object-fit:cover;background:#e5f2f9}
.auh-module-user span{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:13px}
.auh-mobile-menu{display:none;font-size:21px}
.auh-module-page{width:100%;min-width:0;max-width:1680px;margin:0 auto;padding:clamp(18px,2.4vw,34px)}
.auh-module-content{min-width:0}
.auh-module-backdrop{display:none}
.auh-access-denied{min-height:100vh;padding:24px;display:grid;place-items:center}
.auh-access-card{max-width:520px;padding:36px;display:grid;justify-items:center;gap:20px;text-align:center;background:#fff;border:1px solid var(--auh-border);border-radius:24px;box-shadow:var(--auh-shadow)}
.auh-access-card img{width:180px;height:auto}
.auh-access-card h1{margin:0;color:var(--auh-navy)}
.auh-error-panel{margin:40px auto;padding:30px;max-width:680px;text-align:center;background:#fff;border:1px solid var(--auh-border);border-radius:20px}
.auh-toast-region{position:fixed;z-index:300;inset-inline-end:20px;bottom:20px;display:grid;gap:10px;max-width:min(420px,calc(100vw - 40px))}
.auh-toast{padding:14px 16px;display:flex;align-items:flex-start;gap:12px;border:1px solid var(--auh-border);border-inline-start:4px solid var(--auh-green);border-radius:14px;background:#fff;box-shadow:0 14px 36px rgba(5,45,79,.18)}
.auh-toast.error{border-inline-start-color:#d93a4a}.auh-toast svg{width:22px;height:22px;color:var(--auh-green);flex:none}.auh-toast.error svg{color:#d93a4a}.auh-toast strong,.auh-toast p{margin:0}.auh-toast p{margin-top:3px;color:var(--auh-muted);font-size:13px}

@media(max-width:980px){
  .auh-module-shell{display:block}
  .auh-module-sidebar{
    position:fixed;
    inset-block:0;
    inset-inline-start:0;
    width:min(290px,86vw);
    transform:translateX(-105%);
    transition:transform .22s ease;
  }
  [dir=rtl] .auh-module-sidebar{transform:translateX(105%)}
  .auh-module-shell.is-menu-open .auh-module-sidebar{transform:translateX(0)}
  .auh-mobile-menu{display:inline-grid;place-items:center;flex:none}
  .auh-module-backdrop{
    position:fixed;
    z-index:35;
    inset:0;
    border:0;
    background:rgba(3,31,54,.48);
  }
  .auh-module-shell.is-menu-open .auh-module-backdrop{display:block}
  .auh-module-user span{display:none}
}
@media(max-width:720px){
  .auh-module-topbar{min-height:70px;padding:10px 12px;gap:10px}
  .auh-module-topbar>div:nth-child(2) small{display:none}
  .auh-module-topbar strong{font-size:15px}
  .auh-module-user{gap:7px}
  .auh-module-user img{width:34px;height:34px}
  .auh-module-user button,.auh-mobile-menu{min-width:36px;min-height:36px}
  .auh-module-page{padding:14px 10px 24px}
  .auh-page-heading{align-items:flex-start}
  .auh-page-heading h1{font-size:23px}
  .auh-grid.two,.auh-grid.cards-4{grid-template-columns:1fr}
  .auh-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
}
