html, body.srt-shell-body {
	margin: 0 !important;
	margin-top: 0 !important;
	padding: 0;
	min-height: 100%;
	background: #eef3f8;
}

body.srt-shell-body #wpadminbar { display: none !important; }

.srt-shell {
	--srt-navy: #101b35;
	--srt-navy-2: #182746;
	--srt-navy-3: #243553;
	--srt-gold: #d39a2c;
	--srt-gold-2: #f0bd55;
	--srt-cream: #fbf8f1;
	--srt-bg: #eef3f8;
	--srt-card: #ffffff;
	--srt-text: #172033;
	--srt-muted: #6f7b8f;
	--srt-line: #dce3ec;
	--srt-blue: #1474e8;
	--srt-danger: #c83e4d;
	--srt-radius: 16px;
	--srt-shadow: 0 12px 32px rgba(20, 38, 68, .10);
	min-height: 100vh;
	font-family: Inter, Rubik, "Segoe UI", Arial, sans-serif;
	color: var(--srt-text);
	background: var(--srt-bg);
	display: flex;
	flex-direction: column;
}

.srt-shell *, .srt-shell *::before, .srt-shell *::after { box-sizing: border-box; }
.srt-shell button, .srt-shell input, .srt-shell select, .srt-shell textarea { font: inherit; }
.srt-shell svg { display: block; }
.srt-shell-hidden { display: none !important; }

/* ==========================================================
   Enterprise app bar: logo | workspaces | fixed views | tools
   Physical layout intentionally stays LTR in both languages,
   while labels/content keep their own language direction.
   ========================================================== */
.srt-appbar {
	direction: ltr;
	position: sticky;
	top: 0;
	z-index: 300;
	display: grid;
	grid-template-columns: minmax(170px, 220px) minmax(380px, 1fr) auto auto;
	align-items: stretch;
	min-height: 74px;
	background: #fff;
	border-bottom: 2px solid var(--srt-gold);
	box-shadow: 0 4px 18px rgba(17, 31, 55, .08);
}

.srt-appbar-brand {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 18px;
	border-inline-end: 1px solid var(--srt-line);
	min-width: 0;
}

.srt-appbar-logo {
	width: auto;
	height: 42px;
	max-width: 145px;
	object-fit: contain;
}

.srt-appbar-powered {
	font-size: 10px;
	line-height: 1.25;
	color: var(--srt-muted);
	white-space: nowrap;
}
.srt-appbar-powered strong { color: var(--srt-gold); }

/* Top workspaces - the equivalent of browser tabs inside the portal */
.srt-workspaces {
	display: flex;
	align-items: stretch;
	min-width: 0;
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: thin;
	background: #fff;
}

.srt-workspace-tab {
	position: relative;
	min-width: 104px;
	max-width: 145px;
	padding: 11px 16px 9px;
	border: 0;
	border-inline-end: 1px solid var(--srt-line);
	background: #fff;
	color: var(--srt-text);
	cursor: pointer;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 3px;
	transition: background-color .16s ease, color .16s ease, box-shadow .16s ease;
	white-space: nowrap;
}
.srt-workspace-tab:hover { background: #f6f9fc; }
.srt-workspace-tab.active {
	background: var(--srt-navy);
	color: #fff;
	box-shadow: inset 0 -3px 0 var(--srt-gold-2);
}
.srt-workspace-number { font-size: 13px; font-weight: 800; letter-spacing: .02em; }
.srt-workspace-service {
	max-width: 120px;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 10px;
	color: var(--srt-muted);
}
.srt-workspace-tab.active .srt-workspace-service { color: rgba(255,255,255,.74); }
.srt-workspace-empty .srt-workspace-service { font-style: italic; }

.srt-workspace-add {
	width: 46px;
	flex: 0 0 46px;
	border: 0;
	border-inline-end: 1px solid var(--srt-line);
	background: #fff;
	color: var(--srt-navy);
	font-size: 22px;
	font-weight: 300;
	cursor: pointer;
}
.srt-workspace-add:hover { background: #f6f9fc; color: var(--srt-gold); }

.srt-primary-views {
	display: flex;
	align-items: stretch;
	border-inline-start: 1px solid var(--srt-line);
}
.srt-primary-view {
	min-width: 104px;
	border: 0;
	border-inline-end: 1px solid var(--srt-line);
	background: #fff;
	color: var(--srt-text);
	padding: 10px 14px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	font-size: 13px;
	font-weight: 650;
	white-space: nowrap;
}
.srt-primary-view:hover { background: #f6f9fc; }
.srt-primary-view.active { background: var(--srt-navy); color: #fff; box-shadow: inset 0 -3px 0 var(--srt-gold-2); }
.srt-ui-icon { width: 17px; height: 17px; }
.srt-ui-icon svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

.srt-appbar-tools {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 14px;
	background: #fff;
}

.srt-preview-chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	border: 1px solid #ead8a9;
	background: #fff8e5;
	color: #765612;
	border-radius: 999px;
	padding: 6px 9px;
	font-size: 10px;
	font-weight: 750;
	text-decoration: none;
	white-space: nowrap;
}
.srt-preview-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--srt-gold); }

.srt-shell-lang-switcher {
	display: inline-flex;
	background: #f2f5f9;
	border: 1px solid var(--srt-line);
	border-radius: 9px;
	padding: 2px;
}
.srt-shell-lang-btn {
	border: 0;
	background: transparent;
	color: var(--srt-muted);
	padding: 5px 8px;
	border-radius: 7px;
	font-size: 11px;
	font-weight: 800;
	cursor: pointer;
}
.srt-shell-lang-btn.active { background: var(--srt-navy); color: #fff; }

.srt-performance-mini {
	direction: rtl;
	min-width: 88px;
	padding: 6px 10px;
	border-inline-start: 1px solid var(--srt-line);
	text-align: center;
	line-height: 1.05;
}
html[dir="ltr"] .srt-performance-mini { direction: ltr; }
.srt-performance-caption { display: block; font-size: 9px; color: var(--srt-muted); }
.srt-performance-number { display: inline-block; margin-top: 3px; font-size: 18px; line-height: 1; font-weight: 850; color: var(--srt-navy); }
.srt-performance-unit { display: inline-block; margin-inline-start: 3px; font-size: 9px; color: var(--srt-muted); }
.srt-performance-number.srt-pulse { transform: scale(1.08); }

.srt-shell-personal-area { position: relative; }
.srt-shell-personal-toggle {
	direction: rtl;
	border: 0;
	background: #fff;
	color: var(--srt-text);
	min-width: 155px;
	padding: 7px 8px;
	border-radius: 10px;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 8px;
	text-align: start;
}
html[dir="ltr"] .srt-shell-personal-toggle { direction: ltr; }
.srt-shell-personal-toggle:hover { background: #f4f7fb; }
.srt-profile-avatar {
	width: 34px;
	height: 34px;
	flex: 0 0 34px;
	border-radius: 50%;
	background: var(--srt-navy);
	color: #fff;
	display: grid;
	place-items: center;
}
.srt-profile-avatar svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }
.srt-profile-copy { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.srt-shell-agent-name { max-width: 118px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; font-weight: 750; }
.srt-profile-role { font-size: 9px; color: var(--srt-muted); }
.srt-profile-chevron { color: var(--srt-muted); font-size: 16px; margin-inline-start: auto; }

.srt-shell-personal-menu {
	direction: rtl;
	position: absolute;
	top: calc(100% + 8px);
	right: 0;
	width: 255px;
	background: #fff;
	border: 1px solid var(--srt-line);
	border-radius: 12px;
	box-shadow: 0 18px 46px rgba(17, 31, 55, .18);
	overflow: hidden;
	z-index: 500;
}
html[dir="ltr"] .srt-shell-personal-menu { direction: ltr; }
.srt-profile-menu-head { padding: 14px 16px; background: var(--srt-navy); color: #fff; display: flex; flex-direction: column; gap: 3px; }
.srt-profile-menu-head strong { font-size: 13px; }
.srt-profile-menu-head span { font-size: 10px; color: rgba(255,255,255,.68); }
.srt-shell-menu-item { display: block; padding: 11px 16px; color: var(--srt-text); text-decoration: none; font-size: 12px; border-bottom: 1px solid var(--srt-line); }
.srt-shell-menu-item:hover { background: #f4f7fb; }
.srt-shell-menu-item-danger { color: var(--srt-danger); }

/* ==========================================================
   Service dock - services live inside the active workspace,
   not in the top workspace bar.
   ========================================================== */
.srt-service-stage {
	position: sticky;
	top: 74px;
	z-index: 220;
	background: linear-gradient(180deg, #f7faff 0%, #eef3f8 100%);
	border-bottom: 1px solid #d8e0ea;
	padding: 14px 22px 0;
}
.srt-service-stage.is-fixed-view { display: none; }
.srt-service-stage-inner {
	max-width: 1480px;
	margin: 0 auto;
	background: #fff;
	border: 1px solid var(--srt-line);
	border-bottom: 0;
	border-radius: 16px 16px 0 0;
	box-shadow: 0 6px 20px rgba(17, 31, 55, .06);
	display: flex;
	align-items: stretch;
	min-width: 0;
}
.srt-service-dock {
	direction: rtl;
	flex: 1 1 auto;
	display: flex;
	align-items: stretch;
	overflow-x: auto;
	min-width: 0;
	padding: 0 8px;
}
html[dir="ltr"] .srt-service-dock { direction: ltr; }
.srt-service-btn {
	position: relative;
	border: 0;
	background: transparent;
	color: #4e5a6d;
	padding: 12px 14px 11px;
	min-width: 92px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	font-size: 12px;
	font-weight: 650;
	white-space: nowrap;
}
.srt-service-btn:hover { color: var(--srt-navy); background: #f7f9fc; }
.srt-service-btn.active { color: var(--srt-navy); font-weight: 800; }
.srt-service-btn.active::after { content: ""; position: absolute; left: 11px; right: 11px; bottom: 0; height: 3px; border-radius: 4px 4px 0 0; background: var(--srt-gold); }
.srt-service-icon { width: 17px; height: 17px; color: currentColor; }
.srt-service-icon svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

.srt-workspace-context {
	direction: rtl;
	flex: 0 0 auto;
	min-width: 125px;
	padding: 9px 14px;
	border-inline-start: 1px solid var(--srt-line);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 10px;
	color: var(--srt-muted);
	white-space: nowrap;
}
html[dir="ltr"] .srt-workspace-context { direction: ltr; }
.srt-workspace-context strong { color: var(--srt-navy); font-size: 11px; }

/* ==========================================================
   Content canvas
   ========================================================== */
.srt-shell-content {
	flex: 1;
	width: 100%;
	max-width: 1524px;
	margin: 0 auto;
	padding: 22px;
	background: transparent;
}
.srt-service-stage:not(.is-fixed-view) + .srt-shell-content { padding-top: 18px; }
.srt-shell-loading { min-height: 260px; display: grid; place-items: center; }
.srt-shell-spinner { width: 38px; height: 38px; border-radius: 50%; border: 3px solid #dce3ec; border-top-color: var(--srt-gold); animation: srt-shell-spin .75s linear infinite; }
@keyframes srt-shell-spin { to { transform: rotate(360deg); } }

.srt-shell-choose-service {
	min-height: 360px;
	background: #fff;
	border: 1px solid var(--srt-line);
	border-radius: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	box-shadow: var(--srt-shadow);
	padding: 40px;
}
.srt-shell-choose-service h2 { margin: 0 0 8px; color: var(--srt-navy); font-size: 22px; }
.srt-shell-choose-service p { margin: 0; color: var(--srt-muted); font-size: 13px; }

/* Shell-owned fixed pages */
.srt-shell-page-card { background: #fff; border: 1px solid var(--srt-line); border-radius: 16px; box-shadow: 0 7px 24px rgba(17,31,55,.06); overflow: hidden; }

/* Calendar legacy classes kept for current renderer */
.srt-cal-header { display: flex; align-items: center; justify-content: center; gap: 8px; margin-bottom: 14px; }
.srt-cal-header .srt-shell-fixed-tab { border: 1px solid var(--srt-line); background: #fff; color: var(--srt-text); border-radius: 8px; padding: 7px 11px; cursor: pointer; }
.srt-cal-legend { display: flex; flex-wrap: wrap; gap: 6px 16px; justify-content: center; padding: 8px 4px; }
.srt-cal-legend-item { display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 700; color: var(--srt-slate,#63738c); text-transform: capitalize; }
.srt-cal-dot { width: 9px; height: 9px; border-radius: 50%; flex: 0 0 auto; }

/* Booking detail popup, opened by clicking a calendar event chip. */
.srt-cal-popup-overlay { position: fixed; inset: 0; background: rgba(15,23,42,.45); z-index: 9000; display: flex; align-items: center; justify-content: center; padding: 20px; }
.srt-cal-popup-card { position: relative; width: min(420px, 100%); max-height: 84vh; overflow-y: auto; background: #fff; border-radius: 16px; padding: 24px 22px; box-shadow: 0 24px 60px rgba(15,23,42,.28); }
.srt-cal-popup-card h3 { margin: 0 26px 4px 0; font-size: 16px; color: var(--srt-navy,#15213c); }
.srt-cal-popup-card hr { border: 0; border-top: 1px solid var(--srt-line,#e5eaf1); margin: 12px 0; }
.srt-cal-popup-close { position: absolute; top: 14px; inset-inline-end: 14px; width: 28px; height: 28px; border: 0; border-radius: 50%; background: #f2f4f7; color: #3d4759; cursor: pointer; font-size: 13px; }
.srt-cal-popup-close:hover { background: #e7ebf1; }
.srt-cal-popup-row { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 6px 0; font-size: 13px; border-bottom: 1px dashed var(--srt-line,#eef1f5); }
.srt-cal-popup-row span { color: #8892a3; font-weight: 700; font-size: 11px; text-transform: uppercase; letter-spacing: .03em; white-space: nowrap; }
.srt-cal-popup-row strong { color: var(--srt-navy,#15213c); text-align: end; }
.srt-cal-popup-loading { text-align: center; padding: 30px 10px; color: #8892a3; font-size: 13px; }

/* Momentary highlight when the calendar deep-links into a bookings row. */
.srt-booking-row-highlight { animation: srt-booking-row-flash 2.6s ease; }
@keyframes srt-booking-row-flash {
	0% { background: #fff3d6; }
	100% { background: transparent; }
}

/* Legacy aliases retained so service/plugin code that references them does not break. */
.srt-shell-fixed-tab { border: 1px solid var(--srt-line); background: #fff; color: var(--srt-text); border-radius: 8px; padding: 7px 11px; cursor: pointer; }

/* Responsive */
@media (max-width: 1280px) {
	.srt-appbar { grid-template-columns: 170px minmax(300px, 1fr) auto; }
	.srt-appbar-tools { grid-column: 1 / -1; min-height: 52px; border-top: 1px solid var(--srt-line); justify-content: flex-end; }
	.srt-service-stage { top: 126px; }
}

@media (max-width: 900px) {
	.srt-appbar { display: flex; flex-wrap: wrap; min-height: auto; }
	.srt-appbar-brand { min-height: 62px; flex: 0 0 170px; }
	.srt-workspaces { order: 3; width: 100%; min-height: 62px; border-top: 1px solid var(--srt-line); }
	.srt-primary-views { margin-inline-start: auto; }
	.srt-appbar-tools { width: 100%; order: 4; }
	.srt-service-stage { position: relative; top: auto; padding: 10px 10px 0; }
	.srt-service-stage-inner { display: block; }
	.srt-workspace-context { display: none; }
	.srt-shell-content { padding: 12px; }
}

@media (max-width: 640px) {
	.srt-appbar-brand { flex: 1 1 auto; }
	.srt-appbar-powered, .srt-preview-chip, .srt-performance-caption, .srt-performance-unit, .srt-profile-role { display: none; }
	.srt-primary-view { min-width: 50px; padding: 9px; }
	.srt-primary-view span:not(.srt-ui-icon) { display: none; }
	.srt-shell-personal-toggle { min-width: auto; }
	.srt-shell-agent-name { display: none; }
	.srt-workspace-tab { min-width: 92px; }
	.srt-service-btn { min-width: 82px; padding-inline: 10px; }
}

/* ==========================================================
   1.3.3 — compact ProAgent header / workspace bar
   Presentation-only override. Service widgets and provider logic are unchanged.
   ========================================================== */
.srt-appbar {
	display: flex;
	align-items: stretch;
	min-height: 70px;
	height: 70px;
	background: #fff;
	border-bottom: 2px solid var(--srt-gold);
	box-shadow: 0 3px 14px rgba(17,31,55,.07);
}

.srt-appbar-brand {
	flex: 0 0 228px;
	width: 228px;
	padding: 6px 14px 5px 18px;
	border-inline-end: 1px solid var(--srt-line);
	justify-content: flex-start;
	overflow: hidden;
}
.srt-appbar-logo {
	display: block;
	width: 198px;
	height: 58px;
	max-width: 198px;
	object-fit: contain;
	object-position: center;
}
.srt-appbar-powered { display: none !important; }

/* Five compact internal workspaces should read like tabs, not primary navigation. */
.srt-workspaces {
	flex: 0 1 560px;
	width: min(560px, 42vw);
	min-width: 445px;
	max-width: 590px;
	height: 70px;
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: none;
	border-inline-end: 1px solid var(--srt-line);
}
.srt-workspaces::-webkit-scrollbar { display: none; }
.srt-workspace-tab {
	flex: 1 1 0;
	min-width: 84px;
	max-width: 110px;
	height: 70px;
	padding: 7px 8px 6px;
	gap: 1px;
	justify-content: center;
}
.srt-workspace-number {
	font-size: 12px;
	font-weight: 850;
	line-height: 1.1;
}
.srt-workspace-service {
	max-width: 94px;
	font-size: 9px;
	font-weight: 700;
	line-height: 1.15;
	color: #536176;
}
.srt-workspace-summary {
	display: block;
	max-width: 96px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 7.5px;
	line-height: 1.15;
	color: #97a1b0;
}
.srt-workspace-tab.active .srt-workspace-summary { color: rgba(255,255,255,.58); }
.srt-workspace-tab.active .srt-workspace-service { color: rgba(255,255,255,.86); }
.srt-workspace-add {
	flex: 0 0 34px;
	width: 34px;
	height: 70px;
	font-size: 19px;
}

.srt-appbar-tools {
	margin-inline-start: auto;
	min-width: 0;
	padding: 6px 14px 6px 10px;
	gap: 7px;
	justify-content: flex-end;
	white-space: nowrap;
}

.srt-preview-chip {
	padding: 4px 7px;
	font-size: 8px;
	gap: 5px;
}
.srt-preview-dot { width: 6px; height: 6px; }

.srt-shell-lang-switcher {
	border-radius: 8px;
	padding: 2px;
	background: #f5f7fa;
}
.srt-shell-lang-btn {
	padding: 4px 6px;
	min-width: 28px;
	font-size: 9px;
	border-radius: 6px;
}

/* Compact interactive monthly progress meter. */
.srt-performance-meter {
	--srt-progress-color: #dc8d2d;
	width: 118px;
	padding: 5px 8px;
	border-inline-start: 1px solid var(--srt-line);
	border-inline-end: 1px solid var(--srt-line);
	transition: transform .18s ease;
}
.srt-performance-meter[data-level="medium"] { --srt-progress-color: #d2ad27; }
.srt-performance-meter[data-level="high"] { --srt-progress-color: #27925a; }
.srt-performance-meter.srt-pulse { transform: translateY(-1px); }
.srt-performance-meter-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 5px;
	margin-bottom: 4px;
}
.srt-performance-caption {
	font-size: 7.5px;
	font-weight: 650;
	color: var(--srt-muted);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.srt-performance-percent {
	font-size: 10px;
	font-weight: 850;
	color: var(--srt-navy);
}
.srt-performance-track {
	height: 6px;
	background: #e9edf2;
	border-radius: 999px;
	overflow: hidden;
}
.srt-performance-fill {
	display: block;
	height: 100%;
	width: 0;
	border-radius: inherit;
	background: var(--srt-progress-color);
	transition: width .45s ease, background-color .3s ease;
}
.srt-performance-detail {
	display: block;
	margin-top: 3px;
	font-size: 7px;
	line-height: 1;
	color: #8893a4;
	text-align: end;
}

.srt-shell-personal-toggle {
	min-width: 150px;
	padding: 5px 7px;
	border-radius: 9px;
}
.srt-profile-avatar { width: 32px; height: 32px; flex-basis: 32px; }
.srt-profile-avatar svg { width: 18px; height: 18px; }
.srt-shell-agent-name { font-size: 10px; max-width: 120px; }
.srt-profile-role { font-size: 8px; }

/* old fixed view rail is no longer part of the header */
.srt-primary-views { display: none !important; }

@media (max-width: 1280px) {
	.srt-appbar { height: auto; min-height: 70px; flex-wrap: wrap; }
	.srt-appbar-brand { flex-basis: 205px; width: 205px; }
	.srt-appbar-logo { width: 178px; max-width: 178px; }
	.srt-workspaces { flex: 1 1 430px; width: auto; max-width: none; min-width: 390px; }
	.srt-appbar-tools { flex: 1 1 100%; border-top: 1px solid var(--srt-line); min-height: 48px; padding-block: 4px; }
	.srt-service-stage { top: 118px; }
}

@media (max-width: 760px) {
	.srt-appbar-brand { flex: 0 0 180px; width: 180px; }
	.srt-appbar-logo { width: 155px; max-width: 155px; }
	.srt-workspaces { order: 3; flex-basis: 100%; min-width: 100%; width: 100%; height: 62px; border-top: 1px solid var(--srt-line); }
	.srt-workspace-tab, .srt-workspace-add { height: 62px; }
	.srt-appbar-tools { order: 4; overflow-x: auto; justify-content: flex-start; }
	.srt-performance-meter { width: 108px; }
	.srt-service-stage { top: auto; }
}

/* ==========================================================
   1.3.4 — Header polish: compact tech workspaces + account tools
   Header-only presentation pass. No provider/service logic changed.
   ========================================================== */
.srt-appbar {
	direction: ltr;
	display: flex;
	align-items: stretch;
	gap: 0;
	height: 74px;
	min-height: 74px;
	padding: 0;
	background: rgba(255,255,255,.98);
	border-bottom: 1px solid #dfe6ef;
	box-shadow: 0 7px 24px rgba(18,38,70,.08);
	/* No backdrop-filter/transform/filter/contain here: any of those create a
	   new containing block for descendant position:fixed elements (like the
	   personal-area dropdown below), which silently breaks its fixed
	   positioning against the viewport - the exact bug that made the menu
	   fail to open. */
}
.srt-appbar::after {
	content: "";
	position: absolute;
	inset-inline: 0;
	bottom: -1px;
	height: 2px;
	background: linear-gradient(90deg, rgba(20,116,232,.75), var(--srt-gold), rgba(20,116,232,.18));
	pointer-events: none;
}

/* Brand: preserve the supplied artwork at full colour/saturation. */
.srt-appbar-brand {
	flex: 0 0 220px;
	width: 220px;
	min-width: 220px;
	height: 74px;
	padding: 6px 14px;
	justify-content: center;
	background: #fff;
	border-inline-end: 1px solid #e7ecf3;
	overflow: hidden;
}
.srt-appbar-logo {
	display: block;
	width: 194px;
	height: 60px;
	max-width: 194px;
	object-fit: contain;
	object-position: center;
	opacity: 1 !important;
	filter: none !important;
	mix-blend-mode: normal !important;
	-webkit-mask: none !important;
	mask: none !important;
	transform: none !important;
	visibility: visible !important;
}

/* Internal workspaces: compact "mini browser" tabs with a tech feel. */
.srt-workspaces {
	flex: 0 1 610px;
	width: min(610px, 42vw);
	min-width: 455px;
	max-width: 650px;
	height: 74px;
	padding: 8px 7px;
	gap: 6px;
	align-items: center;
	overflow-x: auto;
	overflow-y: hidden;
	background: linear-gradient(180deg, #fbfcfe 0%, #f5f8fc 100%);
	border-inline-end: 1px solid #e7ecf3;
	scrollbar-width: none;
}
.srt-workspaces::-webkit-scrollbar { display: none; }
.srt-workspace-tab {
	position: relative;
	flex: 1 1 0;
	min-width: 82px;
	max-width: 112px;
	height: 56px;
	padding: 6px 8px 5px;
	gap: 1px;
	justify-content: center;
	border: 1px solid #e1e8f1;
	border-radius: 12px;
	background: rgba(255,255,255,.92);
	box-shadow: 0 2px 7px rgba(17,31,55,.035);
	color: #172033;
	transform: translateZ(0);
	transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease, color .16s ease;
}
.srt-workspace-tab:hover {
	background: #fff;
	border-color: #bdcaDA;
	box-shadow: 0 6px 16px rgba(20,45,82,.09);
	transform: translateY(-1px);
}
.srt-workspace-tab.active {
	background: linear-gradient(145deg, #101b35 0%, #173568 70%, #174f91 100%);
	border-color: #1d4b88;
	color: #fff;
	box-shadow: 0 7px 18px rgba(15,45,91,.23), inset 0 0 0 1px rgba(255,255,255,.05);
}
.srt-workspace-tab.active::before {
	content: "";
	position: absolute;
	left: 12px;
	right: 12px;
	top: -1px;
	height: 2px;
	border-radius: 0 0 4px 4px;
	background: linear-gradient(90deg, #27b8ff, var(--srt-gold-2));
	box-shadow: 0 0 10px rgba(39,184,255,.45);
}
.srt-workspace-tab.active::after {
	content: "";
	position: absolute;
	bottom: 5px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #62d4ff;
	box-shadow: 0 0 7px rgba(98,212,255,.8);
}
.srt-workspace-number {
	font-size: 11px;
	font-weight: 900;
	line-height: 1.05;
	letter-spacing: .025em;
}
.srt-workspace-service {
	max-width: 98px;
	font-size: 9px;
	font-weight: 760;
	line-height: 1.15;
	color: #58677d;
}
.srt-workspace-summary {
	display: block;
	max-width: 98px;
	font-size: 7.4px;
	line-height: 1.12;
	color: #9aa5b5;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.srt-workspace-tab.active .srt-workspace-service { color: rgba(255,255,255,.91); }
.srt-workspace-tab.active .srt-workspace-summary { color: rgba(225,241,255,.66); padding-bottom: 4px; }
.srt-workspace-add {
	flex: 0 0 34px;
	width: 34px;
	height: 42px;
	align-self: center;
	border: 1px dashed #c8d3e1;
	border-radius: 11px;
	background: #fff;
	color: #526176;
	font-size: 18px;
	font-weight: 400;
	transition: .16s ease;
}
.srt-workspace-add:hover {
	background: #f3f8ff;
	border-color: #80aee0;
	color: #1474e8;
	box-shadow: 0 4px 12px rgba(20,116,232,.10);
}

/* Right-side tool cluster. Performance now lives inside the account dropdown. */
.srt-appbar-tools {
	margin-inline-start: auto;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	min-width: 0;
	height: 74px;
	padding: 7px 14px 7px 10px;
	background: #fff;
	white-space: nowrap;
}

/* Modern compact language switcher. Signed navigation persists the selected language server-side. */
.srt-shell-lang-switcher {
	direction: ltr;
	display: inline-flex;
	align-items: center;
	gap: 2px;
	height: 36px;
	padding: 3px;
	border: 1px solid #dde5ef;
	border-radius: 11px;
	background: linear-gradient(180deg, #fbfcfe, #f2f5f9);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.75);
}
.srt-lang-globe {
	width: 27px;
	height: 28px;
	display: grid;
	place-items: center;
	color: #526176;
	border-inline-end: 1px solid #dfe6ef;
	margin-inline-end: 1px;
}
.srt-lang-globe svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.srt-shell-lang-btn {
	min-width: 29px;
	height: 28px;
	padding: 0 7px;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: #69778b;
	font-size: 9px;
	font-weight: 850;
	line-height: 28px;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	transition: .16s ease;
}
.srt-shell-lang-btn:hover { color: #172033; background: rgba(255,255,255,.86); }
.srt-shell-lang-btn.active {
	background: linear-gradient(145deg, #101b35, #1a3e76);
	color: #fff;
	box-shadow: 0 3px 8px rgba(17,39,75,.18);
}

/* User control: role badge beside the avatar, compact identity after it. */
.srt-shell-personal-area { position: relative; }
.srt-shell-personal-toggle {
	direction: rtl;
	min-width: 214px;
	height: 46px;
	padding: 5px 7px 5px 9px;
	gap: 7px;
	border: 1px solid transparent;
	border-radius: 13px;
	background: #fff;
	box-shadow: none;
	transition: .16s ease;
}
html[dir="ltr"] .srt-shell-personal-toggle { direction: ltr; }
.srt-shell-personal-toggle:hover,
.srt-shell-personal-toggle[aria-expanded="true"] {
	background: #f6f9fd;
	border-color: #dae4f0;
	box-shadow: 0 5px 14px rgba(17,31,55,.07);
}
.srt-profile-avatar {
	width: 36px;
	height: 36px;
	flex: 0 0 36px;
	border-radius: 50%;
	background: linear-gradient(145deg, #101b35, #204c8b);
	color: #fff;
	box-shadow: 0 4px 12px rgba(18,52,96,.22), inset 0 0 0 1px rgba(255,255,255,.10);
}
.srt-profile-avatar svg { width: 19px; height: 19px; }
.srt-profile-role-chip {
	flex: 0 0 auto;
	max-width: 78px;
	padding: 3px 6px;
	border: 1px solid #ead9a9;
	border-radius: 999px;
	background: #fff9e8;
	color: #826018;
	font-size: 7.4px;
	font-weight: 850;
	line-height: 1.15;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.srt-profile-copy { min-width: 0; flex: 1 1 auto; }
.srt-shell-agent-name {
	max-width: 126px;
	font-size: 9.5px;
	font-weight: 800;
	color: #18243a;
}
.srt-profile-chevron {
	flex: 0 0 16px;
	width: 16px;
	height: 16px;
	color: #7e8a9b;
	transition: transform .16s ease;
}
.srt-profile-chevron svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.srt-shell-personal-toggle[aria-expanded="true"] .srt-profile-chevron { transform: rotate(180deg); }

/* Modern account dropdown. Performance is part of the profile, not a header tab. */
.srt-shell-personal-menu {
	direction: rtl;
	top: calc(100% + 9px);
	right: 0;
	width: 330px;
	border: 1px solid #dce5f0;
	border-radius: 16px;
	background: rgba(255,255,255,.985);
	box-shadow: 0 20px 54px rgba(17,31,55,.20);
	overflow: hidden;
	z-index: 600;
}
html[dir="ltr"] .srt-shell-personal-menu { direction: ltr; right: auto; left: 0; }
.srt-profile-menu-head {
	padding: 14px 15px 12px;
	background: linear-gradient(145deg, #101b35 0%, #193968 72%, #17518e 100%);
	color: #fff;
}
.srt-profile-menu-identity { display: flex; align-items: center; gap: 10px; }
.srt-profile-menu-avatar {
	width: 34px;
	height: 34px;
	flex: 0 0 34px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	color: #fff;
	background: rgba(255,255,255,.12);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.15);
}
.srt-profile-menu-avatar svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; }
.srt-profile-menu-identity > span:last-child { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.srt-profile-menu-identity strong { max-width: 215px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11.5px; }
.srt-profile-menu-identity small { color: rgba(255,255,255,.68); font-size: 8.5px; }

.srt-profile-performance.srt-performance-meter {
	--srt-progress-color: #e2912e;
	width: auto;
	margin: 12px;
	padding: 11px 12px 10px;
	border: 1px solid #e4eaf2;
	border-radius: 12px;
	background: linear-gradient(180deg, #fff, #f8fafc);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.85);
	transition: .18s ease;
}
.srt-profile-performance.srt-performance-meter[data-level="medium"] { --srt-progress-color: #d3aa24; }
.srt-profile-performance.srt-performance-meter[data-level="high"] { --srt-progress-color: #25a164; }
.srt-profile-performance .srt-performance-meter-top { margin-bottom: 7px; }
.srt-profile-performance .srt-performance-caption { display: block; font-size: 9px; font-weight: 750; color: #66748a; }
.srt-profile-performance .srt-performance-percent { font-size: 12px; font-weight: 900; color: #172033; }
.srt-profile-performance .srt-performance-track { height: 7px; background: #e7edf4; box-shadow: inset 0 1px 2px rgba(18,38,70,.05); }
.srt-profile-performance .srt-performance-fill { background: linear-gradient(90deg, #de8b2b, var(--srt-progress-color)); box-shadow: 0 0 9px color-mix(in srgb, var(--srt-progress-color) 35%, transparent); }
.srt-profile-performance .srt-performance-detail { margin-top: 6px; font-size: 8px; color: #8793a3; }
.srt-shell-menu-item {
	padding: 10px 15px;
	font-size: 10.5px;
	font-weight: 650;
	border-top: 1px solid #edf1f5;
	border-bottom: 0;
	transition: .14s ease;
}
.srt-shell-menu-item:hover { background: #f5f9ff; color: #0f5eb8; }
.srt-shell-menu-item-danger:hover { background: #fff5f5; color: var(--srt-danger); }

/* The legacy standalone preview chip and header performance meter no longer render. */
.srt-preview-chip { display: none !important; }
.srt-appbar-tools > .srt-performance-meter { display: none !important; }
.srt-profile-role { display: none !important; }
.srt-primary-views { display: none !important; }
.srt-service-stage { top: 74px; }

/* Responsive header: account tools stay usable; workspaces become a scroll rail. */
@media (max-width: 1180px) {
	.srt-appbar { height: auto; min-height: 74px; flex-wrap: wrap; }
	.srt-appbar-brand { flex: 0 0 190px; width: 190px; min-width: 190px; }
	.srt-appbar-logo { width: 168px; max-width: 168px; }
	.srt-appbar-tools { margin-inline-start: auto; height: 74px; padding-inline: 9px; }
	.srt-workspaces {
		order: 3;
		flex: 1 1 100%;
		width: 100%;
		min-width: 100%;
		max-width: none;
		height: 67px;
		padding: 6px 10px;
		border-top: 1px solid #e7ecf3;
		border-inline-end: 0;
	}
	.srt-workspace-tab { flex: 0 0 102px; max-width: 102px; height: 54px; }
	.srt-workspace-add { height: 40px; }
	.srt-service-stage { top: 141px; }
}

@media (max-width: 720px) {
	.srt-appbar { min-height: 64px; }
	.srt-appbar-brand { flex: 0 0 154px; width: 154px; min-width: 154px; height: 64px; padding: 5px 8px; }
	.srt-appbar-logo { width: 138px; height: 52px; max-width: 138px; }
	.srt-appbar-tools { height: 64px; gap: 5px; padding: 5px 7px; overflow: visible; }
	.srt-shell-lang-switcher { height: 34px; }
	.srt-lang-globe { display: none; }
	.srt-shell-lang-btn { min-width: 27px; padding-inline: 5px; }
	.srt-shell-personal-toggle { min-width: 82px; height: 40px; padding: 3px 5px; gap: 4px; }
	.srt-profile-avatar { width: 32px; height: 32px; flex-basis: 32px; }
	.srt-profile-role-chip { max-width: 45px; padding: 3px 4px; font-size: 6.7px; }
	.srt-profile-copy, .srt-profile-chevron { display: none; }
	.srt-shell-personal-menu { position: fixed; top: 68px; right: 8px; left: 8px; width: auto; max-width: none; }
	html[dir="ltr"] .srt-shell-personal-menu { left: 8px; right: 8px; }
	.srt-workspaces { height: 62px; padding: 5px 8px; gap: 5px; }
	.srt-workspace-tab { flex-basis: 92px; max-width: 92px; height: 50px; border-radius: 10px; }
	.srt-workspace-summary { display: none; }
	.srt-workspace-add { flex-basis: 32px; width: 32px; height: 38px; }
	.srt-service-stage { position: relative; top: auto; }
}

@media (max-width: 430px) {
	.srt-appbar-brand { flex-basis: 137px; width: 137px; min-width: 137px; }
	.srt-appbar-logo { width: 122px; max-width: 122px; }
	.srt-appbar-tools { flex: 1 1 auto; min-width: 0; justify-content: flex-end; }
	.srt-shell-lang-switcher { padding: 2px; }
	.srt-shell-lang-btn { min-width: 25px; font-size: 8px; }
	.srt-profile-role-chip { display: none; }
	.srt-shell-personal-toggle { min-width: 38px; width: 38px; padding: 2px; border-radius: 50%; }
	.srt-workspace-tab { flex-basis: 88px; max-width: 88px; }
}

/* ============================================================
 * ProAgent 1.3.7 — Account Center + branded frontend auth
 * ============================================================ */
.srt-profile-quick-actions {
	display:grid; grid-template-columns:repeat(4,1fr); gap:7px; padding:10px 10px 8px;
	border-top:1px solid #edf0f5; border-bottom:1px solid #edf0f5; background:#fbfcfe;
}
.srt-profile-quick { border:0; background:transparent; border-radius:10px; padding:8px 4px; cursor:pointer; color:#26334c; font:inherit; }
.srt-profile-quick:hover { background:#f0f5fb; transform:translateY(-1px); }
.srt-profile-quick span { display:block; font-size:18px; line-height:1; margin-bottom:5px; }
.srt-profile-quick small { font-size:10px; font-weight:700; }
.srt-profile-menu-section { padding:6px 8px; border-bottom:1px solid #edf0f5; }
.srt-profile-menu-label { display:block; padding:5px 9px 3px; color:#9aa4b5; text-transform:uppercase; letter-spacing:.05em; font-size:9px; font-weight:800; }
.srt-shell-personal-menu .srt-shell-menu-item { width:100%; display:flex; align-items:center; border:0; background:transparent; text-decoration:none; text-align:start; cursor:pointer; font:inherit; }
.srt-manager-only-section { background:linear-gradient(180deg,#fffdf6,#fff); }

.srt-account-center,
.srt-account-center-single { max-width:980px; margin:0 auto; padding:28px 24px 48px; display:block; }
.srt-account-main { min-width:0; width:100%; }
.srt-account-header { display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:20px; }
.srt-account-eyebrow { display:block; margin-bottom:5px; color:#c38a21; font-size:10px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.srt-account-header h1 { margin:0; font-size:28px; color:#13203a; letter-spacing:-.025em; }
.srt-account-header p { margin:6px 0 0; color:#728096; font-size:13px; }
.srt-account-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.srt-settings-card { background:#fff; border:1px solid #e3e8ef; border-radius:18px; padding:20px; box-shadow:0 12px 36px rgba(18,37,68,.055); }
.srt-settings-card-wide { grid-column:1/-1; }
.srt-settings-card-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; }
.srt-settings-card h2 { margin:0; font-size:17px; color:#1a2943; }
.srt-settings-card p { color:#778499; font-size:13px; line-height:1.7; }
.srt-secure-badge { display:inline-flex; align-items:center; min-height:24px; padding:3px 9px; border-radius:999px; background:#f5f8fc; color:#65748b; font-size:10px; font-weight:800; }
.srt-profile-details { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.srt-profile-details>div { padding:12px; border-radius:12px; background:#f8fafc; border:1px solid #edf1f5; }
.srt-profile-details span { display:block; color:#8a96a8; font-size:10px; margin-bottom:4px; }
.srt-profile-details strong { display:block; color:#25324a; font-size:13px; overflow-wrap:anywhere; }
.srt-settings-note { border-inline-start:3px solid #d6a23a; background:#fffaf0; padding:10px 12px; border-radius:8px; }
.srt-settings-form { display:flex; flex-direction:column; gap:12px; }
.srt-settings-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.srt-settings-form label { display:flex; flex-direction:column; gap:6px; color:#617089; font-size:11px; font-weight:700; }
.srt-settings-form input,.srt-settings-form select { width:100%; min-height:43px; border:1px solid #dce3ec; border-radius:11px; padding:9px 11px; background:#fff; color:#1d2a43; font:inherit; box-sizing:border-box; }
.srt-settings-form input:focus,.srt-settings-form select:focus { outline:none; border-color:#cf9b32; box-shadow:0 0 0 3px rgba(207,155,50,.12); }
.srt-setting-check { flex-direction:row!important; align-items:center; grid-column:1/-1; }
.srt-setting-check input { width:auto; min-height:0; }
.srt-settings-save,.srt-settings-secondary { display:inline-flex; justify-content:center; align-items:center; min-height:42px; border:0; border-radius:11px; padding:10px 18px; font:inherit; font-size:12px; font-weight:800; cursor:pointer; text-decoration:none; }
.srt-settings-save { background:linear-gradient(135deg,#d39b30,#edc86c); color:#16213b; box-shadow:0 8px 20px rgba(196,142,35,.2); }
.srt-settings-save:hover { filter:brightness(1.025); transform:translateY(-1px); }
.srt-settings-secondary { background:#f0f4f8; color:#64748b; }
.srt-settings-secondary:disabled { opacity:.6; cursor:not-allowed; }
.srt-autocomplete-field { position:relative; }
.srt-autocomplete-list { position:absolute; top:100%; inset-inline-start:0; inset-inline-end:0; z-index:40; margin-top:4px; background:#fff; border:1px solid #dce3ec; border-radius:11px; box-shadow:0 14px 30px rgba(18,32,57,.14); max-height:240px; overflow-y:auto; }
.srt-autocomplete-option { width:100%; border:0; border-bottom:1px solid #eef1f5; background:#fff; text-align:start; padding:9px 12px; cursor:pointer; display:flex; gap:10px; align-items:baseline; font:inherit; }
.srt-autocomplete-option:last-child { border-bottom:0; }
.srt-autocomplete-option:hover,.srt-autocomplete-option:focus { background:#faf6ec; }
.srt-autocomplete-option strong { min-width:38px; color:#c08829; font-size:12px; }
.srt-autocomplete-option span { font-size:11px; color:#64748b; font-weight:600; }
.srt-inline-link { width:max-content; }
.srt-form-feedback { min-height:18px; font-size:11px; font-weight:700; }
.srt-form-feedback.success { color:#238157; }
.srt-form-feedback.error { color:#b23a44; }
.srt-toggle-form,.srt-notification-list { display:flex; flex-direction:column; gap:4px; }
.srt-toggle-form label,.srt-notification-list label { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:12px 4px; border-bottom:1px solid #eff2f5; font-size:13px; color:#34425a; }
.srt-toggle-form input,.srt-notification-list input { width:18px; height:18px; accent-color:#c9942d; }
.srt-finance-balance-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(185px,1fr)); gap:12px; margin-bottom:16px; }
.srt-finance-balance { background:linear-gradient(145deg,#101c38,#1e3156); color:#fff; border-radius:17px; padding:18px; box-shadow:0 15px 32px rgba(16,28,56,.14); }
.srt-finance-balance>span { color:#aebbd0; font-size:11px; font-weight:800; }
.srt-finance-balance strong { display:block; font-size:25px; margin:9px 0 2px; }
.srt-finance-balance small { color:#dfe8f5; }
.srt-finance-balance div { margin-top:13px; padding-top:10px; border-top:1px solid rgba(255,255,255,.13); font-size:11px; color:#aebbd0; }
.srt-finance-balance em { color:#f3c65c; font-style:normal; font-weight:800; }
.srt-account-section-title { margin:24px 0 12px; font-size:17px; color:#26334b; }
.srt-account-table-wrap { overflow:auto; background:#fff; border:1px solid #e4e9f0; border-radius:16px; }
.srt-account-table { width:100%; border-collapse:collapse; min-width:790px; font-size:11px; }
.srt-account-table th { background:#f8fafc; color:#778499; text-align:start; padding:11px 12px; font-size:10px; text-transform:uppercase; letter-spacing:.03em; }
.srt-account-table td { padding:11px 12px; border-top:1px solid #edf1f5; color:#35435a; }
.srt-status-pill { display:inline-flex; padding:4px 8px; border-radius:999px; background:#edf2f7; font-size:10px; font-weight:800; }
.srt-status-confirmed { background:#e7f7ee; color:#247a50; }
.srt-status-cancelled,.srt-status-booking_failed { background:#ffedef; color:#a83d49; }
.srt-status-pending,.srt-status-reconciliation_required { background:#fff5dc; color:#9a6a0a; }
.srt-payout-status { display:flex; align-items:flex-start; gap:12px; }
.srt-status-dot { width:11px; height:11px; margin-top:4px; border-radius:50%; background:#d7a13a; box-shadow:0 0 0 5px rgba(215,161,58,.12); }
.srt-payout-status p { margin:5px 0 0; }

/* Payout & billing profile (Commissions & Settlement). */
.srt-billing-group-title { margin:18px 0 8px; font-size:13px; font-weight:800; color:#15213c; }
.srt-billing-group-title:first-of-type { margin-top:4px; }
.srt-cert-upload { display:flex; flex-direction:column; gap:10px; margin-top:12px; }
.srt-cert-upload > span { font-size:11px; font-weight:800; color:#617089; text-transform:uppercase; letter-spacing:.04em; }
.srt-cert-current-wrap { display:inline-flex; align-items:center; gap:8px; }
.srt-cert-current { color:#1d6fb8; font-weight:700; font-size:13px; text-decoration:none; }
.srt-cert-current:hover { text-decoration:underline; }
.srt-cert-delete-btn { width:20px; height:20px; border:0; border-radius:50%; background:#fbeceb; color:#c0392b; font-size:11px; font-weight:800; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; line-height:1; }
.srt-cert-delete-btn:hover { background:#f3d3d1; }
.srt-cert-none { color:#8892a3; font-size:12.5px; }
.srt-cert-upload-btn { display:inline-flex; align-items:center; justify-content:center; width:fit-content; cursor:pointer; }
.srt-account-empty,.srt-account-empty-mini { text-align:center; color:#7d899b; padding:28px; }

/* Clients CRM ("הלקוחות שלי"). */
.srt-client-add-btn { border:0; border-radius:10px; padding:9px 16px; background:linear-gradient(135deg,#d39b30,#edc86c); color:#14213b; font:inherit; font-weight:800; font-size:12px; cursor:pointer; }
.srt-clients-table-wrap { width:100%; overflow:auto; }
.srt-clients-table { width:100%; border-collapse:collapse; font-size:12.5px; text-align:start; }
.srt-clients-table th,.srt-clients-table td { padding:10px 12px; border-bottom:1px solid var(--srt-line,#e5eaf1); white-space:nowrap; text-align:start; }
.srt-clients-table th { background:#f7f9fc; color:#5d6b7e; font-size:10px; font-weight:800; text-transform:uppercase; }
.srt-client-edit-btn { border:1px solid #dce3ec; background:#fff; border-radius:8px; width:28px; height:28px; cursor:pointer; font-size:12px; }
.srt-client-edit-btn:hover { background:#f4f7fb; }
.srt-client-form-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:10px; }
.srt-client-form-actions .srt-settings-save,.srt-client-form-actions .srt-settings-secondary { width:auto; padding:11px 22px; }
.srt-client-delete-btn { border:1px solid #f1cdd2; background:#fff0f1; color:#a5414c; border-radius:11px; padding:11px 22px; font:inherit; font-weight:700; font-size:12px; cursor:pointer; margin-inline-start:auto; }
.srt-client-delete-btn:hover { background:#fbe0e2; }
.srt-account-empty span { display:block; font-size:34px; margin-bottom:9px; }
.srt-account-empty h2 { margin:0 0 7px; }
.srt-account-empty-mini { background:#f8fafc; border:1px dashed #dce3ec; border-radius:12px; font-size:12px; }
.srt-report-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:18px 0 10px; font-size:11px; color:#7b8799; }
.srt-report-export-actions { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.srt-settings-card-head .srt-report-export-actions { justify-content:flex-end; }
.srt-manager-console-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.srt-integration-status-list { display:flex; flex-direction:column; gap:8px; }
.srt-integration-status-list>div { display:flex; justify-content:space-between; gap:10px; padding:9px 0; border-bottom:1px solid #edf1f5; font-size:12px; }
.srt-integration-status-list .ok { color:#26815a; }.srt-integration-status-list .missing { color:#a44e59; }
.srt-env-badge { padding:4px 9px; border-radius:999px; font-size:10px; font-weight:850; text-transform:uppercase; }
.srt-env-sandbox { background:#eef4ff; color:#365f9c; }.srt-env-production { background:#ffeded; color:#a83845; }

/* Branded authentication */
.srt-login-body { min-height:100vh; margin:0; background:radial-gradient(circle at 75% 10%,rgba(231,190,99,.18),transparent 30%),linear-gradient(145deg,#eef3f9,#f8f4ec); }
.srt-login-screen { min-height:100vh; display:grid; place-items:center; padding:28px; box-sizing:border-box; }
.srt-login-panel { width:min(100%,430px); padding:30px; border:1px solid rgba(213,220,231,.9); border-radius:24px; background:rgba(255,255,255,.94); box-shadow:0 28px 70px rgba(18,32,57,.14); backdrop-filter:blur(14px); position:relative; }
.srt-login-lang-switch { position:absolute; top:16px; inset-inline-end:16px; display:flex; gap:4px; background:rgba(21,33,60,.05); border-radius:10px; padding:3px; }
.srt-login-lang-switch .srt-shell-lang-btn { min-width:32px; padding:5px 8px; border-radius:8px; font-size:11px; font-weight:800; color:#627087; background:transparent; border:none; cursor:pointer; text-decoration:none; display:inline-flex; align-items:center; justify-content:center; }
.srt-login-lang-switch .srt-shell-lang-btn.active { background:var(--srt-navy,#15213c); color:#fff; }
.srt-login-brand { display:flex; justify-content:center; margin-bottom:22px; }
.srt-login-brand img { width:min(230px,72%); height:auto; opacity:1!important; filter:none!important; }
.srt-login-copy { text-align:center; margin-bottom:20px; }.srt-login-copy h1 { margin:7px 0; color:#15213c; font-size:25px; }.srt-login-copy p { margin:0; color:#778399; font-size:12px; }
.srt-login-form { display:flex; flex-direction:column; gap:12px; }.srt-login-form label { display:flex; flex-direction:column; gap:6px; font-size:11px; color:#627087; font-weight:750; }.srt-login-form input[type="text"],.srt-login-form input[type="password"] { min-height:46px; border:1px solid #dce3ec; border-radius:12px; padding:10px 12px; font:inherit; box-sizing:border-box; }.srt-login-form input:focus { outline:none; border-color:#cb972f; box-shadow:0 0 0 3px rgba(203,151,47,.12); }
.srt-auth-remember { flex-direction:row!important; align-items:center; justify-content:flex-start; }.srt-auth-remember input { width:16px; height:16px; accent-color:#c9942d; }
.srt-auth-primary { width:100%; min-height:46px; border:0; border-radius:12px; background:linear-gradient(135deg,#d39b30,#edc86c); color:#14213b; font:inherit; font-weight:850; cursor:pointer; text-align:center; text-decoration:none; display:flex; align-items:center; justify-content:center; }
.srt-auth-secondary { display:block; text-align:center; color:#63738c; font-size:11px; text-decoration:none; padding:4px; }.srt-auth-secondary:hover { color:#b47d18; }.srt-auth-link-button { margin-top:12px; }
.srt-auth-message { margin:0 0 15px; padding:11px 12px; border-radius:11px; font-size:11px; line-height:1.6; }.srt-auth-error { background:#fff0f1; color:#a5414c; border:1px solid #f1cdd2; }.srt-auth-success { background:#edf9f2; color:#287650; border:1px solid #cdebd9; }
.srt-login-security { text-align:center; margin-top:20px; color:#9aa4b4; font-size:9px; letter-spacing:.03em; }
.srt-login-help-note { text-align:center; margin:14px 0 0; color:#8390a3; font-size:11px; line-height:1.6; }

@media (max-width:900px) {
	.srt-account-center,
	.srt-account-center-single { padding:18px 12px 32px; }
	.srt-account-grid,.srt-manager-console-grid { grid-template-columns:1fr; }
	.srt-settings-form-grid { grid-template-columns:1fr; }
	.srt-profile-details { grid-template-columns:1fr; }
}
@media (max-width:520px) {
	.srt-account-center,
	.srt-account-center-single { padding-inline:8px; }
	.srt-account-header h1 { font-size:22px; }
	.srt-settings-card { padding:15px; border-radius:15px; }
	.srt-profile-quick-actions { gap:3px; }
	.srt-profile-quick small { font-size:9px; }
	.srt-login-screen { padding:12px; }.srt-login-panel { padding:22px 18px; border-radius:20px; }
}
/* ============================================================
 * ProAgent 1.3.8 — account menu scrolling
 * (The bidirectional-shell rules formerly in this block were corrupted -
 * written with literal "\n" escape sequences instead of real line breaks,
 * so the browser silently discarded the whole rule set. They are superseded
 * anyway by the "1.3.9 AUTHORITATIVE" block below, which is the one actually
 * in effect; removed here to avoid confusion and invalid-CSS parser risk.)
 * ============================================================ */

/* The account panel is a self-contained scroll surface. Opening it must not
   make the document itself the only way to reach lower menu items. */
.srt-shell-personal-menu {
	max-height: min(720px, calc(100vh - 92px));
	overflow-x: hidden !important;
	overflow-y: auto !important;
	overscroll-behavior: contain;
	scrollbar-gutter: stable;
	-webkit-overflow-scrolling: touch;
}
.srt-shell-personal-menu::-webkit-scrollbar { width: 7px; }
.srt-shell-personal-menu::-webkit-scrollbar-track { background: transparent; }
.srt-shell-personal-menu::-webkit-scrollbar-thumb { background: #c8d3e1; border-radius: 999px; }
.srt-shell-personal-menu::-webkit-scrollbar-thumb:hover { background: #9fafc3; }
.srt-profile-menu-head { position: sticky; top: 0; z-index: 3; }

.srt-central-bookings { padding: 0; overflow: hidden; }
.srt-central-bookings-head { padding: 20px 22px 14px; border-bottom: 1px solid var(--srt-line); display:flex; align-items:flex-end; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.srt-central-bookings-head span { color: var(--srt-muted); font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.srt-central-bookings-head h2 { margin: 4px 0 0; color: var(--srt-navy); font-size: 22px; }
.srt-central-bookings-table-wrap { width: 100%; overflow: auto; }
.srt-central-bookings-table { width: 100%; border-collapse: collapse; font-size: 12px; text-align: start; }
.srt-central-bookings-table th, .srt-central-bookings-table td { padding: 11px 14px; border-bottom: 1px solid var(--srt-line); white-space: nowrap; text-align: start; }
.srt-central-bookings-table th { background: #f7f9fc; color: #5d6b7e; font-size: 10px; font-weight: 800; }
.srt-bookings-search, .srt-settlement-search { display:grid; gap:5px; min-width:min(420px,100%); }
.srt-bookings-search span, .srt-settlement-search span { color:var(--srt-muted); font-size:10px; font-weight:800; }
.srt-bookings-search input, .srt-settlement-search input { width:100%; min-height:42px; border:1px solid var(--srt-line); border-radius:11px; background:#fff; color:var(--srt-navy); padding:9px 12px; font:inherit; outline:none; }
.srt-bookings-search input:focus, .srt-settlement-search input:focus { border-color:#2f6fed; box-shadow:0 0 0 3px rgba(47,111,237,.10); }
.srt-central-bookings-table td small { display:block; margin-top:4px; color:var(--srt-muted); font-size:9px; line-height:1.35; }
.srt-booking-search-empty td { padding:24px!important; text-align:center!important; color:var(--srt-muted); }
.srt-settlement-search { margin:14px 0 10px; min-width:0; max-width:520px; }
@media (max-width:760px){ .srt-central-bookings-head { align-items:stretch; } .srt-bookings-search { min-width:100%; } }

.srt-bookings-empty { padding: 28px; }

@media (max-width: 720px) {
	.srt-shell-personal-menu {
		top: 68px;
		bottom: 8px;
		max-height: none;
		overflow-y: auto !important;
	}
}

/* ============================================================
 * ProAgent 1.3.9 — AUTHORITATIVE live UI / bidirectional layout
 * This block intentionally comes last so legacy styling from earlier design
 * passes cannot override the current Shell behaviour.
 * ============================================================ */

/* 1) True physical mirroring of the top application bar. */
.srt-appbar {
	display: grid !important;
	grid-template-columns: minmax(180px, 220px) minmax(0, 1fr) auto !important;
	grid-template-areas: "brand workspaces tools" !important;
	direction: ltr !important;
}
.srt-appbar-brand { grid-area: brand !important; }
.srt-workspaces { grid-area: workspaces !important; }
.srt-appbar-tools { grid-area: tools !important; }

html[dir="rtl"] .srt-appbar {
	grid-template-columns: minmax(180px, 220px) minmax(0, 1fr) auto !important;
	grid-template-areas: "brand workspaces tools" !important;
}
html[dir="ltr"] .srt-appbar {
	grid-template-columns: auto minmax(0, 1fr) minmax(180px, 220px) !important;
	grid-template-areas: "tools workspaces brand" !important;
}

/* #1 stays next to the logo in both languages. */
html[dir="rtl"] .srt-workspaces {
	direction: ltr !important;
	flex-direction: row !important;
}
html[dir="ltr"] .srt-workspaces {
	direction: ltr !important;
	flex-direction: row-reverse !important;
}

/* Account is the outermost control in both mirrored layouts. */
html[dir="rtl"] .srt-appbar-tools {
	direction: ltr !important;
	flex-direction: row !important;
	justify-content: flex-end !important;
}
html[dir="ltr"] .srt-appbar-tools {
	direction: ltr !important;
	flex-direction: row-reverse !important;
	justify-content: flex-end !important;
}

/* 2) Service rail is a real mirror: Hotels starts on the right in Hebrew and
      on the left in English. */
.srt-service-dock {
	direction: ltr !important;
}
html[dir="rtl"] .srt-service-dock { flex-direction: row-reverse !important; }
html[dir="ltr"] .srt-service-dock { flex-direction: row !important; }

/* 3) The entire application canvas follows the active language. */
html[dir="rtl"] body.srt-shell-body,
html[dir="rtl"] .srt-shell,
html[dir="rtl"] .srt-service-stage-inner,
html[dir="rtl"] .srt-shell-content {
	direction: rtl !important;
	text-align: start !important;
}
html[dir="ltr"] body.srt-shell-body,
html[dir="ltr"] .srt-shell,
html[dir="ltr"] .srt-service-stage-inner,
html[dir="ltr"] .srt-shell-content {
	direction: ltr !important;
	text-align: start !important;
}

/* 4) Account dropdown is an independent viewport, not part of document
      scrolling. Fixed positioning guarantees it always has its own scrollbar. */
.srt-shell-personal-menu {
	position: fixed !important;
	top: 82px !important;
	bottom: 12px !important;
	width: min(360px, calc(100vw - 24px)) !important;
	max-height: none !important;
	height: auto !important;
	overflow-x: hidden !important;
	overflow-y: scroll !important;
	overscroll-behavior: contain !important;
	scrollbar-gutter: stable !important;
	-webkit-overflow-scrolling: touch !important;
	z-index: 10000 !important;
}
html[dir="rtl"] .srt-shell-personal-menu {
	right: 12px !important;
	left: auto !important;
	direction: rtl !important;
}
html[dir="ltr"] .srt-shell-personal-menu {
	left: 12px !important;
	right: auto !important;
	direction: ltr !important;
}
.srt-shell-personal-menu::-webkit-scrollbar { width: 8px !important; }
.srt-shell-personal-menu::-webkit-scrollbar-track { background: #f2f5f9 !important; }
.srt-shell-personal-menu::-webkit-scrollbar-thumb {
	background: #aebdce !important;
	border-radius: 999px !important;
	border: 2px solid #f2f5f9 !important;
}
.srt-profile-menu-head {
	position: sticky !important;
	top: 0 !important;
	z-index: 5 !important;
}

/* Text/layout inside the dropdown follows the same direction. */
html[dir="rtl"] .srt-profile-menu-section,
html[dir="rtl"] .srt-profile-quick-actions,
html[dir="rtl"] .srt-profile-performance,
html[dir="rtl"] .srt-shell-menu-item { direction: rtl !important; text-align: right !important; }
html[dir="ltr"] .srt-profile-menu-section,
html[dir="ltr"] .srt-profile-quick-actions,
html[dir="ltr"] .srt-profile-performance,
html[dir="ltr"] .srt-shell-menu-item { direction: ltr !important; text-align: left !important; }

/* Keep quick actions readable in both directions without reordering their
   semantic sequence. */
.srt-profile-quick-actions { grid-auto-flow: column !important; }

/* 5) Responsive mirror. At narrow widths the header becomes a two-row app bar,
      while each row remains directionally correct. */
@media (max-width: 1180px) {
	.srt-appbar,
	html[dir="rtl"] .srt-appbar,
	html[dir="ltr"] .srt-appbar {
		display: grid !important;
		grid-template-columns: minmax(150px, 190px) minmax(0,1fr) auto !important;
		grid-template-areas:
			"brand . tools"
			"workspaces workspaces workspaces" !important;
	}
	html[dir="ltr"] .srt-appbar {
		grid-template-columns: auto minmax(0,1fr) minmax(150px,190px) !important;
		grid-template-areas:
			"tools . brand"
			"workspaces workspaces workspaces" !important;
	}
	.srt-workspaces {
		width: 100% !important;
		min-width: 0 !important;
		max-width: none !important;
	}
	.srt-shell-personal-menu { top: 146px !important; }
}

@media (max-width: 720px) {
	.srt-appbar,
	html[dir="rtl"] .srt-appbar,
	html[dir="ltr"] .srt-appbar {
		grid-template-columns: minmax(112px, 150px) 1fr !important;
		grid-template-areas:
			"brand tools"
			"workspaces workspaces" !important;
	}
	html[dir="ltr"] .srt-appbar {
		grid-template-areas:
			"tools brand"
			"workspaces workspaces" !important;
	}
	.srt-appbar-tools { min-width: 0 !important; }
	.srt-shell-personal-toggle { min-width: 44px !important; width: auto !important; }
	.srt-profile-copy, .srt-profile-role-chip, .srt-profile-chevron { display: none !important; }
	.srt-shell-personal-menu {
		top: 134px !important;
		left: 8px !important;
		right: 8px !important;
		bottom: 8px !important;
		width: auto !important;
	}
}

/* 7) Performance bar is a genuine second row INSIDE the account button
      itself - not a sibling, not separately positioned. Because it's part
      of the same <button>, it automatically shares its hover/active state,
      its RTL/LTR handling, and its responsive behaviour - nothing extra to
      keep in sync. Colour rides the booking percentage: red -> orange -> green. */
.srt-shell-personal-toggle {
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	height: auto !important;
	min-height: 0 !important;
	gap: 4px !important;
}
.srt-profile-toggle-row {
	display: flex;
	align-items: center;
	gap: 7px;
	width: 100%;
}
html[dir="rtl"] .srt-profile-toggle-row { direction: rtl; }
html[dir="ltr"] .srt-profile-toggle-row { direction: ltr; }

.srt-shell-personal-toggle .srt-performance-meter#srt-shell-performance {
	--srt-progress-color: #d1483f;
	display: flex;
	align-items: center;
	gap: 6px;
	width: 100%;
	background: transparent;
	border: 0;
	box-shadow: none;
	padding: 0;
	margin: 0;
}
.srt-shell-personal-toggle .srt-performance-meter#srt-shell-performance[data-level="medium"] { --srt-progress-color: #d69a1f; }
.srt-shell-personal-toggle .srt-performance-meter#srt-shell-performance[data-level="high"] { --srt-progress-color: #269a5b; }
.srt-shell-personal-toggle .srt-performance-track {
	flex: 1 1 auto;
	height: 4px;
	border-radius: 3px;
	background: #e9edf2;
	overflow: hidden;
}
.srt-shell-personal-toggle .srt-performance-fill {
	background: var(--srt-progress-color);
	transition: width .6s ease, background-color .3s ease;
}
.srt-shell-personal-toggle .srt-performance-percent {
	flex: 0 0 auto;
	font-size: 9px;
	font-weight: 800;
	line-height: 1;
	color: var(--srt-progress-color);
}

@media (max-width: 720px) {
	.srt-shell-personal-toggle .srt-performance-percent { display: none; }
}
@media (max-width: 430px) {
	/* The toggle collapses to a bare round avatar at this width - no room
	   for a second row, same as the role chip and name being hidden above. */
	.srt-shell-personal-toggle { border-radius: 13px !important; }
	.srt-shell-personal-toggle .srt-performance-meter#srt-shell-performance { display: none; }
}

/* 8) Service selector redesigned as a spacious, modern pill row (RateHawk-
      style reference): rounded pill buttons with icon + label, generous
      spacing, a filled dark pill for the active service, no card border or
      underline indicator. Icons/spacing only - no text content changes, so
      this applies identically in Hebrew and English. */
.srt-service-stage {
	background: transparent;
	border-bottom: 0;
	padding: 20px 22px 18px;
}
.srt-service-stage-inner {
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	align-items: center;
	gap: 10px;
}
.srt-service-dock {
	gap: 10px;
	padding: 0;
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: none;
}
.srt-service-dock::-webkit-scrollbar { display: none; }
.srt-service-btn {
	min-width: 0;
	padding: 11px 20px;
	border-radius: 999px;
	background: #f2f4f7;
	color: #3d4759;
	font-size: 13px;
	font-weight: 700;
	gap: 9px;
	transition: background-color .16s ease, color .16s ease, transform .16s ease;
}
.srt-service-btn:hover { background: #e7ebf1; color: var(--srt-navy); }
.srt-service-btn.active {
	background: var(--srt-navy);
	color: #fff;
	font-weight: 750;
	box-shadow: 0 6px 16px rgba(16,27,53,.18);
}
.srt-service-btn.active::after { content: none; }
.srt-service-btn.active .srt-service-icon { color: var(--srt-gold-2); }
.srt-service-icon {
	width: 18px;
	height: 18px;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
}
.srt-service-icon svg {
	width: 100% !important;
	height: 100% !important;
	display: block;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.srt-workspace-context {
	border-inline-start: 0;
	padding-inline-start: 10px;
	margin-inline-start: 2px;
}

/* 6) Prevent stale layout artifacts from creating horizontal document scroll. */
html, body.srt-shell-body { overflow-x: hidden !important; }
.srt-shell { max-width: 100vw !important; overflow-x: hidden !important; }

/* ==========================================================
   1.3.10 — Service selector stabilization
   Scope intentionally limited to the travel-service selector.
   One authoritative layout replaces the competing legacy rules above.
   ========================================================== */
.srt-service-stage {
	position: sticky;
	isolation: isolate;
	overflow: hidden;
	background:
		linear-gradient(105deg, #f4c94f 0%, #f8dda0 58%, #fff7de 100%) !important;
	border: 0 !important;
	border-bottom: 2px solid rgba(211, 154, 44, .72) !important;
	padding: 12px 22px !important;
}

/* Subtle technology-style linework, decorative only. */
.srt-service-stage::before {
	content: "";
	position: absolute;
	z-index: 0;
	inset: 0 0 0 auto;
	width: min(38vw, 560px);
	pointer-events: none;
	opacity: .16;
	background:
		repeating-linear-gradient(164deg,
			transparent 0 16px,
			rgba(255,255,255,.9) 17px 18px,
			transparent 19px 31px
		);
	transform: skewX(-10deg) translateX(9%);
}

.srt-service-stage-inner {
	position: relative;
	z-index: 1;
	display: block !important;
	width: 100% !important;
	max-width: 1480px !important;
	min-width: 0 !important;
	margin: 0 auto !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

/* Workspace context consumed width and visually broke the selector row.
   Workspace state remains in the top workspace tabs, so it is redundant here. */
.srt-service-stage .srt-workspace-context {
	display: none !important;
}

.srt-service-dock,
html[dir="rtl"] .srt-service-dock,
html[dir="ltr"] .srt-service-dock {
	box-sizing: border-box !important;
	display: flex !important;
	flex-flow: row nowrap !important;
	align-items: center !important;
	justify-content: flex-start !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	gap: 8px !important;
	padding: 3px 2px 7px !important;
	margin: 0 !important;
	overflow-x: auto !important;
	overflow-y: hidden !important;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior-x: contain;
	scroll-snap-type: x proximity;
	scrollbar-width: none;
}
html[dir="rtl"] .srt-service-dock {
	direction: rtl !important;
}
html[dir="ltr"] .srt-service-dock {
	direction: ltr !important;
}
.srt-service-dock::-webkit-scrollbar {
	display: none !important;
}

.srt-service-dock > .srt-service-btn {
	-webkit-appearance: none !important;
	appearance: none !important;
	position: relative !important;
	flex: 0 0 auto !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 0 !important;
	min-height: 50px !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 15px !important;
	gap: 8px !important;
	border: 1px solid rgba(23, 32, 51, .10) !important;
	border-radius: 14px !important;
	background: rgba(255,255,255,.72) !important;
	box-shadow:
		0 3px 10px rgba(22, 34, 57, .06),
		inset 0 1px 0 rgba(255,255,255,.84) !important;
	color: #5f6774 !important;
	font-family: Inter, Rubik, "Segoe UI", Arial, sans-serif !important;
	font-size: 14px !important;
	font-weight: 680 !important;
	line-height: 1 !important;
	letter-spacing: 0 !important;
	white-space: nowrap !important;
	text-decoration: none !important;
	text-transform: none !important;
	cursor: pointer !important;
	scroll-snap-align: start;
	transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease, border-color .16s ease, color .16s ease !important;
}

.srt-service-dock > .srt-service-btn > span:last-child {
	display: inline-block !important;
	margin: 0 !important;
	padding: 0 !important;
	font: inherit !important;
	font-size: inherit !important;
	line-height: 1.12 !important;
	white-space: nowrap !important;
}

.srt-service-dock > .srt-service-btn:hover {
	transform: translateY(-1px) !important;
	background: rgba(255,255,255,.92) !important;
	border-color: rgba(16,27,53,.18) !important;
	color: #172033 !important;
	box-shadow: 0 6px 15px rgba(22,34,57,.10) !important;
}

.srt-service-dock > .srt-service-btn.active {
	background: linear-gradient(145deg, #101b35 0%, #182b4f 100%) !important;
	border-color: #101b35 !important;
	color: #fff !important;
	font-weight: 780 !important;
	box-shadow: 0 7px 18px rgba(16,27,53,.20) !important;
}
.srt-service-dock > .srt-service-btn.active::after {
	content: none !important;
	display: none !important;
}

.srt-service-dock > .srt-service-btn .srt-service-icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 18px !important;
	width: 18px !important;
	height: 18px !important;
	margin: 0 !important;
	padding: 0 !important;
	color: #667184 !important;
}
.srt-service-dock > .srt-service-btn.active .srt-service-icon {
	color: #f0bd55 !important;
}
.srt-service-dock > .srt-service-btn .srt-service-icon svg {
	display: block !important;
	width: 18px !important;
	height: 18px !important;
	min-width: 18px !important;
	fill: none !important;
	stroke: currentColor !important;
	stroke-width: 1.8 !important;
}

.srt-service-dock > .srt-service-btn:focus-visible {
	outline: 3px solid rgba(20,116,232,.28) !important;
	outline-offset: 2px !important;
}

/* Tablet: keep real buttons and switch to a touch-scroll rail instead of
   shrinking labels until they collide. */
@media (max-width: 1100px) {
	.srt-service-stage {
		padding: 11px 14px !important;
	}
	.srt-service-dock > .srt-service-btn {
		min-height: 48px !important;
		padding-inline: 14px !important;
		font-size: 13px !important;
		border-radius: 13px !important;
	}
}

/* Mobile: one clean horizontal selector rail. Nothing wraps, clips or widens
   the document; the next pill remains naturally reachable by swiping. */
@media (max-width: 720px) {
	.srt-service-stage {
		padding: 9px 10px !important;
		border-bottom-width: 1px !important;
	}
	.srt-service-stage::before {
		width: 62vw;
		opacity: .11;
	}
	.srt-service-dock {
		gap: 7px !important;
		padding: 2px 1px 5px !important;
	}
	.srt-service-dock > .srt-service-btn {
		min-height: 45px !important;
		padding-inline: 13px !important;
		gap: 7px !important;
		font-size: 12.5px !important;
		border-radius: 12px !important;
		scroll-snap-align: center;
	}
	.srt-service-dock > .srt-service-btn .srt-service-icon,
	.srt-service-dock > .srt-service-btn .srt-service-icon svg {
		width: 17px !important;
		height: 17px !important;
		min-width: 17px !important;
		flex-basis: 17px !important;
	}
}

/* ==========================================================
   1.3.11 — Flat chrome cleanup
   Removes unwanted shadow/glow/pigment artifacts around the travel-service
   selector, workspace buttons and the shared header without changing layout,
   sizing, scrolling, RTL/LTR ordering or service behaviour.
   ========================================================== */

/* Header: keep the existing structure and active-state styling, but remove
   the floating/shadowed look from the bar and workspace button rail. */
.srt-appbar {
	box-shadow: none !important;
	filter: none !important;
}
.srt-workspaces {
	background: #fff !important;
	box-shadow: none !important;
	filter: none !important;
}
.srt-workspace-tab,
.srt-workspace-tab:hover,
.srt-workspace-tab.active,
.srt-workspace-add,
.srt-workspace-add:hover {
	box-shadow: none !important;
	filter: none !important;
	text-shadow: none !important;
}
.srt-workspace-tab.active::before,
.srt-workspace-tab.active::after {
	box-shadow: none !important;
	filter: none !important;
}

/* Travel-service rail: no button shadows in desktop, tablet or mobile. */
.srt-service-stage,
.srt-service-stage-inner,
.srt-service-dock,
.srt-service-dock > .srt-service-btn,
.srt-service-dock > .srt-service-btn:hover,
.srt-service-dock > .srt-service-btn:active,
.srt-service-dock > .srt-service-btn.active,
.srt-service-dock > .srt-service-btn:focus,
.srt-service-dock > .srt-service-btn:focus-visible {
	box-shadow: none !important;
	filter: none !important;
	text-shadow: none !important;
}

/* The old decorative overlay had a capped width (38vw / 560px), which made
   its tint/linework end abruptly above the search widget. Remove it entirely
   so the service band stays continuous across the full viewport. */
.srt-service-stage::before,
.srt-service-stage::after {
	content: none !important;
	display: none !important;
	background: none !important;
	box-shadow: none !important;
	filter: none !important;
}


/* ==========================================================
   1.3.12 — Hotel backdrop + Booking.com service icon cleanup
   Decorative-only changes; no search/service behaviour changed.
   ========================================================== */

/* Defensive fallback: the hotel ambient layer was removed from the template,
   but keep any stale/cached markup completely inert as well. */
.srh-widget > .srh-ambient {
	display: none !important;
	background: none !important;
	box-shadow: none !important;
	filter: none !important;
}

/* Compact Booking.com B. brand tile; rendered locally with no external asset. */
.srt-service-dock > .srt-service-btn .srt-booking-brand-mark {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 18px !important;
	width: 18px !important;
	height: 18px !important;
	margin: 0 !important;
	padding: 0 !important;
	border-radius: 4px !important;
	background: #003b95 !important;
	color: #fff !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 10px !important;
	font-weight: 800 !important;
	line-height: 18px !important;
	letter-spacing: -.6px !important;
	white-space: nowrap !important;
}
.srt-service-dock > .srt-service-btn.active .srt-booking-brand-mark {
	background: #fff !important;
	color: #003b95 !important;
}
@media (max-width: 720px) {
	.srt-service-dock > .srt-service-btn .srt-booking-brand-mark {
		flex-basis: 17px !important;
		width: 17px !important;
		height: 17px !important;
		font-size: 9.5px !important;
		line-height: 17px !important;
	}
}

/* 1.3.44 — central Orders management routing + provider documents */
.srt-central-booking-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.srt-central-manage-btn,.srt-central-doc-link{min-height:34px;border-radius:8px;padding:7px 11px;font:inherit;font-weight:750;text-decoration:none!important;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.srt-central-manage-btn{border:0;background:var(--srt-navy,#102a55);color:#fff}
.srt-central-doc-link{border:1px solid var(--srt-line,#d9e1ec);background:#fff;color:var(--srt-navy,#102a55)!important}
.srt-central-manage-btn:hover,.srt-central-doc-link:hover{filter:brightness(.97)}

/* 1.3.47 Operations Reports */
.srt-operation-note{margin:0 0 14px;padding:12px 14px;border:1px solid #dce5f0;border-radius:12px;background:#f7faff;color:#50617a;font-size:13px;line-height:1.55}
.srt-operations-table-wrap{overflow:auto;max-width:100%}
.srt-operations-table{min-width:1700px}
.srt-operation-details summary{cursor:pointer;font-weight:800;color:#163f77;white-space:nowrap}
.srt-operation-details pre{max-width:520px;max-height:340px;overflow:auto;white-space:pre-wrap;word-break:break-word;text-align:left;direction:ltr;background:#0e1728;color:#eef4ff;border-radius:10px;padding:12px;font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}

/* 1.3.48: Operations details expose business fields only, never raw API JSON. */
.srt-operation-detail-grid{display:grid;gap:7px;min-width:250px;padding:10px 0}.srt-operation-detail-grid>div{display:grid;grid-template-columns:minmax(95px,.8fr) minmax(120px,1fr);gap:8px;border-bottom:1px solid #edf1f5;padding:0 0 6px}.srt-operation-detail-grid span{font-size:11px;color:#7a8495}.srt-operation-detail-grid strong{font-size:12px;color:#15233d;word-break:break-word}

/* 1.3.48: Operations details expose business fields only, never raw API JSON. */
.srt-operation-detail-grid{display:grid;gap:7px;min-width:250px;padding:10px 0}.srt-operation-detail-grid>div{display:grid;grid-template-columns:minmax(95px,.8fr) minmax(120px,1fr);gap:8px;border-bottom:1px solid #edf1f5;padding:0 0 6px}.srt-operation-detail-grid span{font-size:11px;color:#7a8495}.srt-operation-detail-grid strong{font-size:12px;color:#15233d;word-break:break-word}

/* 1.3.48 — requested replacement details in central bookings */
.srt-central-pending-summary{margin-top:7px;display:grid;gap:2px;max-width:250px;font-size:11px;line-height:1.35;color:#5d6b80;white-space:normal}
.srt-central-pending-summary strong{color:#a36a08}

/* 1.3.49: global account/service table pagination controlled by System Preferences. */
.srt-table-pager{display:flex;align-items:center;justify-content:center;gap:7px;padding:14px 8px;direction:ltr}
.srt-table-pager button{min-width:34px;height:34px;border:1px solid #d9e1ec;border-radius:9px;background:#fff;color:#173c73;font-weight:700;cursor:pointer}
.srt-table-pager button.is-active{background:#173c73;color:#fff;border-color:#173c73}
.srt-table-pager button:disabled{opacity:.4;cursor:not-allowed}
.srt-table-pager span{font-size:12px;color:#66758d;margin:0 5px}

/* Settlement / receipt workflow */
.srt-settlement-workflow{margin:18px 0}.srt-settlement-table td{vertical-align:top}.srt-settlement-table td>small{display:block;margin-top:6px;color:#667085}.srt-settlement-upload{display:grid;grid-template-columns:minmax(110px,.8fr) minmax(160px,1.3fr);gap:6px;margin-top:8px;min-width:320px}.srt-settlement-upload input,.srt-settlement-upload select{min-height:36px;border:1px solid #d7dfeb;border-radius:9px;background:#fff;padding:6px 8px}.srt-settlement-upload input[name="agent_note"]{grid-column:1/-1}.srt-settlement-upload button{justify-self:start}.srt-settlement-feedback{grid-column:1/-1;min-height:1.2em;color:#1f6f5c}.srh-ai-applied{display:block;margin-top:5px;font-weight:700;color:#155a8a}
@media(max-width:760px){.srt-settlement-upload{min-width:0;grid-template-columns:1fr}.srt-settlement-upload input[name="agent_note"],.srt-settlement-feedback{grid-column:auto}}

/* 1.3.50 — confirmed-only rich booking calendar chips */
.srt-cal-booking-chip {
	cursor: pointer;
	margin-top: 4px;
	border-radius: 7px;
	padding: 5px 6px;
	background: var(--srt-cal-service, #63738c);
	color: #fff;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.12);
	min-width: 0;
}
.srt-cal-booking-main {
	display: flex;
	align-items: flex-start;
	gap: 4px;
	font-size: .68rem;
	font-weight: 800;
	line-height: 1.25;
	white-space: normal;
	overflow-wrap: anywhere;
}
.srt-cal-booking-icon { flex: 0 0 auto; font-size: .78rem; line-height: 1.15; }
.srt-cal-booking-sub {
	margin-top: 2px;
	font-size: .58rem;
	font-weight: 650;
	line-height: 1.2;
	opacity: .92;
	white-space: normal;
	overflow-wrap: anywhere;
}
.srt-settings-note { margin: 0 0 8px; color: var(--srt-muted,#7b8798); font-size: 12px; line-height: 1.6; }
.srt-settlement-bookings summary { cursor:pointer;font-weight:800;color:var(--srt-navy,#173c73); }
.srt-settlement-booking-line { display:grid;grid-template-columns:minmax(100px,1.2fr) 1fr 1.4fr auto;gap:8px;align-items:center;padding:6px 0;border-bottom:1px dashed var(--srt-line,#e5eaf1);font-size:11px;min-width:520px; }
.srt-settlement-booking-line span { color:var(--srt-muted,#7b8798); }


/* 1.3.54 — per-agent voucher branding (receipts always remain ProAgent). */
.srt-voucher-branding-card{margin-top:16px}
.srt-voucher-logo-current{display:flex;align-items:center;gap:16px;margin:14px 0;padding:13px;border:1px solid #dfe6ef;border-radius:12px;background:#fbfcfe}
.srt-voucher-logo-preview{width:190px;height:76px;display:flex;align-items:center;justify-content:center;padding:8px;border:1px solid #e3e9f1;border-radius:10px;background:#fff;overflow:hidden}
.srt-voucher-logo-preview img{display:block;max-width:100%;max-height:100%;object-fit:contain}
.srt-voucher-logo-current>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}
.srt-voucher-logo-current strong{max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#173c73}
.srt-voucher-logo-empty{margin:14px 0;padding:13px;border:1px dashed #ccd6e3;border-radius:10px;color:#77869a;background:#fbfcfe}
.srt-voucher-logo-upload-btn{display:inline-flex!important;width:fit-content;cursor:pointer}
@media(max-width:680px){.srt-voucher-logo-current{align-items:stretch;flex-direction:column}.srt-voucher-logo-preview{width:100%;max-width:260px}.srt-voucher-logo-current strong{max-width:100%}}

/* Quotes workspace */
.srt-quotes-table td small{display:block;margin-top:3px;color:#77869a;font-size:10px}.srt-quote-status{width:max-content;padding:3px 7px;border-radius:999px;background:#eaf7f0;color:#26735a;font-weight:800}.srt-quote-status.is-unavailable{background:#fff0ee;color:#ad463c}.srt-quote-actions{display:flex;flex-wrap:wrap;gap:6px}.srt-quote-actions a{text-decoration:none;display:inline-flex;align-items:center}.srt-quote-live-result{padding:12px;border-radius:10px;background:#f7f9fc;color:#334a67}.srt-quote-live-result>small{margin-inline-start:6px}.srt-quote-alternatives{display:grid;gap:8px;margin-top:10px}.srt-quote-alternatives article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px;border:1px solid #dfe7f0;border-radius:10px;background:#fff}.srt-quote-alternatives article small{display:block;color:#77869a}.srt-inline-spinner{display:inline-block;width:14px;height:14px;border:2px solid #d8e1ec;border-top-color:#173568;border-radius:50%;animation:srtSpin .75s linear infinite}
@media(max-width:720px){.srt-quote-alternatives article{grid-template-columns:1fr}.srt-quote-actions{flex-direction:column}.srt-quote-actions>*{width:100%;justify-content:center}}

/* 1.3.57 — preserved workspace + rich quote alternatives */
.srt-workspace-restore-tools{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:10px auto 4px;max-width:calc(100% - 36px);font-size:11px;color:#64748b}.srt-workspace-restore-tools button{border:1px solid #d9e2ec;background:#fff;color:#173568;border-radius:9px;padding:7px 12px;font:700 11px inherit;cursor:pointer}.srt-workspace-restore-tools button:hover{background:#f5f8fc}
.srt-quote-delete{border-color:#efc7c7!important;color:#a52a2a!important;background:#fff8f8!important}.srt-quote-alternatives{display:grid;gap:12px;margin-top:14px}.srt-quote-alt-card{display:grid;grid-template-columns:150px minmax(0,1fr) 150px;gap:14px;align-items:stretch;padding:12px;border:1px solid #dfe7f0;border-radius:14px;background:#fff}.srt-quote-alt-photo{min-height:132px;border-radius:11px;overflow:hidden;background:#f3f6fa;display:grid;place-items:center;font-size:30px}.srt-quote-alt-photo img{width:100%;height:100%;min-height:132px;object-fit:cover}.srt-quote-alt-body{min-width:0;display:flex;flex-direction:column;gap:8px}.srt-quote-alt-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.srt-quote-alt-title strong{font-size:14px;color:#173568}.srt-quote-alt-title span{white-space:nowrap;font-size:10px;padding:4px 7px;border-radius:999px;background:#edf4ff;color:#385579}.srt-quote-alt-body>p{margin:0;color:#65748a;font-size:10px;line-height:1.55}.srt-quote-alt-section{display:flex;flex-direction:column;gap:3px;padding-top:7px;border-top:1px solid #edf1f5}.srt-quote-alt-section>strong{font-size:10px;color:#334a66}.srt-quote-alt-section>small{font-size:9.5px;color:#66778d;line-height:1.45}.srt-quote-alt-chips{display:flex;flex-wrap:wrap;gap:5px}.srt-quote-alt-chips span{padding:4px 7px;border-radius:999px;background:#f4f7fa;color:#53657a;font-size:9px}.srt-quote-alt-pay{font-size:9.5px;font-weight:700;color:#287052}.srt-quote-alt-action{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:10px;text-align:center}.srt-quote-alt-action b{font-size:15px;color:#173568}.srt-quote-alt-action button{width:100%}.srt-quote-beds{direction:ltr;unicode-bidi:isolate;text-align:start}
@media(max-width:820px){.srt-quote-alt-card{grid-template-columns:100px minmax(0,1fr)}.srt-quote-alt-action{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between}.srt-quote-alt-action button{width:auto}.srt-quote-alt-photo,.srt-quote-alt-photo img{min-height:100px}}
@media(max-width:560px){.srt-quote-alt-card{grid-template-columns:1fr}.srt-quote-alt-photo{max-height:190px}.srt-quote-alt-action{grid-column:auto}.srt-workspace-restore-tools{justify-content:space-between;max-width:calc(100% - 20px)}}
/* 1.3.58 — quote language/checkout controls */
.srt-quote-doc-lang select{min-height:34px;border:1px solid var(--srt-border,#dbe3ec);border-radius:9px;background:#fff;padding:5px 8px;font:inherit;color:inherit}.srt-quote-actions .srt-settings-primary{white-space:nowrap}.srt-quotes-table td small{line-height:1.45}

/* 1.3.77 — rich flight quote alternatives */
.srt-flight-quote-alt .srt-flight-alt-logos{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:16px}.srt-flight-quote-alt .srt-flight-alt-logos img{width:54px;height:54px;min-height:0;object-fit:contain;border-radius:10px;background:#fff;padding:5px;border:1px solid #e2e9f1}.srt-flight-alt-logo-fallback{font-size:32px}.srt-flight-alt-seg{display:grid;grid-template-columns:auto minmax(150px,1fr) minmax(220px,1.2fr);gap:10px;align-items:center;padding:8px 0;border-top:1px solid #edf1f5}.srt-flight-alt-seg:first-of-type{border-top:0}.srt-flight-alt-direction{font-size:9px;font-weight:850;color:#31537a;background:#eef5ff;padding:4px 7px;border-radius:999px}.srt-flight-alt-seg>div{display:grid;gap:2px}.srt-flight-alt-seg small{color:#728198;font-size:9px}.srt-flight-alt-times{direction:ltr;text-align:left;font-size:9px;color:#334b68}.srt-flight-alt-times strong{font-size:9.5px;overflow-wrap:anywhere}.srt-flight-alt-baggage,.srt-flight-alt-terms{padding:8px 10px;border-radius:9px;background:#f7f9fc;color:#52657d;font-size:9.5px;line-height:1.5}.srt-flight-alt-baggage{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.srt-flight-alt-baggage strong{color:#26466e}.srt-flight-alt-price-lines{display:grid;gap:3px;text-align:start}.srt-flight-alt-price-lines span{display:flex;justify-content:space-between;gap:7px;font-size:8.5px;color:#718096}.srt-flight-alt-price-lines span b{font-size:9px;color:#40546f}.srt-flight-quote-alt .srt-quote-alt-action>small{font-size:9px;color:#77859a}
@media(max-width:820px){.srt-flight-alt-seg{grid-template-columns:auto 1fr}.srt-flight-alt-times{grid-column:2}.srt-flight-quote-alt .srt-flight-alt-logos{min-height:100px}}
@media(max-width:560px){.srt-flight-alt-seg{grid-template-columns:1fr}.srt-flight-alt-direction{justify-self:start}.srt-flight-alt-times{grid-column:auto}}

/* 1.3.77 settlement tax guidance */
.srt-settlement-tax-note{margin:10px 0 14px;padding:11px 12px;border:1px solid #ecdba8;border-radius:10px;background:#fff9e9;color:#66552d;font-size:10px;line-height:1.65}

/* 1.3.157 — commission presentation: one API commission, B2B breakdown retained. */
.srt-commission-one,
.srt-commission-breakdown{display:flex;flex-direction:column;gap:3px;min-width:118px}
.srt-commission-one strong{font-size:13px;color:#163b6e}
.srt-commission-one small{font-size:10px;color:#728197}
.srt-commission-breakdown span{display:flex;align-items:baseline;justify-content:space-between;gap:10px;white-space:nowrap}
.srt-commission-breakdown small{font-size:9px;color:#7a8798;text-transform:uppercase;letter-spacing:.02em}
.srt-commission-breakdown strong{font-size:11px;color:#23364f}

/* 1.3.167 — native ProAgent two-factor / shared sensitive-area step-up */
.srt-2fa-modal{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:18px}
.srt-2fa-backdrop{position:absolute;inset:0;background:rgba(11,25,48,.58);backdrop-filter:blur(4px)}
.srt-2fa-dialog{position:relative;z-index:1;width:min(440px,100%);background:#fff;border:1px solid #dfe7f1;border-radius:20px;padding:24px;box-shadow:0 24px 70px rgba(14,31,58,.24);text-align:start}
.srt-2fa-dialog h2{margin:8px 0 6px;color:#172943;font-size:22px}.srt-2fa-dialog p{margin:0 0 18px;color:#687890;line-height:1.65;font-size:14px}.srt-2fa-dialog small{display:block;margin-top:14px;color:#7b899c;line-height:1.55}
.srt-2fa-icon{width:44px;height:44px;border-radius:14px;background:#f3f7fc;display:flex;align-items:center;justify-content:center;font-size:23px}
.srt-2fa-form{display:flex;flex-direction:column;gap:10px}.srt-2fa-code,.srt-otp-input{direction:ltr!important;text-align:center!important;letter-spacing:.32em!important;font-weight:800!important;font-size:22px!important;font-variant-numeric:tabular-nums}
.srt-2fa-code{min-height:52px;border:1px solid #d6e0eb;border-radius:12px;padding:8px 12px;box-sizing:border-box}.srt-2fa-code:focus{outline:none;border-color:#cb972f;box-shadow:0 0 0 3px rgba(203,151,47,.12)}
.srt-2fa-feedback{min-height:18px;font-size:12px;color:#6f7e91}.srt-2fa-feedback.error{color:#b83a3a}.srt-2fa-feedback.success{color:#267a4a}
.srt-2fa-actions{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:12px;flex-wrap:wrap}.srt-2fa-cancel,.srt-auth-secondary{border:0;background:transparent;color:#67778e;font:inherit;font-weight:750;cursor:pointer;padding:9px 4px}.srt-2fa-cancel:hover,.srt-auth-secondary:hover{color:#1f3558}
.srt-login-otp-resend{text-align:center;margin-top:10px}.srt-2fa-preference{grid-column:1/-1;border:1px solid #e1e8f1;border-radius:14px;padding:14px 16px;background:#f8fafc}.srt-2fa-preference small{display:block;margin-top:6px;color:#738198;line-height:1.55}
@media(max-width:620px){.srt-2fa-dialog{padding:20px;border-radius:16px}.srt-2fa-actions{align-items:stretch}.srt-2fa-actions button{width:100%}}

/* 1.3.236 — regular B2B analytics (separate from ProAgent API analytics). */
.srt-analytics-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 14px}.srt-analytics-kpi{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:18px;box-shadow:0 8px 24px rgba(15,23,42,.04)}.srt-analytics-kpi small{display:block;color:#64748b;font-weight:600;margin-bottom:6px}.srt-analytics-kpi strong{font-size:28px;line-height:1.1;color:#0f172a}.srt-analytics-meta{display:flex;gap:18px;flex-wrap:wrap;margin:0 0 14px;color:#64748b;font-size:13px}.srt-analytics-commission{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 16px}.srt-analytics-commission span{display:flex;flex-direction:column;gap:3px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:10px 13px}.srt-analytics-commission small{color:#64748b}.srt-analytics-commission strong{color:#0f172a}.srt-report-table{width:100%;border-collapse:collapse}.srt-report-table th,.srt-report-table td{padding:11px 12px;border-bottom:1px solid #e5e7eb;text-align:start;white-space:nowrap}.srt-report-table th{font-size:12px;color:#64748b;background:#f8fafc}.srt-table-scroll{overflow:auto}
@media(max-width:900px){.srt-analytics-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.srt-analytics-kpis{grid-template-columns:1fr 1fr}.srt-analytics-kpi{padding:14px}.srt-analytics-kpi strong{font-size:23px}}


/* 1.3.256 — Admin-controlled announcements + non-blocking corner popups. */
.srt-announcement-center{position:relative;display:flex;align-items:center}.srt-announcement-bell{position:relative;border:0;background:transparent;border-radius:10px;min-width:38px;height:38px;font-size:19px;cursor:pointer}.srt-announcement-bell:hover{background:#f2f5f8}.srt-announcement-badge{position:absolute;top:1px;inset-inline-end:0;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#d63638;color:#fff;font-size:10px;line-height:17px;text-align:center;font-weight:700}.srt-announcement-panel{position:fixed;top:var(--srt-ann-panel-top,64px);left:var(--srt-ann-panel-left,12px);right:auto;width:min(390px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:min(680px,calc(100vh - var(--srt-ann-panel-top,64px) - 12px));overflow:hidden;background:#fff;border:1px solid #d9e0e7;border-radius:16px;box-shadow:0 20px 55px rgba(15,29,44,.22);z-index:10050;box-sizing:border-box;display:flex;flex-direction:column}.srt-announcement-panel-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #edf0f4;flex:0 0 auto}.srt-announcement-panel-head button{border:0;background:transparent;font-size:24px;cursor:pointer}.srt-announcement-list{flex:1 1 auto;min-height:0;max-height:none;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.srt-announcement-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border:0;border-bottom:1px solid #eef1f4;background:#fff;padding:13px 15px;text-align:start;cursor:pointer}.srt-announcement-item:hover{background:#f7f9fb}.srt-announcement-item.is-unread{background:#f2f8ff}.srt-announcement-item-copy{min-width:0;flex:1}.srt-announcement-kind{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:2px 7px;margin-bottom:5px;border-radius:999px;background:#eef2f6;color:#52606d;font-size:9px;font-weight:800;line-height:1.4}.srt-announcement-kind.kind-payment{background:#fff4dc;color:#7a5300}.srt-announcement-kind.kind-onboarding,.srt-announcement-kind.kind-agreement{background:#eef5ff;color:#275d9b}.srt-announcement-kind.kind-order{background:#edf8f1;color:#27623f}.srt-announcement-kind.kind-system{background:#f2efff;color:#5a4494}.srt-announcement-item strong{display:block;font-size:13px;margin-bottom:4px;overflow-wrap:anywhere}.srt-announcement-item small{color:#75808d}.srt-announcement-open-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#f4f6f8;color:#334155;flex:0 0 auto}.srt-announcement-open-icon svg{width:16px;height:16px}.srt-announcement-panel[dir="rtl"] .srt-announcement-open-icon svg{transform:scaleX(-1)}.srt-announcement-empty{padding:24px;text-align:center;color:#75808d}.srt-announcement-detail{padding:16px;flex:1 1 auto;min-height:0;max-height:none;overflow:auto;overflow-x:auto;overflow-wrap:anywhere;overscroll-behavior:contain;scrollbar-gutter:stable}.srt-announcement-detail-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.srt-announcement-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:0;background:#f2f5f8;border-radius:10px;color:#334155;cursor:pointer}.srt-announcement-icon-btn:hover{background:#e8edf2}.srt-announcement-icon-btn:disabled{opacity:.55;cursor:wait}.srt-announcement-icon-btn svg{width:18px;height:18px}.srt-announcement-panel[dir="rtl"] .srt-announcement-back svg{transform:scaleX(-1)}.srt-announcement-dismiss{color:#b42318;background:#fff1f0}.srt-announcement-dismiss:hover{background:#ffe3e0}.srt-announcement-detail h3{margin-top:0;margin-bottom:4px}.srt-announcement-time{display:block;color:#75808d;font-size:11px;margin:0 0 12px}.srt-announcement-detail img,.srt-popup-card img{max-width:100%!important;width:auto!important;height:auto!important}.srt-announcement-detail table,.srt-popup-card table{width:100%!important;max-width:100%!important;table-layout:fixed}.srt-announcement-html>*{max-width:100%!important;box-sizing:border-box}.srt-announcement-html{max-width:100%;min-width:0;overflow-x:auto;padding-bottom:6px}.srt-announcement-html p,.srt-announcement-html li,.srt-announcement-html a{white-space:normal!important;overflow-wrap:anywhere;word-break:break-word}.srt-announcement-html pre,.srt-announcement-html code{max-width:100%;overflow:auto}.srt-announcement-html iframe{max-width:100%!important}.srt-popup-host{position:fixed;inset:0;pointer-events:none;z-index:10040}.srt-popup-card{position:fixed;width:min(var(--srt-popup-width,360px),calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:min(70vh,620px);overflow:auto;overflow-x:hidden;background:#fff;border:1px solid #d9e0e7;border-radius:18px;box-shadow:0 20px 55px rgba(15,29,44,.24);padding:16px;pointer-events:auto;overflow-wrap:anywhere;word-break:break-word}.srt-popup-card[data-pos="bottom_right"]{right:18px;bottom:18px}.srt-popup-card[data-pos="bottom_left"]{left:18px;bottom:18px}.srt-popup-card[data-pos="top_right"]{right:18px;top:72px}.srt-popup-card[data-pos="top_left"]{left:18px;top:72px}.srt-popup-card.srt-popup-slide{animation:srtPopupSlide .36s cubic-bezier(.2,.8,.2,1)}.srt-popup-card.srt-popup-fade{animation:srtPopupFade .28s ease}.srt-popup-card.srt-popup-pulse{animation:srtPopupFade .25s ease,srtPopupPulse 1.15s ease .3s 1}.srt-popup-card.srt-popup-motion-float{animation:srtPopupFloatLoop 3.2s ease-in-out infinite}.srt-popup-card.srt-popup-motion-heartbeat{animation:srtPopupHeartbeatLoop 1.8s ease-in-out infinite}.srt-popup-card.srt-popup-motion-glow{animation:srtPopupGlowLoop 2.4s ease-in-out infinite}.srt-popup-card.srt-popup-motion-color_shift{background:linear-gradient(120deg,#fff,#fff7df,#edf7ff,#fff);background-size:300% 300%;animation:srtPopupColorLoop 6s ease infinite}.srt-popup-card.srt-popup-motion-shimmer:after{content:"";position:absolute;inset:-20%;pointer-events:none;background:linear-gradient(110deg,transparent 0,rgba(255,255,255,.04) 38%,rgba(255,255,255,.72) 50%,rgba(255,255,255,.04) 62%,transparent 100%);transform:translateX(-150%);animation:srtPopupShimmerLoop 2.8s ease-in-out infinite}.srt-popup-close{position:absolute;z-index:3;top:9px;inset-inline-end:10px;border:0;background:#f3f5f7;border-radius:50%;width:28px;height:28px;cursor:pointer;font-size:18px}.srt-popup-title,.srt-popup-body{position:relative;z-index:2}.srt-popup-title{font-size:16px;font-weight:800;padding-inline-end:34px;margin:0 0 8px}.srt-popup-body{font-size:13px;line-height:1.55}.srt-popup-body>*:first-child{margin-top:0}.srt-popup-body>*:last-child{margin-bottom:0}@keyframes srtPopupSlide{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}@keyframes srtPopupFade{from{opacity:0}to{opacity:1}}@keyframes srtPopupPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.018)}}@keyframes srtPopupFloatLoop{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes srtPopupHeartbeatLoop{0%,100%{transform:scale(1)}42%{transform:scale(1.018)}58%{transform:scale(.997)}}@keyframes srtPopupGlowLoop{0%,100%{box-shadow:0 20px 55px rgba(15,29,44,.24),0 0 0 rgba(221,161,33,0)}50%{box-shadow:0 24px 62px rgba(15,29,44,.28),0 0 30px rgba(221,161,33,.38)}}@keyframes srtPopupColorLoop{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes srtPopupShimmerLoop{0%,30%{transform:translateX(-150%)}70%,100%{transform:translateX(150%)}}@media(max-width:640px){.srt-announcement-panel{position:fixed;top:64px;left:12px;right:12px;width:auto;max-height:calc(100vh - 76px)}.srt-popup-card{left:12px!important;right:12px!important;bottom:12px!important;top:auto!important;width:auto!important;max-width:none!important;max-height:62vh}}

/* 1.3.267 — Assisted payment terms workspace */
.srt-pay-modal-overlay{position:fixed;inset:0;z-index:999999;background:rgba(13,28,50,.58);display:grid;place-items:center;padding:18px;backdrop-filter:blur(3px)}
.srt-pay-modal{position:relative;width:min(720px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:18px;border:1px solid #dce4ed;box-shadow:0 28px 80px rgba(9,27,52,.28);padding:24px;color:#23354d}
.srt-pay-modal h2{margin:4px 0 6px;font-size:22px}.srt-pay-modal-lead{margin:0 0 16px;color:#66768b}.srt-pay-modal-close{position:absolute;top:10px;inset-inline-end:12px;width:34px;height:34px;border:0;border-radius:50%;background:#f0f4f8;color:#465d78;font-size:22px;cursor:pointer}.srt-pay-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.srt-pay-method-grid label{display:flex;gap:9px;align-items:flex-start;padding:12px;border:1px solid #dfe6ee;border-radius:11px;background:#fbfcfe;cursor:pointer}.srt-pay-method-grid label:has(input:checked){border-color:#6c91bd;background:#f1f7ff}.srt-pay-method-grid input{margin-top:3px}.srt-pay-method-grid strong,.srt-pay-method-grid small{display:block}.srt-pay-method-grid small{margin-top:3px;color:#738196;font-size:11px;line-height:1.45}.srt-pay-note{display:grid;gap:6px;margin-top:14px;font-weight:700}.srt-pay-note textarea{width:100%;border:1px solid #dbe3ec;border-radius:9px;padding:9px}.srt-pay-confirm{display:flex;gap:8px;align-items:flex-start;margin-top:13px;padding:10px;border-radius:9px;background:#fff8e9;color:#655128;font-size:12px}.srt-pay-rule-note{font-size:11px;color:#765b2f;background:#fff8ea;border:1px solid #eeddb4;border-radius:8px;padding:8px 10px}.srt-pay-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.srt-pay-modal-status{margin-top:8px;font-size:12px}.srt-pay-modal-status.is-error,.srt-pay-form-feedback.is-error{color:#a33c49}.srt-pay-modal-status.is-success{color:#1b7658}
.srt-pay-requests{display:grid;gap:14px}.srt-pay-request{border:1px solid #dfe6ee;border-radius:15px;background:#fff;padding:16px;box-shadow:0 4px 16px rgba(20,47,81,.04)}.srt-pay-request>header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.srt-pay-request>header span{font-size:10px;font-weight:800;color:#6f8095}.srt-pay-request>header h2{margin:3px 0;font-size:17px;color:#253a56}.srt-pay-request>header small{color:#7b899a}.srt-pay-status{padding:6px 9px;border-radius:999px;background:#eef5fc;color:#315f91;font-size:10px}.srt-pay-timeline{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:16px 0}.srt-pay-timeline span{display:flex;align-items:center;gap:5px;color:#9aa5b3;font-size:8px}.srt-pay-timeline i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#eef1f5;font-style:normal;font-weight:800}.srt-pay-timeline .is-done{color:#315f91}.srt-pay-timeline .is-done i{background:#dceafb;color:#315f91}.srt-pay-request-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.srt-pay-request-grid>div{padding:10px;border:1px solid #e5eaf0;border-radius:9px;background:#fafbfd}.srt-pay-request-grid small,.srt-pay-request-grid strong{display:block}.srt-pay-request-grid small{color:#7f8a98;font-size:8px}.srt-pay-request-grid strong{margin-top:3px;color:#334960;font-size:10px}.srt-pay-fx{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:11px 0;padding:10px;border-radius:9px;background:#f7fafc}.srt-pay-fx strong{font-size:11px}.srt-pay-fx span{color:#9aa5b3}.srt-pay-fx small{width:100%;color:#8490a0;font-size:8px}.srt-pay-approved{font-size:10px;color:#40566e}.srt-pay-admin-note{margin:12px 0;padding:12px;border-inline-start:3px solid #6f94be;background:#f7faff;border-radius:8px}.srt-pay-admin-note strong{font-size:10px}.srt-pay-admin-note p{margin:5px 0 0;white-space:pre-wrap;color:#58697d;font-size:9px}.srt-pay-doc-list,.srt-pay-final-docs{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0}.srt-pay-doc-list a,.srt-pay-final-docs a{padding:6px 8px;border-radius:7px;background:#f1f5f9;color:#355f8e;text-decoration:none;font-size:9px}.srt-pay-upload-form{display:grid;gap:7px;margin:12px 0;padding:12px;border:1px dashed #ccd8e5;border-radius:10px}.srt-pay-upload-form small,.srt-pay-approval-help{color:#7b899a;font-size:8px}.srt-pay-client-approve{margin-top:4px}.srt-pay-payment-stage{margin-top:14px;padding:14px;border:1px solid #cfddec;border-radius:12px;background:#fbfdff}.srt-pay-payment-stage h3{margin:0 0 10px}.srt-pay-deadline{display:inline-block;margin-bottom:8px;padding:5px 8px;border-radius:999px;background:#fff3d6;color:#765920;font-size:9px}.srt-pay-channel{margin-top:10px;padding:12px;border:1px solid #e1e8ef;border-radius:10px;background:#fff}.srt-pay-channel>strong{display:block;margin-bottom:7px;color:#294663}.srt-pay-bank-box{padding:10px;border-radius:9px;background:#f4f7fa;font-size:9px;line-height:1.7}.srt-pay-bank-form{display:grid;gap:9px;margin-top:10px}.srt-pay-bank-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.srt-pay-bank-form label,.srt-pay-card-fields label{display:grid;gap:4px;color:#53677e;font-size:8px;font-weight:700}.srt-pay-bank-form input,.srt-pay-card-fields input,.srt-pay-card-fields select{width:100%;min-width:0;border:1px solid #dce4ec;border-radius:7px;padding:8px;background:#fff;color:#23354d;font:inherit}.srt-pay-sensitive-note{margin-bottom:9px;padding:8px;border-radius:8px;background:#eef8f4;color:#2d6857;font-size:9px}.srt-pay-card-target{margin-bottom:8px}.srt-pay-card-row{margin:8px 0;padding:10px;border:1px solid #e0e7ef;border-radius:9px;background:#fbfcfe}.srt-pay-card-row-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.srt-pay-card-row-head button{border:0;background:transparent;color:#a34c56;font-size:18px;cursor:pointer}.srt-pay-card-fields{display:grid;grid-template-columns:2fr 2fr .7fr .9fr .7fr 1fr 1fr;gap:7px}.srt-pay-complete{margin-top:12px;padding:12px;border-radius:9px;background:#edf8f3;color:#276550}.srt-pay-legal{margin-top:14px;padding-top:10px;border-top:1px solid #e8edf2;color:#7b8796;font-size:8px;line-height:1.55}
@media(max-width:760px){.srt-pay-method-grid,.srt-pay-bank-fields{grid-template-columns:1fr}.srt-pay-request-grid{grid-template-columns:1fr 1fr}.srt-pay-timeline{grid-template-columns:1fr 1fr}.srt-pay-card-fields{grid-template-columns:1fr 1fr}.srt-pay-request>header{flex-direction:column}.srt-pay-modal{padding:18px}}

/* 1.3.268 — assisted-payment runtime QA polish */
.srt-pay-method-heading{margin:14px 0 9px;font-size:15px;font-weight:850;color:#243b5a}
.srt-pay-success-state{text-align:center;padding:28px 14px 18px}
.srt-pay-success-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 14px;border-radius:50%;background:#edf8f3;color:#1f765a;font-size:28px;font-weight:900}
.srt-pay-success-state h2{margin:0 0 8px;font-size:24px;color:#1d3859}
.srt-pay-success-state p{max-width:520px;margin:0 auto 8px;color:#62738a;line-height:1.65}
.srt-pay-success-state .srt-pay-modal-actions{justify-content:center;margin-top:18px}


/* Assisted-payment operational QA polish — 1.3.269 */
.srt-pay-allocation-tools{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.srt-pay-remaining{margin:8px 0;padding:8px 10px;border-radius:8px;background:#fff8e9;color:#755928;font-size:10px;font-weight:800}
.srt-pay-remaining.is-complete{background:#edf8f3;color:#276550}
.srt-pay-card-fields input[readonly]{background:#eef2f6;color:#66768b;cursor:not-allowed}
.srt-pay-masked-cards{display:grid;gap:7px;margin:10px 0}
.srt-pay-masked-card{display:grid;grid-template-columns:minmax(85px,.7fr) minmax(120px,1fr) minmax(100px,.7fr) minmax(90px,.7fr) minmax(115px,.9fr);align-items:center;gap:8px;padding:9px 10px;border:1px solid #dfe6ee;border-radius:9px;background:#f7f9fc;font-size:9px}
.srt-pay-masked-card.is-success{background:#edf8f3;border-color:#cce8db}.srt-pay-masked-card.is-failed{background:#fff1f2;border-color:#efc9cf}.srt-pay-masked-card small{grid-column:1/-1;color:#7a5860}
.srt-pay-channel-result{margin:8px 0;padding:8px 10px;border-radius:8px;font-size:9px;font-weight:750}.srt-pay-channel-result.is-success{background:#edf8f3;color:#276550}.srt-pay-channel-result.is-pending{background:#eef5fc;color:#315f91}.srt-pay-channel-result.is-failed{background:#fff1f2;color:#963e4b}
.srt-pay-replacement{margin-top:12px;padding-top:10px;border-top:1px dashed #d9e2eb}
.srt-pay-messages{margin-top:14px;padding:12px;border:1px solid #dfe6ee;border-radius:10px;background:#fbfcfe}.srt-pay-messages h3{margin:0 0 9px}.srt-pay-message{margin:7px 0;padding:9px 10px;border-radius:8px;background:#f2f5f8}.srt-pay-message.is-admin{border-inline-start:3px solid #6f94be;background:#f4f8fd}.srt-pay-message strong,.srt-pay-message small{display:block}.srt-pay-message small{margin-top:2px;color:#8490a0;font-size:8px}.srt-pay-message p{margin:5px 0 0;white-space:pre-wrap;font-size:9px}.srt-pay-message-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}.srt-pay-message-form textarea{min-width:0;border:1px solid #dce4ec;border-radius:8px;padding:8px;resize:vertical}.srt-pay-message-form .srt-pay-form-feedback{grid-column:1/-1}
.srt-pay-request-actions,.srt-pay-post-booking{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.srt-pay-request-actions small,.srt-pay-post-booking small{width:100%;color:#7b899a;font-size:8px}.srt-pay-danger{border-color:#e3aeb6!important;color:#963e4b!important}.srt-central-assisted-pending{display:inline-flex;padding:5px 8px;border-radius:999px;background:#fff3d6;color:#765920}
@media(max-width:760px){.srt-pay-masked-card{grid-template-columns:1fr 1fr}.srt-pay-message-form{grid-template-columns:1fr}.srt-pay-message-form .srt-pay-form-feedback{grid-column:auto}}

/* 1.3.270 — assisted-payment mail/card QA */
.srt-pay-card-row-tools{display:flex;align-items:center;gap:7px}.srt-pay-test-card{border:1px solid #bfd3ea;background:#f5f9ff;color:#315f91;border-radius:7px;padding:5px 8px;font:700 9px inherit;cursor:pointer}.srt-pay-sandbox-card-note{margin:0 0 9px;padding:8px 10px;border:1px solid #cfe2f5;border-radius:8px;background:#f3f8fe;color:#345d86;font-size:9px;line-height:1.55}.srt-pay-interest-warning{display:block;margin-top:7px;padding:8px 10px;border:1px solid #efcf95;border-radius:8px;background:#fff7e7;color:#7a5317;font-size:9px;line-height:1.55;font-weight:750}.srt-pay-interest-warning[hidden]{display:none}.srt-pay-card-estimate{display:block;margin-top:7px;color:#60738a;font-size:9px;line-height:1.5}

/* 1.3.274 — B2B onboarding agreement gate + shared training calendar. */
.srt-onboarding-gate{min-height:100vh;background:#eef3f8;display:flex;align-items:flex-start;justify-content:center;padding:48px 18px;font-family:var(--srt-font,Arial,sans-serif)}
.srt-onboarding-card{width:min(980px,100%);background:#fff;border:1px solid #dbe4ee;border-radius:24px;box-shadow:0 18px 55px rgba(16,25,46,.08);padding:34px}.srt-onboarding-logo{display:block;max-width:170px;max-height:58px;margin:0 auto 20px}.srt-onboarding-card h1{text-align:center;color:#15213c;margin:0 0 10px}.srt-onboarding-card>p{text-align:center;color:#66758a}.srt-onboarding-contract{max-height:48vh;overflow:auto;border:1px solid #e2e7ee;border-radius:16px;padding:22px;background:#fbfcfe;margin:22px 0;line-height:1.75}.srt-onboarding-fields{display:grid;gap:12px}.srt-onboarding-fields label:not(.srt-onboarding-accept){display:grid;gap:6px;font-weight:700;color:#33425b}.srt-onboarding-fields input[type=text],.srt-onboarding-fields input[type=email]{border:1px solid #cdd7e3;border-radius:10px;padding:11px 12px}.srt-onboarding-accept{display:flex;gap:8px;align-items:flex-start}.srt-onboarding-fields canvas{width:100%;height:150px;border:1px dashed #9fb1c7;border-radius:12px;background:#fff;touch-action:none}.srt-onboarding-primary{border:0;border-radius:12px;padding:14px 22px;background:#173f79;color:#fff;font-weight:800;cursor:pointer}.srt-onboarding-warning{padding:16px;border:1px solid #e7c66a;background:#fff8e5;border-radius:12px;color:#795817}
.srt-training-app{max-width:1100px;margin:0 auto;padding:8px}.srt-training-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.srt-training-head h2{margin:0;color:#15213c}.srt-training-card{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;border:1px solid #dfe6ef;background:#fff;border-radius:16px;padding:18px;margin:10px 0;box-shadow:0 5px 18px rgba(16,25,46,.04)}.srt-training-card h3{margin:4px 0 7px;color:#173f79}.srt-training-card p{margin:0 0 8px;color:#64728a}.srt-training-card small{display:block;color:#7b8798;margin-top:4px}.srt-training-type{display:inline-block;font-size:11px;font-weight:800;background:#fff3cf;color:#8a650d;border-radius:999px;padding:4px 8px}.srt-training-register,.srt-training-cancel{border:0;border-radius:10px;padding:11px 16px;font-weight:800;cursor:pointer}.srt-training-register{background:#173f79;color:#fff}.srt-training-cancel{background:#f1f4f8;color:#33425b}.srt-training-link{display:inline-block;margin-top:10px;font-weight:800;color:#1764c0;text-decoration:none}@media(max-width:700px){.srt-onboarding-card{padding:20px}.srt-training-card{grid-template-columns:1fr}.srt-training-card>div:last-child{display:flex;justify-content:stretch}.srt-training-register,.srt-training-cancel{width:100%}}

/* 1.3.315 — compact complete Multi-City dates in Quotes. */
.srt-quote-flight-date{display:block;white-space:nowrap;font-size:.72rem;line-height:1.45}

/* 1.3.320 — agent-selected holiday overlays. Informational only. */
.srt-holiday-overlay-host{position:relative!important}
.srt-holiday-overlay-dot{position:absolute;inset-inline-end:4px;bottom:3px;width:6px;height:6px;border-radius:50%;pointer-events:none;z-index:3;box-shadow:0 0 0 1.5px rgba(255,255,255,.92)}
/* Hotel Price Index calendars use the whole date cell as the holiday signal.
 * Lavender is deliberately outside the low/typical/high price palette, so the
 * existing green/amber/red Price Index dot remains independently readable. */
.srt-holiday-overlay-background:not(.is-selected):not(.is-in-range):not(:disabled){background:#f1edfb!important}
.srt-holiday-overlay-background:not(.is-selected):not(.is-in-range):not(:disabled):hover{background:#e9e2f8!important}
.srt-holiday-overlay-background:disabled{background:#f8f6fc!important}
.srt-holiday-country-box{margin-top:10px;border:1px solid var(--srt-line);border-radius:10px;padding:10px;max-height:210px;overflow:auto;background:var(--srt-card)}
.srt-holiday-country-search{width:100%;margin-top:8px}
.srt-holiday-country-box label{display:flex!important;align-items:center;gap:8px;padding:5px 3px;margin:0!important}
.srt-holiday-country-box label.is-hidden{display:none!important}


/* 1.3.330 — agent-controlled local Payment Terms allocation */
.srt-pay-agent-allocation{margin:12px 0;padding:12px;border:1px solid #cbdbea;border-radius:10px;background:#f5f9fd}
.srt-pay-agent-allocation>strong{display:block;color:#244866;margin-bottom:6px}
.srt-pay-agent-allocation p{margin:5px 0 10px;color:#586d84;font-size:9px;line-height:1.55}
.srt-pay-agent-allocation label{display:grid;gap:5px;max-width:340px;color:#405970;font-size:9px;font-weight:700}
.srt-pay-agent-allocation input{width:100%;border:1px solid #d4e0ea;border-radius:8px;padding:9px;background:#fff}
.srt-pay-allocation-summary{display:flex;flex-wrap:wrap;gap:10px;margin-top:9px}
.srt-pay-allocation-summary span{padding:7px 9px;border-radius:8px;background:#fff;border:1px solid #e0e8ef;font-size:9px}
.srt-pay-agent-allocation>small{display:block;margin-top:8px;color:#7d8b9a;font-size:8px}
.srt-pay-agent-allocation.is-locked{background:#eef8f3;border-color:#cfe5d8}