/* =========================================================================
   N9dar Core — auth forms & dashboard
   Inherits design tokens from the n9dar-info theme (--n9dar-primary...);
   falls back to the brand defaults below if the theme isn't active, so
   this plugin keeps working standalone.
   ========================================================================= */
/* ---------- Auth cards ---------- */
.n9dar-auth-card {
	max-width: 440px; margin-inline: auto; background: var(--n9dar-surface, #FFFFFF); border-radius: var(--n9dar-radius-lg, 28px);
	padding: 40px; box-shadow: var(--n9dar-shadow, 0 12px 32px rgba(15,27,45,.08)); border: 1px solid var(--n9dar-border, #E3E8F0);
}
.n9dar-auth-card h2 { margin-bottom: 20px; font-family: 'Poppins', sans-serif; }
.n9dar-auth-form { display: flex; flex-direction: column; gap: 16px; }
.n9dar-field { display: flex; flex-direction: column; gap: 6px; }
.n9dar-field label { font-size: 13px; font-weight: 600; }
.n9dar-field input, .n9dar-field textarea, .n9dar-field select {
	padding: 12px 14px; border-radius: var(--n9dar-radius-sm, 10px); border: 1px solid var(--n9dar-border, #E3E8F0); font-family: inherit; font-size: 15px; background: var(--n9dar-bg, #F8FAFC);
	transition: border-color .2s var(--n9dar-ease, cubic-bezier(0.16, 1, 0.3, 1)), box-shadow .2s var(--n9dar-ease, cubic-bezier(0.16, 1, 0.3, 1));
}
.n9dar-field input:focus, .n9dar-field textarea:focus, .n9dar-field select:focus {
	outline: none; border-color: var(--n9dar-primary, #33518C); box-shadow: 0 0 0 3px rgba(51,81,140,.12);
}
.n9dar-field-row { display: flex; gap: 14px; flex-wrap: wrap; }
.n9dar-field-row .n9dar-field { flex: 1; min-width: 160px; }
.n9dar-field--inline { flex-direction: row; align-items: center; justify-content: space-between; font-size: 13px; }
.n9dar-field--inline a { color: var(--n9dar-primary, #33518C); }
.n9dar-auth-msg { font-size: 13px; min-height: 18px; color: var(--n9dar-success, #28A745); }
.n9dar-auth-msg.is-error { color: var(--n9dar-danger, #D63638); }
.n9dar-auth-divider { text-align: center; position: relative; margin: 8px 0; color: var(--n9dar-muted, #94A3B8); font-size: 13px; }
.n9dar-auth-social { display: flex; flex-direction: column; gap: 10px; }
.n9dar-auth-switch { text-align: center; margin-top: 20px; font-size: 14px; }
.n9dar-auth-switch a { color: var(--n9dar-primary, #33518C); font-weight: 600; }
.n9dar-role-toggle { display: flex; gap: 8px; margin-bottom: 20px; background: var(--n9dar-bg, #F8FAFC); padding: 6px; border-radius: 999px; }
.n9dar-role-toggle button { flex: 1; border: none; background: transparent; padding: 10px; border-radius: 999px; font-weight: 600; font-size: 14px; transition: background .2s var(--n9dar-ease, cubic-bezier(0.16, 1, 0.3, 1)), color .2s var(--n9dar-ease, cubic-bezier(0.16, 1, 0.3, 1)); }
.n9dar-role-toggle button.is-active { background: var(--n9dar-primary, #33518C); color: #fff; }

.n9dar-btn--sm { padding: 8px 16px; font-size: 13px; }

/* Honeypot — invisible to people, tempting to bots. */
.n9dar-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; margin: 0; }
.g-recaptcha { margin-bottom: 4px; }

/* ---------- Dashboard shell ---------- */
.n9dar-dashboard { display: grid; grid-template-columns: 272px 1fr; gap: 28px; align-items: start; }

.n9dar-dashboard__sidebar {
	background: var(--n9dar-surface, #FFFFFF); border: 1px solid var(--n9dar-border, #E3E8F0); border-radius: var(--n9dar-radius-lg, 28px);
	padding: 24px; position: sticky; top: 96px; box-shadow: var(--n9dar-shadow-sm, 0 2px 8px rgba(15,27,45,.06)); overflow: hidden;
}
.n9dar-dashboard__sidebar::before {
	content: ''; position: absolute; inset-inline-start: 0; inset-block-start: 0; width: 100%; height: 64px;
	background-image: var(--n9dar-zellige, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%2333518C' stroke-width='1.4'%3E%3Cpath d='M48 4 L84 48 L48 92 L12 48 Z'/%3E%3Cpath d='M48 4 L48 92 M12 48 L84 48' stroke-width='1'/%3E%3Ccircle cx='48' cy='48' r='16'/%3E%3C/g%3E%3C/svg%3E")); background-size: 64px 64px; opacity: .05;
	-webkit-mask-image: linear-gradient(180deg, #000, transparent); mask-image: linear-gradient(180deg, #000, transparent);
	pointer-events: none;
}
.n9dar-dashboard__user { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; position: relative; }
.n9dar-dashboard__user img { border-radius: 50%; box-shadow: 0 0 0 3px var(--n9dar-tint, #EEF4FF); }
.n9dar-role-badge { display: inline-block; font-size: 11px; background: var(--n9dar-tint, #EEF4FF); color: var(--n9dar-primary, #33518C); padding: 3px 10px; border-radius: 999px; font-weight: 600; margin-top: 4px; }
.n9dar-dashboard__nav { display: flex; flex-direction: column; gap: 4px; }
.n9dar-dashboard__nav-item {
	display: flex; align-items: center; gap: 10px; padding: 11px 14px; border-radius: var(--n9dar-radius-sm, 10px); border: none;
	background: transparent; font-size: 14px; font-weight: 500; text-align: start; width: 100%; color: var(--n9dar-ink, #0F1B2D);
	transition: background .18s var(--n9dar-ease, cubic-bezier(0.16, 1, 0.3, 1)), color .18s var(--n9dar-ease, cubic-bezier(0.16, 1, 0.3, 1));
}
.n9dar-dashboard__nav-item:hover { background: var(--n9dar-tint, #EEF4FF); }
.n9dar-dashboard__nav-item i { width: 18px; color: var(--n9dar-muted, #94A3B8); }
.n9dar-dashboard__nav-item.is-active { background: var(--n9dar-gradient, linear-gradient(135deg, #33518C 0%, #E01E5E 100%)); color: #fff; box-shadow: var(--n9dar-shadow-sm, 0 2px 8px rgba(15,27,45,.06)); }
.n9dar-dashboard__nav-item.is-active i { color: #fff; }
.n9dar-dashboard__logout { margin-top: 16px; border-top: 1px solid var(--n9dar-border, #E3E8F0); padding-top: 16px; color: var(--n9dar-danger, #D63638); }
.n9dar-dashboard__logout:hover { background: #fdecea; }

.n9dar-dashboard__topbar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; padding-bottom: 18px; border-bottom: 1px solid var(--n9dar-border, #E3E8F0); }
.n9dar-dashboard__title { font-size: 22px; font-weight: 800; letter-spacing: -.01em; margin: 0; }
.n9dar-notif-bell { position: relative; cursor: pointer; font-size: 19px; color: var(--n9dar-ink-soft, #475467); width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--n9dar-surface, #FFFFFF); border: 1px solid var(--n9dar-border, #E3E8F0); transition: background .18s var(--n9dar-ease, cubic-bezier(0.16, 1, 0.3, 1)); }
.n9dar-notif-bell:hover { background: var(--n9dar-tint, #EEF4FF); }
.n9dar-notif-count {
	position: absolute; top: -4px; inset-inline-end: -4px; background: var(--n9dar-danger, #D63638); color: #fff;
	font-size: 10px; border-radius: 999px; padding: 1px 5px; font-weight: 700; line-height: 1.4;
}
.n9dar-notif-panel {
	position: absolute; inset-inline-end: 0; top: 48px; width: 320px; background: var(--n9dar-surface, #FFFFFF); border: 1px solid var(--n9dar-border, #E3E8F0);
	border-radius: var(--n9dar-radius, 16px); box-shadow: var(--n9dar-shadow-lg, 0 24px 60px rgba(51,81,140,.16)); max-height: 360px; overflow-y: auto; z-index: 50;
}
.n9dar-notif-item { padding: 12px 16px; border-bottom: 1px solid var(--n9dar-bg, #F8FAFC); font-size: 13px; }
.n9dar-notif-item strong { display: block; margin-bottom: 2px; }
.n9dar-notif-item span { color: var(--n9dar-muted, #94A3B8); font-size: 11px; }
.n9dar-notif-empty { padding: 20px; text-align: center; color: var(--n9dar-muted, #94A3B8); font-size: 13px; }

.n9dar-tab-panel { display: none; }
.n9dar-tab-panel.is-active { display: block; animation: n9darFadeIn .3s var(--n9dar-ease, cubic-bezier(0.16, 1, 0.3, 1)) both; }
@keyframes n9darFadeIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }

.n9dar-stat-row { display: flex; gap: 16px; flex-wrap: wrap; margin-bottom: 32px; }
.n9dar-mini-stat {
	background: var(--n9dar-surface, #FFFFFF); border: 1px solid var(--n9dar-border, #E3E8F0); border-radius: var(--n9dar-radius, 16px); padding: 18px 24px; min-width: 150px; flex: 1;
	box-shadow: var(--n9dar-shadow-sm, 0 2px 8px rgba(15,27,45,.06)); transition: transform .18s var(--n9dar-ease, cubic-bezier(0.16, 1, 0.3, 1)), box-shadow .18s var(--n9dar-ease, cubic-bezier(0.16, 1, 0.3, 1));
}
.n9dar-mini-stat:hover { transform: translateY(-2px); box-shadow: var(--n9dar-shadow, 0 12px 32px rgba(15,27,45,.08)); }
.n9dar-mini-stat strong { display: block; font-size: 28px; font-weight: 800; color: var(--n9dar-primary, #33518C); letter-spacing: -.01em; }
.n9dar-mini-stat span { font-size: 13px; color: var(--n9dar-ink-soft, #475467); }

.n9dar-table { width: 100%; border-collapse: collapse; background: var(--n9dar-surface, #FFFFFF); border: 1px solid var(--n9dar-border, #E3E8F0); border-radius: var(--n9dar-radius, 16px); overflow: hidden; }
.n9dar-table th, .n9dar-table td { padding: 12px 16px; text-align: start; font-size: 14px; border-bottom: 1px solid var(--n9dar-bg, #F8FAFC); }
.n9dar-table tr:last-child td { border-bottom: none; }
.n9dar-table th { background: var(--n9dar-bg, #F8FAFC); font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: var(--n9dar-ink-soft, #475467); }
.n9dar-empty, .n9dar-empty-inline { color: var(--n9dar-muted, #94A3B8); font-size: 14px; }

.n9dar-status-pill { display: inline-block; padding: 4px 12px; border-radius: 999px; font-size: 12px; font-weight: 600; background: var(--n9dar-tint, #EEF4FF); color: var(--n9dar-primary, #33518C); }
.n9dar-status-pill--accepted, .n9dar-status-pill--completed, .n9dar-status-pill--confirmed, .n9dar-status-pill--paid, .n9dar-status-pill--approved { background: #e7f7ec; color: var(--n9dar-success, #28A745); }
.n9dar-status-pill--rejected, .n9dar-status-pill--cancelled { background: #fdecea; color: var(--n9dar-danger, #D63638); }
.n9dar-status-pill--pending, .n9dar-status-pill--documents_pending { background: #fff8e1; color: #b5860b; }
.n9dar-status-pill--visa { background: #fff8e1; color: #b5860b; }

/* ---------- Application journey ticket ----------
   Compact reskin of the homepage boarding-pass signature: same 7-stage
   pipeline (interested -> contacted -> documents_pending -> submitted ->
   accepted -> visa -> completed), used to track one real application. */
.n9dar-app-tickets { display: flex; flex-direction: column; gap: 14px; }
.n9dar-app-ticket {
	background: var(--n9dar-surface, #FFFFFF); border: 1px solid var(--n9dar-border, #E3E8F0); border-radius: var(--n9dar-radius, 16px);
	box-shadow: var(--n9dar-shadow-sm, 0 2px 8px rgba(15,27,45,.06)); padding: 18px 20px; transition: box-shadow .18s var(--n9dar-ease, cubic-bezier(0.16, 1, 0.3, 1));
}
.n9dar-app-ticket:hover { box-shadow: var(--n9dar-shadow, 0 12px 32px rgba(15,27,45,.08)); }
.n9dar-app-ticket__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; flex-wrap: wrap; }
.n9dar-app-ticket__head strong { font-size: 15px; }
.n9dar-app-ticket__head time { font: 500 12px/1 var(--n9dar-mono, ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace); color: var(--n9dar-muted, #94A3B8); margin-inline-start: auto; }
.n9dar-app-ticket__stub { display: flex; justify-content: space-between; gap: 4px; padding-top: 14px; border-top: 1px dashed var(--n9dar-border, #E3E8F0); }
.n9dar-app-ticket__stage { flex: 1; text-align: center; }
.n9dar-app-ticket__stage span { display: block; width: 7px; height: 7px; border-radius: 50%; background: var(--n9dar-border, #E3E8F0); margin: 0 auto 5px; }
.n9dar-app-ticket__stage small { font-size: 9px; color: var(--n9dar-muted, #94A3B8); letter-spacing: .01em; }
.n9dar-app-ticket__stage.is-done span { background: var(--n9dar-success, #28A745); }
.n9dar-app-ticket__stage.is-current span { background: var(--n9dar-accent, #FFC107); box-shadow: 0 0 0 4px rgba(255,193,7,.22); }
.n9dar-app-ticket__stage.is-rejected span { background: var(--n9dar-danger, #D63638); }
@media (max-width: 560px) { .n9dar-app-ticket__stage small { display: none; } }

/* Legacy list fallback (kept in case a panel doesn't have enough data for a full ticket) */
.n9dar-timeline { display: flex; flex-direction: column; gap: 12px; list-style: none; padding: 0; }
.n9dar-timeline__item { display: flex; align-items: center; gap: 12px; background: var(--n9dar-surface, #FFFFFF); border: 1px solid var(--n9dar-border, #E3E8F0); border-radius: var(--n9dar-radius-sm, 10px); padding: 14px 18px; }
.n9dar-timeline__item time { margin-inline-start: auto; font-size: 12px; color: var(--n9dar-muted, #94A3B8); }

.n9dar-doc-grid, .n9dar-fav-grid, .n9dar-child-grid, .n9dar-reward-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 16px; }
.n9dar-doc-card, .n9dar-reward-card, .n9dar-child-card {
	background: var(--n9dar-surface, #FFFFFF); border: 1px solid var(--n9dar-border, #E3E8F0); border-radius: var(--n9dar-radius, 16px); padding: 18px; display: flex; flex-direction: column; gap: 10px;
	transition: box-shadow .18s var(--n9dar-ease, cubic-bezier(0.16, 1, 0.3, 1)); box-shadow: var(--n9dar-shadow-sm, 0 2px 8px rgba(15,27,45,.06));
}
.n9dar-doc-card:hover, .n9dar-reward-card:hover, .n9dar-child-card:hover { box-shadow: var(--n9dar-shadow, 0 12px 32px rgba(15,27,45,.08)); }
.n9dar-doc-card__head { display: flex; justify-content: space-between; align-items: center; font-weight: 600; font-size: 14px; }
.n9dar-doc-upload { display: flex; gap: 8px; align-items: center; }
.n9dar-doc-upload input[type="file"] { flex: 1; font-size: 12px; }
.n9dar-fav-card { background: var(--n9dar-surface, #FFFFFF); border: 1px solid var(--n9dar-border, #E3E8F0); border-radius: var(--n9dar-radius-sm, 10px); padding: 14px 18px; font-weight: 600; box-shadow: var(--n9dar-shadow-sm, 0 2px 8px rgba(15,27,45,.06)); }
.n9dar-child-card__head { display: flex; align-items: center; gap: 10px; }
.n9dar-child-card__head img { border-radius: 50%; }

.n9dar-referral-box { display: flex; gap: 10px; margin-bottom: 28px; }
.n9dar-referral-box input { flex: 1; padding: 10px 14px; border-radius: var(--n9dar-radius-sm, 10px); border: 1px solid var(--n9dar-border, #E3E8F0); background: var(--n9dar-bg, #F8FAFC); font-size: 13px; }

.n9dar-loyalty__balance {
	display: flex; align-items: center; gap: 16px; background: var(--n9dar-gradient, linear-gradient(135deg, #33518C 0%, #E01E5E 100%)); color: #fff; padding: 24px;
	border-radius: var(--n9dar-radius-lg, 28px); margin-bottom: 28px; font-size: 30px; position: relative; overflow: hidden; box-shadow: var(--n9dar-shadow-lg, 0 24px 60px rgba(51,81,140,.16));
}
.n9dar-loyalty__balance::before {
	content: ''; position: absolute; inset: 0; background-image: var(--n9dar-zellige, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%2333518C' stroke-width='1.4'%3E%3Cpath d='M48 4 L84 48 L48 92 L12 48 Z'/%3E%3Cpath d='M48 4 L48 92 M12 48 L84 48' stroke-width='1'/%3E%3Ccircle cx='48' cy='48' r='16'/%3E%3C/g%3E%3C/svg%3E")); background-size: 72px 72px; opacity: .12; filter: invert(1);
}
.n9dar-loyalty__balance strong { font-size: 32px; display: block; position: relative; }
.n9dar-loyalty__balance span { font-size: 13px; opacity: .85; position: relative; }
.n9dar-reward-card strong { font-size: 14px; }
.n9dar-reward-card span { font-size: 12px; color: var(--n9dar-muted, #94A3B8); }
.n9dar-positive { color: var(--n9dar-success, #28A745); font-weight: 600; }
.n9dar-negative { color: var(--n9dar-danger, #D63638); font-weight: 600; }

.n9dar-booking__types { display: flex; gap: 10px; margin-bottom: 20px; }
.n9dar-booking__types button { flex: 1; padding: 12px; border-radius: var(--n9dar-radius-sm, 10px); border: 1px solid var(--n9dar-border, #E3E8F0); background: var(--n9dar-surface, #FFFFFF); font-weight: 600; font-size: 13px; transition: background .18s var(--n9dar-ease, cubic-bezier(0.16, 1, 0.3, 1)), color .18s var(--n9dar-ease, cubic-bezier(0.16, 1, 0.3, 1)); }
.n9dar-booking__types button.is-active { background: var(--n9dar-primary, #33518C); color: #fff; border-color: var(--n9dar-primary, #33518C); }
.n9dar-booking__slots { display: flex; flex-direction: column; gap: 16px; max-height: 320px; overflow-y: auto; margin-bottom: 16px; }
.n9dar-booking__day strong { display: block; margin-bottom: 8px; font-size: 13px; }
.n9dar-booking__day-slots { display: flex; flex-wrap: wrap; gap: 8px; }
.n9dar-slot-btn { padding: 8px 14px; border-radius: var(--n9dar-radius-sm, 10px); border: 1px solid var(--n9dar-border, #E3E8F0); background: var(--n9dar-bg, #F8FAFC); font-size: 13px; transition: background .18s var(--n9dar-ease, cubic-bezier(0.16, 1, 0.3, 1)), color .18s var(--n9dar-ease, cubic-bezier(0.16, 1, 0.3, 1)); }
.n9dar-slot-btn.is-selected { background: var(--n9dar-primary, #33518C); color: #fff; border-color: var(--n9dar-primary, #33518C); }

.n9dar-chat { display: flex; flex-direction: column; height: 420px; background: var(--n9dar-surface, #FFFFFF); border: 1px solid var(--n9dar-border, #E3E8F0); border-radius: var(--n9dar-radius, 16px); overflow: hidden; box-shadow: var(--n9dar-shadow-sm, 0 2px 8px rgba(15,27,45,.06)); }
.n9dar-chat__head { display: flex; align-items: center; gap: 10px; padding: 14px 18px; border-bottom: 1px solid var(--n9dar-bg, #F8FAFC); }
.n9dar-chat__head img { border-radius: 50%; }
.n9dar-chat__messages { flex: 1; overflow-y: auto; padding: 16px; display: flex; flex-direction: column; gap: 10px; }
.n9dar-chat-msg { max-width: 75%; padding: 10px 14px; border-radius: var(--n9dar-radius, 16px); font-size: 14px; background: var(--n9dar-bg, #F8FAFC); }
.n9dar-chat-msg.is-mine { align-self: flex-end; background: var(--n9dar-gradient, linear-gradient(135deg, #33518C 0%, #E01E5E 100%)); color: #fff; }
.n9dar-chat__form { display: flex; gap: 10px; padding: 14px; border-top: 1px solid var(--n9dar-bg, #F8FAFC); }
.n9dar-chat__form textarea { flex: 1; border: 1px solid var(--n9dar-border, #E3E8F0); border-radius: var(--n9dar-radius-sm, 10px); padding: 10px; font-family: inherit; resize: none; }
.n9dar-chat-layout { display: grid; grid-template-columns: 220px 1fr; gap: 20px; }
.n9dar-chat-contacts { list-style: none; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.n9dar-chat-contacts button { display: flex; align-items: center; gap: 8px; width: 100%; text-align: start; padding: 10px; border-radius: var(--n9dar-radius-sm, 10px); background: var(--n9dar-surface, #FFFFFF); border: 1px solid var(--n9dar-border, #E3E8F0); }
.n9dar-chat-contacts img { border-radius: 50%; }

/* ---------- CRM pipeline board (admin) ---------- */
.n9dar-pipeline-row { display: flex; gap: 12px; flex-wrap: wrap; }
.n9dar-pipeline-col {
	background: var(--n9dar-surface, #FFFFFF); border: 1px solid var(--n9dar-border, #E3E8F0); border-radius: var(--n9dar-radius, 16px); padding: 16px 18px 14px;
	min-width: 116px; text-align: center; flex: 1; position: relative; overflow: hidden; box-shadow: var(--n9dar-shadow-sm, 0 2px 8px rgba(15,27,45,.06));
	transition: transform .18s var(--n9dar-ease, cubic-bezier(0.16, 1, 0.3, 1)), box-shadow .18s var(--n9dar-ease, cubic-bezier(0.16, 1, 0.3, 1));
}
.n9dar-pipeline-col:hover { transform: translateY(-2px); box-shadow: var(--n9dar-shadow, 0 12px 32px rgba(15,27,45,.08)); }
.n9dar-pipeline-col::before { content: ''; position: absolute; inset-inline: 0; inset-block-start: 0; height: 3px; background: var(--n9dar-muted, #94A3B8); }
.n9dar-pipeline-col[data-status="accepted"]::before, .n9dar-pipeline-col[data-status="completed"]::before { background: var(--n9dar-success, #28A745); }
.n9dar-pipeline-col[data-status="visa"]::before { background: var(--n9dar-accent, #FFC107); }
.n9dar-pipeline-col[data-status="rejected"]::before { background: var(--n9dar-danger, #D63638); }
.n9dar-pipeline-col[data-status="interested"]::before, .n9dar-pipeline-col[data-status="contacted"]::before { background: var(--n9dar-primary, #33518C); }
.n9dar-pipeline-col strong { display: block; font-size: 22px; font-weight: 800; color: var(--n9dar-ink, #0F1B2D); }
.n9dar-pipeline-col span { font-size: 11px; color: var(--n9dar-ink-soft, #475467); }

.n9dar-inline-form { display: flex; gap: 10px; margin-bottom: 12px; }
.n9dar-inline-form input { flex: 1; padding: 10px 14px; border-radius: var(--n9dar-radius-sm, 10px); border: 1px solid var(--n9dar-border, #E3E8F0); }
.n9dar-notice { background: #fff7e0; border: 1px solid var(--n9dar-accent, #FFC107); border-radius: var(--n9dar-radius-sm, 10px); padding: 12px 16px; font-size: 13px; margin-top: 16px; }

@media (max-width: 900px) {
	.n9dar-dashboard { grid-template-columns: 1fr; }
	.n9dar-dashboard__sidebar { position: static; }
	.n9dar-chat-layout { grid-template-columns: 1fr; }
}

[data-theme="dark"] .n9dar-dashboard__logout:hover { background: rgba(214,54,56,.15); }
[data-theme="dark"] .n9dar-loyalty__balance::before { filter: none; opacity: .08; }