/* ==========================================================
   AURA FIT - ADMIN PANEL
   Dashboard · Users · SMTP · Email templates · Settings.
   Every class is prefixed .adm- ; colours come from tokens.css
   only, so light and dark both work without overrides.
   ========================================================== */

/* ---------------- section nav ---------------- */
.adm-nav{margin-top:var(--s3)}
.adm-topbadge{height:26px}

/* ---------------- page intro ---------------- */
.adm-intro{padding:var(--s5) 0 0}
.adm-intro__t{font-size:var(--fs-display);font-weight:800;letter-spacing:-.03em;line-height:var(--lh-tight)}
.adm-intro__s{font-size:var(--fs-sm);color:var(--text-2);margin-top:4px}

/* ---------------- stat tiles ---------------- */
.adm-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3);margin-top:var(--s5)}

/* ---------------- two-column blocks ---------------- */
.adm-two,.adm-cols,.adm-split{display:block}
.adm-cols__main,.adm-cols__side,.adm-split__list,.adm-split__main{min-width:0}

/* ---------------- key / value rows ---------------- */
.adm-kv__row{
  display:flex;align-items:center;justify-content:space-between;gap:var(--s3);
  min-height:48px;padding:var(--s2) 0;
  border-bottom:1px solid var(--divider);
}
.adm-kv__row:last-child{border-bottom:0}
.adm-kv__k{
  display:inline-flex;align-items:center;gap:var(--s2);
  font-size:var(--fs-sm);font-weight:600;color:var(--text-2);flex:none;
}
.adm-kv__k .ico{color:var(--text-3)}
.adm-kv__v{display:inline-flex;align-items:center;gap:var(--s1);min-width:0;text-align:right;justify-content:flex-end}
.adm-kv--tight .adm-kv__row{min-height:40px;padding:var(--s1) 0}
.adm-kv__row:has(+ .adm-kv__bar){border-bottom:0;padding-bottom:var(--s1)}
.adm-kv__bar{margin-bottom:var(--s3)}
.adm-kv__bar + .adm-kv__row{border-top:1px solid var(--divider)}

/* ---------------- activity feed ---------------- */
.adm-feed__row{display:flex;align-items:flex-start;gap:var(--s3);padding:var(--s3) var(--s4)}
.adm-feed__row + .adm-feed__row{border-top:1px solid var(--divider)}
.adm-feed__ico{
  width:34px;height:34px;border-radius:var(--r-sm);flex:none;
  display:flex;align-items:center;justify-content:center;
  background:var(--surface-tint);color:var(--accent-2);
}
.adm-feed__ico .ico{width:17px;height:17px}
.adm-feed__t{display:block;font-size:var(--fs-sm);font-weight:600;line-height:var(--lh-snug)}
.adm-feed__s{display:block;font-size:var(--fs-xs);color:var(--text-2);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.adm-feed__time{font-size:var(--fs-xxs);font-weight:600;color:var(--text-3);flex:none;white-space:nowrap;padding-top:3px}

/* ---------------- quick actions ---------------- */
.adm-quick{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}
.adm-quick .actbtn{color:var(--text)}
.adm-quick .actbtn .ico{color:var(--accent-2)}

/* ---------------- badges / pills ---------------- */
.adm-badge--danger{background:var(--danger-soft);color:var(--danger)}

.adm-pill{
  display:inline-flex;align-items:center;gap:6px;
  height:26px;padding:0 10px 0 9px;border-radius:var(--r-full);
  font-size:var(--fs-xxs);font-weight:700;letter-spacing:.01em;white-space:nowrap;
  background:var(--surface-2);color:var(--text-2);
}
.adm-pill i{width:7px;height:7px;border-radius:99px;background:currentColor;display:block;flex:none}
.adm-pill--ok{background:var(--success-soft);color:var(--success)}
.adm-pill--bad{background:var(--danger-soft);color:var(--danger)}
.adm-pill--info{background:var(--accent-soft);color:var(--accent-2)}
.adm-pill--warn{background:var(--surface-tint);color:var(--accent-2)}
.adm-pill--warn i{animation:blink 1.2s infinite both}

/* ---------------- avatar ---------------- */
.adm-av{
  width:36px;height:36px;border-radius:50%;flex:none;
  display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(140deg,var(--accent),var(--accent-2));
  color:var(--on-accent);font-size:var(--fs-xs);font-weight:800;letter-spacing:.02em;
}
.adm-av--lg{width:52px;height:52px;font-size:var(--fs-h3)}

/* ---------------- users: toolbar ---------------- */
.adm-toolbar{display:flex;flex-direction:column;gap:var(--s3);margin-top:var(--s5)}
.adm-toolbar__search{width:100%}
.adm-toolbar .chip [data-count]{color:inherit;opacity:.6;font-weight:600}
.adm-count{margin:var(--s3) 0 var(--s2);min-height:18px}

/* ---------------- users: table ---------------- */
.adm-tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.adm-table{width:100%;border-collapse:collapse;min-width:860px}
.adm-table th{
  text-align:left;font-size:var(--fs-xxs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--text-3);padding:var(--s3);white-space:nowrap;
  border-bottom:1px solid var(--border);background:var(--surface-2);
}
.adm-table th:first-child,.adm-table td:first-child{padding-left:var(--s4)}
.adm-table th:last-child,.adm-table td:last-child{padding-right:var(--s4)}
.adm-table td{
  padding:var(--s3);vertical-align:middle;white-space:nowrap;
  border-bottom:1px solid var(--divider);font-size:var(--fs-sm);
}
.adm-table tbody tr{transition:background-color var(--t-fast)}
.adm-table tbody tr:hover{background:var(--surface-2)}
.adm-table tbody tr:last-child td{border-bottom:0}
.adm-td-email__v{display:block;max-width:200px}
.adm-td-acts{text-align:right;width:1%}
.adm-td-acts .btn,.adm-td-acts .iconbtn{vertical-align:middle}
.adm-td-acts .iconbtn{width:34px;height:34px;margin-left:var(--s2)}
.adm-rowbtn{height:34px;padding:0 12px}

.adm-user{display:flex;align-items:center;gap:var(--s3);min-width:0;max-width:240px}
.adm-user__n{display:block;font-size:var(--fs-sm);font-weight:600;line-height:var(--lh-snug)}
.adm-user__e{display:block;font-size:var(--fs-xs);color:var(--text-2);margin-top:1px}

/* ---------------- floating action menu ---------------- */
.adm-menu{
  position:fixed;z-index:var(--z-modal);
  min-width:224px;padding:var(--s1);
  background:var(--surface);border:1px solid var(--border);
  border-radius:var(--r-sm);box-shadow:var(--sh-pop);
  opacity:0;transform:scale(.96) translateY(-4px);transform-origin:top right;
  transition:opacity var(--t-fast),transform var(--t-fast) var(--ease-spring);
}
.adm-menu.is-open{opacity:1;transform:none}
.adm-menu__item{
  display:flex;align-items:center;gap:var(--s3);width:100%;
  height:40px;padding:0 var(--s3);border-radius:var(--r-xs);
  font-size:var(--fs-sm);font-weight:600;color:var(--text);text-align:left;
  transition:background-color var(--t-fast);
}
.adm-menu__item:hover{background:var(--surface-2)}
.adm-menu__item .ico{width:17px;height:17px;color:var(--text-2)}
.adm-menu__item.is-danger,.adm-menu__item.is-danger .ico{color:var(--danger)}
.adm-menu__item.is-danger:hover{background:var(--danger-soft)}
.adm-menu__item.is-disabled{opacity:.45;cursor:not-allowed}
.adm-menu__item.is-disabled:hover{background:transparent}

/* ---------------- user detail modal ---------------- */
.adm-modal{max-width:460px;padding:var(--s5)}
.adm-modal__head{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s3)}
.adm-modal__n{font-size:var(--fs-h2);font-weight:700;letter-spacing:-.015em}
.adm-modal__e{font-size:var(--fs-xs);color:var(--text-2);margin-top:1px}
.adm-modal__acts{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s4)}
.adm-modal__acts .btn{flex:1 1 auto}

/* ---------------- forms ---------------- */
.adm-form2{display:grid;grid-template-columns:1fr;column-gap:var(--s4)}
.adm-span2{grid-column:1 / -1}
.adm-hint{font-size:var(--fs-xs);color:var(--text-3);margin-top:6px}
.adm-actions{display:flex;justify-content:flex-end;align-items:center;gap:var(--s3);flex-wrap:wrap;margin-top:var(--s2)}
.adm-actions .btn .spinner{width:16px;height:16px}

.adm-presets{
  display:flex;flex-direction:column;gap:var(--s2);
  margin-bottom:var(--s4);padding-bottom:var(--s4);border-bottom:1px solid var(--divider);
}
.adm-presets__l{
  display:inline-flex;align-items:center;gap:6px;flex:none;
  font-size:var(--fs-xxs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);
}
.adm-presets__l .ico{color:var(--accent-2)}
.adm-presets .chips{min-width:0}

/* ---------------- notes ---------------- */
.adm-note{
  display:flex;align-items:flex-start;gap:var(--s3);
  padding:var(--s4);border-radius:var(--r-md);background:var(--surface-tint);
}
.adm-note__ico{
  width:34px;height:34px;border-radius:var(--r-sm);flex:none;
  display:flex;align-items:center;justify-content:center;
  background:var(--surface);color:var(--accent-2);
}
.adm-note__t{font-size:var(--fs-sm);font-weight:700}
.adm-note__s{font-size:var(--fs-xs);color:var(--text-2);line-height:1.5;margin-top:3px}
.adm-note__s em{font-style:normal;font-weight:600;color:var(--text)}

/* ---------------- smtp test log ---------------- */
.adm-log{
  margin-top:var(--s3);padding:var(--s3);max-height:170px;overflow:auto;
  border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--border);
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:var(--fs-xxs);line-height:1.6;color:var(--text-2);
}
.adm-log[hidden]{display:none}
.adm-log__line{padding:1px 0;animation:fadeIn var(--t-fast) both;word-break:break-word}
.adm-log__line.is-ok{color:var(--success);font-weight:600}
.adm-log__line.is-bad{color:var(--danger);font-weight:600}

/* ---------------- email templates ---------------- */
.adm-tpl.is-active{background:var(--surface-tint)}
.adm-tpl.is-active .listrow__ico{background:var(--accent);color:var(--on-accent)}
.adm-tpl__t{display:flex;align-items:center;gap:var(--s2)}
.adm-tpl__mod{height:20px;padding:0 8px;font-size:var(--fs-xxs)}

.adm-textarea{min-height:260px;font-size:var(--fs-sm);line-height:1.6}

.adm-vars{margin:0 0 var(--s4)}
.adm-vars__l{display:flex;align-items:center;gap:6px;font-size:var(--fs-xs);font-weight:600;color:var(--text-2);margin-bottom:var(--s2)}
.adm-vars__list{display:flex;flex-wrap:wrap;gap:var(--s2)}
.adm-var{
  height:30px;padding:0 10px;border-radius:var(--r-xs);
  display:inline-flex;align-items:center;
  background:var(--surface-2);border:1px solid var(--border);
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:var(--fs-xs);color:var(--accent-2);
  transition:border-color var(--t-fast),background-color var(--t-fast),transform var(--t-fast);
}
.adm-var:hover{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-1px)}

.adm-preview{overflow:hidden}
.adm-preview__head{padding:var(--s4);background:var(--surface-2);border-bottom:1px solid var(--divider)}
.adm-preview__meta{display:flex;align-items:center;gap:var(--s3);font-size:var(--fs-xs);color:var(--text-2);min-width:0}
.adm-preview__meta + .adm-preview__meta{margin-top:3px}
.adm-preview__meta span:first-child{width:40px;flex:none;font-weight:600;color:var(--text-3)}
.adm-preview__subject{font-size:var(--fs-h3);font-weight:700;margin-top:var(--s3);line-height:var(--lh-snug)}
.adm-preview__body{
  padding:var(--s4);font-size:var(--fs-sm);line-height:1.65;
  white-space:pre-wrap;word-break:break-word;
}
.adm-var-hit{background:var(--accent-soft);color:var(--text);border-radius:4px;padding:0 3px}
.adm-var-miss{background:var(--danger-soft);color:var(--danger);border-radius:4px;padding:0 3px;font-weight:600}

/* ---------------- settings ---------------- */
.adm-toggle{display:flex;align-items:center;gap:var(--s3);padding:var(--s4)}
.adm-toggle + .adm-toggle{border-top:1px solid var(--divider)}
.adm-toggle__t{display:block;font-size:var(--fs-h3);font-weight:600;line-height:var(--lh-snug)}
.adm-toggle__s{display:block;font-size:var(--fs-xs);color:var(--text-2);margin-top:2px;line-height:1.45}

.adm-danger{border-color:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 32%,var(--border))}
.adm-danger__title{display:flex;align-items:center;gap:var(--s2);color:var(--danger)}
.adm-danger__title .ico{width:18px;height:18px}
.adm-danger__row{display:flex;align-items:center;gap:var(--s4);padding:var(--s4)}
.adm-danger__row + .adm-danger__row{border-top:1px solid var(--divider)}
.adm-danger__row .btn{flex:none}
.adm-danger__t{display:block;font-size:var(--fs-h3);font-weight:600;line-height:var(--lh-snug)}
.adm-danger__s{display:block;font-size:var(--fs-xs);color:var(--text-2);margin-top:2px;line-height:1.45}

/* ==========================================================
   NARROW  < 520px  - stack buttons full width
   ========================================================== */
@media (max-width:519px){
  .adm-actions{flex-direction:column-reverse;align-items:stretch}
  .adm-actions .btn{width:100%}
  .adm-danger__row{flex-wrap:wrap}
  .adm-danger__row .grow{flex-basis:100%}
  .adm-danger__row .btn{width:100%}
  .adm-modal__acts .btn{flex-basis:calc(50% - var(--s1))}
}

/* ==========================================================
   MOBILE  < 720px  - the user table collapses into cards
   ========================================================== */
@media (max-width:719px){
  .adm-table{min-width:0}
  .adm-table,.adm-table tbody,.adm-table tr,.adm-table td{display:block;white-space:normal}
  .adm-table thead{display:none}
  .adm-table tbody tr{
    background:var(--surface);border:1px solid var(--border);
    border-radius:var(--r-md);box-shadow:var(--sh-card);
    padding:var(--s3) var(--s4);margin-bottom:var(--s3);
  }
  .adm-table tbody tr:hover{background:var(--surface)}
  .adm-table tbody tr:last-child{margin-bottom:0}
  .adm-table td{
    display:flex;align-items:center;justify-content:space-between;gap:var(--s3);
    padding:var(--s2) 0;border-bottom:1px solid var(--divider);
  }
  .adm-table tbody tr:last-child td{border-bottom:1px solid var(--divider)}
  .adm-table td[data-label]::before{
    content:attr(data-label);flex:none;
    font-size:var(--fs-xs);font-weight:600;color:var(--text-3);
  }
  .adm-table td.adm-td-user{padding:var(--s1) 0 var(--s3)}
  .adm-table td.adm-td-email{display:none}
  .adm-table td.adm-td-acts,.adm-table tbody tr:last-child td.adm-td-acts{
    width:auto;border-bottom:0;padding:var(--s3) 0 var(--s1);justify-content:flex-end;gap:var(--s2);
  }
  .adm-td-acts .iconbtn{margin-left:0}
  .adm-user{width:100%}
}

/* ==========================================================
   TABLET  >= 720px
   ========================================================== */
@media (min-width:720px){
  .adm-stats{grid-template-columns:repeat(4,1fr);gap:var(--s4)}
  .adm-quick{grid-template-columns:repeat(4,1fr)}
  .adm-form2{grid-template-columns:1fr 1fr}
  .adm-presets{flex-direction:row;align-items:center;gap:var(--s3)}
  .adm-toolbar{flex-direction:row;align-items:center}
  .adm-toolbar__search{flex:1;min-width:0}
  .adm-toolbar .chips{flex:none}
  .adm-tablewrap{
    background:var(--surface);border:1px solid var(--border);
    border-radius:var(--r-md);box-shadow:var(--sh-card);
  }
  .adm-user__e{display:none}
}

/* ==========================================================
   DESKTOP  >= 1024px  - multi-column layouts
   ========================================================== */
@media (min-width:1024px){
  .adm-nav{margin-top:var(--s4)}
  .adm-two{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--s6);align-items:start}
  .adm-cols{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:0 var(--s6);align-items:start}
  .adm-split{display:grid;grid-template-columns:300px minmax(0,1fr);gap:0 var(--s6);align-items:start}
  .adm-split__list{position:sticky;top:calc(var(--topbar-h) + var(--s4))}
  .adm-split__main > .sec:first-child{margin-top:var(--s6)}
}

@media (min-width:1400px){
  .adm-split{grid-template-columns:320px minmax(0,1fr)}
  .adm-cols{grid-template-columns:minmax(0,1fr) 380px}
}

/* ==========================================================
   ADMIN CONSOLE SHELL (admin.html)
   The console has five sections, one more than the user app,
   so its tab bar needs its own column count.
   ========================================================== */
.adm-tabbar{grid-template-columns:repeat(5,1fr)}
.adm-tabbar .tabbar__btn{font-size:11px;gap:3px}
.adm-tabbar .tabbar__btn .ico{width:20px;height:20px}

/* the console has no floating "+" */
.adm-app .fab{display:none}

/* Console controls remain usable on touch devices and narrow laptops. */
.adm-td-acts .iconbtn{width:44px;height:44px}
.adm-rowbtn,.adm-menu__item,.adm-var{height:auto;min-height:44px}
.adm-pill--info,.adm-pill--warn,.adm-var{color:var(--accent-text)}
.adm-kv__v,.adm-modal__e,.adm-user__n,.adm-note__s,.adm-feed__t,.adm-intro__s{overflow-wrap:anywhere}
.adm-two > *,.adm-stats > *{min-width:0}
.adm-menu{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow-y:auto}
@media (min-width:1024px) and (max-width:1279px){
  .adm-cols{grid-template-columns:minmax(0,1fr)}
  .adm-split{grid-template-columns:220px minmax(0,1fr);gap:var(--s4)}
  .adm-toolbar{flex-wrap:wrap}
  .adm-toolbar__search{flex-basis:100%}
}
@media (max-width:479px){
  .adm-kv__row{flex-wrap:wrap}
  .adm-kv__v{max-width:100%;margin-left:auto}
  .adm-modal__acts .btn{flex-basis:100%}
}

/* section chips duplicate the sidebar on desktop */
@media (min-width:1024px){
  .adm-app .adm-nav{display:none}
}

.adm-question-grid{display:grid;grid-template-columns:1fr;gap:2px 16px}
.af-admin-app .af-admin-view{padding-bottom:40px}
.af-admin-app .topbar{position:sticky}
@media(min-width:720px){.adm-question-grid{grid-template-columns:1fr 1fr}.adm-question-grid .field:nth-child(5),.adm-question-grid .field:nth-child(6),.adm-question-grid .field:nth-child(7){grid-column:span 1}}

/* In-app admin console uses the same compact bottom navigation language as Aura Fit. */
.af-admin-app .adm-tabbar{grid-template-columns:repeat(2,1fr);display:grid;position:fixed;left:12px;right:12px;bottom:calc(var(--safe-b) + 10px);z-index:var(--z-sticky);max-width:760px;margin:0 auto;border:1px solid var(--border);border-radius:24px;background:color-mix(in srgb,var(--surface) 86%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:var(--sh-pop);overflow:hidden}
.af-admin-app .adm-tabbar .tabbar__btn{min-height:58px;font-size:11px;gap:3px}
.af-admin-app .adm-tabbar .tabbar__btn.is-active{color:var(--text);background:var(--surface-tint)}
.af-admin-app .af-admin-view{padding-bottom:110px}
@media(min-width:1024px){.af-admin-app .adm-tabbar{max-width:520px;left:auto;right:24px}.af-admin-app .af-admin-view{padding-bottom:70px}}

/* Compact user management rows and full detail view. */
.adm-user-list{display:grid;gap:8px;margin-top:8px}
.adm-user-card{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:11px 12px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);box-shadow:none;min-height:62px;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}
.adm-user-card:hover{background:var(--surface-2);border-color:var(--border-2);transform:translateY(-1px)}
.adm-user-card__body{min-width:0;flex:1;display:flex;flex-direction:column}
.adm-user-card__name{font-size:var(--fs-sm);font-weight:700;line-height:1.3;overflow-wrap:anywhere}
.adm-user-card__meta{font-size:var(--fs-xs);color:var(--text-2);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.adm-user-card__status{flex:none}
.adm-user-card__chev{color:var(--text-3);display:flex}
.adm-av--photo{overflow:hidden;padding:0}
.adm-av--photo img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}
.adm-detail-page{padding-bottom:20px}
.adm-detail-hero{display:flex;align-items:center;gap:16px;margin-top:var(--s4)}
.adm-detail-photo .adm-av{width:76px;height:76px;font-size:26px}
.adm-detail-name{font-size:var(--fs-h2);font-weight:800;overflow-wrap:anywhere}
.adm-detail-email{font-size:var(--fs-sm);color:var(--text-2);margin-top:3px;overflow-wrap:anywhere}
.adm-detail-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.adm-detail-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.adm-detail-actions .btn{flex:1 1 160px}
@media(max-width:520px){.adm-user-card{padding:10px}.adm-user-card__status{display:none}.adm-detail-hero{align-items:flex-start}.adm-detail-photo .adm-av{width:68px;height:68px}.adm-detail-actions .btn{flex-basis:100%}}
\n\n/* Ora Console topbar */\n.ora-console-brand{display:inline-flex;align-items:center;gap:9px;font-size:15px;font-weight:800;letter-spacing:-.02em;color:var(--text);white-space:nowrap}\n.ora-console-brand__dot{width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 0 5px var(--accent-soft),0 0 18px color-mix(in srgb,var(--accent) 35%,transparent)}\n.ora-open-app{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 14px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:999px;background:color-mix(in srgb,var(--surface) 62%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 28px color-mix(in srgb,#000 18%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 12%,transparent);color:var(--text);font-size:12px;font-weight:750;text-decoration:none;transition:transform .18s ease,background-color .18s ease,border-color .18s ease}\n.ora-open-app:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--surface-2) 76%,transparent);border-color:var(--border-2);color:var(--text);text-decoration:none}\n.ora-open-app .ico{width:16px;height:16px;color:var(--accent-2)}\n@media(max-width:560px){.ora-console-brand{font-size:14px}.ora-open-app{min-height:38px;padding:0 12px}.ora-open-app span{display:inline}.topbar__title{display:none}}\n
/* Final mobile admin navigation alignment */
.af-admin-app .adm-tabbar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.af-admin-app .adm-tabbar .tabbar__btn { width:100%; min-width:0; flex:1 1 0; justify-content:center; padding-left:8px; padding-right:8px; }
.af-admin-app .adm-tabbar .tabbar__btn span { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
@media(max-width:719px){ .af-admin-app .topbar { padding-left:14px; padding-right:14px; } .af-admin-app .adm-tabbar{left:10px;right:10px;bottom:calc(var(--safe-b) + 8px);border-radius:22px;} .af-admin-app .adm-tabbar .tabbar__btn{min-height:56px;} }

/* ==========================================================
   Ora Console polish: mobile glass action + centered nav
   ========================================================== */
.ora-console-brand{
  font-size:19px;
  font-weight:800;
  letter-spacing:-.035em;
  gap:9px;
  color:transparent;
  background:linear-gradient(100deg,#f6b08f 0%,#f2c08f 22%,#d8a5ff 48%,#8fd8ff 72%,#f3a8c9 100%);
  -webkit-background-clip:text;
  background-clip:text;
  text-shadow:0 0 22px rgba(222,166,255,.10);
}
.ora-console-brand__dot{
  width:9px;height:9px;
  background:linear-gradient(135deg,#f4b08f,#c99cff,#8edbff);
  box-shadow:0 0 0 4px rgba(210,165,255,.10),0 0 18px rgba(195,155,255,.24);
}
.ora-open-app{
  min-height:42px;
  padding:0 15px;
  gap:8px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.035));
  backdrop-filter:blur(18px) saturate(130%);
  -webkit-backdrop-filter:blur(18px) saturate(130%);
  box-shadow:0 10px 30px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.10),inset 0 -1px 0 rgba(255,255,255,.025);
  color:var(--text);
  font-size:12px;
  font-weight:750;
}
.ora-open-app .ico{width:17px;height:17px;color:#efb49b}
.ora-open-app:hover,.ora-open-app:focus-visible{
  background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.05));
  border-color:rgba(255,255,255,.18);
  color:var(--text);
  transform:translateY(-1px);
}

/* Keep the two admin tabs perfectly centered and equal on mobile. */
.af-admin-app .adm-tabbar{
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%);
  width:calc(100% - 24px);
  max-width:520px;
  box-sizing:border-box;
  grid-template-columns:repeat(2,minmax(0,1fr));
  margin:0;
  overflow:hidden;
}
.af-admin-app .adm-tabbar .tabbar__btn{
  min-width:0;
  width:100%;
  box-sizing:border-box;
  margin:0;
  border-radius:0;
}
.af-admin-app .adm-tabbar .tabbar__btn + .tabbar__btn{
  border-left:1px solid var(--divider);
}
@media(max-width:719px){
  .af-admin-app .adm-tabbar{
    left:50% !important;
    right:auto !important;
    width:calc(100% - 24px);
    bottom:calc(var(--safe-b) + 8px);
    transform:translateX(-50%);
    border-radius:22px;
  }
  .af-admin-app .topbar{padding-left:16px;padding-right:16px}
  .ora-console-brand{font-size:18px}
  .ora-open-app{min-height:40px;padding:0 13px}
}

/* Admin Console top-right action: match the user Account Admin Panel button. */
.af-admin-app .ora-open-user-app{ text-decoration:none; cursor:pointer; }
.af-admin-app .ora-open-user-app:hover{ color:var(--text); text-decoration:none; }

/* Aura Console navigation alignment */
.adm-app .sidebar__nav{gap:6px;}
.adm-app .sidebar__lbl{padding-left:12px;padding-right:12px;margin-top:22px;margin-bottom:8px;}
.adm-app .sidebar__btn{width:100%;box-sizing:border-box;justify-content:flex-start;min-width:0;}
.adm-app .sidebar__btn .ico{flex:0 0 21px;}
.adm-app .sidebar__btn span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.adm-app .sidebar__nav > .sidebar__btn + .sidebar__btn{margin-top:1px;}
.adm-app .topbar__side--l,.adm-app .topbar__side--r{display:flex;align-items:center;min-width:0;}
.adm-app .topbar__side--l{justify-content:flex-start;}
.adm-app .topbar__side--r{justify-content:flex-end;}
@media(min-width:720px){.adm-app .topbar{grid-template-columns:minmax(170px,1fr) auto minmax(170px,1fr);column-gap:18px;} .adm-app .topbar__title{text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}}
@media(max-width:719px){.adm-app .topbar__side--l{max-width:52%;}.adm-app .topbar__side--r{max-width:48%;}.adm-app .ora-console-brand{max-width:100%;overflow:hidden;text-overflow:ellipsis;}}
\n\n/* ==========================================================\n   ADMIN NAV / BRAND / DASHBOARD UPDATES\n   ========================================================== */\n.admin-top-brand{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:var(--text);font-size:20px;font-weight:800;letter-spacing:-.035em;line-height:1}\n.admin-top-brand em{font-style:normal;color:var(--accent-2)}\n.admin-top-brand:hover{color:var(--text)}\n.adm-account{display:flex;align-items:center;gap:14px}\n.adm-account__name{font-size:var(--fs-h3);font-weight:750;line-height:1.25}\n.adm-account__email{font-size:var(--fs-sm);color:var(--text-2);margin-top:4px;overflow-wrap:anywhere}\n.adm-ratios{display:grid;gap:14px}\n.adm-ratio>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:var(--fs-sm);font-weight:650;margin-bottom:6px}\n.adm-ratio strong{font-size:var(--fs-sm);color:var(--accent-2)}\n.adm-tabbar{grid-template-columns:repeat(3,1fr)!important}\n.adm-tabbar.tabbar{position:fixed;left:50%;right:auto;bottom:calc(10px + var(--safe-b));transform:translateX(-50%);z-index:var(--z-nav);width:min(520px,calc(100vw - 24px));height:68px;padding:6px;display:grid;gap:4px;background:color-mix(in srgb,var(--surface) 82%,transparent);backdrop-filter:saturate(180%) blur(22px);-webkit-backdrop-filter:saturate(180%) blur(22px);border:1px solid color-mix(in srgb,var(--border) 85%,white 15%);border-radius:30px;box-shadow:0 16px 42px rgba(20,16,14,.18),0 4px 14px rgba(20,16,14,.10),inset 0 1px 0 rgba(255,255,255,.55);overflow:visible}\n.adm-tabbar .tabbar__btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-2);font-size:var(--fs-xxs);font-weight:650;position:relative;border-radius:23px;min-width:0}\n.adm-tabbar .tabbar__btn:hover{color:var(--text);background:color-mix(in srgb,var(--surface-2) 70%,transparent)}\n.adm-tabbar .tabbar__btn.is-active{color:var(--text);background:var(--surface-tint);box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 4px 12px rgba(20,16,14,.07)}\n.adm-tabbar .tabbar__btn .ico{width:22px;height:22px}\n.adm-app .view{padding-bottom:calc(var(--tabbar-h) + var(--safe-b) + 92px)}\n@media(max-width:380px){.adm-tabbar.tabbar{width:calc(100vw - 16px);bottom:calc(8px + var(--safe-b));height:64px;border-radius:27px;padding:5px}.adm-tabbar .tabbar__btn{border-radius:21px;font-size:11px}}\n@media(min-width:720px) and (max-width:1023px){.adm-tabbar.tabbar{bottom:calc(16px + var(--safe-b));height:70px;width:min(560px,calc(100vw - 48px));border-radius:32px}}\n@media(min-width:1024px){.adm-tabbar.tabbar{display:grid}.adm-app .view{padding-bottom:110px}}\n
/* Admin top brand: centered AuraFit link */
.admin-aurafit-home{color:inherit;text-decoration:none;font:inherit;font-weight:700;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 10px}
.admin-aurafit-home:active{opacity:.72}
.af-admin-app .topbar__title{display:flex;align-items:center;justify-content:center}


/* ==========================================================
   ADMIN DASHBOARD POLISH
   ========================================================== */
.adm-stat-link{position:relative;display:block;width:100%;text-align:left;border:1px solid var(--border);cursor:pointer;color:var(--text);transition:transform .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease}
.adm-stat-link:hover{transform:translateY(-2px);background:var(--surface-2);border-color:var(--border-2);box-shadow:var(--sh-card)}
.adm-stat-link:active{transform:translateY(0) scale(.99)}
.adm-stat-arrow{position:absolute;right:12px;bottom:11px;color:var(--text-3);opacity:.8}
.adm-account-section{margin-top:var(--s4)}
.adm-overview-intro{padding-top:var(--s5)}
.adm-ratios--round{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:center;justify-items:center}
.adm-ratio-circle{display:flex;justify-content:center;align-items:center}
.adm-ratio-ring{--pct:0%;width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent-2) var(--pct),var(--surface-2) 0);position:relative}
.adm-ratio-ring::before{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--surface);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.adm-ratio-center{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;line-height:1.1}
.adm-ratio-center strong{font-size:17px;font-weight:800;color:var(--text)}
.adm-ratio-center span{font-size:10px;color:var(--text-2);margin-top:4px}
.adm-quick--single{display:block}
.adm-quick--single .actbtn{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border:1px solid var(--border);border-radius:18px;padding:14px 16px;background:var(--surface);color:var(--text)}
.adm-quick--single .actbtn>span{display:flex;flex-direction:column;gap:3px;flex:1}
.adm-quick--single .actbtn strong{font-size:var(--fs-sm)}
.adm-quick--single .actbtn small{font-size:var(--fs-xs);color:var(--text-2)}
.adm-quick--single .actbtn>.ico:last-child{color:var(--text-3)}
.adm-quick--single .actbtn:hover{background:var(--surface-2);border-color:var(--border-2)}
.admin-top-brand{gap:7px}
.admin-top-brand span{font-size:.72em;font-weight:650;color:var(--text-2);letter-spacing:-.01em}
.adm-tabbar.tabbar{border-radius:999px;padding:5px;gap:6px}
.adm-tabbar .tabbar__btn{border-radius:999px;min-height:52px;padding:0 12px;transition:background-color .18s ease,transform .18s ease}
.adm-tabbar .tabbar__btn.is-active{border-radius:999px;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 4px 14px rgba(20,16,14,.08)}
@media(max-width:520px){
  .adm-ratio-ring{width:78px;height:78px}
  .adm-ratio-ring::before{inset:7px}
  .adm-ratio-center strong{font-size:15px}
  .adm-ratio-center span{font-size:9px}
  .adm-tabbar .tabbar__btn{min-height:50px;padding:0 8px}
}


/* Final dashboard account + settings card polish */
.admin-top-brand{gap:0;font-size:19px;font-weight:800;letter-spacing:-.035em;white-space:nowrap}
.admin-top-brand:hover,.admin-top-brand:focus{color:var(--text);text-decoration:none}
.adm-account-card{padding:18px 20px}
.adm-account{display:flex;align-items:center;gap:16px;min-width:0}
.adm-account .adm-av{width:68px;height:68px;min-width:68px;border-radius:50%;font-size:22px}
.adm-account__details{min-width:0;display:flex;flex-direction:column;justify-content:center}
.adm-account__name{font-size:var(--fs-h3);font-weight:800;line-height:1.2;overflow-wrap:anywhere}
.adm-account__email{font-size:var(--fs-sm);color:var(--text-2);margin-top:6px;overflow-wrap:anywhere}
.adm-settings-card{width:100%;display:flex;align-items:center;gap:16px;text-align:left;padding:18px 18px;border:1px solid var(--border);border-radius:22px;background:linear-gradient(145deg,var(--surface),var(--surface-2));color:var(--text);box-shadow:0 10px 28px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.05);cursor:pointer;transition:transform .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease}
.adm-settings-card:hover{transform:translateY(-2px);border-color:var(--border-2);box-shadow:0 14px 34px rgba(0,0,0,.12)}
.adm-settings-card:active{transform:scale(.99)}
.adm-settings-card__icon{width:52px;height:52px;min-width:52px;border-radius:16px;display:grid;place-items:center;background:var(--surface-tint);color:var(--accent-2);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.adm-settings-card__icon .ico{width:25px;height:25px}
.adm-settings-card__copy{min-width:0;display:flex;flex-direction:column;gap:5px;flex:1}
.adm-settings-card__copy strong{font-size:16px;font-weight:800;line-height:1.2}
.adm-settings-card__copy small{font-size:var(--fs-xs);color:var(--text-2);line-height:1.45}
.adm-settings-card__arrow{color:var(--text-3);display:flex;align-items:center}
@media(max-width:420px){
  .adm-account-card{padding:16px}
  .adm-account{gap:13px}
  .adm-account .adm-av{width:60px;height:60px;min-width:60px;font-size:20px}
  .adm-account__name{font-size:17px}
  .adm-account__email{font-size:13px}
  .adm-settings-card{padding:16px;gap:12px;border-radius:20px}
  .adm-settings-card__icon{width:48px;height:48px;min-width:48px;border-radius:15px}
}

/* Final User Management profile header: avatar left, name/email to the right. */
.adm-detail-hero{display:flex!important;flex-direction:row!important;align-items:center!important;gap:16px!important}
.adm-detail-hero .adm-detail-photo{flex:0 0 auto!important;display:flex;align-items:center}
.adm-detail-hero .grow{flex:1 1 auto!important;min-width:0!important;display:flex;flex-direction:column;align-items:flex-start;text-align:left}
.adm-detail-hero .adm-detail-name,.adm-detail-hero .adm-detail-email,.adm-detail-hero .adm-detail-badges{width:100%;text-align:left}
@media(max-width:520px){.adm-detail-hero{flex-direction:row!important;align-items:center!important}.adm-detail-photo .adm-av{width:68px;height:68px}.adm-detail-hero .adm-detail-name{font-size:var(--fs-h3)}}

/* Standalone admin navigation: keep the active item fully pill-shaped. */
.af-admin-app .adm-tabbar .tabbar__btn,
.adm-app .adm-tabbar .tabbar__btn,
.af-admin-app .adm-tabbar .tabbar__btn.is-active,
.adm-app .adm-tabbar .tabbar__btn.is-active { border-radius:999px !important; }