/**
 * Sender portal chrome — personal_sender + business_shipper only.
 * Navy + electric lime, matching the sender dashboard.
 * Chart / status colours (amber, purple confirmed, blue transit, green completed) stay.
 */

body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) {
	--moot-sender-navy: #071119;
	--moot-sender-ink: #07111f;
	--moot-sender-muted: #607089;
	--moot-sender-line: #e4e9ee;
	--moot-sender-canvas: #f5f8f9;
	--moot-sender-card: #ffffff;
	--moot-sender-lime: #b8f215;
	--moot-sender-lime-deep: #9ed60c;
	--moot-sender-lime-soft: #f3fad0;
	--moot-sender-accent: var(--moot-sender-lime);
	--moot-sender-accent-deep: var(--moot-sender-lime-deep);
	--moot-sender-accent-soft: var(--moot-sender-lime-soft);
	--dash-sidebar-w: 240px;
	--sd-sidebar-w: 240px;
}

body:is(.moot-portal--personal_sender, .moot-portal--business_shipper).moot-dashboard-app .site-header,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper).moot-dashboard-app .site-footer,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper).moot-portal-page .site-header,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper).moot-portal-page .site-footer {
	display: none !important;
}

/* --------------------------------------------------------------------------
   Page canvas
   -------------------------------------------------------------------------- */

body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-app,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) #moot-shipments-app,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .moot-send-page,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .moot-portal-app,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) #moot-billing-page,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) #moot-settings-page,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) #moot-messages-page,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) #moot-analytics-page {
	--page-bg: var(--moot-sender-canvas);
	--dash-bg: var(--moot-sender-canvas);
	--ship-bg: var(--moot-sender-canvas);
	--accent: var(--moot-sender-lime);
	--accent-hover: var(--moot-sender-lime-deep);
	--accent-text: var(--moot-sender-ink);
	--send-accent: var(--moot-sender-lime);
	--send-border-focus: rgba(184, 242, 21, 0.45);
	--send-glow: 0 0 0 4px rgba(184, 242, 21, 0.16);
	--fs-accent: var(--moot-sender-lime);
	--fs-accent-soft: var(--moot-sender-lime-soft);
	--fs-accent-border: rgba(184, 242, 21, 0.35);
	--text-primary: var(--moot-sender-ink);
	--text-secondary: #3d4d5f;
	--text-muted: var(--moot-sender-muted);
	background: var(--moot-sender-canvas) !important;
	color: var(--moot-sender-ink);
}

body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-main,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-content,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .moot-shipments-page,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .moot-billing-main,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .moot-settings-main,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .moot-messages-main,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .moot-analytics-main {
	background: transparent !important;
}

body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .moot-dashboard-overlay,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .moot-shipments-overlay {
	background: var(--moot-sender-canvas) !important;
}

/* --------------------------------------------------------------------------
   Dark navy sidebar (all sender pages)
   -------------------------------------------------------------------------- */

body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-sidebar,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .moot-portal-sidebar,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) #analytics-sidebar {
	width: var(--dash-sidebar-w) !important;
	flex: 0 0 var(--dash-sidebar-w);
	background: #071119 !important;
	background-image: none !important;
	color: #e8eef4;
	border-right: 0 !important;
	box-shadow: none !important;
	backdrop-filter: none !important;
	padding: 22px 16px 18px;
	display: flex;
	flex-direction: column;
	gap: 18px;
}

body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-sidebar__brand {
	padding: 0 6px 4px;
	margin-bottom: 0;
}

body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-logo,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-logo img,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-sidebar .moot-brand-logo__img {
	filter: brightness(0) invert(1);
	height: 28px;
	width: auto;
	max-width: 132px;
}

body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-sidebar__tagline {
	display: none !important;
}

body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .sd-identity {
	display: flex !important;
	align-items: center;
	gap: 10px;
	padding: 10px 8px;
	margin: 0 2px;
}

body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .sd-identity__avatar {
	width: 34px;
	height: 34px;
	border-radius: 999px;
	background: #12202b;
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 700;
	flex-shrink: 0;
}

body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .sd-identity__role {
	margin: 0;
	font-size: 13px;
	font-weight: 700;
	color: #fff;
}

body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .sd-identity__sub {
	margin: 2px 0 0;
	font-size: 11px;
	color: #8ea0b3;
}

body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-nav {
	display: flex;
	flex-direction: column;
	gap: 2px;
	flex: 1 1 auto;
}

body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-nav__link {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 9px 12px;
	border-radius: 13px;
	color: #c5d0db !important;
	font-size: 13.5px;
	font-weight: 550;
	text-decoration: none;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-nav__link svg {
	width: 18px;
	height: 18px;
	flex-shrink: 0;
	opacity: 0.85;
	stroke: currentColor !important;
	color: inherit !important;
}

body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-nav__link:hover {
	background: rgba(255, 255, 255, 0.05) !important;
	color: #fff !important;
}

body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-nav__link.is-active,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .moot-portal-sidebar .dash-nav__link.is-active {
	background: linear-gradient(90deg, rgba(184, 242, 21, 0.18), rgba(184, 242, 21, 0.06)) !important;
	color: #fff !important;
	border-color: transparent !important;
	box-shadow: inset 0 0 0 1px rgba(184, 242, 21, 0.18) !important;
}

body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-nav__link.is-active svg,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-nav__link:hover svg {
	color: var(--moot-sender-lime) !important;
	stroke: var(--moot-sender-lime) !important;
	opacity: 1;
}

body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-nav__chevron,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-nav__link-sub {
	display: none;
}

body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-badge {
	margin-left: auto;
	min-width: 18px;
	height: 18px;
	padding: 0 5px;
	border-radius: 999px;
	background: var(--moot-sender-lime) !important;
	color: var(--moot-sender-ink) !important;
	font-size: 10px;
	font-weight: 800;
	box-shadow: none !important;
}

body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-sidebar__footer {
	margin-top: auto;
	padding: 0;
	background: transparent;
	border: 0;
}

body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .sd-sidebar .dash-profile-card,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .sd-sidebar .dash-sidebar__cta,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .sd-sidebar .dash-help {
	display: none !important;
}

body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .sd-impact {
	display: block !important;
	position: relative;
	padding: 18px 14px 16px;
	border-radius: 16px;
	overflow: hidden;
	background:
		radial-gradient(ellipse at 20% 0%, rgba(184, 242, 21, 0.1), transparent 55%),
		#0a151c;
}

body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .sd-impact__leaf {
	display: block;
	color: var(--moot-sender-lime);
	margin-bottom: 12px;
}

body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .sd-impact__title {
	margin: 0 0 8px;
	font-size: 16px;
	font-weight: 800;
	line-height: 1.2;
	color: #fff;
}

body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .sd-impact__copy {
	margin: 0 0 14px;
	font-size: 12px;
	line-height: 1.45;
	color: #8ea0b3;
}

body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .sd-impact__cta {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 7px 12px;
	border-radius: 999px;
	background: #111c24;
	color: #fff;
	font-size: 12px;
	font-weight: 650;
	text-decoration: none;
	border: 1px solid rgba(255, 255, 255, 0.08);
}

body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .sd-impact__cta:hover {
	border-color: rgba(184, 242, 21, 0.4);
	color: #fff;
}

/* Analytics keeps its own footer — restyle for navy */
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) #analytics-sidebar .dash-profile-card {
	background: #0a151c !important;
	border: 1px solid rgba(255, 255, 255, 0.06) !important;
	box-shadow: none !important;
}

body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) #analytics-sidebar .dash-profile-card__name {
	color: #fff !important;
}

body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) #analytics-sidebar .dash-profile-card__role,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) #analytics-sidebar .dash-help {
	color: #8ea0b3 !important;
}

body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) #analytics-sidebar .dash-profile-card__avatar {
	background: #12202b !important;
}

/* --------------------------------------------------------------------------
   Lime primary CTAs — navy ink, not white-on-teal
   -------------------------------------------------------------------------- */

body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-sidebar__cta,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-topbar__cta,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .shipments-create-btn,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .shipments-primary-link,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .ship-detail-btn,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-app .btn--primary,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-empty .btn--primary,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-review-prompt__btn,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .moot-send-page .send-cta,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .moot-send-page .send-control--cta,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .moot-send-page .btn--primary,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .moot-send-page button.btn-primary,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-table .btn--primary,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .moot-bulk-page .btn--primary,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .moot-portal-app--business .btn--primary,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .messages-new-btn,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .messages-empty-state__cta,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .messages-composer__send,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .settings-save-btn,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .settings-primary-btn,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .billing-primary-btn,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .cp-btn--primary {
	background: var(--moot-sender-lime) !important;
	border-color: var(--moot-sender-lime) !important;
	color: var(--moot-sender-ink) !important;
	box-shadow: 0 8px 20px rgba(184, 242, 21, 0.22) !important;
	font-weight: 700;
}

body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-sidebar__cta:hover,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-topbar__cta:hover,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .shipments-create-btn:hover,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .shipments-primary-link:hover,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .ship-detail-btn:hover,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-app .btn--primary:hover,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-review-prompt__btn:hover,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .moot-send-page .btn--primary:hover,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .messages-new-btn:hover,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .settings-primary-btn:hover,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .billing-primary-btn:hover,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .cp-btn--primary:hover {
	background: #c6ff38 !important;
	border-color: #c6ff38 !important;
	color: var(--moot-sender-ink) !important;
	box-shadow: 0 10px 24px rgba(184, 242, 21, 0.3) !important;
}

/* --------------------------------------------------------------------------
   Top bars + cards
   -------------------------------------------------------------------------- */

body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-topbar,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .shipments-header,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .billing-header,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .settings-header,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .messages-header,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .analytics-header {
	background: #ffffff !important;
	border-bottom: 1px solid var(--moot-sender-line) !important;
	backdrop-filter: none;
	box-shadow: none !important;
}

body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-topbar h1,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .shipments-header h1,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .billing-header h1,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .settings-header h1,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .messages-header h1,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .analytics-header h1,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .customs-portal__title {
	color: var(--moot-sender-ink);
}

body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-search:focus-within,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .shipments-search:focus-within,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .messages-search:focus-within,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-icon-btn:hover,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-user-menu:hover,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-period:hover {
	border-color: rgba(184, 242, 21, 0.55) !important;
	color: var(--moot-sender-ink) !important;
}

body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-kpi,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-card,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-app .glass-card,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .shipment-kpi-card,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .shipments-panel,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .shipment-card,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .shipments-filter-bar,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .billing-kpi-card,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .billing-card,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .settings-card,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .settings-help-card,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .settings-profile-card,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .messages-panel,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .moot-bulk-card,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .moot-bulk-template-card,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .moot-portal-panel,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .analytics-card,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .cp-section,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .cp-card {
	background: var(--moot-sender-card) !important;
	border: 1px solid var(--moot-sender-line) !important;
	box-shadow: 0 8px 24px rgba(7, 17, 31, 0.05) !important;
}

body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-kpi:hover,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-card:hover,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .shipment-kpi-card:hover,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .billing-kpi-card:hover {
	box-shadow: 0 12px 28px rgba(7, 17, 31, 0.07) !important;
	border-color: #d7dee7 !important;
}

body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-card__link,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-period-btn {
	color: var(--moot-sender-ink) !important;
}

body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-period-btn,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .billing-header__badge,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .moot-bulk-hero__badge {
	background: var(--moot-sender-lime-soft) !important;
	border-color: rgba(184, 242, 21, 0.35) !important;
	color: var(--moot-sender-ink) !important;
}

body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-period-btn:hover {
	background: #eaf8a8 !important;
}

body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-user-dropdown a:hover,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-user-dropdown button:hover,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .shipments-user-wrap .dash-user-dropdown a:hover,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .shipments-user-wrap .dash-user-dropdown button:hover {
	background: var(--moot-sender-lime-soft) !important;
	color: var(--moot-sender-ink) !important;
}

body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-interest-toast {
	border-color: rgba(184, 242, 21, 0.28) !important;
}

body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-interest-toast__icon {
	background: var(--moot-sender-lime) !important;
	color: var(--moot-sender-ink) !important;
}

body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-interest-toast__action {
	background: var(--moot-sender-lime-soft) !important;
	color: var(--moot-sender-ink) !important;
}

/* Settings local nav */
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .settings-menu__btn.is-active,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .settings-menu__btn[aria-current='true'] {
	color: var(--moot-sender-ink) !important;
	background: var(--moot-sender-lime-soft) !important;
}

body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .settings-menu__btn.is-active svg,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .settings-menu__btn[aria-current='true'] svg,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .settings-menu__btn:hover,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .settings-menu__btn:hover svg {
	color: var(--moot-sender-ink) !important;
}

body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .settings-menu__btn:hover {
	background: #eef3f6 !important;
}

/* Messages tabs */
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .messages-tab.is-active {
	background: var(--moot-sender-lime-soft) !important;
	color: var(--moot-sender-ink) !important;
}

/* Send wizard tokens */
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .moot-send-page--booking {
	--send-lime: #b8f215;
	--send-lime-dark: #9ed60c;
	--send-lime-soft: #f3fad0;
	--send-purple: #07111f;
	--send-purple-soft: #eef3f6;
	background:
		radial-gradient(circle at top left, rgba(184, 242, 21, 0.08), transparent 28%),
		linear-gradient(180deg, #f5f8f9 0%, #eef3f5 100%) !important;
}

/* Customs chrome only — status colours stay */
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .customs-portal {
	--cp-canvas: #f5f8f9;
	--cp-accent: #b8f215;
	--cp-accent-deep: #9ed60c;
	--cp-accent-soft: #f3fad0;
	--cp-ink: #07111f;
	--cp-muted: #607089;
	--cp-line: #e4e9ee;
}

body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .cp-badge--accent {
	background: var(--moot-sender-lime-soft) !important;
	color: var(--moot-sender-ink) !important;
	border-color: rgba(184, 242, 21, 0.35);
}

body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .customs-subnav__link.is-active,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .customs-subnav__link.is-active:hover {
	background: var(--moot-sender-lime) !important;
	color: var(--moot-sender-ink) !important;
	border-color: var(--moot-sender-lime) !important;
	box-shadow: 0 4px 12px rgba(184, 242, 21, 0.28) !important;
}

body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .customs-subnav__link:hover {
	color: var(--moot-sender-ink) !important;
	border-color: rgba(184, 242, 21, 0.4);
	background: var(--moot-sender-lime-soft);
}

body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .shipments-view-toggle__btn.is-active,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .shipments-popover__item.is-active,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .analytics-popover__item.is-active {
	background: var(--moot-sender-lime-soft) !important;
	border-color: rgba(184, 242, 21, 0.35) !important;
	color: var(--moot-sender-ink) !important;
}

/* Bulk drop zone */
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .moot-bulk-drop {
	border-color: rgba(184, 242, 21, 0.35);
	background:
		radial-gradient(ellipse at 50% 0%, rgba(184, 242, 21, 0.08), transparent 55%),
		#fff;
}

/* --------------------------------------------------------------------------
   KEEP chart / status colours
   -------------------------------------------------------------------------- */

body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-kpi--pending .dash-kpi__icon,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-kpi--assigned .dash-kpi__icon,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-kpi--transit .dash-kpi__icon,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-kpi--completed .dash-kpi__icon,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-kpi--total .dash-kpi__icon,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-kpi--spend .dash-kpi__icon,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .shipment-kpi-card__icon,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-donut,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-donut-legend,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-dot--amber,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-dot--purple,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-dot--green,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-dot--blue,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-pill--pending,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-pill--assigned,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-pill--confirmed,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-pill--in-transit,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-pill--transit,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-pill--completed,
body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-impact__icon--green {
	/* Status tokens remain from dashboard.css / shipments.css */
}

body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-map {
	background:
		radial-gradient(circle at 30% 40%, rgba(184, 242, 21, 0.08) 0%, transparent 45%),
		radial-gradient(circle at 70% 60%, rgba(7, 17, 31, 0.05) 0%, transparent 40%),
		#eef2f5 !important;
}

@media (max-width: 900px) {
	body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .dash-main,
	body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .moot-shipments-page,
	body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .moot-billing-main,
	body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .moot-settings-main,
	body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .moot-messages-main,
	body:is(.moot-portal--personal_sender, .moot-portal--business_shipper) .moot-analytics-main {
		margin-left: 0;
		width: 100%;
	}
}